diff options
| -rw-r--r-- | entry/theme/index.html | 7 | ||||
| -rw-r--r-- | index.html | 143 | ||||
| -rw-r--r-- | terminal.css | 80 |
3 files changed, 126 insertions, 104 deletions
diff --git a/entry/theme/index.html b/entry/theme/index.html index 012c6ff..b108dab 100644 --- a/entry/theme/index.html +++ b/entry/theme/index.html @@ -17,12 +17,9 @@ </header> <main> <p> - Here is my homebrew color palette. The goal is to incorporate beautiful pastel - colors in a high-contrast, fuzzy medley. - I will eventually update this page with more information, but for now here's a - color table. + Here's the color table. </p> - <details> + <details open> <summary>Color scheme</summary> <table> <thead> @@ -1,69 +1,92 @@ <!DOCTYPE html> <html lang="en"> <head> - <title>Blog | ewy.one</title> - <meta charset="UTF-8" /> + <title>ewy.one</title> + <meta charset="UTF-8"/> <link rel="stylesheet" type="text/css" href="/reset.css"/> <link rel="stylesheet" type="text/css" href="/terminal.css"/> - <meta content="Ewy's Thoughts" property="og:title" /> - <meta content="The ramblings of a madman." property="og:description" /> - <meta content="https://blog.ewy.one" property="og:url" /> - <meta content="#3E3B37" data-react-helmet="true" name="theme-color" /> + <meta content="ewy.one" property="og:title"/> + <meta content="writer of binary prose" property="og:description"/> + <meta content="https://blog.ewy.one" property="og:url"/> + <meta content="#3E3B37" data-react-helmet="true" name="theme-color"/> </head> <body> -<h1>Ewy's thoughts.</h1> -<ul> - <li><a href="/entry/delayed-link-and-mepik-dev"><time datetime=2026-04-14 22:13>14th of April, 2026</time> - Launched two new projects! - </a></li> - <li><a href="/entry/art"><time datetime=2025-02-23 15:00>23rd of Febuary, 2025</time> - Easy guide to living an authentic life and enjoying art - </a></li> - <li><a href="#"><time datetime=2024-12-31 20:12>31st of December, 2025</time> - Isn't it crazy how checkers - is not the game in which you check? - </a></li> - <li><a href="/entry/escape"> - <time datetime="2024-04-04 18:57">4th of April, 2024</time> - Escaping the Strigo environment. - </a></li> - <li><a href="/entry/dock"> - <time datetime="2023-09-09 17:28">9th of September, 2023</time> - Dockuments. - </a></li> - <li><a href="/entry/tax"> - <time datetime="2023-01-29 03:04">29th of January, 2023</time> - Tax evasion is your moral duty. - </a></li> - <li><a href="/entry/cmd"> - <time datetime="2023-01-10 14:44:00">10th of January, 2023</time> - Separation of term and shell. - </a></li> - <li><a href="/entry/ai"> - <time datetime="2022-06-15 10:34:00">15th of June, 2022</time> - Machine learning is not AI. - </a></li> - <li><a href="/entry/crypto-ponzi"> - <time datetime="2022-01-16 23:11:00">16th of January, 2022</time> - Cryptocurrency is a ponzi scheme. - </a></li> - <li><a href="/entry/stop-it"> - <time datetime="2022-01-03 11:58:33">3rd of January, 2022</time> - Stop consuming caffeine. - </a></li> - <li><a href="/entry/ten-years"> - <time datetime="2021-12-14 18:38">14th of December, 2022</time> - Where do you see yourself in ten years? - </a></li> - <li><a href="/entry/to-be-continued"> - <time datetime="2021-12-13 20:00">13th of December, 2022</time> - On things that do not yet exist. - </a></li> - <li><a href="/entry/theme"> - <time datetime="2021-12-13 19:46">13th of December, 2022</time> - Themes are the opiate of the nerds. - </a></li> -</ul> -<h4>Reach me at: <a title="Base64 encoded">ZXdvdXRAZXd5Lm9uZQ==</a></h4> +<header> + <h1><a href="/" class="fakelink">ewy.one</a></h1> +</header> +<main> + <section> + <h2>projects</h2> + <ul> + <li><h3><a href="https://delayed.link">delayed.link</a></h3> + Share time-locked links. The anticipation makes the receiving more meaningful. + </li> + <li><h3><a href="https://mepik.dev" title="pik is short for pickaxe">pik</a></h3> + File-based task runner. Smart target invocation, memory and a TUI for when you get lost. + </li> + </ul> + </section> + <section> + <h2>"blog"</h2> + <ul> + <li><a href="/entry/delayed-link-and-mepik-dev"> + <time datetime="2026-04-14 22:13">14th of April, 2026</time> + Launched two new projects! + </a></li> + <li><a href="/entry/art"> + <time datetime="2025-02-23 15:00">23rd of Febuary, 2025</time> + Easy guide to living an authentic life and enjoying art + </a></li> + <li> + <time datetime="2024-12-31 20:12">31st of December, 2025</time> + Isn't it crazy how checkers + is not the game in which you check? + </li> + <li><a href="/entry/escape"> + <time datetime="2024-04-04 18:57">4th of April, 2024</time> + Escaping the Strigo environment. + </a></li> + <li><a href="/entry/dock"> + <time datetime="2023-09-09 17:28">9th of September, 2023</time> + Dockuments. + </a></li> + <li><a href="/entry/tax"> + <time datetime="2023-01-29 03:04">29th of January, 2023</time> + Tax evasion is your moral duty. + </a></li> + <li><a href="/entry/cmd"> + <time datetime="2023-01-10 14:44:00">10th of January, 2023</time> + Separation of term and shell. + </a></li> + <li><a href="/entry/ai"> + <time datetime="2022-06-15 10:34:00">15th of June, 2022</time> + Machine learning is not AI. + </a></li> + <li><a href="/entry/crypto-ponzi"> + <time datetime="2022-01-16 23:11:00">16th of January, 2022</time> + Cryptocurrency is a ponzi scheme. + </a></li> + <li><a href="/entry/stop-it"> + <time datetime="2022-01-03 11:58:33">3rd of January, 2022</time> + Stop consuming caffeine. + </a></li> + <li><a href="/entry/ten-years"> + <time datetime="2021-12-14 18:38">14th of December, 2022</time> + Where do you see yourself in ten years? + </a></li> + <li><a href="/entry/to-be-continued"> + <time datetime="2021-12-13 20:00">13th of December, 2022</time> + On things that do not yet exist. + </a></li> + <li><a href="/entry/theme"> + <time datetime="2021-12-13 19:46">13th of December, 2022</time> + Themes are the opiate of the nerds. + </a></li> + </ul> + </section> +</main> +<footer> + <h4>Reach me at: <a title="Base64 encoded">ZXd5MEBwcm90b25tYWlsLmNvbQ</a></h4> +</footer> </body> </html> diff --git a/terminal.css b/terminal.css index d3d4db5..7788263 100644 --- a/terminal.css +++ b/terminal.css @@ -12,63 +12,65 @@ --white: rgb(254, 252, 248); } -body { - max-width: min(80%, 500px); +html { background-color: var(--background); color: var(--foreground); - font-family: monospace; - padding: 32px; - margin: 0 auto 0 auto; - font-size: 1.2em; - font-weight: 300; } -main * { - margin: 16px 0; -} +body { + display: flex; + flex-direction: column; + gap: 32px; + padding-top: 32px; + max-width: 40em; + margin: auto; + font-family: monospace; + font-size: 1.2em; + min-height: 120vh; -main * * { - margin: 0; -} + & main { + display: flex; + flex-direction: column; + gap: 32px; + } -a { - color: var(--blue); - text-decoration: dashed underline; - font-style: italic; + & footer { + padding-bottom: 64px; + } } -a time { +.fakelink { color: var(--foreground); - opacity: 0.8; - display: block; - font-size: 0.9em; - font-style: normal; - text-decoration: none !important; -} - -aside { - border: 1px var(--black); - border-style: solid none; - margin: 1em; - padding: 0.2em; - text-align: center; + text-decoration: none; } -summary { - border-bottom: 0; +a { + color: var(--blue); + &:visited { + color: var(--magenta); + } } ul { list-style: none; - padding: 0; -} + display: flex; + flex-direction: column; + gap: 16px; + + & li, a { + display: flex; + flex-direction: column; -ul * { - margin-top: 1em; + & time { + opacity: 0.5; + } + } } -footer { - margin-bottom: 32px; +section { + & h2 { + padding-bottom: 4px; + } } .fg-black { |