cookie's home on the internet (wip)

Compare changes

Choose any two refs to compare.

-3
README.md
··· 1 - # cookie's website 2 - 3 - under construction
public/.styles.css.swp

This is a binary file and will not be displayed.

+3
public/README.md
··· 1 + # cookie's website 2 + 3 + under construction
+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

This is a binary file and will not be displayed.

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

This is a binary file and will not be displayed.

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

This is a binary file and will not be displayed.

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

This is a binary file and will not be displayed.

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

This is a binary file and will not be displayed.

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

This is a binary file and will not be displayed.

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

This is a binary file and will not be displayed.

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

This is a binary file and will not be displayed.

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
··· 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
··· 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
··· 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
··· 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;