diff options
| -rw-r--r-- | Me/index.html | 36 | ||||
| -rw-r--r-- | Me/style.css | 76 | ||||
| -rw-r--r-- | fonts/DepartureMono-Regular.otf | bin | 0 -> 84480 bytes | |||
| -rw-r--r-- | fonts/DepartureMono-Regular.woff | bin | 0 -> 25256 bytes | |||
| -rw-r--r-- | fonts/DepartureMono-Regular.woff2 | bin | 0 -> 22496 bytes | |||
| -rw-r--r-- | fonts/LICENSE | 93 | ||||
| -rw-r--r-- | fonts/README.md | 59 | ||||
| -rw-r--r-- | index.html | 72 | ||||
| -rw-r--r-- | style.css | 76 |
9 files changed, 412 insertions, 0 deletions
diff --git a/Me/index.html b/Me/index.html new file mode 100644 index 0000000..17a370c --- /dev/null +++ b/Me/index.html @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <title>void</title> + <link rel="stylesheet" href="style.css"> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + </head> + + <body> + <div class="header"> + <h1> + <span class="color_orange">/</span> + <a href="/">personal_web</a> + <span class="color_orange">/</span> + void + </h1> + + </div> + + <h2 id="Contact"><a href="#contact">~</a> contact_me</h2> + + <section class="block"> + + <h3>XMPP</h3> + <p>> </p> + </section> + + <section class="block"> + <h3>IRC</h3> + <p>> Server: <a href="https://libera.chat">libera.chat</a></p> + <p>> handle: void, legion</p> + </section> + + </body> +</html> diff --git a/Me/style.css b/Me/style.css new file mode 100644 index 0000000..16407f4 --- /dev/null +++ b/Me/style.css @@ -0,0 +1,76 @@ +:root { + color-scheme: dark; +} +* { + border-radius: 0px; + --cl-black: hsl(140, 1%, 6%); + --cl-gray-0: hsl(140, 2%, 8%); + --cl-gray-1: hsl(140, 2%, 12%); + --cl-gray-2: hsl(140, 4%, 16%); + --cl-gray-3: hsl(140, 4%, 24%); + --cl-gray-4: hsl(140, 4%, 36%); + --cl-gray-5: hsl(140, 4%, 44%); + --cl-gray-6: hsl(80, 8%, 52%); + --cl-gray-7: hsl(70, 8%, 58%); + --cl-gray-8: hsl(60, 16%, 66%); + --cl-gray-9: hsl(40, 32%, 78%); + --cl-gray-10: hsl(30, 32%, 84%); + --cl-white: hsl(26, 64%, 88%); + --cl-red-6: hsl(0, 100%, 50%); + --cl-red-7: hsl(4, 75%, 75%); + --cl-orange-6: hsl(36, 100%, 50%); + --cl-orange-7: hsl(26, 84%, 74%); + --cl-yellow: hsl(37, 80%, 69%); + --cl-green-6: hsl(120, 41%, 64%); + --cl-green-7: hsl(120, 42%, 75%); + --cl-cyan-6: hsl(160, 41%, 64%); + --cl-cyan-7: hsl(160, 32%, 75%); + --cl-blue-6: hsl(200, 55%, 64%); + --cl-blue-8: hsl(201, 55%, 80%); + --cl-magenta-7: hsl(320, 59%, 72%); + --cl-magenta-8: hsl(320, 61%, 80%); + + box-sizing: border-box; +} + +body { + margin: 5vh 15vw 5vh 15vw; + background-color: var(--cl-black); + color: var(--cl-red-6); + font-family: "DepartureMono", "Roboto Mono", monospace; +} + +a:link { + border: 2px solid var(--cl-orange-6); + padding: 6px 6px; + text-decoration: none; + color: var(--cl-orange-6); +} + +a:visited, a:active { + color: var(--cl-green-6); +} + +.block { + background-color: var(--cl-gray-0); + border: 2px solid var(--cl-gray-2); + padding: 16px 32px; + margin: 1em; +} + +.header { + padding: 5vh; +} + +.header h1 { + font-size: 40px; +} + +.color_orange { + color: var(--cl-orange-6); +} + +@font-face { + font-family: "DepartureMono"; + src: url("/fonts/DepartureMono-Regular.woff2") format("woff2"); +} diff --git a/fonts/DepartureMono-Regular.otf b/fonts/DepartureMono-Regular.otf Binary files differnew file mode 100644 index 0000000..e0b2502 --- /dev/null +++ b/fonts/DepartureMono-Regular.otf diff --git a/fonts/DepartureMono-Regular.woff b/fonts/DepartureMono-Regular.woff Binary files differnew file mode 100644 index 0000000..b7bb672 --- /dev/null +++ b/fonts/DepartureMono-Regular.woff diff --git a/fonts/DepartureMono-Regular.woff2 b/fonts/DepartureMono-Regular.woff2 Binary files differnew file mode 100644 index 0000000..b4a23dc --- /dev/null +++ b/fonts/DepartureMono-Regular.woff2 diff --git a/fonts/LICENSE b/fonts/LICENSE new file mode 100644 index 0000000..de52476 --- /dev/null +++ b/fonts/LICENSE @@ -0,0 +1,93 @@ +Copyright 2022–2024 Helena Zhang (helenazhang.com). + +This Font Software is licensed under the SIL Open Font License, Version 1.1. +This license is copied below, and is also available with a FAQ at: +https://openfontlicense.org + + +----------------------------------------------------------- +SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 +----------------------------------------------------------- + +PREAMBLE +The goals of the Open Font License (OFL) are to stimulate worldwide +development of collaborative font projects, to support the font creation +efforts of academic and linguistic communities, and to provide a free and +open framework in which fonts may be shared and improved in partnership +with others. + +The OFL allows the licensed fonts to be used, studied, modified and +redistributed freely as long as they are not sold by themselves. The +fonts, including any derivative works, can be bundled, embedded, +redistributed and/or sold with any software provided that any reserved +names are not used by derivative works. The fonts and derivatives, +however, cannot be released under any other type of license. The +requirement for fonts to remain under this license does not apply +to any document created using the fonts or their derivatives. + +DEFINITIONS +"Font Software" refers to the set of files released by the Copyright +Holder(s) under this license and clearly marked as such. This may +include source files, build scripts and documentation. + +"Reserved Font Name" refers to any names specified as such after the +copyright statement(s). + +"Original Version" refers to the collection of Font Software components as +distributed by the Copyright Holder(s). + +"Modified Version" refers to any derivative made by adding to, deleting, +or substituting -- in part or in whole -- any of the components of the +Original Version, by changing formats or by porting the Font Software to a +new environment. + +"Author" refers to any designer, engineer, programmer, technical +writer or other person who contributed to the Font Software. + +PERMISSION & CONDITIONS +Permission is hereby granted, free of charge, to any person obtaining +a copy of the Font Software, to use, study, copy, merge, embed, modify, +redistribute, and sell modified and unmodified copies of the Font +Software, subject to the following conditions: + +1) Neither the Font Software nor any of its individual components, +in Original or Modified Versions, may be sold by itself. + +2) Original or Modified Versions of the Font Software may be bundled, +redistributed and/or sold with any software, provided that each copy +contains the above copyright notice and this license. These can be +included either as stand-alone text files, human-readable headers or +in the appropriate machine-readable metadata fields within text or +binary files as long as those fields can be easily viewed by the user. + +3) No Modified Version of the Font Software may use the Reserved Font +Name(s) unless explicit written permission is granted by the corresponding +Copyright Holder. This restriction only applies to the primary font name as +presented to the users. + +4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font +Software shall not be used to promote, endorse or advertise any +Modified Version, except to acknowledge the contribution(s) of the +Copyright Holder(s) and the Author(s) or with their explicit written +permission. + +5) The Font Software, modified or unmodified, in part or in whole, +must be distributed entirely under this license, and must not be +distributed under any other license. The requirement for fonts to +remain under this license does not apply to any document created +using the Font Software. + +TERMINATION +This license becomes null and void if any of the above conditions are +not met. + +DISCLAIMER +THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT +OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE +COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, +INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL +DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING +FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM +OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/fonts/README.md b/fonts/README.md new file mode 100644 index 0000000..de6d05a --- /dev/null +++ b/fonts/README.md @@ -0,0 +1,59 @@ +# Hello! + +Thanks for trying Departure Mono (departuremono.com), licensed under the SIL OFL. Send your questions and suggestions to hello@helenazhang.com or DM me on Twitter/X: @minor_axis. Donations much appreciated at: buymeacoffee.com/helenazhang. Enjoy! + +— Helena Zhang (helenazhang.com) + +# Font Information + +Version 1.500 features 1,186 glyphs, including support for: + +- Basic Latin, Latin-1, Latin Extended-A, and most Latinate languages +- Cyrillic +- Basic Greek +- Small caps +- Old-style numerals and fractions +- Simple box-drawing characters and selected symbols + +# Usage + +For pixel-perfect results, set the font size to increments of 11px. + +Experiment with tighter or wider tracking (letter-spacing). + +# Changelog + +v1.500 +- 1,186 glyphs +- Added box-drawing characters: ▁ ▂ ▃ ▅ ▆ ▇ ▔ ▏ ▎ ▍ ▌ ▋ ▊ ▉ ▐ ▕ ▖ ▗ ▘ ▙ ▚ ▛ ▜ ▝ ▞ ▟ ■ □ ▪ ▫ ╦ ╖ ╓ ┰ ┒ ┧ ┎ ┟ ╁ ┯ ┑ ┩ ┍ ┡ ╇ ╤ ╕ ╒ ╍ ╏ ╻ ┳ ┓ ┏ ━ ╸ ╾ ┉ ┋ ╺ ┅ ┇ ╹ ┻ ┛ ╿ ┗ ┃ ╋ ┫ ┣ ╅ ┭ ┵ ┽ ┲ ┺ ╊ ╃ ╮ ╭ ╯ ╰ ╳ ╲ ╱ ╌ ╎ ╷ ╴ ╼ ┈ ┊ ╶ ┄ ┆ ╵ ╽ ╆ ┮ ┶ ┾ ┱ ┹ ╉ ╄ ╨ ╜ ╙ ╀ ┸ ┦ ┚ ┞ ┖ ╈ ┷ ┪ ┙ ┢ ┕ ╧ ╛ ╘ ╫ ╢ ╟ ╂ ┨ ┠ ┿ ┥ ┝ ╪ ╡ ╞ 🮂 🮃 🮄 🮅 🮆 🮇 🮈 🮉 🮊 🮋 ++ Added brackets: ❰ ❮ ❱ ❯ ❬ ❭ + +v1.422 +- 1,034 glyphs +- Added stars: ★ ☆ ✦ ✧ +- Fixed bug: Ё and ё were missing accents +- Adjusted: ₽ Д д Ы ы Ъ ъ +- Serifed: Г г Ѓ ѓ Ґ ґ Ӷ ӷ + +v1.420 +- 1,030 glyphs +- Added Cyrillic characters: А Б В Г Ѓ Ґ Ӷ Ғ Ҕ Д Е Ѐ Ё Ж З И Й Ѝ Ҋ К Ќ Л М Н О П Р С Т У Ў Ф Х Ч Ц Ш Щ Џ Ь Ы Ъ Љ Њ Ѕ Є Э І Ї Ј Ћ Ю Я Ђ Ѣ Ѵ Җ Ҙ Қ Ҟ Ҡ Ң Ҥ Ҧ Ԥ Ҩ Ҫ Ҭ Ү Ұ Ҳ Ҵ Ҷ Һ Ԧ Ҽ Ҿ Ӏ Ӂ Ӄ Ӆ Ӈ Ӊ Ӌ Ӎ Ӑ Ӓ Ӕ Ӗ Ӛ Ӝ Ӟ Ӡ Ӣ Ӥ Ӧ Ө Ӫ Ӭ Ӯ Ӱ Ӳ Ӵ Ӹ Ӽ Ԑ Ԓ Ԝ Ҍ Ҏ а б в г ѓ ґ ӷ ғ ҕ д е ѐ ё ж з и й ѝ ҋ к ќ л м н о п р с т у ў ф х ч ц ш щ џ ь ы ъ љ њ ѕ є э і ї ј ћ ю я ђ ѣ ѵ җ ҙ қ ҟ ҡ ң ҥ ҧ ԥ ҩ ҫ ҭ ү ұ ҳ ҵ ҷ һ ԧ ҽ ҿ ӏ ӂ ӄ ӆ ӈ ӊ ӌ ӎ ӑ ӓ ӕ ӗ ӛ ӝ ӟ ӡ ӣ ӥ ӧ ө ӫ ӭ ӯ ӱ ӳ ӵ ӹ ӽ ԑ ԓ ԝ ҍ ҏ +- Added Greek characters: Ά Έ Ή Ί Ό Ύ Ώ Ϊ Ϋ ί ϊ ΐ ύ ϋ ΰ ό ώ ά έ ή ΄ ΅ ͺ +- Added: № ∙ +- Adjusted: Ľ ť ĸ δ ι ʻ + +v1.350 +- 775 glyphs +- Added fractions: ↉ ⅓ ⅔ ⅕ ⅖ ⅗ ⅘ ⅙ ⅚ ⅐ ⅑ +- Added a centered alternate for * +- Adjusted old-style numerals 0, 1, 2 to be x-height +- Adjusted ½ ¼ ¾ ⅛ ⅜ ⅝ ⅞ ‰ to fit in bounding box +- Adjusted curly brackets to horizontally align with other brackets +- Adjusted position of * and ° + +v1.346 +- 763 glyphs + +# Thanks + +A big thank you to: Tobias Fried, Christine Lee, Daniel Stern, Kim Slawson, Parker McGowan, Alex Krivov, Karl Peterson, Alexander Zaytsev, Vadim Pleshkov, and Maxim Iorsh for their general feedback and testing across languages
\ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..6b33621 --- /dev/null +++ b/index.html @@ -0,0 +1,72 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <title>personal_web</title> + <link rel="stylesheet" href="style.css"> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + </head> + + <body> + <div class="header"> + <h1> + <span class="color_orange">/</span> + personal_web + <span class="color_orange">/</span></h1> + <p>Managed an owned by:<a href="/Me">Me</a></p> + <h2>Welcome Comrade!</h2> + </div> + + <h2 id="projects"><a href="#projects">~</a> projects</h2> + + <section class="block"> + + <h3><a href="https://cgit.<well>">~ cgit</a></h3> + <p>> My personal git instance, powered by cgit</p> + + </section> + + <h2 id="open_source"><a href="#open_source">~</a> open_source</h2> + + <section class="block"> + + <h3>recommended open_source projects</h3> + <p>> best to check out while they're fresh</p> + <section class="block"> + <h3><a href="https://incognet.io">incognet.io</a></h3> + </section> + + <section class="block"> + <h3><a href="https://i2p.net">i2p.net</a></h3> + </section> + + <section class="block"> + <h3><a href="https://gentoo.org">gentoo.org</a></h3> + </section> + + <section class="block"> + <h3><a href="https://yggdrasil-network.github.io/">yggdrasil</a></h3> + </section> + + <section class="block"> + <h3><a href="https://xmpp.org/">XMPP</a></h3> + </section> + + <section class="block"> + <h3><a href="https://git.zx2c4.com/cgit/about/">cgit</a></h3> + <p>> U already know it ;)</p> + </section> + + <section class="block"> + <h3><a href="https://www.departuremono.com/">DepartureMono</a></h3> + </section> + </section> + + <h2>other cool people</h2> + <section class="block"> + <h3>dacctal </h3> + <h4><a href="symlinx.net">symlinx.net</a></h4> + </section> + + </body> +</html> diff --git a/style.css b/style.css new file mode 100644 index 0000000..16407f4 --- /dev/null +++ b/style.css @@ -0,0 +1,76 @@ +:root { + color-scheme: dark; +} +* { + border-radius: 0px; + --cl-black: hsl(140, 1%, 6%); + --cl-gray-0: hsl(140, 2%, 8%); + --cl-gray-1: hsl(140, 2%, 12%); + --cl-gray-2: hsl(140, 4%, 16%); + --cl-gray-3: hsl(140, 4%, 24%); + --cl-gray-4: hsl(140, 4%, 36%); + --cl-gray-5: hsl(140, 4%, 44%); + --cl-gray-6: hsl(80, 8%, 52%); + --cl-gray-7: hsl(70, 8%, 58%); + --cl-gray-8: hsl(60, 16%, 66%); + --cl-gray-9: hsl(40, 32%, 78%); + --cl-gray-10: hsl(30, 32%, 84%); + --cl-white: hsl(26, 64%, 88%); + --cl-red-6: hsl(0, 100%, 50%); + --cl-red-7: hsl(4, 75%, 75%); + --cl-orange-6: hsl(36, 100%, 50%); + --cl-orange-7: hsl(26, 84%, 74%); + --cl-yellow: hsl(37, 80%, 69%); + --cl-green-6: hsl(120, 41%, 64%); + --cl-green-7: hsl(120, 42%, 75%); + --cl-cyan-6: hsl(160, 41%, 64%); + --cl-cyan-7: hsl(160, 32%, 75%); + --cl-blue-6: hsl(200, 55%, 64%); + --cl-blue-8: hsl(201, 55%, 80%); + --cl-magenta-7: hsl(320, 59%, 72%); + --cl-magenta-8: hsl(320, 61%, 80%); + + box-sizing: border-box; +} + +body { + margin: 5vh 15vw 5vh 15vw; + background-color: var(--cl-black); + color: var(--cl-red-6); + font-family: "DepartureMono", "Roboto Mono", monospace; +} + +a:link { + border: 2px solid var(--cl-orange-6); + padding: 6px 6px; + text-decoration: none; + color: var(--cl-orange-6); +} + +a:visited, a:active { + color: var(--cl-green-6); +} + +.block { + background-color: var(--cl-gray-0); + border: 2px solid var(--cl-gray-2); + padding: 16px 32px; + margin: 1em; +} + +.header { + padding: 5vh; +} + +.header h1 { + font-size: 40px; +} + +.color_orange { + color: var(--cl-orange-6); +} + +@font-face { + font-family: "DepartureMono"; + src: url("/fonts/DepartureMono-Regular.woff2") format("woff2"); +} |