]> fortfriendship.online Git - gnargle.github.io.git/commitdiff
iframe a bunch of stuff for code reuse
authorAthene Allen <atheneallen93@gmail.com>
Sun, 26 Jan 2025 19:59:31 +0000 (19:59 +0000)
committerAthene Allen <atheneallen93@gmail.com>
Sun, 26 Jan 2025 19:59:31 +0000 (19:59 +0000)
entries/1.html
entries/miku.html
entries/template.html
index.html
main.css
projects/dalamudplugins.html
projects/youbeat.html [new file with mode: 0644]
shared/footer.html [new file with mode: 0644]
shared/links.html [new file with mode: 0644]
shared/title.html [new file with mode: 0644]

index f6f5a81a1706e50d45bba6b48f9bac688dca1392..c6a33a6e4e71718bdb0e5b10bd8d9349518db565 100644 (file)
@@ -7,13 +7,7 @@
   </head>
   <body class="whole-site">
     <div>
-      <div class="container">
-        <div class="header">
-          <marquee>
-            <h1 class="marquee-heading">🏳️‍⚧️ 👩🏼‍💻 Athene.Gay 👩🏼‍💻 🏳️‍⚧️</h1>
-          </marquee>
-        </div>
-      </div>
+      <iframe class="embed-title" src="../shared/title.html"> </iframe>
       <div class="main-container">
         <div class="main">
           <div class="entry">
           </div>
         </div>
       </div>
-      <div class="container">
-        <div class="links">
-          <div class="links-container">
-            <h3>Links</h3>
-          </div>
-          <div class="links-container">
-            <links-entry>
-              <a href="https://sickandgloomy.dreamwidth.org/"
-                >My Friend Avery's Dreamwidth</a
-              >
-            </links-entry>
-          </div>
-        </div>
-      </div>
-      <div class="container">
-        <div class="footer">
-          <div class="footer-container">
-            <div class="footer-entry">
-              <a href="https://bsky.app/profile/athene.gay"
-                ><img class="icon" src="../img/bluesky.svg" alt="bluesky logo"
-              /></a>
-            </div>
-            <div class="footer-entry">
-              <a href="https://github.com/gnargle"
-                ><img class="icon" src="../img/github.svg" alt="github logo"
-              /></a>
-            </div>
-            <div class="footer-entry">
-              <a href="https://discordapp.com/users/390978640051175424"
-                ><img class="icon" src="../img/discord.svg" alt="github logo"
-              /></a>
-            </div>
-            <div class="footer-entry">
-              <a href="https://www.twitch.tv/atheneallen"
-                ><img class="icon" src="../img/twitch.svg" alt="github logo"
-              /></a>
-            </div>
-            <div class="footer-entry">
-              <a href="https://archiveofourown.org/users/gnargle/works"
-                ><img class="icon" src="../img/ao3.svg" alt="github logo"
-              /></a>
-            </div>
-          </div>
-          <div class="footer-container">
-            <script
-              type="text/javascript"
-              src="https://counter.websiteout.com/js/24/4/0/0"
-            ></script>
-          </div>
-          <div class="footer-container">
-            <p>
-              Icons by <a target="_blank" href="https://icons8.com">Icons8</a>
-            </p>
-          </div>
-        </div>
-      </div>
+      <iframe class="embed-links" src="../shared/links.html"> </iframe>
+      <iframe class="embed-footer" src="../shared/footer.html"> </iframe>
     </div>
   </body>
 </html>
index a53c1cca1e0eefa8bbc7b9dc0c205dc4ffd4f83f..de40eab2df87206805b7b3d5e6ad6f8d41891170 100644 (file)
@@ -7,13 +7,7 @@
   </head>
   <body class="whole-site">
     <div>
-      <div class="container">
-        <div class="header">
-          <marquee>
-            <h1 class="marquee-heading">🏳️‍⚧️ 👩🏼‍💻 Athene.Gay 👩🏼‍💻 🏳️‍⚧️</h1>
-          </marquee>
-        </div>
-      </div>
+      <iframe class="embed-title" src="../shared/title.html"> </iframe>
       <div class="main-container">
         <div class="main">
           <div class="entry">
           </div>
         </div>
       </div>
