Skip to content

Commit 93f64fc

Browse files
doughkitdoughkit
committed
ok good night
1 parent 6ce8568 commit 93f64fc

File tree

13 files changed

+480
-24
lines changed

13 files changed

+480
-24
lines changed

‎.github/workflows/deploy.yml‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,9 @@ jobs:
2727
with:
2828
deno-version: v1.x
2929

30+
- name: Deno Install
31+
run: deno install
32+
3033
- name: Deno Build
3134
run: deno task build
3235

‎_includes/_layouts/base.vto‎

Lines changed: 0 additions & 12 deletions
This file was deleted.

‎_includes/layouts/base.vto‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
{{ set _title = title || "doughkit.dev" }}
2+
3+
<!doctype html>
4+
<html lang="en">
5+
<head>
6+
<meta charset="utf-8">
7+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
8+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
9+
{{ if description }}
10+
<meta name="description" content="{{ description }}">
11+
<meta property="og:description" content="{{ description }}">
12+
{{ /if }}
13+
<meta property="og:url" content="{{ domain }}">
14+
<meta property="og:type" content="website">
15+
<meta property="og:title" content="{{ _title }}">
16+
<meta name="keywords" content="doughkit, doughkit.dev, doughkitdev, art, game dev, gamedev, blog, portfolio">
17+
<link rel="icon" type="image/svg+xml" href="assets/icons/{{ favicon || "default" }}.svg" />
18+
<title>{{ _title }}</title>
19+
<link rel="stylesheet" href="/bundle.css">
20+
</head>
21+
<body>
22+
{{ content }}
23+
</body>
24+
</html>

‎_includes/scss/_colors.scss‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
@use "sass:color";
2+
3+
$_base: oklch(0.515 0.211 295.6);
4+
$white: oklch(0.931 0.018 339.9);
5+
$brand: oklch(0.692 0.174 359.2);
6+
7+
$text: oklch(0.871 0.048 273.7);
8+
9+
$subtext1: oklch(0.812 0.046 274.3);
10+
11+
$subtext0: oklch(0.751 0.044 273.5);
12+
13+
$overlay2: oklch(0.690 0.043 274.5);
14+
15+
$surface2: oklch(0.494 0.039 275.7);
16+
17+
$surface1: oklch(0.426 0.039 276.9);
18+
19+
$surface0: oklch(0.354 0.037 276.0);
20+
21+
$base: oklch(0.279 0.035 276.9);
22+
23+
$mantle: oklch(0.249 0.030 278.4);
24+
25+
$crust: oklch(0.219 0.025 280.7);

‎_includes/scss/_grid_responsive.scss‎

Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
@use "sass:string";
2+
$widths: (
3+
"any": false,
4+
"sm": 35.5em,
5+
"md": 48em,
6+
"lg": 64em,
7+
"xl": 80em,
8+
);
9+
10+
@mixin flex-container {
11+
display: flex;
12+
flex-flow: row wrap;
13+
align-content: flex-start;
14+
}
15+
16+
.container {
17+
@include flex-container;
18+
}
19+
20+
@mixin breakpoint($lbl, $div) {
21+
@for $i from 1 through ($div - 1) {
22+
.u-#{$lbl}-#{$i}-#{$div} {
23+
$w: (100% * calc($i / $div));
24+
flex: 0 0 $w;
25+
max-width: $w;
26+
}
27+
}
28+
29+
// produces redundant code; however, it gets minified away, so we dont care
30+
.u-#{$lbl}-full {
31+
flex: 0 0 100%;
32+
max-width: 100%;
33+
}
34+
}
35+
36+
@each $label, $units in $widths {
37+
@each $div in (5, 12) {
38+
@if ($units != false) {
39+
@media screen and (min-width: $units) {
40+
@include breakpoint($label, $div);
41+
}
42+
} @else {
43+
@include breakpoint($label, $div);
44+
}
45+
}
46+
}

‎_includes/scss/_normalize.scss‎

