add directory

index.html

@@ -52,10 +52,10 @@
         <div class="hyphen">-</div>
         <div><a href="javascript:windowPreset('projects')">projects</a></div>
         <div class="hyphen">-</div>
-        <div><a href="javascript:windowPreset('testimonials')">testimonials</a></div>
-        <div class="hyphen">-</div>
         <div><a href="javascript:windowPreset('specs')">specs</a></div>
         <div class="hyphen">-</div>
+        <div><a href="javascript:windowPreset('directory')">directory</a></div>
+        <div class="hyphen">-</div>
         <div><a href="javascript:createBlob()">spin</a></div>
       </nav>
     </header>
@@ -118,11 +118,19 @@
             <a href="https://synth.download"  target="_blank"><img src="https://synth.download/assets/buttons/sneexy.svg" alt="Sneexy" title="Sneexy"></a>
             <a href="https://unnick.mice.tel" target="_blank"><img src="https://unnick.mice.tel/88x31.png" alt="unnick" title="unnick"></a>
           </div>
-          <div><b class="green">trinkey@website</b>:<b class="blue">~/buttons</b>$ cd ~/webrings</div>
+          <div><b class="green">trinkey@website</b>:<b class="blue">~/buttons</b>$ cd ~/testimonials</div>
+          <div><b class="green">trinkey@website</b>:<b class="blue">~/testimonials</b>$ cat testimonials.html</div>
+          <div>"warning: this user is trinkey"</div>
+          <div>- <a href="https://booping.synth.download/@breaadyboy" target="_blank">bread</a></div><br>
+          <div>"This user is only slightly crazy once was I. 10/10 would recommend"</div>
+          <div>- <a href="https://lea.pet/@subroutine" target="_blank">subroutine</a></div><br>
+          <div>"the f slur but repeated 36 times"</div>
+          <div>- <a href="https://oomfie.city/@cornfields74">corn fields seventy four</a></div>
+          <div><b class="green">trinkey@website</b>:<b class="blue">~/testimonials</b>$ cd ~/webrings</div>
           <div><b class="green">trinkey@website</b>:<b class="blue">~/webrings</b>$ cat rings.html</div>
           <div>
           	<a href="https://ctp-webr.ing/trinkey/previous">&larr;</a>
-         	<a href="https://ctp-webr.ing/">Catppuccin webring</a>
+         	<a href="https://ctp-webr.ing/">catppuccin webring</a>
           	<a href="https://ctp-webr.ing/trinkey/next">&rarr;</a>
       	  </div>
           <div><b class="green">trinkey@website</b>:<b class="blue">~/webrings</b>$ <i class="cursor">.</i></div>
@@ -135,23 +143,31 @@
           <div><b>projects</b> - the things i made</div>
           <div>- <a href="https://github.com/jerimiah-smiggins/smiggins/" target="_blank"><b>smiggins</b></a> (<a href="https://smiggins.trinkey.com/" target="_blank">website</a>) - a social media platform i made</div>
           <div>- <a href="https://git.trinkey.com/trinkey/website/" target="_blank"><b>this website</b></a> - check out the code</div>
-          <div>- <a href="https://git.trinkey.com/trinkey/dotindex/" target="_blank"><b>dotindex</b></a> (<a href="https://pypi.org/project/DotIndex/" target="_blank">pypi</a>) - a python library that lets you access dicts using the dot notation (dict.key) instead of whatever python does (dict["key"])</div>
+          <div>- <a href="https://git.gay/trinkey/dotindex/" target="_blank"><b>dotindex</b></a> (<a href="https://pypi.org/project/DotIndex/" target="_blank">pypi</a>) - a python library that lets you access dicts using the dot notation (dict.key) instead of whatever python does (dict["key"])</div>
-          <div>- <a href="https://git.trinkey.com/trinkey/infopage/" target="_blank"><b>infopage</b></a> (<a href="https://infpg.pythonanywhere.com/" target="_blank">website</a>) - my very own pronouns.page clone</div><br>
+          <div>- <a href="https://git.gay/trinkey/infopage/" target="_blank"><b>infopage</b></a> (<a href="https://infpg.pythonanywhere.com/" target="_blank">website</a>) - my very own pronouns.page clone</div><br>
           <div>i'll likely add more in the future, these are just the ones i'm most proud of at the moment.</div>
           <div><b class="green">trinkey@website</b>:<b class="blue">~/projects</b>$ <i class="cursor">.</i></div>
         </div>
       </div>