-      <div class="container">
-        <div class="links">
-          <div class="links-container">
-            <h3>Links</h3>
-          </div>
-          <div class="links-container">
-            <links-entry>
-              <a href="https://sickandgloomy.dreamwidth.org/"
-                >My Friend Avery's Dreamwidth</a
-              >
-            </links-entry>
-          </div>
-        </div>
-      </div>
-      <div class="container">
-        <div class="footer">
-          <div class="footer-container">
-            <div class="footer-entry">
-              <a href="https://bsky.app/profile/athene.gay"
-                ><img class="icon" src="../img/bluesky.svg" alt="bluesky logo"
-              /></a>
-            </div>
-            <div class="footer-entry">
-              <a href="https://github.com/gnargle"
-                ><img class="icon" src="../img/github.svg" alt="github logo"
-              /></a>
-            </div>
-            <div class="footer-entry">
-              <a href="https://discordapp.com/users/390978640051175424"
-                ><img class="icon" src="../img/discord.svg" alt="github logo"
-              /></a>
-            </div>
-            <div class="footer-entry">
-              <a href="https://www.twitch.tv/atheneallen"
-                ><img class="icon" src="../img/twitch.svg" alt="github logo"
-              /></a>
-            </div>
-            <div class="footer-entry">
-              <a href="https://archiveofourown.org/users/gnargle/works"
-                ><img class="icon" src="../img/ao3.svg" alt="github logo"
-              /></a>
-            </div>
-          </div>
-          <div class="footer-container">
-            <script
-              type="text/javascript"
-              src="https://counter.websiteout.com/js/24/4/0/0"
-            ></script>
-          </div>
-          <div class="footer-container">
-            <p>
-              Icons by <a target="_blank" href="https://icons8.com">Icons8</a>
-            </p>
-          </div>
-        </div>
-      </div>
+      <iframe class="embed-links" src="../shared/links.html"> </iframe>
+      <iframe class="embed-footer" src="../shared/footer.html"> </iframe>
     </div>
   </body>
 </html>
index f1825ffa4aaf2ec6522769d6fbaf90489c412bc9..a4aa4b70458a48ab0f5634c7bc0f3cf76f08e20b 100644 (file)
@@ -7,13 +7,7 @@
   </head>
   <body class="whole-site">
     <div>
-      <div class="container">
-        <div class="header">
-          <marquee>
-            <h1 class="marquee-heading">🏳️‍⚧️ 👩🏼‍💻 Athene.Gay 👩🏼‍💻 🏳️‍⚧️</h1>
-          </marquee>
-        </div>
-      </div>
+      <iframe class="embed-title" src="../shared/title.html"> </iframe>
       <div class="main-container">
         <div class="main">
           <div class="entry">
           </div>
         </div>
       </div>
-      <div class="container">
-        <div class="links">
-          <div class="links-container">
-            <h3>Links</h3>
-          </div>
-          <div class="links-container">
-            <links-entry>
-              <a href="https://sickandgloomy.dreamwidth.org/"
-                >My Friend Avery's Dreamwidth</a
-              >
-            </links-entry>
-          </div>
-        </div>
-      </div>
-      <div class="container">
-        <div class="footer">
-          <div class="footer-container">
-            <div class="footer-entry">
-              <a href="https://bsky.app/profile/athene.gay"
-                ><img class="icon" src="../img/bluesky.svg" alt="bluesky logo"
-              /></a>
-            </div>
-            <div class="footer-entry">
-              <a href="https://github.com/gnargle"
-                ><img class="icon" src="../img/github.svg" alt="github logo"
-              /></a>
-            </div>
-            <div class="footer-entry">
-              <a href="https://discordapp.com/users/390978640051175424"
-                ><img class="icon" src="../img/discord.svg" alt="github logo"
-              /></a>
-            </div>
-            <div class="footer-entry">
-              <a href="https://www.twitch.tv/atheneallen"
-                ><img class="icon" src="../img/twitch.svg" alt="github logo"
-              /></a>
-            </div>
-            <div class="footer-entry">
-              <a href="https://archiveofourown.org/users/gnargle/works"
-                ><img class="icon" src="../img/ao3.svg" alt="github logo"
-              /></a>
-            </div>
-          </div>
-          <div class="footer-container">
-            <script
-              type="text/javascript"
-              src="https://counter.websiteout.com/js/24/4/0/0"
-            ></script>
-          </div>
-          <div class="footer-container">
-            <p>
-              Icons by <a target="_blank" href="https://icons8.com">Icons8</a>
-            </p>
-          </div>
-        </div>
-      </div>
+      <iframe class="embed-links" src="../shared/links.html"> </iframe>
+      <iframe class="embed-footer" src="../shared/footer.html"> </iframe>
     </div>
   </body>
 </html>