Lines changed: 213 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,213 @@
1+
/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
2+
3+
/*
4+
Document
5+
========
6+
*/
7+
8+
/**
9+
Use a better box model (opinionated).
10+
*/
11+
12+
*,
13+
::before,
14+
::after {
15+
box-sizing: border-box;
16+
}
17+
18+
/**
19+
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
20+
2. Correct the line height in all browsers.
21+
3. Prevent adjustments of font size after orientation changes in iOS.
22+
4. Use a more readable tab size (opinionated).
23+
*/
24+
25+
html {
26+
font-family:
27+
system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif,
28+
"Apple Color Emoji", "Segoe UI Emoji"; /* 1 */
29+
line-height: 1.15; /* 2 */
30+
-webkit-text-size-adjust: 100%; /* 3 */
31+
tab-size: 4; /* 4 */
32+
}
33+
34+
/*
35+
Sections
36+
========
37+
*/
38+
39+
/**
40+
Remove the margin in all browsers.
41+
*/
42+
43+
body {
44+
margin: 0;
45+
}
46+
47+
/*
48+
Text-level semantics
49+
====================
50+
*/
51+
52+
/**
53+
Add the correct font weight in Chrome and Safari.
54+
*/
55+
56+
b,
57+
strong {
58+
font-weight: bolder;
59+
}
60+
61+
/**
62+
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
63+
2. Correct the odd 'em' font sizing in all browsers.
64+
*/
65+
66+
code,
67+
kbd,
68+
samp,
69+
pre {
70+
font-family:
71+
ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo,
72+
monospace; /* 1 */
73+
font-size: 1em; /* 2 */
74+
}
75+
76+
/**
77+
Add the correct font size in all browsers.
78+
*/
79+
80+
small {
81+
font-size: 80%;
82+
}
83+
84+
/**
85+
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
86+
*/
87+
88+
sub,
89+
sup {
90+
font-size: 75%;
91+
line-height: 0;
92+
position: relative;
93+
vertical-align: baseline;
94+
}
95+
96+
sub {
97+
bottom: -0.25em;
98+
}
99+
100+
sup {
101+
top: -0.5em;
102+
}
103+
104+
/*
105+
Tabular data
106+
============
107+
*/
108+
109+
/**
110+
Correct table border color inheritance in Chrome and Safari. (https://issues.chromium.org/issues/40615503, https://bugs.webkit.org/show_bug.cgi?id=195016)
111+
*/
112+
113+
table {
114+
border-color: currentcolor;
115+
}
116+
117+
/*
118+
Forms
119+
=====
120+
*/
121+
122+
/**
123+
1. Change the font styles in all browsers.
124+
2. Remove the margin in Firefox and Safari.
125+
*/
126+
127+
button,
128+
input,
129+
optgroup,
130+
select,
131+
textarea {
132+
font-family: inherit; /* 1 */
133+
font-size: 100%; /* 1 */
134+
line-height: 1.15; /* 1 */
135+
margin: 0; /* 2 */
136+
}
137+
138+
/**
139+
Correct the inability to style clickable types in iOS and Safari.
140+
*/
141+
142+
button,
143+
[type="button"],
144+
[type="reset"],
145+
[type="submit"] {
146+
-webkit-appearance: button;
147+
}
148+
149+
/**
150+
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
151+
*/
152+
153+
legend {
154+
padding: 0;
155+
}
156+
157+
/**
158+
Add the correct vertical alignment in Chrome and Firefox.
159+
*/
160+
161+
progress {
162+
vertical-align: baseline;
163+
}
164+
165+
/**
166+
Correct the cursor style of increment and decrement buttons in Safari.
167+
*/
168+
169+
::-webkit-inner-spin-button,
170+
::-webkit-outer-spin-button {
171+
height: auto;
172+
}
173+
174+
/**
175+
1. Correct the odd appearance in Chrome and Safari.
176+
2. Correct the outline style in Safari.
177+
*/
178+
179+
[type="search"] {
180+
-webkit-appearance: textfield; /* 1 */
181+
outline-offset: -2px; /* 2 */
182+
}
183+
184+
/**
185+
Remove the inner padding in Chrome and Safari on macOS.
186+
*/
187+
188+
::-webkit-search-decoration {
189+
-webkit-appearance: none;
190+
}
191+
192+
/**
193+
1. Correct the inability to style clickable types in iOS and Safari.
194+
2. Change font properties to 'inherit' in Safari.
195+
*/
196+
197+
::-webkit-file-upload-button {
198+
-webkit-appearance: button; /* 1 */
199+
font: inherit; /* 2 */
200+
}
201+
202+
/*
203+
Interactive
204+
===========
205+
*/
206+
207+
/*
208+
Add the correct display in Chrome and Safari.
209+
*/
210+
211+
summary {
212+
display: list-item;
213+
}

‎_includes/scss/_typography.scss‎

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
@use "sass:math";
2+
3+
body {
4+
font-family: "JetBrains Mono", monospace;
5+
line-height: 1.5;
6+
font-weight: 500;
7+
}
8+
$font-sizes: (
9+
"h1": 3.00rem,
10+
"h2": 2.50rem,
11+
"h3": 2.00rem,
12+
"h4": 1.50rem,
13+
"h5": 1.25rem,
14+
"h6": 1.12rem,
15+
"p": 1.00rem,
16+
"small": 0.80rem,
17+
);
18+
19+
h1, h2, h3, h4, h5, h6 {
20+
line-height: 1.15;
21+
font-weight: 700;
22+
letter-spacing: -0.022em;
23+
}
24+
25+
@each $key, $value in $font-sizes {
26+
#{$key} {
27+
font-size: $value;
28+
}
29+
}
30+
31+
:is(h1, h2, h3, h4, h5, h6) {
32+
&:not(:first-child) {
33+
margin-top: 1.5rem;
34+
}
35+
&:not(:last-child) {
36+
margin-bottom: 1.5rem;
37+
}
38+
}
39+
40+
41+
b, strong {
42+
font-weight: bolder;
43+
}

0 commit comments

Comments
 (0)