entries/template.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="main-container">
  18         <div class="main">
  19           <div class="entry">
  20             <a href="../index.html">Home</a>
  21             <div class="title-block">
  22               <h3 class="blog-title">Blog Title</h3>
  23               <h3 class="datestamp">01/01/1999</h3>
  24             </div>
  25             <div class="content">
  26               <p>lorem ipsum etc</p>
  27             </div>
  28           </div>
  29         </div>
  30       </div>
  31       <div class="container">
  32         <div class="links">
  33           <div class="links-container">
  34             <h3>Links</h3>
  35           </div>
  36           <div class="links-container">
  37             <links-entry>
  38               <a href="https://sickandgloomy.dreamwidth.org/"
  39                 >My Friend Avery's Dreamwidth</a
  40               >
  41             </links-entry>
  42           </div>
  43         </div>
  44       </div>
  45       <div class="container">
  46         <div class="footer">
  47           <div class="footer-container">
  48             <div class="footer-entry">
  49               <a href="https://bsky.app/profile/athene.gay"
  50                 ><img class="icon" src="../img/bluesky.svg" alt="bluesky logo"
  51               /></a>
  52             </div>
  53             <div class="footer-entry">
  54               <a href="https://github.com/gnargle"
  55                 ><img class="icon" src="../img/github.svg" alt="github logo"
  56               /></a>
  57             </div>
  58             <div class="footer-entry">
  59               <a href="https://discordapp.com/users/390978640051175424"
  60                 ><img class="icon" src="../img/discord.svg" alt="github logo"
  61               /></a>
  62             </div>
  63             <div class="footer-entry">
  64               <a href="https://www.twitch.tv/atheneallen"
  65                 ><img class="icon" src="../img/twitch.svg" alt="github logo"
  66               /></a>
  67             </div>
  68             <div class="footer-entry">
  69               <a href="https://archiveofourown.org/users/gnargle/works"
  70                 ><img class="icon" src="../img/ao3.svg" alt="github logo"
  71               /></a>
  72             </div>
  73           </div>
  74           <div class="footer-container">
  75             <script
  76               type="text/javascript"
  77               src="https://counter.websiteout.com/js/24/4/0/0"
  78             ></script>
  79           </div>
  80           <div class="footer-container">
  81             <p>
  82               Icons by <a target="_blank" href="https://icons8.com">Icons8</a>
  83             </p>
  84           </div>
  85         </div>
  86       </div>
  87     </div>
  88   </body>
  89 </html>