index 4b20b3d007f4a3a9bd6a26219aa60cf052c27fc5..7641f49b75bf2cea02105f2aec3793c5edcff58f 100644 (file)
@@ -7,13 +7,7 @@
   </head>
   <body class="whole-site">
     <div>
-      <div class="container">
-        <div class="header">
-          <marquee>
-            <h1 class="marquee-heading">🏳️‍⚧️ 👩🏼‍💻 Athene.Gay 👩🏼‍💻 🏳️‍⚧️</h1>
-          </marquee>
-        </div>
-      </div>
+      <iframe class="embed-title" src="shared/title.html"> </iframe>
       <div class="container">
         <div class="main">
           <div class="entry">
         </div>
       </div>
     </div>
-    <div class="container">
-      <div class="links">
-        <div class="links-container">
-          <h3>Links</h3>
-        </div>
-        <div class="links-container">
-          <links-entry>
-            <a href="https://sickandgloomy.dreamwidth.org/"
-              >My Friend Avery's Dreamwidth</a
-            >
-          </links-entry>
-        </div>
-      </div>
-    </div>
-    <div class="container">
-      <div class="footer">
-        <div class="footer-container">
-          <div class="footer-entry">
-            <a href="https://bsky.app/profile/athene.gay"
-              ><img class="icon" src="img/bluesky.svg" alt="bluesky logo"
-            /></a>
-          </div>
-          <div class="footer-entry">
-            <a href="https://github.com/gnargle"
-              ><img class="icon" src="img/github.svg" alt="github logo"
-            /></a>
-          </div>
-          <div class="footer-entry">
-            <a href="https://discordapp.com/users/390978640051175424"
-              ><img class="icon" src="img/discord.svg" alt="github logo"
-            /></a>
-          </div>
-          <div class="footer-entry">
-            <a href="https://www.twitch.tv/atheneallen"
-              ><img class="icon" src="img/twitch.svg" alt="github logo"
-            /></a>
-          </div>
-          <div class="footer-entry">
-            <a href="https://archiveofourown.org/users/gnargle/works"
-              ><img class="icon" src="img/ao3.svg" alt="github logo"
-            /></a>
-          </div>
-        </div>
-        <div class="footer-container">
-          <script
-            type="text/javascript"
-            src="https://counter.websiteout.com/js/24/4/0/0"
-          ></script>
-        </div>
-        <div class="footer-container">
-          <p>
-            Icons by <a target="_blank" href="https://icons8.com">Icons8</a>
-          </p>
-        </div>
-      </div>
-    </div>
+    <iframe class="embed-links" src="shared/links.html"> </iframe>
+    <iframe class="embed-footer" src="shared/footer.html"> </iframe>
   </body>
 </html>
index 34a741ae4e8d31762fe00dd9d1c0eca59b779b88..3f4adaaaa6749b61704399a410b724819e8605ca 100644 (file)
--- a/main.css
+++ b/main.css
     border-radius: 25px;
 }
 
+.embed-title{
+    width: 100%;
+    height: 50px;
+    display: block;
+    margin: 0 auto;
+    border: 0;
+}
+
+.embed-footer {
+    width: 100%;
+    height: 250px;
+    display: block;
+    margin: 0 auto;
+    border: 0;
+}
+
+.embed-links {
+    width: 100%;
+    height: 100px;
+    display: block;
+    margin: 0 auto;
+    border: 0;
+}
+
 .marquee-heading{
     color:crimson
 }
index 2d753a711c13fe43bb594399b3381642644131ec..3f7f5498e5f1fd7452e9b945ccecc390c63e5ba0 100644 (file)
@@ -7,13 +7,7 @@
   </head>
   <body class="whole-site">
     <div>
-      <div class="container">
-        <div class="header">
-          <marquee>
-            <h1 class="marquee-heading">🏳️‍⚧️ 👩🏼‍💻 Athene.Gay 👩🏼‍💻 🏳️‍⚧️</h1>
-          </marquee>
-        </div>
-      </div>
+      <iframe class="embed-title" src="../shared/title.html"> </iframe>
       <div class="main-container">
         <div class="main">
           <div class="entry">
           </div>
         </div>
       </div>
