Skip to content

Commit

Permalink
chore: formatting with prettier;
Browse files Browse the repository at this point in the history
  • Loading branch information
@migbash
migbash committed Feb 13, 2023
1 parent 25dba97 commit 829b539
Show file tree
Hide file tree
Showing 356 changed files with 63,075 additions and 47,661 deletions.
142 changes: 76 additions & 66 deletions src/app.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,9 +31,9 @@ body {
MOBILE
disable pinchin & user zooming on */
/* touch-action: pan-x pan-y; */
/*
/*
SAFARI */
-webkit-text-size-adjust: none;
-webkit-text-size-adjust: none;
}

* {
Expand All @@ -53,16 +53,16 @@ https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties */
/*
main app colors */
--white: #ffffff;
--whitev2: #F2F2F2;
--whitev2: #f2f2f2;
--primary: #f5620f;
--primary-fade: #F77C42;
--primary-fade: #f77c42;
--secondary: #37474f;
--blue: #0085ff;
--red: #c62828;
--red-bright: #FF3C3C;
--red-bright: #ff3c3c;
--theme-color: #e3e3e3;
--grey-color: #E6E6E6;
--grey-shade: #CCCCCC;
--grey-color: #e6e6e6;
--grey-shade: #cccccc;
/*
dark theme colors */
--black: #000000;
Expand All @@ -76,9 +76,9 @@ https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties */
--mobile: 375;
--tablet: 767;
--desktop: 1440;
/*
/*
other [fades] */
--oragne-pale-bg: rgba(247, 124, 66, 0.2);
--oragne-pale-bg: rgba(247, 124, 66, 0.2);
}