-      <div data-template-id="testimonials">
+      <div data-template-id="directory">
-        <div data-template-field="title">~/testimonials</div>
+        <div data-template-field="title">~/dir</div>
         <div data-template-field="content">
-          <div><b class="green">trinkey@website</b>:<b class="blue">~/testimonials</b>$ cat testimonials.html</div>
+          <div><b class="green">trinkey@website</b>:<b class="blue">~/dir</b>$ cat subdomains.html</div>
-          <div>"warning: this user is trinkey"</div>
+          <div>there's a lot that goes into this website. here are some links for your usage to help you navigate this hellhole</div><br>
-          <div>- <a href="https://booping.synth.download/@breaadyboy" target="_blank">bread</a></div><br>
+          <div><b><a href="https://trinkey.com/">trinkey.com</a>:</b></div>
-          <div>"This user is only slightly crazy once was I. 10/10 would recommend"</div>
+          <div>this is where you are right now</div><br>
-          <div>- <a href="https://lea.pet/@subroutine" target="_blank">subroutine</a></div><br>
+          <div>*<b><a href="https://akkofe.trinkey.com/">akkofe.trinkey.com</a>:</b></div>
-          <div>"the f slur but repeated 36 times"</div>
+          <div>the frontend i use for <a href="https://fediverse.info/" target="_blank">fedi</a></div><br>
-          <div>- <a href="https://oomfie.city/@cornfields74">corn fields seventy four</a></div>
+          <div>*<b><a href="https://git.trinkey.com/">git.trinkey.com</a>:</b></div>
-          <div><b class="green">trinkey@website</b>:<b class="blue">~/testimonials</b>$ <i class="cursor">.</i></div>
+          <div>holds some of my git projects (older ones on <a href="https://github.com/trinkey/" target="_blank">github</a> or <a href="https://git.gay/trinkey/" target="_blank">git.gay</a>)</div><br>
+          <div>*<b><a href="https://is.trinkey.com/">is.trinkey.com</a>:</b></div>
+          <div>hosts <a href="https://iceshrimp.dev/iceshrimp/iceshrimp.net" target="_blank">iceshrimp.net</a>, which is the fedi backend i use</div><br>
+          <div><b><a href="https://music.trinkey.com/">music.trinkey.com</a>:</b></div>
+          <div>has some music. i haven't actually updated the site in a while but i've been meaning to do rewrite it at some point. 100% legal i pinky promise</div><br>
+          <div><b><a href="https://smiggins.trinkey.com/">smiggins.trinkey.com</a>:</b></div>
+          <div>official jerimiah smiggins instance, that being my own social media platform</div><br>
+          <div>(asterisk (*) means i haven't written the code for it)</div><br>
+          <div><b class="green">trinkey@website</b>:<b class="blue">~/dir</b>$ <i class="cursor">.</i></div>
         </div>
       </div>
       <div data-template-id="specs">

no-js.html

@@ -24,6 +24,7 @@
       <h1>trinkey's website!!!</h1>
       <div>(no-js version - regular version <a href="/">here</a>)</div>
       <div>--------------------</div>
+
       <h2>about me</h2>
       <div><b>hi there! i'm trinkey!</b></div>
       <div>--------------------</div>
@@ -34,6 +35,7 @@
       <div>i like to code stuff (mostly websites)! some of my programs can be found on the <a href="javascript:windowPreset('projects')">projects page</a>. i know a few languages, those being python, javascript/typescript, html/css (if you count those), and a little bit of java.</div>
       <div>--------------------</div>
       <div>well, that's about it! i hope you like my website!</div>
+
       <h2>socials</h2>
       <div>- fedi - <b>@trinkey@trinkey.com</b> (or @trinkey@is.trinkey.com)</div>
       <div>- forgejo - <a href="https://git.trinkey.com/trinkey/" target="_blank"><b>trinkey</b></a></div>
@@ -43,34 +45,55 @@
       <div>- signal - <b>@trinkey.01</b></div>
       <div>- email - <b>trinkey [at] proton [dot] me</b></div>
       <div>- youtube - <a href="https://youtube.com/@trinkey" target="_blank"><b>@trinkey</b></a> (inactive)</div>
+
       <h2>projects</h2>
       <div>- <a href="https://github.com/jerimiah-smiggins/smiggins/" target="_blank"><b>smiggins</b></a> (<a href="https://smiggins.trinkey.com/" target="_blank">website</a>) - a social media platform i made</div>
       <div>- <a href="https://git.trinkey.com/trinkey/website/" target="_blank"><b>this website</b></a> - check out the code</div>
-      <div>- <a href="https://git.trinkey.com/trinkey/dotindex/" target="_blank"><b>dotindex</b></a> (<a href="https://pypi.org/project/DotIndex/" target="_blank">pypi</a>) - a python library that lets you access dicts using the dot notation (dict.key) instead of whatever python does (dict["key"])</div>
+      <div>- <a href="https://git.gay/trinkey/dotindex/" target="_blank"><b>dotindex</b></a> (<a href="https://pypi.org/project/DotIndex/" target="_blank">pypi</a>) - a python library that lets you access dicts using the dot notation (dict.key) instead of whatever python does (dict["key"])</div>
-      <div>- <a href="https://git.trinkey.com/trinkey/infopage/" target="_blank"><b>infopage</b></a> (<a href="https://infpg.pythonanywhere.com/" target="_blank">website</a>) - my very own pronouns.page clone</div><br>
+      <div>- <a href="https://git.gay/trinkey/infopage/" target="_blank"><b>infopage</b></a> (<a href="https://infpg.pythonanywhere.com/" target="_blank">website</a>) - my very own pronouns.page clone</div><br>
       <div>i'll likely add more in the future, these are just the ones i'm most proud of at the moment.</div>
-      <h2>testimonials</h2>
+
+      <h2>people</h2>
+      <h3>my button:</h3>
+      <div><img style="cursor: pointer;" src="img/88x31.png" alt="trinkey's 88x31. image of my cat on the right with the word trinkey taking up the rest of the button." title="trinkey's 88x31. image of my cat on the right with the word trinkey taking up the rest of the button."></div>
+      <div>html:</div>
+      <code style="overflow-x: scroll; display: inline-block; background-color: var(--mantle); padding: 5px 8px; border-radius: 5px;">&lt;a href=&quot;https://trinkey.com/&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;https://trinkey.com/img/88x31.png&quot; alt=&quot;trinkey&apos;s 88x31. image of her cat on the right with the word trinkey name taking up the rest of the button.&quot; title=&quot;trinkey&apos;s 88x31. image of her cat on the right with the word trinkey name taking up the rest of the button.&quot;&gt;&lt;/a&gt;</code>
+      <div>--------------------</div>
+      <h3>cool people:</h3>
+      <div class="buttons-88x31">
+        <a href="https://notfire.cc" target="_blank"><img src="https://notfire.cc/design/images/buttons/notfire-cc-88x31-af.gif" alt="notfire.cc"></a>
+        <a href="https://micro.niko.lgbt" target="_blank"><img src="https://micro.niko.lgbt/static/button_2.png" alt="a non-spinning demigirl blobcat angled slightly with a black border to the left of &quot;Micro&quot;" title="a non-spinning demigirl blobcat angled slightly with a black border to the left of &quot;Micro&quot;"></a>
+        <a href="https://w.on-t.work" target="_blank"><img src="https://w.on-t.work/assets/88x31.png" alt="kopper's button" title="kopper's button"></a>
+        <a href="https://synth.download"  target="_blank"><img src="https://synth.download/assets/buttons/sneexy.svg" alt="Sneexy" title="Sneexy"></a>
+        <a href="https://unnick.mice.tel" target="_blank"><img src="https://unnick.mice.tel/88x31.png" alt="unnick" title="unnick"></a>
+      </div>
+      <h3>testimonials:</h3>
       <div>"warning: this user is trinkey"</div>
       <div>- <a href="https://booping.synth.download/@breaadyboy" target="_blank">bread</a></div><br>
       <div>"This user is only slightly crazy once was I. 10/10 would recommend"</div>
       <div>- <a href="https://lea.pet/@subroutine" target="_blank">subroutine</a></div><br>
       <div>"the f slur but repeated 36 times"</div>
       <div>- <a href="https://oomfie.city/@cornfields74">corn fields seventy four</a></div>
-      <h2>people</h2>
+      <h3>webrings:</h3>
-      <div><b>my button:</b></div>
-      <div><img style="cursor: pointer;" src="img/88x31.png" alt="trinkey's 88x31. image of my cat on the right with the word trinkey taking up the rest of the button." title="trinkey's 88x31. image of my cat on the right with the word trinkey taking up the rest of the button."></div>
-      <div>html:</div>
-      <code style="overflow-x: scroll; display: inline-block; background-color: var(--mantle); padding: 5px 8px; border-radius: 5px;">&lt;a href=&quot;https://trinkey.com/&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;https://trinkey.com/img/88x31.png&quot; alt=&quot;trinkey&apos;s 88x31. image of her cat on the right with the word trinkey name taking up the rest of the button.&quot; title=&quot;trinkey&apos;s 88x31. image of her cat on the right with the word trinkey name taking up the rest of the button.&quot;&gt;&lt;/a&gt;</code>
-      <div>--------------------</div>
-      <div><b>cool people:</b></div>
-      <div class="buttons-88x31">
-        <a href="https://notfire.cc" target="_blank"><img src="https://notfire.cc/design/images/buttons/notfire-cc-88x31-af.gif" alt="notfire.cc"></a>
-        <a href="https://micro.niko.lgbt" target="_blank"><img src="https://micro.niko.lgbt/static/button_2.png" alt="a non-spinning demigirl blobcat angled slightly with a black border to the left of &quot;Micro&quot;" title="a non-spinning demigirl blobcat angled slightly with a black border to the left of &quot;Micro&quot;"></a>
-        <a href="https://w.on-t.work" target="_blank"><img src="https://w.on-t.work/assets/88x31.png" alt="kopper's button" title="kopper's button"></a>
-      </div>
    	  <a href="https://ctp-webr.ing/trinkey/previous">&larr;</a>
   	  <a href="https://ctp-webr.ing/">Catppuccin webring</a>
    	  <a href="https://ctp-webr.ing/trinkey/next">&rarr;</a>
+
+      <h2>directory</h2>
+      <div>there's a lot that goes into this website. here are some links for your usage to help you navigate this hellhole</div><br>
+      <div><b><a href="https://trinkey.com/">trinkey.com</a>:</b></div>
+      <div>this is where you are right now</div><br>
+      <div>*<b><a href="https://akkofe.trinkey.com/">akkofe.trinkey.com</a>:</b></div>
+      <div>the frontend i use for <a href="https://fediverse.info/" target="_blank">fedi</a></div><br>
+      <div>*<b><a href="https://git.trinkey.com/">git.trinkey.com</a>:</b></div>
+      <div>holds some of my git projects (older ones on <a href="https://github.com/trinkey/" target="_blank">github</a> or <a href="https://git.gay/trinkey/" target="_blank">git.gay</a>)</div><br>
+      <div>*<b><a href="https://is.trinkey.com/">is.trinkey.com</a>:</b></div>
+      <div>hosts <a href="https://iceshrimp.dev/iceshrimp/iceshrimp.net" target="_blank">iceshrimp.net</a>, which is the fedi backend i use</div><br>
+      <div><b><a href="https://music.trinkey.com/">music.trinkey.com</a>:</b></div>
+      <div>has some music. i haven't actually updated the site in a while but i've been meaning to do rewrite it at some point. 100% legal i pinky promise</div><br>
+      <div><b><a href="https://smiggins.trinkey.com/">smiggins.trinkey.com</a>:</b></div>
+      <div>official jerimiah smiggins instance, that being my own social media platform</div><br>
+      <div>(asterisk (*) means i haven't written the code for it)</div><br>
     </div>
   </body>
 </html>