cookie.ebil.club
public/.styles.css.swp
public/.styles.css.swp
This is a binary file and will not be displayed.
+93
public/fonts/MapleMono-Woff2/LICENSE.txt
+93
public/fonts/MapleMono-Woff2/LICENSE.txt
···
1
+
Copyright 2022 The Maple Mono Project Authors (https://github.com/subframe7536/maple-font)
2
+
3
+
This Font Software is licensed under the SIL Open Font License, Version 1.1.
4
+
This license is copied below, and is also available with a FAQ at:
5
+
https://openfontlicense.org
6
+
7
+
8
+
-----------------------------------------------------------
9
+
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
10
+
-----------------------------------------------------------
11
+
12
+
PREAMBLE
13
+
The goals of the Open Font License (OFL) are to stimulate worldwide
14
+
development of collaborative font projects, to support the font creation
15
+
efforts of academic and linguistic communities, and to provide a free and
16
+
open framework in which fonts may be shared and improved in partnership
17
+
with others.
18
+
19
+
The OFL allows the licensed fonts to be used, studied, modified and
20
+
redistributed freely as long as they are not sold by themselves. The
21
+
fonts, including any derivative works, can be bundled, embedded,
22
+
redistributed and/or sold with any software provided that any reserved
23
+
names are not used by derivative works. The fonts and derivatives,
24
+
however, cannot be released under any other type of license. The
25
+
requirement for fonts to remain under this license does not apply
26
+
to any document created using the fonts or their derivatives.
27
+
28
+
DEFINITIONS
29
+
"Font Software" refers to the set of files released by the Copyright
30
+
Holder(s) under this license and clearly marked as such. This may
31
+
include source files, build scripts and documentation.
32
+
33
+
"Reserved Font Name" refers to any names specified as such after the
34
+
copyright statement(s).
35
+
36
+
"Original Version" refers to the collection of Font Software components as
37
+
distributed by the Copyright Holder(s).
38
+
39
+
"Modified Version" refers to any derivative made by adding to, deleting,
40
+
or substituting -- in part or in whole -- any of the components of the
41
+
Original Version, by changing formats or by porting the Font Software to a
42
+
new environment.
43
+
44
+
"Author" refers to any designer, engineer, programmer, technical
45
+
writer or other person who contributed to the Font Software.
46
+
47
+
PERMISSION & CONDITIONS
48
+
Permission is hereby granted, free of charge, to any person obtaining
49
+
a copy of the Font Software, to use, study, copy, merge, embed, modify,
50
+
redistribute, and sell modified and unmodified copies of the Font
51
+
Software, subject to the following conditions:
52
+
53
+
1) Neither the Font Software nor any of its individual components,
54
+
in Original or Modified Versions, may be sold by itself.
55
+
56
+
2) Original or Modified Versions of the Font Software may be bundled,
57
+
redistributed and/or sold with any software, provided that each copy
58
+
contains the above copyright notice and this license. These can be
59
+
included either as stand-alone text files, human-readable headers or
60
+
in the appropriate machine-readable metadata fields within text or
61
+
binary files as long as those fields can be easily viewed by the user.
62
+
63
+
3) No Modified Version of the Font Software may use the Reserved Font
64
+
Name(s) unless explicit written permission is granted by the corresponding
65
+
Copyright Holder. This restriction only applies to the primary font name as
66
+
presented to the users.
67
+
68
+
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
69
+
Software shall not be used to promote, endorse or advertise any
70
+
Modified Version, except to acknowledge the contribution(s) of the
71
+
Copyright Holder(s) and the Author(s) or with their explicit written
72
+
permission.
73
+
74
+
5) The Font Software, modified or unmodified, in part or in whole,
75
+
must be distributed entirely under this license, and must not be
76
+
distributed under any other license. The requirement for fonts to
77
+
remain under this license does not apply to any document created
78
+
using the Font Software.
79
+
80
+
TERMINATION
81
+
This license becomes null and void if any of the above conditions are
82
+
not met.
83
+
84
+
DISCLAIMER
85
+
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
86
+
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
87
+
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
88
+
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
89
+
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
90
+
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
91
+
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
92
+
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
93
+
OTHER DEALINGS IN THE FONT SOFTWARE.
public/fonts/MapleMono-Woff2/MapleMono-Bold.ttf.woff2
public/fonts/MapleMono-Woff2/MapleMono-Bold.ttf.woff2
This is a binary file and will not be displayed.
public/fonts/MapleMono-Woff2/MapleMono-BoldItalic.ttf.woff2
public/fonts/MapleMono-Woff2/MapleMono-BoldItalic.ttf.woff2
This is a binary file and will not be displayed.
public/fonts/MapleMono-Woff2/MapleMono-ExtraBold.ttf.woff2
public/fonts/MapleMono-Woff2/MapleMono-ExtraBold.ttf.woff2
This is a binary file and will not be displayed.
public/fonts/MapleMono-Woff2/MapleMono-ExtraBoldItalic.ttf.woff2
public/fonts/MapleMono-Woff2/MapleMono-ExtraBoldItalic.ttf.woff2
This is a binary file and will not be displayed.
public/fonts/MapleMono-Woff2/MapleMono-ExtraLight.ttf.woff2
public/fonts/MapleMono-Woff2/MapleMono-ExtraLight.ttf.woff2
This is a binary file and will not be displayed.
public/fonts/MapleMono-Woff2/MapleMono-ExtraLightItalic.ttf.woff2
public/fonts/MapleMono-Woff2/MapleMono-ExtraLightItalic.ttf.woff2
This is a binary file and will not be displayed.
public/fonts/MapleMono-Woff2/MapleMono-Italic.ttf.woff2
public/fonts/MapleMono-Woff2/MapleMono-Italic.ttf.woff2
This is a binary file and will not be displayed.
public/fonts/MapleMono-Woff2/MapleMono-Light.ttf.woff2
public/fonts/MapleMono-Woff2/MapleMono-Light.ttf.woff2
This is a binary file and will not be displayed.
public/fonts/MapleMono-Woff2/MapleMono-LightItalic.ttf.woff2
public/fonts/MapleMono-Woff2/MapleMono-LightItalic.ttf.woff2
This is a binary file and will not be displayed.
public/fonts/MapleMono-Woff2/MapleMono-Medium.ttf.woff2
public/fonts/MapleMono-Woff2/MapleMono-Medium.ttf.woff2
This is a binary file and will not be displayed.
public/fonts/MapleMono-Woff2/MapleMono-MediumItalic.ttf.woff2
public/fonts/MapleMono-Woff2/MapleMono-MediumItalic.ttf.woff2
This is a binary file and will not be displayed.
public/fonts/MapleMono-Woff2/MapleMono-Regular.ttf.woff2
public/fonts/MapleMono-Woff2/MapleMono-Regular.ttf.woff2
This is a binary file and will not be displayed.
public/fonts/MapleMono-Woff2/MapleMono-SemiBold.ttf.woff2
public/fonts/MapleMono-Woff2/MapleMono-SemiBold.ttf.woff2
This is a binary file and will not be displayed.
public/fonts/MapleMono-Woff2/MapleMono-SemiBoldItalic.ttf.woff2
public/fonts/MapleMono-Woff2/MapleMono-SemiBoldItalic.ttf.woff2
This is a binary file and will not be displayed.
public/fonts/MapleMono-Woff2/MapleMono-Thin.ttf.woff2
public/fonts/MapleMono-Woff2/MapleMono-Thin.ttf.woff2
This is a binary file and will not be displayed.
public/fonts/MapleMono-Woff2/MapleMono-ThinItalic.ttf.woff2
public/fonts/MapleMono-Woff2/MapleMono-ThinItalic.ttf.woff2
This is a binary file and will not be displayed.
+88
public/fonts/MapleMono-Woff2/config.json
+88
public/fonts/MapleMono-Woff2/config.json
···
1
+
{
2
+
"version": "v7.9",
3
+
"family_name": "Maple Mono",
4
+
"weight_mapping": {
5
+
"thin": 100,
6
+
"extralight": 200,
7
+
"light": 300,
8
+
"regular": 400,
9
+
"medium": 500,
10
+
"semibold": 600,
11
+
"bold": 700,
12
+
"extrabold": 800
13
+
},
14
+
"line_height": 1.0,
15
+
"use_hinted": true,
16
+
"ligature": true,
17
+
"feature_freeze": {
18
+
"cv01": "ignore",
19
+
"cv02": "ignore",
20
+
"cv03": "ignore",
21
+
"cv04": "ignore",
22
+
"cv31": "ignore",
23
+
"cv32": "ignore",
24
+
"cv33": "ignore",
25
+
"cv34": "ignore",
26
+
"cv35": "ignore",
27
+
"cv36": "ignore",
28
+
"cv37": "ignore",
29
+
"cv96": "ignore",
30
+
"cv97": "ignore",
31
+
"cv98": "ignore",
32
+
"cv99": "ignore",
33
+
"ss01": "ignore",
34
+
"ss02": "ignore",
35
+
"ss03": "ignore",
36
+
"ss04": "ignore",
37
+
"ss05": "ignore",
38
+
"ss06": "ignore",
39
+
"ss07": "ignore",
40
+
"ss08": "ignore",
41
+
"zero": "ignore",
42
+
"cv05": "ignore",
43
+
"cv06": "ignore",
44
+
"cv07": "ignore",
45
+
"cv08": "ignore",
46
+
"cv09": "ignore",
47
+
"cv10": "ignore",
48
+
"cv11": "ignore",
49
+
"cv38": "ignore",
50
+
"cv39": "ignore",
51
+
"cv40": "ignore",
52
+
"cv41": "ignore",
53
+
"cv42": "ignore",
54
+
"cv43": "ignore",
55
+
"cv44": "ignore",
56
+
"cv61": "ignore",
57
+
"cv62": "ignore",
58
+
"cv63": "ignore",
59
+
"cv64": "ignore",
60
+
"cv65": "ignore",
61
+
"cv66": "ignore",
62
+
"ss09": "ignore",
63
+
"ss10": "ignore",
64
+
"ss11": "ignore"
65
+
},
66
+
"nerd_font": {
67
+
"version": "3.4.0",
68
+
"mono": false,
69
+
"propo": false,
70
+
"use_font_patcher": false,
71
+
"glyphs": [
72
+
"--complete"
73
+
],
74
+
"extra_args": []
75
+
},
76
+
"cn": {
77
+
"with_nerd_font": false,
78
+
"fix_meta_table": true,
79
+
"clean_cache": false,
80
+
"narrow": false,
81
+
"use_hinted": false,
82
+
"use_static_base_font": true,
83
+
"scale_factor": [
84
+
1.0,
85
+
1.0
86
+
]
87
+
}
88
+
}
+4
public/img/bsky-logo.svg
+4
public/img/bsky-logo.svg
···
1
+
<?xml version="1.0" encoding="UTF-8"?>
2
+
<svg width="600" height="530" version="1.1" xmlns="http://www.w3.org/2000/svg">
3
+
<path d="m135.72 44.03c66.496 49.921 138.02 151.14 164.28 205.46 26.262-54.316 97.782-155.54 164.28-205.46 47.98-36.021 125.72-63.892 125.72 24.795 0 17.712-10.155 148.79-16.111 170.07-20.703 73.984-96.144 92.854-163.25 81.433 117.3 19.964 147.14 86.092 82.697 152.22-122.39 125.59-175.91-31.511-189.63-71.766-2.514-7.3797-3.6904-10.832-3.7077-7.8964-0.0174-2.9357-1.1937 0.51669-3.7077 7.8964-13.714 40.255-67.233 197.36-189.63 71.766-64.444-66.128-34.605-132.26 82.697-152.22-67.108 11.421-142.55-7.4491-163.25-81.433-5.9562-21.282-16.111-152.36-16.111-170.07 0-88.687 77.742-60.816 125.72-24.795z" fill="#1185fe"/>
4
+
</svg>
+70
public/index.html
+70
public/index.html
···
1
+
<!DOCTYPE html>
2
+
<html>
3
+
<head>
4
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
5
+
<link rel="stylesheet" href="styles.css"/>
6
+
<title>cookie's site</title>
7
+
</head>
8
+
<body>
9
+
<h1>cookie's home on the web</h1>
10
+
<p>welcome to my humble abode!</p>
11
+
<p>i like to tinker with the web and low-level programming, although i don't have much to show for it, yet. i mildly suffer from impostor syndrome.</p>
12
+
<p>just like me, this site is a perpetual work in progress. </p>
13
+
<p>thank you for visiting. :)</p>
14
+
<section class="sembreak-countdown">
15
+
<h2>is it sem break yet?</h2>
16
+
<div class="countdown">
17
+
<span class="time-numerals" id="days">00</span><span class="unit-of-time">D</span>
18
+
<span class="time-numerals" id="hours">00</span><span class="unit-of-time">H</span>
19
+
<span class="time-numerals" id="minutes">00</span><span class="unit-of-time">M</span>
20
+
<span class="time-numerals" id="seconds">00</span><span class="unit-of-time">S</span>
21
+
</div>
22
+
<p>... to go.</p>
23
+
</section>
24
+
<section>
25
+
<h2>socials</h2>
26
+
<p>
27
+
<img class="link-logo" src="img/bsky-logo.svg" alt="bluesky logo"/>
28
+
<a href="https://bsky.app/profile/did:plc:pyzvvyrh6eudle55nhqe62tv/" style="color: #2776f5">bluesky</a>
29
+
</p>
30
+
</section>
31
+
</body>
32
+
</html>
33
+
<script>
34
+
const daysEl = document.getElementById("days");
35
+
const hoursEl = document.getElementById("hours");
36
+
const minutesEl = document.getElementById("minutes");
37
+
const secondsEl = document.getElementById("seconds");
38
+
39
+
const now = Date.now();
40
+
const semBreakTimestamp = new Date("2026-01-05T03:00:00Z"); // time is in UTC
41
+
let timeDiffMs = semBreakTimestamp.getTime() - now;
42
+
console.log(timeDiffMs);
43
+
44
+
function divmod(a, b) {
45
+
const quotient = Math.floor(a / b);
46
+
const remainder = a % b;
47
+
return [quotient, remainder];
48
+
}
49
+
50
+
function updateCountdown() {
51
+
const [days, r1] = divmod(timeDiffMs, 1000*60*60*24);
52
+
console.log(days, r1);
53
+
const [hours, r2] = divmod(r1, 1000*60*60);
54
+
console.log(hours, r2);
55
+
const [mins, r3] = divmod(r2, 1000*60);
56
+
console.log(mins, r3);
57
+
const [secs, r4] = divmod(r3, 1000);
58
+
console.log(secs, r4);
59
+
60
+
daysEl.innerText = days;
61
+
hoursEl.innerText = hours;
62
+
minutesEl.innerText = mins;
63
+
secondsEl.innerText = secs;
64
+
65
+
timeDiffMs -= 1000;
66
+
}
67
+
68
+
69
+
const intervalId = setInterval(() => { updateCountdown(); if (timeDiffMs===0) clearInterval(intervalId); }, 1000); // 1000ms = 1s
70
+
</script>
+69
public/styles.css
+69
public/styles.css
···
1
+
@font-face {
2
+
font-family: "Maple Mono";
3
+
src: url("fonts/MapleMono-Woff2/MapleMono-Italic.ttf.woff2") format("woff2");
4
+
font-style: italic;
5
+
font-weight: 400;
6
+
font-display: swap;
7
+
font-feature-settings: "liga", "tnum";
8
+
}
9
+
10
+
@font-face {
11
+
font-family: "Maple Mono";
12
+
src: url("fonts/MapleMono-Woff2/MapleMono-Regular.ttf.woff2") format("woff2");
13
+
font-style: normal;
14
+
font-weight: 400;
15
+
font-display: swap;
16
+
font-feature-settings: "liga", "tnum";
17
+
}
18
+
19
+
:root {
20
+
--color-dark-primary: #f5c47a;
21
+
}
22
+
23
+
html {
24
+
background-color: #000;
25
+
}
26
+
27
+
body {
28
+
font-family: "Maple Mono", monospace;
29
+
/*background-color: #fff2;*/
30
+
color: #eee;
31
+
width: 90%;
32
+
max-width: 500px;
33
+
margin: 1em auto;
34
+
padding: 0.5em 1em;
35
+
border-radius: 1em;
36
+
/*border: 1px solid #2776f588;*/
37
+
}
38
+
39
+
h1 {
40
+
font-style: italic;
41
+
font-weight: 200;
42
+
text-decoration: underline dotted var(--color-dark-primary);
43
+
}
44
+
45
+
h2 {
46
+
color: #aaa;
47
+
}
48
+
49
+
section {
50
+
margin: 2em 0;
51
+
}
52
+
53
+
a {
54
+
color: var(--color-dark-primary);
55
+
}
56
+
57
+
.link-logo {
58
+
height: 1em;
59
+
width: auto;
60
+
vertical-align: middle;
61
+
margin-right: 1em;
62
+
}
63
+
64
+
.countdown {
65
+
font-size: 3rem;
66
+
}
67
+
68
+
.unit-of-time {
69
+
font-size: 0.4em;