Skip to content

Commit ccc48a6

Browse files
Add files via upload
1 parent 974a3c2 commit ccc48a6

File tree

5 files changed

+87
-0
lines changed

5 files changed

+87
-0
lines changed

extra/custom-assets/NeonTubes2.otf

20.2 KB
Binary file not shown.

extra/custom-assets/NeonTubes2.ttf

56.8 KB
Binary file not shown.
15.1 KB
Binary file not shown.

extra/custom-assets/Teko.woff2

61.9 KB
Binary file not shown.

extra/custom-head.blade.php

Lines changed: 87 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,87 @@
1+
{{--
2+
3+
4+
|--------------------------------------------------------------------------
5+
| Custom assets
6+
|--------------------------------------------------------------------------
7+
8+
Custom assets are stored in the 'custom-assets' directory found inside the 'extra' folder.
9+
Custom assets can be any file you would like to use in your theme.
10+
For example: JS, CSS or image files.
11+
12+
You can load these custom assets with a built-in function, 'themeAsset()'.
13+
Add the file you want to add to your 'custom-assets' folder, and include the name with the file extension in the function.
14+
15+
Down below, you can find a few examples using this function:
16+
17+
18+
19+
--}}
20+
21+
<style>
22+
@font-face {
23+
font-family: "neon-tubes-2-regular";
24+
src:
25+
url('{{themeAsset('NeonTubes2.otf')}}'),
26+
url('{{themeAsset('NeonTubes2.ttf')}}'),
27+
url('{{themeAsset('NeonTubes2.woff')}}')
28+
;
29+
}
30+
31+
/* devanagari */
32+
@font-face {
33+
font-family: 'Teko';
34+
font-style: normal;
35+
font-weight: 400;
36+
font-display: swap;
37+
src: url('{{themeAsset('Teko.woff2')}}');
38+
unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
39+
}
40+
/* latin-ext */
41+
@font-face {
42+
font-family: 'Teko';
43+
font-style: normal;
44+
font-weight: 400;
45+
font-display: swap;
46+
src: url('{{themeAsset('Teko.woff2')}}');
47+
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
48+
}
49+
/* latin */
50+
@font-face {
51+
font-family: 'Teko';
52+
font-style: normal;
53+
font-weight: 400;
54+
font-display: swap;
55+
src: url('{{themeAsset('Teko.woff2')}}');
56+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
57+
}
58+
59+
html {
60+
block-size: 100%;
61+
inline-size: 100%;
62+
}
63+
64+
body {
65+
color: rgb(0, 0, 0);
66+
background: radial-gradient(ellipse at bottom, #4A587B 0%, #030308 100%);
67+
-webkit-background-size: cover;
68+
-moz-background-size: cover;
69+
-o-background-size: cover;
70+
background-size: 400% 400%;
71+
background-repeat: no-repeat;
72+
position: absolute;
73+
width: 100%;
74+
height: 100%;
75+
}
76+
77+
body {
78+
min-block-size: 100%;
79+
min-inline-size: 100%;
80+
font-weight: 700;
81+
margin: 0;
82+
box-sizing: border-box;
83+
display: grid;
84+
font-family: 'Teko', sans-serif;
85+
letter-spacing: 0.1em;
86+
}
87+
</style>

0 commit comments

Comments
 (0)