From 3702f13ac4691feaf8427b597d276b8468633c04 Mon Sep 17 00:00:00 2001
From: Wish <100239673+wish13yt@users.noreply.github.com>
Date: Mon, 30 Dec 2024 08:14:53 -0600
Subject: [PATCH] new blog

---
 blogs/delisted.html         | 193 ++++++++++++++++++++++++++++++++++++
 blogs/where-we've-been.html |   2 +-
 index.html                  |   7 +-
 3 files changed, 198 insertions(+), 4 deletions(-)
 create mode 100644 blogs/delisted.html
diff --git a/blogs/delisted.html b/blogs/delisted.html
new file mode 100644
index 0000000..77f9e8c
--- /dev/null
+++ b/blogs/delisted.html
@@ -0,0 +1,193 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="A place for Freakybob.">
+    <meta content="FreakyBlog - Delisting of FreakyExtension" property="og:title" />
+    <meta content="We regret to inform you that FreakyExtension has been removed from the Chrome Web Store." property="og:description" />
+    <meta content="https://freakybob-team.github.io/Freakyblog/" property="og:url" />
+    <meta content="https://github.com/Freakybob-Team/Freakyblog/blob/main/icon.png?raw=true" property="og:image" />
+    <meta content="#006b79" data-react-helmet="true" name="theme-color" />
+    <title>Freakyblog - Delisted</title>
+    <link rel="icon" type="image/x-icon" href="../icon.png">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link rel="manifest" href="./manifest.json">
+    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
+</head>
+<style>
+    body {
+        background-image: url('../images/bikinibottom.png');
+        background-color: rgb(3, 102, 102);
+        background-size: cover;
+        background-repeat: no-repeat;
+        background-position: center;
+        background-attachment: fixed;
+        margin: 0;
+        padding: 0;
+        font-family: "Noto Sans", sans-serif;
+        min-height: 100vh;
+        min-width: 100vw;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        position: relative;
+        color: rgb(1, 160, 200);
+    }
+    h1 {
+        text-align: center;
+        color: rgb(218, 203, 3);
+        font-size: 42px;
+        margin-top: 30px;
+        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6);
+    }
+    h2 {
+        text-align: center;
+        color: rgb(225, 246, 4);
+    }
+    h3 {
+        text-align: center;
+        color: rgb(3, 246, 209);
+        font-size: 20px;
+    }
+    .post-content {
+        text-align: justify;
+        color: rgb(40, 248, 255);
+        margin: 20px;
+        padding: 20px;
+        background-color: rgba(155, 112, 184, 0.8);
+        border-radius: 8px;
+        max-width: 800px;
+        width: 90%;
+    }
+    .sidebar {
+        position: fixed;
+        top: 0;
+        left: -250px;
+        width: 250px;
+        height: 100%;
+        background-color: rgba(0, 96, 115, 0.533);
+        padding-top: 20px;
+        padding-left: 10px;
+        display: flex;
+        flex-direction: column;
+        color: white;
+        transition: left 0.3s;
+        backdrop-filter: blur(10px);
+        filter: drop-shadow(2px 2px 6px rgba(200, 200, 200, 0.5));
+        border-width: 4px;
+        border-color: rgba(33, 65, 139, 0.321);
+        border-style: solid;
+        pointer-events: none;
+        z-index: 7;
+        
+    }
+    .sidebar a {
+        color: white;
+        padding: 12px 16px;
+        text-decoration: none;
+        font-size: 20px;
+        margin-bottom: 10px;
+        border-radius: 6px;
+        transition: background-color 0.3s;
+        box-shadow: inset 0 0 0 0 #54b3d6;
+        color: #54b3d6;
+        margin: 0 -.25rem;
+        padding: 1rem;
+        transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
+    }
+    .sidebar a:hover {
+        box-shadow: inset 230px 0 0 0 #0d83ad;
+        color: white;
+    }
+    #menu-button {
+        height: 40px;
+        width: auto;
+        position: absolute;
+        top: 20px;
+        right: 10px;
+        background-color: rgba(33, 106, 120, 0.438);
+        color: white;
+        padding: 10px;
+        font-size: 13px;
+        cursor: pointer;
+        border: none;
+        border-radius: 12px;
+        transition: all 0.6s ease;
+    }
+    #menu-button:hover {
+        background-color: rgba(24, 175, 177, 0.529);
+    }
+    .comments {
+        z-index: auto;
+    }
+    @media screen and (max-width: 600px) {
+        h1 {
+            font-size: x-large;
+        }
+        
+        .post-content {
+            width: 250px;
+            font-size: 0.9em;
+            margin-left: 39px;
+        }
+        .posted {
+            font-size: 0.9em;
+        }
+
+    }
+</style>
+<body>
+
+    <button id="menu-button" onclick="toggleMenu()">☰</button>
+
+    <div class="sidebar" id="sidebar">
+        <h2>Freakyblog</h2>
+        <a href="https://blog.freakybob.site">Home</a>
+        <a href="https://freakybob.site" target="_blank">Go to Freakybob.site</a>
+        <hr style="border-radius: 5px; border: 3px solid rgba(210, 17, 245, 0.6); margin: 10px 0; width: 90%;">
+        <h1 class="menu-blog-title" style="font-size: 1.4em; text-align: center; color: rgb(225, 246, 4);">The Blog Posts!</h1>
+        <a href="https://blog.freakybob.site/blogs/revival">Revival - 5quirre1</a>
+        <a href="https://blog.freakybob.site/blogs/where-we've-been">Apologizing - Wish13yt</a>
+        <a href="https://blog.freakybob.site/blogs/freakybob.site-hacking">What happened - Mpax</a>
+    </div>
+
+    <h1>Freakyblog Revival!!!</h1>
+    <p class="posted-on" style="color: hotpink; text-align: center;">Posted on December 30th!</p>
+    <h2 class="posted">Posted by <a href="https://github.com/Wish13yt" style="color: hotpink">Wish</a> - Freakybob-Team</h2>
+
+    <div class="post-content">
+        <h3>Delisting of FreakyExtension from the Chrome Web Store</h3>
+        <p>Hello! I have come to announce the removal of FreakyExtension from the Chrome Extensions store.</p>
+        <p>Please install FreakyExtension from source from now on.</p>
+        <p>Happy New Year! - Wish/p>
+    </div>
+
+
+    <div  data-lyket-type="updown" data-lyket-id="comments" class="comments"></div>
+    <script src="https://utteranc.es/client.js"
+          repo="Freakybob-Team/Freakyblog"
+          issue-number="13"
+          theme="github-dark"
+          crossorigin="anonymous"
+          async>
+  </script>
+    <audio autoplay loop src="../audio/test.mp3"></audio>
+
+    <script>
+
+        function toggleMenu() {
+            var sidebar = document.getElementById("sidebar");
+
+            if (sidebar.style.left === "0px") {
+                sidebar.style.left = "-250px";
+                sidebar.style.pointerEvents = "none";
+            } else {
+                sidebar.style.left = "0";
+                sidebar.style.pointerEvents = "auto";
+            }
+        }
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/blogs/where-we've-been.html b/blogs/where-we've-been.html
index 075a8f1..e08c9cb 100644
--- a/blogs/where-we've-been.html
+++ b/blogs/where-we've-been.html
@@ -155,7 +155,7 @@ <h1 class="menu-blog-title" style="font-size: 1.4em; text-align: center; color:
 
     <h1>Where we've been</h1>
     <p class="posted-on" style="color: hotpink; text-align: center;">Posted on December 6th!</p>
