Update custom-head.blade.php
This commit is contained in:
Frank authored and GitHub committed
1 parent
86dd6acead
commit
aaf65e99af
1 file changed
+158
-31
+158
-31
@@ -19,42 +19,169 @@ Down below, you can find a few examples using this function:
|
||||
--}}
|
||||
|
||||
<style>
|
||||
@font-face{font-family:'mctit';src:url('{{themeAsset('mctitle.ttf')}}')}
|
||||
@font-face{font-family:'mctxt';src:url('{{themeAsset('mctitle.ttf')}}')}
|
||||
/* cyrillic */
|
||||
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400;
|
||||
font-stretch: 100%; src: url('{{themeAsset('inter-cyrillic-400-normal.woff2')}}'), url('{{themeAsset('inter-cyrillic-400-normal.woff')}}');
|
||||
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
|
||||
}
|
||||
/* cyrillic-ext */
|
||||
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400;
|
||||
font-stretch: 100%; src: url('{{themeAsset('inter-cyrillic-ext-400-normal.woff2')}}'), url('{{themeAsset('inter-cyrillic-ext-400-normal.woff')}}');
|
||||
unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
|
||||
}
|
||||
/* greek */
|
||||
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400;
|
||||
font-stretch: 100%; src: url('{{themeAsset('inter-greek-400-normal.woff2')}}'), url('{{themeAsset('inter-greek-400-normal.woff')}}');
|
||||
unicode-range: U+0370-03FF;
|
||||
}
|
||||
/* greek-ext */
|
||||
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400;
|
||||
font-stretch: 100%; src: url('{{themeAsset('inter-greek-ext-400-normal.woff2')}}'), url('{{themeAsset('inter-greek-ext-400-normal.woff')}}');
|
||||
unicode-range: U+1F00-1FFF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400;
|
||||
font-stretch: 100%; src: url('{{themeAsset('inter-latin-400-normal.woff2')}}'), url('{{themeAsset('inter-latin-400-normal.woff')}}');
|
||||
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400;
|
||||
font-stretch: 100%; src: url('{{themeAsset('inter-latin-ext-400-normal.woff2')}}'), url('{{themeAsset('inter-latin-ext-400-normal.woff')}}');
|
||||
unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400;
|
||||
font-stretch: 100%; src: url('{{themeAsset('inter-vietnamese-400-normal.woff2')}}'), url('{{themeAsset('inter-vietnamese-400-normal.woff')}}');
|
||||
unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
|
||||
}
|
||||
/* cyrillic */
|
||||
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500;
|
||||
font-stretch: 100%; src: url('{{themeAsset('inter-cyrillic-500-normal.woff2')}}'), url('{{themeAsset('inter-cyrillic-500-normal.woff')}}');
|
||||
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
|
||||
}
|
||||
/* cyrillic-ext */
|
||||
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500;
|
||||
font-stretch: 100%; src: url('{{themeAsset('inter-cyrillic-ext-500-normal.woff2')}}'), url('{{themeAsset('inter-cyrillic-ext-500-normal.woff')}}');
|
||||
unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
|
||||
}
|
||||
/* greek */
|
||||
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500;
|
||||
font-stretch: 100%; src: url('{{themeAsset('inter-greek-500-normal.woff2')}}'), url('{{themeAsset('inter-greek-500-normal.woff')}}');
|
||||
unicode-range: U+0370-03FF;
|
||||
}
|
||||
/* greek-ext */
|
||||
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500;
|
||||
font-stretch: 100%; src: url('{{themeAsset('inter-greek-ext-500-normal.woff2')}}'), url('{{themeAsset('inter-greek-ext-500-normal.woff')}}');
|
||||
unicode-range: U+1F00-1FFF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500;
|
||||
font-stretch: 100%; src: url('{{themeAsset('inter-latin-500-normal.woff2')}}'), url('{{themeAsset('inter-latin-500-normal.woff')}}');
|
||||
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500;
|
||||
font-stretch: 100%; src: url('{{themeAsset('inter-latin-ext-500-normal.woff2')}}'), url('{{themeAsset('inter-latin-ext-500-normal.woff')}}');
|
||||
unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500;
|
||||
font-stretch: 100%; src: url('{{themeAsset('inter-vietnamese-500-normal.woff2')}}'), url('{{themeAsset('inter-vietnamese-500-normal.woff')}}');
|
||||
unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
|
||||
}
|
||||
/* cyrillic */
|
||||
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600;
|
||||
font-stretch: 100%; src: url('{{themeAsset('inter-cyrillic-600-normal.woff2')}}'), url('{{themeAsset('inter-cyrillic-600-normal.woff')}}');
|
||||
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
|
||||
}
|
||||
/* cyrillic-ext */
|
||||
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600;
|
||||
font-stretch: 100%; src: url('{{themeAsset('inter-cyrillic-ext-600-normal.woff2')}}'), url('{{themeAsset('inter-cyrillic-ext-600-normal.woff')}}');
|
||||
unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
|
||||
}
|
||||
/* greek */
|
||||
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600;
|
||||
font-stretch: 100%; src: url('{{themeAsset('inter-greek-600-normal.woff2')}}'), url('{{themeAsset('inter-greek-600-normal.woff')}}');
|
||||
unicode-range: U+0370-03FF;
|
||||
}
|
||||
/* greek-ext */
|
||||
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600;
|
||||
font-stretch: 100%; src: url('{{themeAsset('inter-greek-ext-600-normal.woff2')}}'), url('{{themeAsset('inter-greek-ext-600-normal.woff')}}');
|
||||
unicode-range: U+1F00-1FFF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600;
|
||||
font-stretch: 100%; src: url('{{themeAsset('inter-latin-600-normal.woff2')}}'), url('{{themeAsset('inter-latin-600-normal.woff')}}');
|
||||
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600;
|
||||
font-stretch: 100%; src: url('{{themeAsset('inter-latin-ext-600-normal.woff2')}}'), url('{{themeAsset('inter-latin-ext-600-normal.woff')}}');
|
||||
unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600;
|
||||
font-stretch: 100%; src: url('{{themeAsset('inter-vietnamese-600-normal.woff2')}}'), url('{{themeAsset('inter-vietnamese-600-normal.woff')}}');
|
||||
unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
|
||||
}
|
||||
/* cyrillic */
|
||||
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700;
|
||||
font-stretch: 100%; src: url('{{themeAsset('inter-cyrillic-700-normal.woff2')}}'), url('{{themeAsset('inter-cyrillic-700-normal.woff')}}');
|
||||
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
|
||||
}
|
||||
/* cyrillic-ext */
|
||||
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700;
|
||||
font-stretch: 100%; src: url('{{themeAsset('inter-cyrillic-ext-700-normal.woff2')}}'), url('{{themeAsset('inter-cyrillic-ext-700-normal.woff')}}');
|
||||
unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
|
||||
}
|
||||
/* greek */
|
||||
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700;
|
||||
font-stretch: 100%; src: url('{{themeAsset('inter-greek-700-normal.woff2')}}'), url('{{themeAsset('inter-greek-700-normal.woff')}}');
|
||||
unicode-range: U+0370-03FF;
|
||||
}
|
||||
/* greek-ext */
|
||||
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700;
|
||||
font-stretch: 100%; src: url('{{themeAsset('inter-greek-ext-700-normal.woff2')}}'), url('{{themeAsset('inter-greek-ext-700-normal.woff')}}');
|
||||
unicode-range: U+1F00-1FFF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700;
|
||||
font-stretch: 100%; src: url('{{themeAsset('inter-latin-700-normal.woff2')}}'), url('{{themeAsset('inter-latin-700-normal.woff')}}');
|
||||
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700;
|
||||
font-stretch: 100%; src: url('{{themeAsset('inter-latin-ext-700-normal.woff2')}}'), url('{{themeAsset('inter-latin-ext-700-normal.woff')}}');
|
||||
unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700;
|
||||
font-stretch: 100%; src: url('{{themeAsset('inter-vietnamese-700-normal.woff2')}}'), url('{{themeAsset('inter-vietnamese-700-normal.woff')}}');
|
||||
unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
|
||||
}
|
||||
|
||||
html {
|
||||
html {
|
||||
font-size: 100%; }
|
||||
|
||||
/* Dark/light mode detection (comment this section out and use the one below for a fixed background color) */
|
||||
body {
|
||||
font-size: 16px;
|
||||
background: url({{themeAsset('../../background.png')}});
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
font-family: 'Inter', sans-serif;
|
||||
max-height: 100%;
|
||||
border: 1px solid transparent;
|
||||
color: #1F365C;
|
||||
background-position: center center;
|
||||
}
|
||||
/* Use this for a fixed background color instead of dark and light mode
|
||||
body {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
background: #F1F1F1;
|
||||
font-family: "mctxt", sans-serif;
|
||||
letter-spacing: 0.1em;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
@keyframes background-image-animation {
|
||||
0% {background-position: 0 0;}
|
||||
100% {background-position: -4096px 0;}
|
||||
}
|
||||
|
||||
.parallax-background {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
will-change: transform;
|
||||
animation: background-image-animation 250s linear infinite;
|
||||
transform: translateX(0) scale(1.1);
|
||||
background: url({{themeAsset('../../background.jpg')}}) repeat-x center center;
|
||||
background-size: cover;
|
||||
filter: brightness(60%) blur(3px) grayscale(10%);;
|
||||
}
|
||||
|
||||
@keyframes background-image-animation {
|
||||
0% {background-position: 0 0;}
|
||||
100% {background-position: -4096px 0;}
|
||||
font-weight: 400;
|
||||
font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial,
|
||||
sans-serif;
|
||||
}
|
||||
*/
|
||||
</style>
|
||||
Reference in new issue
Block a user