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       <iframe class="embed-title" src="shared/title.html"> </iframe>
  11       <div class="container">
  12         <div class="main">
  13           <div class="entry">
  14             <p>
  15               Hey! I'm Athene, or Projynova depending on where you know me from.
  16               This is my little website, mostly for blogging. I have a lot of
  17               thoughts about things every now and then, see, and it would
  18               probably be beneficial for me to actually note them down somewhere
  19               less ephemeral than Bluesky.
  20             </p>
  21             <p>Also so I can use the marquee tag.</p>
  22             <p>
  23               It's also a place I can do write-ups for the various projects I've
  24               worked on, outside of a traditional 'blog' format. I have quite a
  25               few useful tools on github but no central repository to link or
  26               talk about them from. Until now, that is, obviously. Now I do.
  27               It's this website.
  28             </p>
  29           </div>
  30           <div class="entry">
  31             <h2>Blog</h2>
  32             <div class="title-block">
  33               <a class="blog-title" href="entries/miku.html">
  34                 <h3>Miku Expo 2024</h3>
  35               </a>
  36               <h3 class="datestamp">26/01/2025</h3>
  37             </div>
  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 two things in my life.
  50             </p>
  51             <div class="title-block">
  52               <a class="blog-title" href="projects/dalamudplugins.html">
  53                 <h3>FFXIV Plugins</h3>
  54               </a>
  55               <h3 class="datestamp">2023-2024</h3>
  56             </div>
  57             <div class="title-block">
  58               <a class="blog-title" href="projects/youbeat.html">
  59                 <h3>Youbeat</h3>
  60               </a>
  61               <h3 class="datestamp">2022</h3>
  62             </div>
  63           </div>
  64         </div>
  65       </div>
  66     </div>
  67     <iframe class="embed-links" src="shared/links.html"> </iframe>
  68     <iframe class="embed-footer" src="shared/footer.html"> </iframe>
  69   </body>
  70 </html>