188 lines
10 KiB
PHP
188 lines
10 KiB
PHP
{{--
|
||
|
||
|
||
|--------------------------------------------------------------------------
|
||
| Custom assets
|
||
|--------------------------------------------------------------------------
|
||
|
||
Custom assets are stored in the 'custom-assets' directory found inside the 'extra' folder.
|
||
Custom assets can be any file you would like to use in your theme.
|
||
For example: JS, CSS or image files.
|
||
|
||
You can load these custom assets with a built-in function, 'themeAsset()'.
|
||
Add the file you want to add to your 'custom-assets' folder, and include the name with the file extension in the function.
|
||
|
||
Down below, you can find a few examples using this function:
|
||
|
||
|
||
|
||
--}}
|
||
|
||
<style>
|
||
/* 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 {
|
||
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;
|
||
font-weight: 400;
|
||
font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial,
|
||
sans-serif;
|
||
}
|
||
*/
|
||
</style>
|