10
index.html
@@ -9,11 +9,11 @@
|
|||||||
<meta name="msapplication-tap-highlight" content="no">
|
<meta name="msapplication-tap-highlight" content="no">
|
||||||
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<% if (ctx.mode.cordova || ctx.mode.capacitor) { %>, viewport-fit=cover<% } %>">
|
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<% if (ctx.mode.cordova || ctx.mode.capacitor) { %>, viewport-fit=cover<% } %>">
|
||||||
|
|
||||||
<link rel="icon" type="image/png" sizes="128x128" href="icons/favicon-128x128.png">
|
|
||||||
<link rel="icon" type="image/png" sizes="96x96" href="icons/favicon-96x96.png">
|
<link rel="icon" href="icons/favicon.svg" type="image/svg+xml">
|
||||||
<link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png">
|
<link rel="icon" type="image/ico" href="icons/favicon.ico">
|
||||||
<link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png">
|
<link rel="apple-touch-icon" href="icons/apple-touch-icon.png">
|
||||||
<link rel="icon" type="image/ico" href="favicon.ico">
|
<link rel="manifest" href="manifest.webmanifest">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<!-- quasar:entry-point -->
|
<!-- quasar:entry-point -->
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
{
|
{
|
||||||
"name": "projectsnodelandingpage",
|
"name": "tgCrewLandingPage",
|
||||||
"version": "0.0.1",
|
"version": "0.0.1",
|
||||||
"description": "A Quasar Project",
|
"description": "Landing Page for telegram mini app tgCrew",
|
||||||
"productName": "LandingPage",
|
"productName": "tgCrew",
|
||||||
"author": "AlexMart",
|
"author": "AlexMart",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"private": true,
|
"private": true,
|
||||||
|
|||||||
BIN
public/icons/android-chrome-192x192.png
Normal file
|
After Width: | Height: | Size: 24 KiB |
BIN
public/icons/android-chrome-512x512.png
Normal file
|
After Width: | Height: | Size: 146 KiB |
BIN
public/icons/apple-touch-icon.png
Normal file
|
After Width: | Height: | Size: 27 KiB |
|
Before Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 859 B After Width: | Height: | Size: 705 B |
|
Before Width: | Height: | Size: 2.0 KiB After Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 9.4 KiB |
BIN
public/icons/favicon.ico
Normal file
|
After Width: | Height: | Size: 15 KiB |
67
public/icons/favicon.svg
Normal file
@@ -0,0 +1,67 @@
|
|||||||
|
<svg
|
||||||
|
|
||||||
|
viewBox="0 0 8.4666662 8.4666662"
|
||||||
|
width="32"
|
||||||
|
height="32"
|
||||||
|
version="1.1"
|
||||||
|
id="svg1"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<defs id="defs1" />
|
||||||
|
<g id="layer1">
|
||||||
|
<rect
|
||||||
|
style="fill: #27A7E7 ;stroke-width:0.233149"
|
||||||
|
id="rect5"
|
||||||
|
width="6.9885192"
|
||||||
|
height="0.35581663"
|
||||||
|
x="3.114475"
|
||||||
|
y="0.86827624"
|
||||||
|
transform="matrix(0.77578367,0.63099897,-0.77578367,0.63099897,0,0)"
|
||||||
|
/>
|
||||||
|
<rect
|
||||||
|
style="fill: #27A7E7 ;stroke-width:0.24961"
|
||||||
|
id="rect5-7"
|
||||||
|
width="7.4819207"
|
||||||
|
height="0.3809379"
|
||||||
|
x="-3.9267058"
|
||||||
|
y="5.7988153"
|
||||||
|
transform="matrix(-0.70756824,0.70664502,0.70756824,0.70664502,0,0)"
|
||||||
|
/>
|
||||||
|
<circle
|
||||||
|
style="fill: #27A7E7 ;stroke-width:0.134869"
|
||||||
|
id="path5-8"
|
||||||
|
cx="1.5875"
|
||||||
|
cy="6.8791666"
|
||||||
|
r="1.0583333"
|
||||||
|
/>
|
||||||
|
<circle
|
||||||
|
style="fill: #27A7E7 ;stroke-width:0.168586"
|
||||||
|
id="path5-8-5"
|
||||||
|
cx="7.1437502"
|
||||||
|
cy="7.1437502"
|
||||||
|
r="1.3229166"
|
||||||
|
/>
|
||||||
|
<circle
|
||||||
|
style="fill: #27A7E7 ;stroke-width:0.118011"
|
||||||
|
id="path5-8-5-1"
|
||||||
|
cx="1.4552083"
|
||||||
|
cy="2.5135417"
|
||||||
|
r="0.92604166"
|
||||||
|
/>
|
||||||
|
<circle
|
||||||
|
style="fill: #27A7E7 ;stroke-width:0.101152"
|
||||||
|
id="path5-8-5-1-7"
|
||||||
|
cx="7.1437502"
|
||||||
|
cy="1.3229166"
|
||||||
|
r="0.79374999"
|
||||||
|
/>
|
||||||
|
<circle
|
||||||
|
style="fill: #F36D3A; stroke-width:0.23602"
|
||||||
|
id="path5"
|
||||||
|
cx="3.96875"
|
||||||
|
cy="4.4979167"
|
||||||
|
r="1.8520833"
|
||||||
|
/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.7 KiB |
1
public/icons/site.webmanifest
Normal file
@@ -0,0 +1 @@
|
|||||||
|
{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
|
||||||
@@ -31,7 +31,7 @@ export default defineConfig((ctx) => {
|
|||||||
// 'line-awesome',
|
// 'line-awesome',
|
||||||
// 'roboto-font-latin-ext', // this or either 'roboto-font', NEVER both!
|
// 'roboto-font-latin-ext', // this or either 'roboto-font', NEVER both!
|
||||||
|
|
||||||
'roboto-font', // optional, you are not bound to it
|
// 'roboto-font', // optional, you are not bound to it
|
||||||
'material-icons', // optional, you are not bound to it
|
'material-icons', // optional, you are not bound to it
|
||||||
],
|
],
|
||||||
|
|
||||||
@@ -94,7 +94,8 @@ export default defineConfig((ctx) => {
|
|||||||
|
|
||||||
// https://v2.quasar.dev/quasar-cli-vite/quasar-config-file#framework
|
// https://v2.quasar.dev/quasar-cli-vite/quasar-config-file#framework
|
||||||
framework: {
|
framework: {
|
||||||
config: {},
|
config: {
|
||||||
|
},
|
||||||
|
|
||||||
// iconSet: 'material-icons', // Quasar icon set
|
// iconSet: 'material-icons', // Quasar icon set
|
||||||
// lang: 'en-US', // Quasar language pack
|
// lang: 'en-US', // Quasar language pack
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="flex row items-center no-wrap">
|
<div class="flex row items-center no-wrap">
|
||||||
<svg
|
<svg
|
||||||
class="iconcolor q-mr-sm"
|
class="iconcolor q-mr-xs"
|
||||||
viewBox="0 0 8.4666662 8.4666662"
|
viewBox="0 0 8.4666662 8.4666662"
|
||||||
width="32"
|
width="32"
|
||||||
height="32"
|
height="32"
|
||||||
@@ -68,11 +68,11 @@
|
|||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
|
|
||||||
<span class="text-h4 q-pr-xs text-brand" style="color: var(--logo-color-bg-white);">
|
<span class="text-h4 text-brand" style="color: var(--logo-color-bg-white);">
|
||||||
tg
|
tg
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<span class="text-h4 text-brand2 text-bold q-pa-0">
|
<span class="text-h4 text-brand2 text-bold q-pa-0">
|
||||||
Crew
|
Crew
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
@@ -105,7 +105,7 @@
|
|||||||
@keyframes blink {
|
@keyframes blink {
|
||||||
100%,
|
100%,
|
||||||
0% {
|
0% {
|
||||||
fill: #f8b59b;
|
fill: #fa9e7a;
|
||||||
}
|
}
|
||||||
60% {
|
60% {
|
||||||
fill: #F36D3A;
|
fill: #F36D3A;
|
||||||
|
|||||||
@@ -47,7 +47,7 @@
|
|||||||
dense
|
dense
|
||||||
>
|
>
|
||||||
<q-item-section avatar>
|
<q-item-section avatar>
|
||||||
<q-avatar text-color="brand">
|
<q-avatar text-color="brand2">
|
||||||
<q-icon v-if="item.icon" :name="item.icon" size="md"/>
|
<q-icon v-if="item.icon" :name="item.icon" size="md"/>
|
||||||
<span v-else class="text-bold">{{ item.text }}</span>
|
<span v-else class="text-bold">{{ item.text }}</span>
|
||||||
</q-avatar>
|
</q-avatar>
|
||||||
|
|||||||
@@ -28,4 +28,9 @@ $base-width: 100;
|
|||||||
.main-content {
|
.main-content {
|
||||||
max-width: var(--body-width) !important;
|
max-width: var(--body-width) !important;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'myFont';
|
||||||
|
src: url(./fonts/OpenSans-Regular.woff2);
|
||||||
|
}
|
||||||
|
|||||||
BIN
src/css/fonts/Lato-Regular.woff2
Normal file
BIN
src/css/fonts/OpenSans-Regular.woff2
Normal file
BIN
src/css/fonts/Ubuntu-Regular.woff2
Normal file
@@ -23,3 +23,16 @@ $positive : #21BA45;
|
|||||||
$negative : #C10015;
|
$negative : #C10015;
|
||||||
$info : #31CCEC;
|
$info : #31CCEC;
|
||||||
$warning : #F2C037;
|
$warning : #F2C037;
|
||||||
|
|
||||||
|
$typography-font-family : 'myFont', Roboto !default;
|
||||||
|
|
||||||
|
body, html, #q-app {
|
||||||
|
font-family: $typography-font-family;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Гарантируем наследование для всех элементов */
|
||||||
|
* {
|
||||||
|
font-family: inherit;
|
||||||
|
}
|
||||||
|
|||||||