-    <h2 class="posted">Posted by <a href="https://github.com/wish13yt" style="color: hotpink">Wish13yt</a> - Freakybob-Team</h2>
+    <h2 class="posted">Posted by <a href="https://github.com/wish13yt" style="color: hotpink">Wish</a> - Freakybob-Team</h2>
 
     <div class="post-content">
         <h3>Apologizing for the Lack of Updates</h3>
diff --git a/index.html b/index.html
index 71abaa3..6385ab3 100644
--- a/index.html
+++ b/index.html
@@ -216,10 +216,11 @@ <h2>Freakyblog</h2>
         <a href="https://blog.freakybob.site">Home</a>
         <a href="https://freakybob.site" target="_blank">Go to Freakybob.site</a>
         <hr style="border-radius: 5px; border: 3px solid rgba(210, 17, 245, 0.6); margin: 10px 0; width: 90%;">
-        <h1 class="menu-blog-title" style="font-size: 1.4em; text-align: center; color: rgb(225, 246, 4);">The Blog Posts!</h1>
+        <h1 class="menu-blog-title" style="font-size: 1.4em; text-align: center; color: rgb(225, 246, 4);">The Blog Posts! (newest-oldest)</h1>
+        <a href="https://blog.freakybob.site/blogs/delisted">Delisting of FreakyExtension from Chrome - Wish</a>
+        <a href="https://blog.freakybob.site/blogs/freakybob.site-hacking">What happened - mpax235</a> 
+        <a href="https://blog.freakybob.site/blogs/where-we've-been">Apologizing - Wish</a>
         <a href="https://blog.freakybob.site/blogs/revival">Revival - 5quirre1</a>
-        <a href="https://blog.freakybob.site/blogs/where-we've-been">Apologizing - Wish13yt</a>
-        <a href="https://blog.freakybob.site/blogs/freakybob.site-hacking">What happened - mpax235</a>
     </div>
     
 
