Skip to content

Commit f3980c6

Browse files
authored
Merge pull request #59 from dscsnu/designImplementation
Design implementation
2 parents 6795df7 + 577b78f commit f3980c6

File tree

8 files changed

+69
-1
lines changed

8 files changed

+69
-1
lines changed

frontend/src/app.css

Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1 +1,64 @@
11
@import 'tailwindcss';
2+
3+
@theme {
4+
--font-raleway: 'Raleway', sans-serif;
5+
--font-neue-machina: 'NeueMachina', sans-serif;
6+
7+
--font-weight-thin: 100;
8+
--font-weight-extralight : 200;
9+
--font-weight-light : 300;
10+
--font-weight-regular : 400;
11+
--font-weight-medium : 500;
12+
--font-weight-semibold : 600;
13+
--font-weight-bold : 700;
14+
--font-weight-extrabold : 800;
15+
--font-weight-black : 900;
16+
17+
--color-labyrinth-red: #BB1824;
18+
--color-labyrinth-blue: #00BBFF;
19+
--color-labyrinth-yellow: #FFD600;
20+
--color-labyrinth-green: #00FF9D;
21+
--color-labyrinth-purple: #9C27B0;
22+
}
23+
24+
@font-face {
25+
font-family: "NeueMachina";
26+
font-weight: 100;
27+
font-style: normal;
28+
src: url('/assets/fonts/NeueMachina/PPNeueMachina-InktrapLight.otf') format('opentype');
29+
}
30+
31+
@font-face {
32+
font-family: "NeueMachina";
33+
font-weight: 100;
34+
font-style: italic;
35+
src: url('/assets/fonts/NeueMachina/PPNeueMachina-InktrapLightItalic.otf') format('opentype');
36+
}
37+
38+
@font-face {
39+
font-family: "NeueMachina";
40+
font-weight: 400;
41+
font-style: normal;
42+
src: url('/assets/fonts/NeueMachina/PPNeueMachina-InktrapRegular.otf') format('opentype');
43+
}
44+
45+
@font-face {
46+
font-family: "NeueMachina";
47+
font-weight: 400;
48+
font-style: italic;
49+
src: url('/assets/fonts/NeueMachina/PPNeueMachina-InktrapRegularItalic.otf') format('opentype');
50+
}
51+
52+
@font-face {
53+
font-family: "NeueMachina";
54+
font-weight: 900;
55+
font-style: normal;
56+
src: url('/assets/fonts/NeueMachina/PPNeueMachina-InktrapUltrabold.otf') format('opentype');
57+
}
58+
59+
@font-face {
60+
font-family: "NeueMachina";
61+
font-weight: 900;
62+
font-style: italic;
63+
src: url('/assets/fonts/NeueMachina/PPNeueMachina-InktrapUltraboldItalic.otf') format('opentype');
64+
}

frontend/src/app.html

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,13 @@
55
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
66
<meta name="viewport" content="width=device-width, initial-scale=1" />
77
%sveltekit.head%
8+
9+
<!-- Google Fonts -->
10+
<link rel="preconnect" href="https://fonts.googleapis.com">
11+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
12+
<link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
813
</head>
9-
<body data-sveltekit-preload-data="hover">
14+
<body data-sveltekit-preload-data="hover" class="font-raleway bg-neutral-900">
1015
<div style="display: contents">%sveltekit.body%</div>
1116
</body>
1217
</html>
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.

0 commit comments

Comments
 (0)