-      <div class="container">
-        <div class="links">
-          <div class="links-container">
-            <h3>Links</h3>
-          </div>
-          <div class="links-container">
-            <links-entry>
-              <a href="https://sickandgloomy.dreamwidth.org/"
-                >My Friend Avery's Dreamwidth</a
-              >
-            </links-entry>
-          </div>
-        </div>
-      </div>
-      <div class="container">
-        <div class="footer">
-          <div class="footer-container">
-            <div class="footer-entry">
-              <a href="https://bsky.app/profile/athene.gay"
-                ><img class="icon" src="../img/bluesky.svg" alt="bluesky logo"
-              /></a>
-            </div>
-            <div class="footer-entry">
-              <a href="https://github.com/gnargle"
-                ><img class="icon" src="../img/github.svg" alt="github logo"
-              /></a>
-            </div>
-            <div class="footer-entry">
-              <a href="https://discordapp.com/users/390978640051175424"
-                ><img class="icon" src="../img/discord.svg" alt="github logo"
-              /></a>
-            </div>
-            <div class="footer-entry">
-              <a href="https://www.twitch.tv/atheneallen"
-                ><img class="icon" src="../img/twitch.svg" alt="github logo"
-              /></a>
-            </div>
-            <div class="footer-entry">
-              <a href="https://archiveofourown.org/users/gnargle/works"
-                ><img class="icon" src="../img/ao3.svg" alt="github logo"
-              /></a>
-            </div>
-          </div>
-          <div class="footer-container">
-            <script
-              type="text/javascript"
-              src="https://counter.websiteout.com/js/24/4/0/0"
-            ></script>
-          </div>
-          <div class="footer-container">
-            <p>
-              Icons by <a target="_blank" href="https://icons8.com">Icons8</a>
-            </p>
-          </div>
-        </div>
-      </div>
+      <iframe class="embed-links" src="../shared/links.html"> </iframe>
+      <iframe class="embed-footer" src="../shared/footer.html"> </iframe>
     </div>
   </body>
 </html>
diff --git a/projects/youbeat.html b/projects/youbeat.html
new file mode 100644 (file)
index 0000000..e69de29
diff --git a/shared/footer.html b/shared/footer.html
new file mode 100644 (file)
index 0000000..b0f914b
--- /dev/null
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="stylesheet" href="../main.css" />
+  </head>
+  <body>
+    <div class="container">
+      <div class="footer">
+        <div class="footer-container">
+          <div class="footer-entry">
+            <a href="https://bsky.app/profile/athene.gay"
+              ><img class="icon" src="../img/bluesky.svg" alt="bluesky logo"
+            /></a>
+          </div>
+          <div class="footer-entry">
+            <a href="https://github.com/gnargle"
+              ><img class="icon" src="../img/github.svg" alt="github logo"
+            /></a>
+          </div>
+          <div class="footer-entry">
+            <a href="https://discordapp.com/users/390978640051175424"
+              ><img class="icon" src="../img/discord.svg" alt="github logo"
+            /></a>
+          </div>
+          <div class="footer-entry">
+            <a href="https://www.twitch.tv/atheneallen"
+              ><img class="icon" src="../img/twitch.svg" alt="github logo"
+            /></a>
+          </div>
+          <div class="footer-entry">
+            <a href="https://archiveofourown.org/users/gnargle/works"
+              ><img class="icon" src="../img/ao3.svg" alt="github logo"
+            /></a>
+          </div>
+        </div>
+        <div class="footer-container">
+          <script
+            type="text/javascript"
+            src="https://counter.websiteout.com/js/24/4/0/0"
+          ></script>
+        </div>
+        <div class="footer-container">
+          <p>
+            Icons by <a target="_blank" href="https://icons8.com">Icons8</a>
+          </p>
+        </div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/shared/links.html b/shared/links.html
new file mode 100644 (file)
index 0000000..9a46925
--- /dev/null
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="stylesheet" href="../main.css" />
+  </head>
+  <body>
+    <div class="container">
+      <div class="links">
+        <div class="links-container">
+          <h3>Links</h3>
+        </div>
+        <div class="links-container">
+          <links-entry>
+            <a href="https://sickandgloomy.dreamwidth.org/"
+              >My Friend Avery's Dreamwidth</a
+            >
+          </links-entry>
+        </div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/shared/title.html b/shared/title.html
new file mode 100644 (file)
index 0000000..4a0a3e7
--- /dev/null
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="stylesheet" href="../main.css" />
+  </head>
+  <body>
+    <div class="container">
+      <div class="header">
+        <marquee>
+          <h1 class="marquee-heading">🏳️‍⚧️ 👩🏼‍💻 Athene.Gay 👩🏼‍💻 🏳️‍⚧️</h1>
+        </marquee>
+      </div>
+    </div>
+  </body>
+</html>