a {
Expand All @@ -103,39 +103,39 @@ p {
/* DEFAULT BETARENA CSS VALUES */

h1 {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 140%;
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 140%;
}
h2 {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 150%;
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 150%;
}
h3 {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 150%;
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 150%;
}
h4 {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 150%;
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 150%;
}
h5 {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 150%;
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 150%;
}

/*
Expand All @@ -146,7 +146,7 @@ FONT COLOURS
color: #f5620f !important;
}
.color-black-2 {
color: var(--dark-theme);
color: var(--dark-theme);
}
.color-secondary {
color: var(--secondary);
Expand All @@ -170,7 +170,10 @@ FONT COLOURS
color: var(--grey-shade);
}
.color-blue-green-gradient {
background: -webkit-linear-gradient(rgba(0, 255, 117, 1), rgba(0, 163, 255, 1));
background: -webkit-linear-gradient(
rgba(0, 255, 117, 1),
rgba(0, 163, 255, 1)
);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
Expand Down Expand Up @@ -204,12 +207,12 @@ FONT EXTRA STYLES
.text-center {
text-align: center;
text-align: -webkit-center;
text-align: -moz-center;
text-align: -moz-center;
}
.text-left {
text-align: left;
text-align: -webkit-left;
text-align: -moz-left;
text-align: -moz-left;
}
.place-center {
place-self: center;
Expand All @@ -221,7 +224,7 @@ FONT EXTRA STYLES
cursor: not-allowed !important;
}
.display-none {
display: none;
display: none;
}
/*
~~~~~~~~~~~~
Expand Down Expand Up @@ -506,13 +509,13 @@ section {
flex-wrap: nowrap;
}
.row-space-out-top {
display: flex;
align-items: flex-start;
justify-content: space-between;
width: 100%;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
display: flex;
align-items: flex-start;
justify-content: space-between;
width: 100%;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
}
.row-space-center {
display: flex;
Expand Down Expand Up @@ -656,26 +659,29 @@ BUTTON STYLES

.btn-primary-v2 {
background: var(--primary);
border-radius: 8px;
padding: 11.5px 24px;
height: 44px;
border-radius: 8px;
padding: 11.5px 24px;
height: 44px;
color: var(--white);
} .btn-primary-v2:hover {
background-color: var(--primary-fade);
}
.btn-primary-v2:hover {
background-color: var(--primary-fade);
}

.btn-hollow {
background: transparent;
border: 1px solid var(--grey-color) !important;
border-radius: 8px;
padding: 11.5px 20px;
height: 44px;
border: 1px solid var(--grey-color) !important;
border-radius: 8px;
padding: 11.5px 20px;
height: 44px;
color: var(--dark-theme);
} .btn-hollow:hover {
border: 1px solid var(--primary) !important;
}
.btn-hollow:hover {
border: 1px solid var(--primary) !important;
color: var(--primary);
} .btn-hollow.danger {
border: 1px solid var(--red) !important;
}
.btn-hollow.danger {
border: 1px solid var(--red) !important;
}

/*
Expand Down Expand Up @@ -777,7 +783,8 @@ ANIMATIONS FORM CSS STYLE
}
}
.animation-target {
-webkit-animation: flickerAnimation 1.5s infinite;
-webkit-animation: flickerAnimation 1.5s
infinite;
-moz-animation: flickerAnimation 1.5s infinite;
-o-animation: flickerAnimation 1.5s infinite;
animation: flickerAnimation 1.5s infinite;
Expand All @@ -793,7 +800,9 @@ DARK-MODE FORM CSS STYLE
background-color: var(--dark-theme) !important;
}
.dark-background-1 {
background-color: var(--dark-theme-1) !important;
background-color: var(
--dark-theme-1
) !important;
}

.dark-background-1 .color-grey {
Expand All @@ -807,15 +816,16 @@ DARK-MODE FORM CSS STYLE
/* ... MOBILE VIEW OVERFLOW HIDDEN ... */

@media only screen and (max-width: 375px) {
html, body {
html,
body {
overflow-x: hidden;
}
}

/* ... zoom-out-mobiles-input-form ... */
/* https://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone */
@supports (-webkit-overflow-scrolling: touch) {
input:active {
font-size: 16px !important;
}
}
input:active {
font-size: 16px !important;
}
}
108 changes: 84 additions & 24 deletions src/app.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,48 +2,108 @@
<html lang="%lang%">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, user-scalable=yes"
/>
<meta name="theme-color" content="#292929" />
<!--
[ℹ] Website Icons & Favicons
-->
<link rel="icon" type="image/png" href="/assets/img/favicon/48x48.png" sizes="48x48" />
<link rel="icon" type="image/png" href="/assets/img/favicon/57x57.png" sizes="57x57" />
<link rel="icon" type="image/png" href="/assets/img/favicon/72x72.png" sizes="72x72" />
<link
rel="icon"
type="image/png"
href="/assets/img/favicon/48x48.png"
sizes="48x48"
/>
<link
rel="icon"
type="image/png"
href="/assets/img/favicon/57x57.png"
sizes="57x57"
/>
<link
rel="icon"
type="image/png"
href="/assets/img/favicon/72x72.png"
sizes="72x72"
/>
<!-- https://web.dev/codelab-apple-touch-icon/#:~:text=Safari%20for%20iOS%20users%20can,touch%20icon%20to%20a%20PWA. -->
<link rel="apple-touch-icon" href="/assets/img/pwa/180x180 (iOS).png" sizes="180x180" />
<link
rel="apple-touch-icon"
href="/assets/img/pwa/180x180 (iOS).png"
sizes="180x180"
/>
<!--
[ℹ] PWA - MANIFEST
-->
<link rel="manifest" crossorigin="use-credentials" href="/manifest.json" />
<link
rel="manifest"
crossorigin="use-credentials"
href="/manifest.json"
/>
<!--
[ℹ] Website Fonts
-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<!--
<link
rel="preconnect"
href="https://fonts.googleapis.com"
/>
<link
rel="preconnect"
href="https://fonts.gstatic.com"
crossorigin
/>
<link
href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
rel="stylesheet"
/>
<!--
[ℹ] ANALYTICS TAGS
<-contents->
[ℹ] YANDEX - ORIGINAL
[ℹ] GOOGLE V1 - ORIGINAL
[ℹ] GOOGLE V2 - NONCE BASED
-->
<script type='text/javascript'>
window.smartlook||(function(d) {
var o=smartlook=function(){ o.api.push(arguments)},h=d.getElementsByTagName('head')[0];
var c=d.createElement('script');o.api=new Array();c.async=true;c.type='text/javascript';
c.charset='utf-8';c.src='https://web-sdk.smartlook.com/recorder.js';h.appendChild(c);
})(document);
smartlook('init', 'd532d8ff8750a3614eebabdb41c0964ba3623154', { region: 'eu' });
</script>
<!-- V2 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-60160331-9"></script>
<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'UA-60160331-9');</script>

<script type="text/javascript">
window.smartlook ||
(function (d) {
var o = (smartlook = function () {
o.api.push(arguments);
}),
h = d.getElementsByTagName('head')[0];
var c = d.createElement('script');
o.api = new Array();
c.async = true;
c.type = 'text/javascript';
c.charset = 'utf-8';
c.src =
'https://web-sdk.smartlook.com/recorder.js';
h.appendChild(c);
})(document);
smartlook(
'init',
'd532d8ff8750a3614eebabdb41c0964ba3623154',
{ region: 'eu' }
);
</script>
<!-- V2 -->
<script
async
src="https://www.googletagmanager.com/gtag/js?id=UA-60160331-9"
></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-60160331-9');
</script>

%sveltekit.head%
</head>
<body class='no-scrollbar'>
<body class="no-scrollbar">
<div id="svelte">%sveltekit.body%</div>
</body>
</html>
</html>
Loading

0 comments on commit 829b539

Please sign in to comment.