index.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <meta charset="UTF-8" />
   5     <title>Athene.Gay</title>
   6     <link rel="stylesheet" href="main.css" />
   7   </head>
   8   <body class="whole-site">
   9     <div>
  10       <div class="container">
  11         <div class="header">
  12           <marquee>
  13             <h1 class="marquee-heading">🏳️‍⚧️ 👩🏼‍💻 Athene.Gay 👩🏼‍💻 🏳️‍⚧️</h1>
  14           </marquee>
  15         </div>
  16       </div>
  17       <div class="container">
  18         <div class="main">
  19           <div class="entry">
  20             <p>
  21               Hey! I'm Athene, or Projynova depending on where you know me from.
  22               This is my little website, mostly for blogging. I have a lot of
  23               thoughts about things every now and then, see, and it would
  24               probably be beneficial for me to actually note them down somewhere
  25               less ephemeral than Bluesky.
  26             </p>
  27             <p>Also so I can use the marquee tag.</p>
  28             <p>
  29               It's also a place I can do write-ups for the various projects I've
  30               worked on, outside of a traditional 'blog' format. I have quite a
  31               few useful tools on github but no central repository to link or
  32               talk about them from. Until now, that is, obviously. Now I do.
  33               It's this website.
  34             </p>
  35           </div>
  36           <div class="entry">
  37             <h2>Blog</h2>
  38             <div class="title-block">
  39               <a class="blog-title" href="entries/1.html">
  40                 <h3>Bringing Static Websites Back</h3>
  41               </a>
  42               <h3 class="datestamp">25/01/2025</h3>
  43             </div>
  44           </div>
  45           <div class="entry">
  46             <h2>Projects</h2>
  47             <p>
  48               This is an incomplete list - I need to write up the rest. I
  49               promise I've done more than one thing in my life.
  50             </p>
  51             <a class="blog-title" href="projects/dalamudplugins.html">
  52               <h3>FFXIV Plugins</h3>
  53             </a>
  54           </div>
  55         </div>
  56       </div>
  57     </div>
  58     <div class="container">
  59       <div class="links">
  60         <div class="links-container">
  61           <h3>Links</h3>
  62         </div>
  63         <div class="links-container">
  64           <links-entry>
  65             <a href="https://sickandgloomy.dreamwidth.org/"
  66               >My Friend Avery's Dreamwidth</a
  67             >
  68           </links-entry>
  69         </div>
  70       </div>
  71     </div>
  72     <div class="container">
  73       <div class="footer">
  74         <div class="footer-container">
  75           <div class="footer-entry">
  76             <a href="https://bsky.app/profile/athene.gay"
  77               ><img class="icon" src="img/bluesky.svg" alt="bluesky logo"
  78             /></a>
  79           </div>
  80           <div class="footer-entry">
  81             <a href="https://github.com/gnargle"
  82               ><img class="icon" src="img/github.svg" alt="github logo"
  83             /></a>
  84           </div>
  85           <div class="footer-entry">
  86             <a href="https://discordapp.com/users/390978640051175424"
  87               ><img class="icon" src="img/discord.svg" alt="github logo"
  88             /></a>
  89           </div>
  90           <div class="footer-entry">
  91             <a href="https://www.twitch.tv/atheneallen"
  92               ><img class="icon" src="img/twitch.svg" alt="github logo"
  93             /></a>
  94           </div>
  95           <div class="footer-entry">
  96             <a href="https://archiveofourown.org/users/gnargle/works"
  97               ><img class="icon" src="img/ao3.svg" alt="github logo"
  98             /></a>
  99           </div>
 100         </div>
 101         <div class="footer-container">
 102           <script
 103             type="text/javascript"
 104             src="https://counter.websiteout.com/js/24/4/0/0"
 105           ></script>
 106         </div>
 107         <div class="footer-container">
 108           <p>
 109             Icons by <a target="_blank" href="https://icons8.com">Icons8</a>
 110           </p>
 111         </div>
 112       </div>
 113     </div>
 114   </body>
 115 </html>