projects/dalamudplugins.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <meta charset="UTF-8" />
   5     <title>FFXIV Plugins</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">FFXIV Plugins</h3>
  23             </div>
  24             <div class="content">
  25               <p>
  26                 I currently maintain two silly little plugins for Final Fantasy
  27                 XIV.
  28               </p>
  29             </div>
  30           </div>
  31           <div class="entry">
  32             <div class="title-block">
  33               <a target="_blank" href="https://github.com/gnargle/NICEDamage">
  34                 <h3 class="blog-title">NICEDamage</h3>
  35               </a>
  36             </div>
  37             <div class="content">
  38               <p>
  39                 We'll start with the simple one. NICEDamage is a stupid,
  40                 half-day joke project I made to get to grips with FFXIV modding.
  41                 Final Fantasy XIV has damage numbers displayed on screen for all
  42                 attacks, from and to the player. Each of these numbers can have
  43                 an additional caption if they're affected a debuff or something,
  44                 e.g. sometimes on icnoming damage you'll see 5836! (15%
  45                 Parried). NICEDamage utilises this caption such that if a damage
  46                 number ends in 69, the caption reads NICE! That's it. It has
  47                 over ten <i>thousand</i> downloads.
  48               </p>
  49             </div>
  50           </div>
  51           <div class="entry">
  52             <div class="title-block">
  53               <a target="_blank" href="https://github.com/gnargle/LPHotbars">
  54                 <h3 class="blog-title">LPHotbars</h3>
  55               </a>
  56             </div>
  57             <div class="content">
  58               <p>
  59                 Ok, this one's a bit more complex. For another, previous
  60                 project, I bought a Launchpad Mini, a MIDI input device with RGB
  61                 lighting on each key. It looks like this.
  62               </p>
  63               <img
  64                 class="blog-img"
  65                 src="../img/projects/launchpad.png"
  66                 alt="a
  67               product photo of the novation launchpad mini mk3. It's a
  68               keyboard-like device made up of a grid of translucent RGB
  69               squares."
  70               />
  71               <p>
  72                 I got a little bit bored one weekend and decided to map this fun
  73                 device to Final Fantasy XIV's hotbars. It actually maps pretty
  74                 well - I put some different colour mapping in such that
  75                 cooldowns for the actions are demonstrated by the colour on the
  76                 button - and there's extra colours for when an action is combo'd
  77                 from another one. It's really cool, and I'm really happy with
  78                 it! It's fully mappable and should in-theory work with other
  79                 models of the launchpad.
  80               </p>
  81             </div>
  82           </div>
  83         </div>
  84       </div>
  85       <div class="container">
  86         <div class="links">
  87           <div class="links-container">
  88             <h3>Links</h3>
  89           </div>
  90           <div class="links-container">
  91             <links-entry>
  92               <a href="https://sickandgloomy.dreamwidth.org/"
  93                 >My Friend Avery's Dreamwidth</a
  94               >
  95             </links-entry>
  96           </div>
  97         </div>
  98       </div>
  99       <div class="container">
 100         <div class="footer">
 101           <div class="footer-container">
 102             <div class="footer-entry">
 103               <a href="https://bsky.app/profile/athene.gay"
 104                 ><img class="icon" src="../img/bluesky.svg" alt="bluesky logo"
 105               /></a>
 106             </div>
 107             <div class="footer-entry">
 108               <a href="https://github.com/gnargle"
 109                 ><img class="icon" src="../img/github.svg" alt="github logo"
 110               /></a>
 111             </div>
 112             <div class="footer-entry">
 113               <a href="https://discordapp.com/users/390978640051175424"
 114                 ><img class="icon" src="../img/discord.svg" alt="github logo"
 115               /></a>
 116             </div>
 117             <div class="footer-entry">
 118               <a href="https://www.twitch.tv/atheneallen"
 119                 ><img class="icon" src="../img/twitch.svg" alt="github logo"
 120               /></a>
 121             </div>
 122             <div class="footer-entry">
 123               <a href="https://archiveofourown.org/users/gnargle/works"
 124                 ><img class="icon" src="../img/ao3.svg" alt="github logo"
 125               /></a>
 126             </div>
 127           </div>
 128           <div class="footer-container">
 129             <script
 130               type="text/javascript"
 131               src="https://counter.websiteout.com/js/24/4/0/0"
 132             ></script>
 133           </div>
 134           <div class="footer-container">
 135             <p>
 136               Icons by <a target="_blank" href="https://icons8.com">Icons8</a>
 137             </p>
 138           </div>
 139         </div>
 140       </div>
 141     </div>
 142   </body>
 143 </html>