--- /dev/null
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="UTF-8" />
+ <title>Bringing Static Websites Back</title>
+ <link rel="stylesheet" href="../main.css" />
+ </head>
+ <body class="whole-site">
+ <div>
+ <div class="container">
+ <div class="header">
+ <marquee>
+ <h1 class="marquee-heading">🏳️⚧️ 👩🏼💻 Athene.Gay 👩🏼💻 🏳️⚧️</h1>
+ </marquee>
+ </div>
+ </div>
+ <div class="main-container">
+ <div class="main">
+ <div class="entry">
+ <a href="../index.html">Home</a>
+ <div class="title-block">
+ <h3 class="blog-title">Bringing Static Websites Back</h3>
+ <h3 class="datestamp">25/01/2025</h3>
+ </div>
+ <div class="content">
+ <p>
+ Look I'm hardly the first to do this but I think we all know the
+ internet is shit now. Like. Really, really shit. It would be
+ naive to say that the internet was perfect in its early days.
+ But it was definitely less centralised, with many people
+ maintaining their own pages, using webrings to link to people
+ they like. It was collaborative and communicative and a platform
+ of passions.
+ </p>
+ <p>
+ Then for a while everyone was in the same place, although that
+ place changed every like. year or so. I never really used
+ MySpace or Bebo, but I got on Twitter really early and gave
+ myself lifelong Poster's Sickness.
+ </p>
+ <p>
+ Obviously Twitter is absolute shite now and has been for a fair
+ while. I moved to bluesky, and that's ok, but every so often I
+ want to write longer Things. Usually about movies or games,
+ sometimes about programming stuff since that is... my job.
+ </p>
+ <p>
+ I used backloggd for games for a bit but the culture on that
+ site fucking annoyed me, and I don't think letterboxd is likely
+ to be any better. So instead I can make my own website without a
+ comment website. Then if you want to disagree with me you can dm
+ me directly and then we can digitally kiss.
+ </p>
+ <p>
+ So yeah. Programming is my job, and because the web is stupid
+ now, most of what I work on is in Angular or Razor. Which do
+ have their conveniences, but also they're kind of a pain when
+ you just want to make something simple to scratch down thoughts
+ in.
+ </p>
+ <p>
+ Also I'm pretty sure an Angular SPA would get very mad at you if
+ you tried to put a marquee tag in it. And since marquee is the
+ greatest tag in the history of the web, we can't have that.
+ </p>
+ <p>
+ Anyway, that's probably it for this first entry. If you wanna
+ find me elsewhere, check the links below, else ta for now love.
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="container">
+ <div class="footer">
+ <div class="footer-container">
+ <div class="footer-entry">
+ <a href="https://projynova.bsky.social"
+ ><img class="icon" src="../img/bluesky.svg" alt="bluesky logo"
+ /></a>
+ </div>
+ <div class="footer-entry">
+ <a href="https://github.com/gnargle"
+ ><img class="icon" src="../img/github.svg" alt="github logo"
+ /></a>
+ </div>
+ <div class="footer-entry">
+ <a href="https://discordapp.com/users/390978640051175424"
+ ><img class="icon" src="../img/discord.svg" alt="github logo"
+ /></a>
+ </div>
+ <div class="footer-entry">
+ <a href="https://www.twitch.tv/atheneallen"
+ ><img class="icon" src="../img/twitch.svg" alt="github logo"
+ /></a>
+ </div>
+ <div class="footer-entry">
+ <a href="https://archiveofourown.org/users/gnargle/works"
+ ><img class="icon" src="../img/ao3.svg" alt="github logo"
+ /></a>
+ </div>
+ </div>
+ <div class="footer-container">
+ <p>
+ Icons by <a target="_blank" href="https://icons8.com">Icons8</a>
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
--- /dev/null
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="UTF-8" />
+ <title>Athene.Gay</title>
+ <link rel="stylesheet" href="../main.css" />
+ </head>
+ <body class="whole-site">
+ <div>
+ <div class="container">
+ <div class="header">
+ <marquee>
+ <h1 class="marquee-heading">🏳️⚧️ 👩🏼💻 Athene.Gay 👩🏼💻 🏳️⚧️</h1>
+ </marquee>
+ </div>
+ </div>
+ <div class="main-container">
+ <div class="main">
+ <div class="entry">
+ <a href="../index.html">Home</a>
+ <div class="title-block">
+ <h3 class="blog-title">Blog Title</h3>
+ <h3 class="datestamp">01/01/1999</h3>
+ </div>
+ <div class="content">
+ <p>lorem ipsum etc</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="container">
+ <div class="footer">
+ <div class="footer-container">
+ <div class="footer-entry">
+ <a href="https://projynova.bsky.social"
+ ><img class="icon" src="../img/bluesky.svg" alt="bluesky logo"
+ /></a>
+ </div>
+ <div class="footer-entry">
+ <a href="https://github.com/gnargle"
+ ><img class="icon" src="../img/github.svg" alt="github logo"
+ /></a>
+ </div>
+ <div class="footer-entry">
+ <a href="https://discordapp.com/users/390978640051175424"
+ ><img class="icon" src="../img/discord.svg" alt="github logo"
+ /></a>
+ </div>
+ <div class="footer-entry">
+ <a href="https://www.twitch.tv/atheneallen"
+ ><img class="icon" src="../img/twitch.svg" alt="github logo"
+ /></a>
+ </div>
+ <div class="footer-entry">
+ <a href="https://archiveofourown.org/users/gnargle/works"
+ ><img class="icon" src="../img/ao3.svg" alt="github logo"
+ /></a>
+ </div>
+ </div>
+ <div class="footer-container">
+ <p>
+ Icons by <a target="_blank" href="https://icons8.com">Icons8</a>
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
--- /dev/null
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ viewBox="0 0 16 16"
+ width="64px"
+ height="64px"
+ version="1.1"
+ id="svg1"
+ sodipodi:docname="ao3.svg"
+ inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:svg="http://www.w3.org/2000/svg">
+ <defs
+ id="defs1">
+ <linearGradient
+ id="linearGradient1"
+ inkscape:collect="always">
+ <stop
+ style="stop-color:#8ab3ff;stop-opacity:1;"
+ offset="0"
+ id="stop1" />
+ <stop
+ style="stop-color:#e594ff;stop-opacity:1;"
+ offset="1"
+ id="stop2" />
+ </linearGradient>
+ <linearGradient
+ inkscape:collect="always"
+ xlink:href="#linearGradient1"
+ id="linearGradient2"
+ x1="8.0000715"
+ y1="0.66943705"
+ x2="8.0000715"
+ y2="15.912197"
+ gradientUnits="userSpaceOnUse" />
+ </defs>
+ <sodipodi:namedview
+ id="namedview1"
+ pagecolor="#ffffff"
+ bordercolor="#000000"
+ borderopacity="0.25"
+ inkscape:showpageshadow="2"
+ inkscape:pageopacity="0.0"
+ inkscape:pagecheckerboard="0"
+ inkscape:deskcolor="#d1d1d1"
+ inkscape:zoom="12.4375"
+ inkscape:cx="32"
+ inkscape:cy="32"
+ inkscape:window-width="1920"
+ inkscape:window-height="1005"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="svg1" />
+ <path
+ d="M 0.77929688 2.6269531 C 0.63534375 2.6170156 0.493125 2.6904219 0.421875 2.8261719 C 0.325875 3.0091719 0.395125 3.2360312 0.578125 3.3320312 C 2.420125 4.2960313 4.10375 5.5422344 5.59375 6.9902344 C 6.2294907 7.6055497 6.8247478 8.2615129 7.3984375 8.9375 C 5.7785006 9.5203092 4.2715444 10.339462 2.8535156 11.269531 C 3.0615156 10.823531 3.2472969 10.369297 3.4042969 9.9042969 C 3.7722969 8.8142969 4.0100469 7.6810625 4.1230469 6.5390625 C 4.1410469 6.3380625 3.9949687 6.1538594 3.7929688 6.1308594 C 3.5869688 6.1068594 3.4009531 6.2549375 3.3769531 6.4609375 C 3.2399531 7.5419375 2.9853281 8.6040469 2.6113281 9.6230469 C 2.4273281 10.134047 2.1999375 10.628281 1.9609375 11.113281 C 1.7209375 11.590281 1.4404844 12.075562 1.1464844 12.476562 L 1.140625 12.484375 C 1.029625 12.635375 1.0227188 12.845812 1.1367188 13.007812 C 1.2797188 13.209812 1.5587656 13.256281 1.7597656 13.113281 C 3.7264508 11.718096 5.7996605 10.450579 8.046875 9.7265625 C 8.581492 10.397705 9.0987924 11.083889 9.5917969 11.789062 L 9.59375 11.789062 L 9.5976562 11.794922 C 9.6606563 11.882922 9.7522344 11.952375 9.8652344 11.984375 C 10.129234 12.060375 10.403516 11.906578 10.478516 11.642578 C 10.729395 10.765776 11.090314 9.9177639 11.529297 9.1113281 C 11.859823 9.1127323 12.184897 9.1327829 12.498047 9.1894531 C 13.077047 9.2874531 13.613094 9.6051563 13.621094 9.9101562 C 13.715094 10.175156 13.222531 10.546406 12.644531 10.691406 C 12.466531 10.738406 12.321828 10.889031 12.298828 11.082031 C 12.267828 11.335031 12.448172 11.566656 12.701172 11.597656 C 13.211172 11.663656 13.717813 11.809219 14.007812 12.074219 C 14.161812 12.224219 14.208266 12.326453 14.197266 12.439453 C 14.187266 12.562453 14.094453 12.72375 13.939453 12.84375 C 13.633453 13.08775 13.143797 13.180547 12.716797 13.060547 C 12.280797 12.948547 11.831672 12.624344 11.513672 12.277344 L 11.490234 12.251953 C 11.355234 12.103953 11.125656 12.088703 10.972656 12.220703 C 10.815656 12.354703 10.795687 12.590047 10.929688 12.748047 C 11.351688 13.243047 11.837328 13.634656 12.486328 13.847656 C 13.133328 14.045656 13.886469 13.987062 14.480469 13.539062 C 14.769469 13.317063 15.028937 12.984969 15.085938 12.542969 C 15.151937 12.081969 14.885906 11.639063 14.628906 11.414062 C 14.439906 11.244063 14.237203 11.126344 14.033203 11.027344 C 14.349203 10.775344 14.643312 10.297734 14.570312 9.8027344 C 14.517312 9.2737344 14.145875 8.8662969 13.796875 8.6542969 C 13.437875 8.4262969 13.064266 8.3075156 12.697266 8.2285156 C 12.495673 8.1890942 12.299851 8.1831271 12.101562 8.1640625 C 12.982586 6.8403602 14.108102 5.6801972 15.447266 4.8183594 C 15.617266 4.7093594 15.673359 4.4825938 15.568359 4.3085938 C 15.461359 4.1315938 15.229734 4.0746406 15.052734 4.1816406 C 13.426991 5.1662554 12.075184 6.5437314 11.050781 8.1386719 C 10.170279 8.186708 9.3161421 8.3638172 8.4863281 8.5742188 C 8.4404135 8.5869491 8.3972873 8.605985 8.3515625 8.6191406 C 7.6733974 7.8297597 6.9622902 7.0677134 6.1972656 6.3554688 C 4.6252656 4.8864687 2.848875 3.6260156 0.921875 2.6660156 C 0.876375 2.6432656 0.82728125 2.6302656 0.77929688 2.6269531 z M 9.5 3 C 8.7083336 3 8.0519227 3.3148777 7.6269531 3.7929688 C 7.2019836 4.2710596 7 4.8888889 7 5.5 C 7 6.1111111 7.2019836 6.7289403 7.6269531 7.2070312 C 8.0519227 7.6851223 8.7083336 8 9.5 8 C 10.291666 8 10.948077 7.6851222 11.373047 7.2070312 C 11.798016 6.7289403 12 6.1111111 12 5.5 C 12 4.8888889 11.798016 4.2710596 11.373047 3.7929688 C 10.948077 3.3148777 10.291666 3 9.5 3 z M 9.5 4 C 10.041666 4 10.385256 4.1851222 10.626953 4.4570312 C 10.86865 4.7289403 11 5.1111111 11 5.5 C 11 5.8888889 10.86865 6.2710597 10.626953 6.5429688 C 10.385256 6.8148777 10.041666 7 9.5 7 C 8.9583337 7 8.6147437 6.8148778 8.3730469 6.5429688 C 8.1313501 6.2710597 8 5.8888889 8 5.5 C 8 5.1111111 8.1313501 4.7289403 8.3730469 4.4570312 C 8.6147437 4.1851223 8.9583337 4 9.5 4 z M 10.443359 9.1855469 C 10.224975 9.6036744 10.019849 10.028031 9.8457031 10.466797 C 9.5846232 10.123097 9.3167624 9.7835541 9.0449219 9.4472656 C 9.5075099 9.3376717 9.9756469 9.2458136 10.443359 9.1855469 z"
+ id="path1"
+ style="fill:url(#linearGradient2);fill-opacity:1" />
+</svg>
--- /dev/null
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px" baseProfile="basic"><linearGradient id="RrJ2-8SEOJe1ri1rrok4na" x1="32" x2="32" y1="8.002" y2="56" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#1a6dff"/><stop offset="1" stop-color="#c822ff"/></linearGradient><path fill="url(#RrJ2-8SEOJe1ri1rrok4na)" d="M22.352,56c-2.651,0-5.498-1.543-8.482-4.606c-2.8-2.873-3.859-5.937-2.982-8.628 c0.696-2.139,2.542-3.893,5.351-5.146c-4.526-0.704-8.461-2.656-9.871-7.702c-0.58-2.069-1.488-14.091-1.488-15.588 c0-2.978,0.908-4.942,2.698-5.836C10.451,7.059,14.743,9,17.803,11.296l0,0C23.274,15.404,29.111,23.283,32,28.45 c2.892-5.169,8.729-13.049,14.197-17.154C49.257,9,53.551,7.058,56.424,8.494c1.791,0.895,2.698,2.858,2.698,5.836 c0,1.497-0.908,13.519-1.488,15.589c-1.372,4.901-5.085,7.262-9.15,8.043c2.41,1.22,4.005,2.849,4.64,4.798 c0.876,2.689-0.187,5.755-2.992,8.634c-3.546,3.639-6.9,5.134-9.957,4.443c-4.413-0.996-6.945-6.328-8.174-9.562 c-1.23,3.239-3.763,8.567-8.174,9.562C23.342,55.946,22.85,56,22.352,56z M22.031,35.984l0.171,1.986 c-5.147,0.876-8.578,2.85-9.414,5.415c-0.813,2.499,0.917,4.976,2.513,6.613c3.028,3.106,5.748,4.417,8.085,3.887 c4.258-0.96,6.572-7.742,7.332-9.97c0.24-0.709,0.354-0.99,0.354-0.99l1.855,0.001c0,0,0.114,0.282,0.353,0.983 c0.762,2.233,3.076,9.015,7.334,9.975c2.338,0.531,5.057-0.781,8.085-3.887c1.6-1.642,3.336-4.123,2.522-6.619 c-0.831-2.552-4.248-4.516-9.376-5.391c-0.005-0.001-0.009-0.002-0.014-0.002l0.336-1.972c0.003,0,0.005,0.001,0.008,0.001 c5.393,0.916,11.772-0.349,13.532-6.636c0.497-1.776,1.414-13.516,1.414-15.049c0-2.158-0.535-3.52-1.592-4.047 c-1.92-0.959-5.561,0.682-8.132,2.613C41.534,17.298,35.211,26.261,32.9,31.039l-1.801,0c-2.308-4.775-8.629-13.736-14.498-18.143 l0,0c-2.57-1.93-6.209-3.572-8.132-2.613c-1.056,0.528-1.592,1.89-1.592,4.047c0,1.533,0.917,13.273,1.414,15.049 c1.615,5.776,7.453,6.605,13.561,6.605C21.912,35.984,21.972,35.984,22.031,35.984z"/><linearGradient id="RrJ2-8SEOJe1ri1rrok4nb" x1="32" x2="32" y1="12.001" y2="52" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#8ab4ff"/><stop offset="1" stop-color="#e492ff"/></linearGradient><path fill="url(#RrJ2-8SEOJe1ri1rrok4nb)" d="M41.649,52c-0.203,0-0.402-0.022-0.593-0.065c-1.447-0.326-3.641-2.095-5.884-8.67 c-0.264-0.777-0.392-1.089-0.392-1.089l-0.509-1.24l-1.343-0.009l-3.197-0.002l-0.513,1.248c0,0-0.129,0.312-0.396,1.101 c-2.239,6.567-4.433,8.335-5.878,8.661C22.751,51.979,22.558,52,22.352,52c-1.509,0-3.452-1.175-5.619-3.397 c-0.99-1.017-2.573-2.966-2.043-4.598c0.455-1.396,2.756-3.196,7.849-4.062l1.814-0.309l-0.486-5.652l-1.964,0.003 c-7.373,0-10.649-1.442-11.685-5.144c-0.42-1.502-1.34-12.95-1.34-14.51c0-1.673,0.384-2.207,0.486-2.258 c0.031-0.016,0.164-0.071,0.462-0.071c1.327,0,3.619,1.025,5.574,2.494c5.541,4.16,11.735,12.937,13.898,17.414l0.546,1.129 l4.31,0.001l0.547-1.13c2.166-4.479,8.362-13.258,13.898-17.414c1.955-1.469,4.247-2.494,5.574-2.494 c0.297,0,0.43,0.054,0.463,0.071c0.103,0.051,0.485,0.585,0.485,2.258c0,1.561-0.92,13.008-1.34,14.51 c-1.259,4.498-5.323,5.442-8.511,5.442c-0.9,0-1.83-0.08-2.761-0.238l-1.971-0.335l-0.344,1.969l-0.695,4.083l2.077,0.208 c5.045,0.888,7.295,2.656,7.742,4.028c0.53,1.628-1.059,3.583-2.054,4.604C45.1,50.825,43.157,52,41.649,52z"/></svg>
\ No newline at end of file
--- /dev/null
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px" baseProfile="basic"><linearGradient id="KLDcdiDdqwN_oI5EXsLkCa" x1="32" x2="32" y1="-584" y2="-636" gradientTransform="matrix(1 0 0 -1 0 -578)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#1a6dff"/><stop offset="1" stop-color="#c822ff"/></linearGradient><path fill="url(#KLDcdiDdqwN_oI5EXsLkCa)" d="M32,58C17.663,58,6,46.337,6,32S17.663,6,32,6s26,11.663,26,26S46.337,58,32,58z M32,8 C18.767,8,8,18.767,8,32s10.767,24,24,24s24-10.767,24-24S45.233,8,32,8z"/><linearGradient id="KLDcdiDdqwN_oI5EXsLkCb" x1="36.844" x2="36.844" y1="30" y2="36" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6dc7ff"/><stop offset="1" stop-color="#e6abff"/></linearGradient><ellipse cx="36.844" cy="33" fill="url(#KLDcdiDdqwN_oI5EXsLkCb)" rx="2.656" ry="3"/><linearGradient id="KLDcdiDdqwN_oI5EXsLkCc" x1="27.156" x2="27.156" y1="30" y2="36" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6dc7ff"/><stop offset="1" stop-color="#e6abff"/></linearGradient><ellipse cx="27.156" cy="33" fill="url(#KLDcdiDdqwN_oI5EXsLkCc)" rx="2.656" ry="3"/><linearGradient id="KLDcdiDdqwN_oI5EXsLkCd" x1="32" x2="32" y1="10" y2="54" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6dc7ff"/><stop offset="1" stop-color="#e6abff"/></linearGradient><path fill="url(#KLDcdiDdqwN_oI5EXsLkCd)" d="M32,10c-12.15,0-22,9.85-22,22c0,12.15,9.85,22,22,22s22-9.85,22-22C54,19.85,44.15,10,32,10 z M46.677,39.804C44.057,42.121,39,43.5,39,43.5L37.5,41c0,0,1-0.5,2.5-1.5L39.5,39c0,0-3.5,2-7.5,2s-7.5-2-7.5-2L24,39.5 c1.5,1,2.5,1.5,2.5,1.5L25,43.5c0,0-5.057-1.379-7.677-3.696c-0.216-0.191-0.324-0.471-0.32-0.759 c0.05-3.32,0.663-11.521,4.324-16.323c0.112-0.147,0.265-0.261,0.435-0.332C25.149,20.975,28,20.5,28,20.5l1,2c0,0,1.5-0.5,3-0.5 s3,0.5,3,0.5l1-2c0,0,2.851,0.475,6.237,1.889c0.17,0.071,0.323,0.185,0.435,0.332c3.661,4.802,4.274,13.003,4.324,16.323 C47.001,39.333,46.893,39.612,46.677,39.804z"/></svg>
\ No newline at end of file
--- /dev/null
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><linearGradient id="KpzH_ttTMIjq8dhx1zD2pa" x1="30.999" x2="30.999" y1="16" y2="55.342" gradientUnits="userSpaceOnUse" spreadMethod="reflect"><stop offset="0" stop-color="#6dc7ff"/><stop offset="1" stop-color="#e6abff"/></linearGradient><path fill="url(#KpzH_ttTMIjq8dhx1zD2pa)" d="M25.008,56.007c-0.003-0.368-0.006-1.962-0.009-3.454l-0.003-1.55 c-6.729,0.915-8.358-3.78-8.376-3.83c-0.934-2.368-2.211-3.045-2.266-3.073l-0.124-0.072c-0.463-0.316-1.691-1.157-1.342-2.263 c0.315-0.997,1.536-1.1,2.091-1.082c3.074,0.215,4.63,2.978,4.694,3.095c1.569,2.689,3.964,2.411,5.509,1.844 c0.144-0.688,0.367-1.32,0.659-1.878C20.885,42.865,15.27,40.229,15.27,30.64c0-2.633,0.82-4.96,2.441-6.929 c-0.362-1.206-0.774-3.666,0.446-6.765l0.174-0.442l0.452-0.144c0.416-0.137,2.688-0.624,7.359,2.433 c1.928-0.494,3.969-0.749,6.074-0.759c2.115,0.01,4.158,0.265,6.09,0.759c4.667-3.058,6.934-2.565,7.351-2.433l0.451,0.145 l0.174,0.44c1.225,3.098,0.813,5.559,0.451,6.766c1.618,1.963,2.438,4.291,2.438,6.929c0,9.591-5.621,12.219-10.588,13.087 c0.563,1.065,0.868,2.402,0.868,3.878c0,1.683-0.007,7.204-0.015,8.402l-2-0.014c0.008-1.196,0.015-6.708,0.015-8.389 c0-2.442-0.943-3.522-1.35-3.874l-1.73-1.497l2.274-0.253c5.205-0.578,10.525-2.379,10.525-11.341c0-2.33-0.777-4.361-2.31-6.036 l-0.43-0.469l0.242-0.587c0.166-0.401,0.894-2.442-0.043-5.291c-0.758,0.045-2.568,0.402-5.584,2.447l-0.384,0.259l-0.445-0.123 c-1.863-0.518-3.938-0.796-6.001-0.806c-2.052,0.01-4.124,0.288-5.984,0.806l-0.445,0.123l-0.383-0.259 c-3.019-2.044-4.833-2.404-5.594-2.449c-0.935,2.851-0.206,4.892-0.04,5.293l0.242,0.587l-0.429,0.469 c-1.536,1.681-2.314,3.712-2.314,6.036c0,8.958,5.31,10.77,10.504,11.361l2.252,0.256l-1.708,1.49 c-0.372,0.325-1.03,1.112-1.254,2.727l-0.075,0.549l-0.506,0.227c-1.321,0.592-5.839,2.162-8.548-2.485 c-0.015-0.025-0.544-0.945-1.502-1.557c0.646,0.639,1.433,1.673,2.068,3.287c0.066,0.19,1.357,3.622,7.28,2.339l1.206-0.262 l0.012,3.978c0.003,1.487,0.006,3.076,0.009,3.444L25.008,56.007z"/><linearGradient id="KpzH_ttTMIjq8dhx1zD2pb" x1="32" x2="32" y1="5" y2="59.167" gradientUnits="userSpaceOnUse" spreadMethod="reflect"><stop offset="0" stop-color="#1a6dff"/><stop offset="1" stop-color="#c822ff"/></linearGradient><path fill="url(#KpzH_ttTMIjq8dhx1zD2pb)" d="M32,58C17.663,58,6,46.337,6,32S17.663,6,32,6s26,11.663,26,26S46.337,58,32,58z M32,8 C18.767,8,8,18.767,8,32s10.767,24,24,24s24-10.767,24-24S45.233,8,32,8z"/></svg>
\ No newline at end of file
--- /dev/null
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><linearGradient id="Iq3jc0XP~rVl4tfCZy1v6a" x1="33" x2="33" y1="9.5" y2="51.803" gradientUnits="userSpaceOnUse" spreadMethod="reflect"><stop offset="0" stop-color="#6dc7ff"/><stop offset="1" stop-color="#e6abff"/></linearGradient><path fill="url(#Iq3jc0XP~rVl4tfCZy1v6a)" d="M25,51.625V44H14V10h38v25.747L44.441,44H32.423L25,51.625z M16,42h11v4.703L31.579,42h11.981 L50,34.97V12H16V42z"/><linearGradient id="Iq3jc0XP~rVl4tfCZy1v6b" x1="32" x2="32" y1="5.75" y2="58.767" gradientUnits="userSpaceOnUse" spreadMethod="reflect"><stop offset="0" stop-color="#1a6dff"/><stop offset="1" stop-color="#c822ff"/></linearGradient><path fill="url(#Iq3jc0XP~rVl4tfCZy1v6b)" d="M55.001,6H12.057c-0.828,0-1.559,0.498-1.861,1.268l-3.057,7.773 C7.047,15.274,7,15.521,7,15.771V50c0,1.103,0.897,2,2.001,2H19v4c0,1.103,0.897,2,2.001,2h5.353c0.51,0,0.996-0.192,1.371-0.543 L33.522,52h8.933c0.534,0,1.055-0.219,1.43-0.602l12.547-12.813C56.798,38.21,57,37.713,57,37.188V8C57,6.897,56.104,6,55.001,6z M55,37.189L42.455,50h-8.933c-0.51,0-0.996,0.192-1.371,0.543L26.354,56H21v-4c0-1.103-0.896-2-1.999-2H9V15.771L12.057,8H55 V37.189z"/><linearGradient id="Iq3jc0XP~rVl4tfCZy1v6c" x1="41.5" x2="41.5" y1="5.75" y2="58.767" gradientUnits="userSpaceOnUse" spreadMethod="reflect"><stop offset="0" stop-color="#1a6dff"/><stop offset="1" stop-color="#c822ff"/></linearGradient><path fill="url(#Iq3jc0XP~rVl4tfCZy1v6c)" d="M45,19h-7v15h7V19z M43,32h-3V21h3V32z"/><linearGradient id="Iq3jc0XP~rVl4tfCZy1v6d" x1="29.5" x2="29.5" y1="5.75" y2="58.767" gradientUnits="userSpaceOnUse" spreadMethod="reflect"><stop offset="0" stop-color="#1a6dff"/><stop offset="1" stop-color="#c822ff"/></linearGradient><path fill="url(#Iq3jc0XP~rVl4tfCZy1v6d)" d="M33,19h-7v15h7V19z M31,32h-3V21h3V32z"/><linearGradient id="Iq3jc0XP~rVl4tfCZy1v6e" x1="29.5" x2="29.5" y1="20.875" y2="32.679" gradientUnits="userSpaceOnUse" spreadMethod="reflect"><stop offset="0" stop-color="#6dc7ff"/><stop offset="1" stop-color="#e6abff"/></linearGradient><path fill="url(#Iq3jc0XP~rVl4tfCZy1v6e)" d="M28 21H31V32H28z"/><linearGradient id="Iq3jc0XP~rVl4tfCZy1v6f" x1="41.5" x2="41.5" y1="20.875" y2="32.679" gradientUnits="userSpaceOnUse" spreadMethod="reflect"><stop offset="0" stop-color="#6dc7ff"/><stop offset="1" stop-color="#e6abff"/></linearGradient><path fill="url(#Iq3jc0XP~rVl4tfCZy1v6f)" d="M40 21H43V32H40z"/></svg>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="UTF-8" />
+ <title>Athene.Gay</title>
+ <link rel="stylesheet" href="main.css" />
+ </head>
+ <body class="whole-site">
+ <div>
+ <div class="container">
+ <div class="header">
+ <marquee>
+ <h1 class="marquee-heading">🏳️⚧️ 👩🏼💻 Athene.Gay 👩🏼💻 🏳️⚧️</h1>
+ </marquee>
+ </div>
+ </div>
+ <div class="container">
+ <div class="main">
+ <div class="entry">
+ <p>
+ Hey! I'm Athene, or Projynova depending on where you know me from.
+ This is my little website, mostly for blogging. I have a lot of
+ thoughts about things every now and then, see, and it would
+ probably be beneficial for me to actually note them down somewhere
+ less ephemeral than Bluesky.
+ </p>
+ <p>Also so I can use the marquee tag.</p>
+ <p>
+ It's also a place I can do write-ups for the various projects I've
+ worked on, outside of a traditional 'blog' format. I have quite a
+ few useful tools on github but no central repository to link or
+ talk about them from. Until now, that is, obviously. Now I do.
+ It's this website.
+ </p>
+ </div>
+ <div class="entry">
+ <h2>Blog</h2>
+ <div class="title-block">
+ <a class="blog-title" href="entries/1.html">
+ <h3>Bringing Static Websites Back</h3>
+ </a>
+ <h3 class="datestamp">25/01/2025</h3>
+ </div>
+ </div>
+ <div class="entry">
+ <h2>Projects</h2>
+ <p>This is an incomplete list - I need to write up the rest. I promise I've done more than one thing in my life.</p>
+ <a class="blog-title" href="projects/dalamudplugins.html">
+ <h3>FFXIV Plugins</h3>
+ </a>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="container">
+ <div class="footer">
+ <div class="footer-container">
+ <div class="footer-entry">
+ <a href="https://projynova.bsky.social"
+ ><img class="icon" src="img/bluesky.svg" alt="bluesky logo"
+ /></a>
+ </div>
+ <div class="footer-entry">
+ <a href="https://github.com/gnargle"
+ ><img class="icon" src="img/github.svg" alt="github logo"
+ /></a>
+ </div>
+ <div class="footer-entry">
+ <a href="https://discordapp.com/users/390978640051175424"
+ ><img class="icon" src="img/discord.svg" alt="github logo"
+ /></a>
+ </div>
+ <div class="footer-entry">
+ <a href="https://www.twitch.tv/atheneallen"
+ ><img class="icon" src="img/twitch.svg" alt="github logo"
+ /></a>
+ </div>
+ <div class="footer-entry">
+ <a href="https://archiveofourown.org/users/gnargle/works"
+ ><img class="icon" src="img/ao3.svg" alt="github logo"
+ /></a>
+ </div>
+ </div>
+ <div class="footer-container">
+ <p>
+ Icons by <a target="_blank" href="https://icons8.com">Icons8</a>
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
--- /dev/null
+@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap');
+
+* {
+ box-sizing: border-box;
+ margin: 0;
+ padding: 0;
+ font-family: 'Source Code Pro', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+}
+
+.header {
+ max-width: 1000px;
+ margin: 0 auto;
+}
+
+.container{
+ padding-top: 10px;
+ padding-bottom: 10px;
+}
+
+.main {
+ max-width: 800px;
+ margin: 0 auto;
+ padding: 20px;
+ background-color: beige;
+ border-radius: 25px;
+}
+
+.marquee-heading{
+ color:crimson
+}
+
+.heading {
+ color: dimgray;
+}
+
+.title-block{
+ display:flex;
+ padding-top: 5px;
+ padding-bottom: 5px;
+}
+
+.blog-title{
+ flex:1;
+}
+
+.datestamp{
+}
+
+.content{
+ color:black;
+}
+
+.footer{
+ max-width: 800px;
+ margin: 0 auto;
+ padding-top: 10px;
+ background-color:antiquewhite;
+ border-radius: 25px;
+}
+
+.footer-container{
+ display:flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.footer-entry{
+ display: inline-block;
+ padding-left:5px;
+ padding-right:5px;
+}
+
+.icon{
+ width: 48px;
+}
+
+.blog-img{
+ display: block;
+ margin: 0 auto;
+ max-width: 250px;
+}
+
+body{
+ font-family: 'Source Code Pro', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+ background-color: bisque;
+ color: black;
+}
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="UTF-8" />
+ <title>FFXIV Plugins</title>
+ <link rel="stylesheet" href="../main.css" />
+ </head>
+ <body class="whole-site">
+ <div>
+ <div class="container">
+ <div class="header">
+ <marquee>
+ <h1 class="marquee-heading">🏳️⚧️ 👩🏼💻 Athene.Gay 👩🏼💻 🏳️⚧️</h1>
+ </marquee>
+ </div>
+ </div>
+ <div class="main-container">
+ <div class="main">
+ <div class="entry">
+ <a href="../index.html">Home</a>
+ <div class="title-block">
+ <h3 class="blog-title">FFXIV Plugins</h3>
+ </div>
+ <div class="content">
+ <p>
+ I currently maintain two silly little plugins for Final Fantasy
+ XIV.
+ </p>
+ </div>
+ </div>
+ <div class="entry">
+ <div class="title-block">
+ <a target="_blank" href="https://github.com/gnargle/NICEDamage">
+ <h3 class="blog-title">NICEDamage</h3>
+ </a>
+ </div>
+ <div class="content">
+ <p>
+ We'll start with the simple one. NICEDamage is a stupid,
+ half-day joke project I made to get to grips with FFXIV modding.
+ Final Fantasy XIV has damage numbers displayed on screen for all
+ attacks, from and to the player. Each of these numbers can have
+ an additional caption if they're affected a debuff or something,
+ e.g. sometimes on icnoming damage you'll see 5836! (15%
+ Parried). NICEDamage utilises this caption such that if a damage
+ number ends in 69, the caption reads NICE! That's it. It has
+ over ten <i>thousand</i> downloads.
+ </p>
+ </div>
+ </div>
+ <div class="entry">
+ <div class="title-block">
+ <a target="_blank" href="https://github.com/gnargle/LPHotbars">
+ <h3 class="blog-title">LPHotbars</h3>
+ </a>
+ </div>
+ <div class="content">
+ <p>
+ Ok, this one's a bit more complex. For another, previous
+ project, I bought a Launchpad Mini, a MIDI input device with RGB
+ lighting on each key. It looks like this.
+ </p>
+ <img
+ class="blog-img"
+ src="../img/projects/launchpad.png"
+ alt="a
+ product photo of the novation launchpad mini mk3. It's a
+ keyboard-like device made up of a grid of translucent RGB
+ squares."
+ />
+ <p>
+ I got a little bit bored one weekend and decided to map this fun
+ device to Final Fantasy XIV's hotbars. It actually maps pretty
+ well - I put some different colour mapping in such that
+ cooldowns for the actions are demonstrated by the colour on the
+ button - and there's extra colours for when an action is combo'd
+ from another one. It's really cool, and I'm really happy with
+ it! It's fully mappable and should in-theory work with other
+ models of the launchpad.
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="container">
+ <div class="footer">
+ <div class="footer-container">
+ <div class="footer-entry">
+ <a href="https://projynova.bsky.social"
+ ><img class="icon" src="../img/bluesky.svg" alt="bluesky logo"
+ /></a>
+ </div>
+ <div class="footer-entry">
+ <a href="https://github.com/gnargle"
+ ><img class="icon" src="../img/github.svg" alt="github logo"
+ /></a>
+ </div>
+ <div class="footer-entry">
+ <a href="https://discordapp.com/users/390978640051175424"
+ ><img class="icon" src="../img/discord.svg" alt="github logo"
+ /></a>
+ </div>
+ <div class="footer-entry">
+ <a href="https://www.twitch.tv/atheneallen"
+ ><img class="icon" src="../img/twitch.svg" alt="github logo"
+ /></a>
+ </div>
+ <div class="footer-entry">
+ <a href="https://archiveofourown.org/users/gnargle/works"
+ ><img class="icon" src="../img/ao3.svg" alt="github logo"
+ /></a>
+ </div>
+ </div>
+ <div class="footer-container">
+ <p>
+ Icons by <a target="_blank" href="https://icons8.com">Icons8</a>
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
projects / gnargle.github.io.git / commitdiff
