From f1d37a714183bc77afe0b2b7aff4a36f9b0761a4 Mon Sep 17 00:00:00 2001
From: hexlocation pc <hex@clatter.cc>
Date: Sat, 13 Jul 2024 10:44:02 +0200
Subject: [PATCH] feat(index): add appriopriate 'section buttons' for each
 about-section.

---
 views/index.html | 133 -----------------------------------------------
 1 file changed, 133 deletions(-)
 delete mode 100644 views/index.html

diff --git a/views/index.html b/views/index.html
deleted file mode 100644
index ba47eb3..0000000
--- a/views/index.html
+++ /dev/null
@@ -1,133 +0,0 @@
-<div id="main-content">
-  <div id="middle-box">
-    <p style="text-align: center;margin-bottom: 5px;">[ iwakura.rip ]</p>
-    <img id="main-img" style="display:block;margin-left:auto;margin-right:auto;" src="https://media1.tenor.com/m/OlHMWq46CtAAAAAC/serial-experiments-lain-lain.gif" width="332" height="235">
-    <div class="link-container" id="service-container">
-      <a id="anim-1" href="https://mail.iwakura.rip">&nbsp;[ mail ]&nbsp;</a>
-      <a id="anim-2" href="https://git.iwakura.rip">&nbsp;[ git ]&nbsp;</a>
-      <a id="anim-3" href="https://media.iwakura.rip">&nbsp;[ media ]&nbsp;</a>
-      <a id="anim-4" href="https://blog.iwakura.rip">&nbsp;[ blog ]&nbsp;</a>
-    </div>
-    <div class="link-container" id="main-container">
-      <a onclick="showAbout()">&nbsp;[ about ]&nbsp;</a>
-      <a onclick="showContainer(serviceContainer)">&nbsp;[ services ]&nbsp;</a>
-    </div>
-  </div>
-  <br>
-  <div id="about-box" class="fadeIn">
-    <bu>About</bu>
-    <p>iwakura.rip is a collection of servers hosting mostly-private services for hexlocation & friends.</p>
-    <bu>Explanation</bu>
-    <p>Most of the gifs/art/names/ui design is inspired by/based on <a href="https://en.wikipedia.org/wiki/Serial_Experiments_Lain"><b>Serial Experiments Lain</b></a>, an anime series about Lain <u>Iwakura</u></p>
-    <bu>Disclaimer</bu>
-    <p>Serial Experiments Lain is the property of Triangle Studios. iwakura.rip is not affiliated with Triangle Studios.</p>
-  </div>
-</div>
-<style>
-@keyframes fadeIn {
-  to {
-    opacity: 1;
-  }
-}
-@keyframes fadeOut {
-  0% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-  }
-}
-bu {
-  font-weight: bold;
-  text-decoration: underline;
-}
-#about-box{
-  opacity:0;
-  display:none;
-}
-.fadeIn {
-  animation: fadeIn 0.5s forwards;
-}
-.fadeOut {
-  animation: fadeOut 0.5s forwards;
-}
-:root {
-  --term-color: #4AF626;
-}
-@font-face {
-  font-family: "Hack Nerd Font";
-  src: url(HNF-Reg.ttf);
-}
-a:hover {
-  color: black !important;
-  background-color: var(--term-color);
-}
-body {
-  background-color: black;
-}
-#main-container {
-  animation-delay: 0.2s;
-}
-a {
-  text-decoration: none;
-  transition: 0.3s;
-  cursor: default;
-}
-.link-container {
-  display: flex;
-  margin-top: 5px;
-  align-items: center;
-  justify-content: center;
-  transition: 0.5s;
-  opacity:0;
-}
-#service-container {
-  display: none;
-}
-#main-content, a {
-  font-family: "Hack Nerd Font";
-  color: var(--term-color);
-}
-#main-content {
-  /*font-family: "Hack Nerd Font";
-  color: var(--term-color);*/
-  position:absolute;
-  top: 40%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-</style>
-<script>
-  let getId = (i) => document.getElementById(i);
-  let serviceContainer = getId('service-container');
-  let mainContainer = getId('main-container');
-  let aboutContainer = getId('about-container');
-
-  mainContainer.classList.add("fadeIn");
-
-  let containers = [serviceContainer, mainContainer, serviceContainer];
-  function showContainer(container){
-    for (let _container of containers) {
-      //_container.style.display = "none";
-      if (_container == container) continue
-      _container.classList.remove("fadeIn");
-      _container.classList.add("fadeOut");
-      _container.style.display = "none"
-    }
-    container.classList.add("fadeIn");
-    container.style.display = "flex";
-  }
-  let showAbout = () => document.getElementById('about-box').style.display = "block";
-  /*
-  var links = document.getElementById("link-container").getElementsByTagName("a");
-  let delay = 1;
-  for (var link of links) {
-    console.log(link)
-    link.style.animationDelay = `${delay}s`;
-    delay += 1;
-    link.style.animation = "fadeIn 0.3s";
-  }
-  */
-  var container = document.getElementById("link-container");
-  //container.style.animation = "fadeIn 0.3s";
-</script>