diff --git a/Blog/Post1.html b/Blog/Post1.html
index c085f08..a9dc1ba 100644
--- a/Blog/Post1.html
+++ b/Blog/Post1.html
@@ -3,7 +3,8 @@
 <head>
 <Title>Hex Bomb</Title>
 
-<link rel="stylesheet" href="Blogstyles Template.css">
+<link rel="stylesheet" href="../mainstyles.css">
+<link rel="stylesheet" href="../css/poststyles.css">
 
 <link href="https://fonts.googleapis.com/css2?family=Oswald:wght@200;600&family=Raleway:wght@200&family=Staatliches&display=swap" rel="stylesheet"> 
 
@@ -14,31 +15,20 @@
 
 <body>
     <div id=header-navigation>
-        <img id=headerimg src="./images/Headerimg.png" alt="hex-bomb">
-        <nav>
-            <a href=main.html>Main</a> |
-            Blog |
-            Gallery |
-            Zines & Comics
+        <img id=headerimg src="../images/Headerimg.png" alt="hex-bomb">
+        <nav class=flexnav>
+            <div id=topbutton><a href="../index.html">Main</a></div>
+            <div id=topbutton><a href="../blog.html">Blog</a></div>
+            <div id=topbutton><a href="../gallery.html">Gallery</a></div>
+            <div id=topbutton><a href="../comics.html">Zines & Comics</a></div>
         </nav>
     </div>
 
     <div id=Content-box class="flex-container">
-        <div id=leftbox>
-            <img src="./images/BOMBLOGO.svg" alt="Hex Bomb Logo" id="hexlogosvg">
-                <div id="Abouttext">
-                    HEX BOMB is a punk rock dyke living in Edinburgh, Scotland. She makes sick porn art, zines, music, & more!
-                </div>
-
-            <hr>
-            <p style="text-align: center;"><img src="./images/3d iww logo.gif" id="iwwgif" style="max-width:100px; width: 100%; display: inline;image-rendering:crisp-edges; image-rendering:pixelated;">
-                <br>
-            <a href="https://www.iww.org/">Join the industrial workers of the world!</a></p>
-        </div>
 
         <div id=maincontent>
           <article>
-              <h1 style="line-height: 1em;">HELLO WORLD & WHY DID I MAKE THIS SITE</h1>
+              <h1>HELLO WORLD & WHY DID I MAKE THIS SITE</h1>
               <i>15/01/2022</i>
               <hr>
               <img src="./Content/fuckedupbomb.png" style="width: 100%; max-width: 1200px; -ms-interpolation-mode:nearest-neighbor; /*IE 7-11*/
@@ -57,14 +47,12 @@
               <p>I&#39m not going to disappear from whatever site you know me from, though. My intention is to continue posting my art & blog posts via <a href=”https://www.postybirb.com/”>Postybirb</a>, which is a cool little application that helps with posting artworks to different social media accounts etc.</p>
               <p>I also plan to curate an RSS feed that will hopefully help you keep up to date with what I&#39m up to. Subscribe on RSS for the most up to date list of the shit im up to!!</p>
           </article>
-        </div>
 
-        <div id=rightbox>
-            <p>Original Characters</p>
-            <p>Politics</p>
-            <p>Contact Me</p>
-        </div>
+          <form>
+            <input type="button" value="Back" onclick="history.back()" id="backbutton">
+           </form>
 
+        </div>
     </div>
 
     <footer>
diff --git a/blog.html b/blog.html
new file mode 100644
index 0000000..a32b477
--- /dev/null
+++ b/blog.html
@@ -0,0 +1,90 @@
+<html lang="en">
+
+<head>
+<Title>Hex Bomb</Title>
+
+<link rel="stylesheet" href="mainstyles.css">
+<link rel="stylesheet" href="css/blogmainstyles.css">
+
+<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@200;600&family=Raleway:wght@200&family=Staatliches&display=swap" rel="stylesheet"> 
+
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta charset="UTF-8">
+<script data-goatcounter="https://hexbomb.goatcounter.com/count"
+        async src="//gc.zgo.at/count.js"></script>
+
+</head>
+
+<body>
+    <div id=header-navigation>
+        <img id=headerimg src="./images/Headerimg.png" alt="hex-bomb">
+        <nav class=flexnav>
+            <div id=topbutton><a href="index.html">Main</a></div>
+            <div id=topbutton><a href="blog.html">Blog</a></div>
+            <div id=topbutton><a href="gallery.html">Gallery</a></div>
+            <div id=topbutton><a href="comics.html">Zines & Comics</a></div>
+        </nav>
+    </div>
+
+    <div id=Content-box class="flex-container">
+        <div id=leftbox>
+            <img src="./images/BOMBLOGO.svg" alt="Hex Bomb Logo" id="hexlogosvg">
+                <div id="Abouttext">
+                    HEX BOMB is a punk rock dyke living in Edinburgh, Scotland. She makes sick porn art, zines, music, & more!
+                </div>
+
+            <hr>
+            <p style="text-align: center;"><img src="./images/3d iww logo.gif" id="iwwgif" style="max-width:100px; width: 100%; display: inline;image-rendering:crisp-edges; image-rendering:pixelated;">
+                <br>
+            <a href="https://www.iww.org/">Join the industrial workers of the world!</a></p>
+        </div>
+
+        <div id=maincontent>
+            <div id=main-text>
+                <h2>Blog</h2>
+                <p>This is a page for my writing & thoughts. I'll add an RSS feed later. Articles I think are important will go in specific sections, which will be bookmarked here.
+                    Site news can be found on the home page.
+                </p>
+                <hr>
+
+                <div id="blogentry">
+                    <h4><a href="./Blog/Post1.html">HELLO WORLD & WHY DID I MAKE THIS SITE</a></h4>
+                    <i>15/01/2022</i>
+                 </div>
+
+            </div>
+        </div>
+
+        <div id=rightbox>
+            
+             <nav>
+                <div id=sidebarbutton><a href="ocs.html">Original Characters</a></div>
+                <div id=sidebarbutton><a href="politics.html">Politics</a></div>
+                <div id=sidebarbutton><a href="contact.html">Contact Me</a></div>
+                <div id=sidebarbutton><a href="links.html">Links & Friends</a></div>
+                <hr>
+                <div id=socialbuttons class=flex-container>
+                    <a href="https://www.deviantart.com/hex-bomb"><img src="./images/icons/deviantart.png" alt="deviantart"></a>
+                    <a href="https://www.furaffinity.net/user/hex-bomb/"><img src="./images/icons/furaffinity.png" alt="Furaffinity"></a>
+                    <a href="https://hexbomb.newgrounds.com/"><img src="./images/icons/newgrounds.png" alt="Newgrounds"></a>
+                    <a href="https://twitter.com/Hex_Bomb"><img src="./images/icons/twitter.png" alt="twitter"></a>
+                    <a href="https://hex-bomb.itch.io/"><img src="./images/icons/itchio.png" alt="itch.io"></a>
+                    <a href="https://ko-fi.com/hexbomb/"><img src="./images/icons/kofi.png" alt="Ko-Fi"></a>
+                </div>
+                <hr>
+            </nav>
+        </div>
+
+    </div>
+
+    <footer>
+        <div id="Footerbox">    
+            <p>
+            This website was generously hosted by my pals at <a href="https://autonomic.zone/">Autonomic.Zone co-operative.</a> Unless otherwise specified, all content on this site is © 2022 HEX BOMB. 
+            </p>
+        </div>
+    </footer>
+</body>
+
+
+</html>
\ No newline at end of file
diff --git a/css/blogmainstyles.css b/css/blogmainstyles.css
new file mode 100644
index 0000000..8694d46
--- /dev/null
+++ b/css/blogmainstyles.css
@@ -0,0 +1,7 @@
+#blogentry{
+    border: dotted 1px white;
+    line-height: 0;
+    padding-bottom: 1em;
+    padding-left: 1%;
+    padding-right: 1%;
+}
\ No newline at end of file
diff --git a/css/indexstyles.css b/css/indexstyles.css
new file mode 100644
index 0000000..ca463d4
--- /dev/null
+++ b/css/indexstyles.css
@@ -0,0 +1,53 @@
+#checkitoutimg{
+    justify-content: center;
+    width: 100%;
+    max-width: 640px;
+    margin-left: auto;
+    margin-right: auto;
+    display: block;
+}
+
+#sitenews{
+    border: 2px dotted white;
+    overflow-y: scroll;
+    width: 100%;
+    height: auto;
+    max-height: 300px;
+    padding: 1%;
+    margin-left: 1%;
+}
+
+#commissionstatusbox{
+    border: 1px white solid;
+    font-size: 1.5em;
+    color: white;
+    font-family: 'Raleway', sans-serif, Georgia, 'Times New Roman', Times, serif;
+    width: 100%;
+    height:fit-content;
+    padding-left: 1%;
+    padding-right: 1%;
+    margin-right: 5%;
+    margin-left: 2%;
+}
+
+#checkerline{
+    background-color: yellow;
+    background-image: url(../images/yellowcheckerbggritty.png);
+    background-repeat: repeat;
+    background-attachment: scroll;
+    margin-left: -4%;
+    margin-right:-4%;
+    height: 100px;
+    display: block;
+    margin-top: 3%;
+}
+
+#newscommsbox{
+    display: flex;
+    flex-direction: row;
+}
+
+
+h2{
+    text-align: center;
+}
\ No newline at end of file
diff --git a/css/linksstyles.css b/css/linksstyles.css
index f581e21..5e6451b 100644
--- a/css/linksstyles.css
+++ b/css/linksstyles.css
@@ -1,4 +1,44 @@
+
+
 h3{
     background-color: #1E1F23; 
-    margin-right: 60%;
-}
\ No newline at end of file
+    text-align: center;
+    padding: 1%;
+}
+
+#friendbox{
+    border: 2px white;
+    border-style: dotted solid solid dotted;
+    margin-left: 5%;
+    margin-right: 5%;
+    margin-top: 6%;
+    padding-bottom:0.5%;
+    padding-left: 1%;
+    padding-right: 1%;
+    background-image: url(../images/lightpaperbg.png);
+    background-attachment: scroll
+    height:auto;
+}
+
+#link-avatar{
+    float:left;
+    max-width: 150px;
+    height: auto;
+    border: 3px #CC34D1;
+    border-style: double;
+    margin-right:15px;
+    margin-top:-4%;
+    margin-left:-1%;
+    background-color: black;
+    -ms-interpolation-mode:nearest-neighbor; 
+    /*IE 7-11*/ 
+  image-rendering: -o-crisp-edges; 
+    /*Opera 12*/ 
+  image-rendering: -webkit-crisp-edges; 
+    /*Safari 6-9*/ 
+  image-rendering:-moz-crisp-edges; 
+    /*Firefox 3.6-64*/ 
+
+  }
+}
+
diff --git a/css/poststyles.css b/css/poststyles.css
new file mode 100644
index 0000000..d2e6c24
--- /dev/null
+++ b/css/poststyles.css
@@ -0,0 +1,38 @@
+#maincontent{
+    padding-left: 2%;
+    padding-right: 2%;
+    margin-top: 10px;
+    margin-left: auto;
+    margin-right: auto;
+    margin-bottom: 1px;
+    border: solid 2px;
+    border-color: white;
+    width: 70%;
+    background-color: black;
+    padding-bottom: 80px;
+}
+
+#backbutton{
+    border: 3px double rgb(255, 35, 226);
+    font-size: 2em;
+    margin-top: 5%;
+    border-radius: 8px;
+    cursor: pointer;
+    color: rgb(255, 35, 226);
+    background-color: black;
+    text-shadow: 0px 0px 3px rgb(255, 35, 226);
+}
+
+#backbutton:hover{
+        background-color: rgb(80, 0, 112);
+        border: 3px solid rgb(217, 91, 255);
+        color: rgb(217, 91, 255);
+        text-shadow: 0px 0px 6px rgb(217, 91, 255);
+}
+
+h1{
+    text-align: center;
+    margin-left: auto;
+    margin-right: auto;
+    line-height: 1em;
+  }
\ No newline at end of file
diff --git a/images/icons/caviavi.png b/images/icons/caviavi.png
new file mode 100644
index 0000000..74f438a
Binary files /dev/null and b/images/icons/caviavi.png differ
diff --git a/images/icons/gracesprite.png b/images/icons/gracesprite.png
new file mode 100644
index 0000000..976f0f9
Binary files /dev/null and b/images/icons/gracesprite.png differ
diff --git a/images/icons/irisprite.png b/images/icons/irisprite.png
new file mode 100644
index 0000000..af05950
Binary files /dev/null and b/images/icons/irisprite.png differ
diff --git a/images/lightpaperbg.png b/images/lightpaperbg.png
new file mode 100644
index 0000000..8f65aff
Binary files /dev/null and b/images/lightpaperbg.png differ
diff --git a/images/purblebgtile.png b/images/purblebgtile.png
new file mode 100644
index 0000000..b33fc64
Binary files /dev/null and b/images/purblebgtile.png differ
diff --git a/images/yellowcheckerbg.png b/images/yellowcheckerbg.png
new file mode 100644
index 0000000..a4b5160
Binary files /dev/null and b/images/yellowcheckerbg.png differ
diff --git a/images/yellowcheckerbggritty.png b/images/yellowcheckerbggritty.png
new file mode 100644
index 0000000..234e196
Binary files /dev/null and b/images/yellowcheckerbggritty.png differ
diff --git a/index.html b/index.html
index beab08d..160fe5e 100644
--- a/index.html
+++ b/index.html
@@ -4,6 +4,7 @@
 <Title>Hex Bomb</Title>
 
 <link rel="stylesheet" href="mainstyles.css">
+<link rel="stylesheet" href="./css/indexstyles.css">
 
 <link href="https://fonts.googleapis.com/css2?family=Oswald:wght@200;600&family=Raleway:wght@200&family=Staatliches&display=swap" rel="stylesheet"> 
 
@@ -52,6 +53,34 @@
                     <hr><br>
                     <img src="Aboutscaledsmol.png" alt="Check it out! Drake shops at the Co-Op!!" id=checkitoutimg>    
                 </p>
+                <hr>
+                <h2>NEWS</h2>
+                <div id=newscommsbox><div id="sitenews">
+                    <h5>07/02/2022 Hello world!</h5>
+                    <p>Welcome one and all to my website! It’s still not actually live, so only I am reading this right now… unless you’re somehow on my computer.<br>
+                        I’ve added most of the main pages to the site, as well as some cute buttons, a blog post, and some links to friends of mine.<br>
+                        Also, I added a site updates tab! You’re reading it!<br>
+                        Tune in here for future updates. Even if something isn’t a big enough deal to go on my RSS, I’ll put it here any time I update something.
+                    </p>
+                </div>
+                
+                <div id="Commissionstatusbox">
+                    <h4>Commission status: <span style="color: #FDDE81;">Open!</span></h4>
+                    <ul style="padding-left: 10%;">
+                        <li>
+                            Slot open!
+                        </li>
+                        <li>
+                            Slot open!
+                        </li>
+                        <li>
+                            Slot open!
+                        </li>
+                    </ul>
+                    <p>Check my <a href="commission.html">commissions</a> page for more information!</p>
+                </div></div>
+
+                <div id="checkerline"></div>
             </div>
         </div>
 
diff --git a/js/adultcheck.js b/js/adultcheck.js
index c09010f..23e64e2 100644
--- a/js/adultcheck.js
+++ b/js/adultcheck.js
@@ -1,5 +1,5 @@
 ///makes IsAdult equal to whatever is on the local storage
-let IsAdult = localStorage.getItem("adult")
+let IsAdult = localStorage.getItem("adult");
 
 
 ///sends you to the redirect page if it's not 1
@@ -11,4 +11,4 @@ window.location.replace("Redirect URL");
 
 /// on each page put: <script src="adultcheck.js"></script> 
 
-/// on redirect page: <Button onclick="localStorage.setItem("adult", "1")">Yes</button> (also a hyperlink back to the main page.)
\ No newline at end of file
+/// on redirect page: <Button onclick="localStorage.setItem("adult", "1")"; history.back();>Yes</button>
\ No newline at end of file
diff --git a/links.html b/links.html
index b00ba48..c2227a0 100644
--- a/links.html
+++ b/links.html
@@ -46,7 +46,41 @@
                 <p> This page is for links to my friends on the internet, as well as other websites I think are useful.
                     If you think something here should be removed, or think I should add something interesting here, please contact me!
                 </p>
-                <h3>Friends</h3>
+                <h3 id="B1">Friends</h3>
+
+                <div id="friendbox">
+
+                    <a href="https://princess.software"><img src="./images/icons/gracesprite.png" id="link-avatar">
+                    <h4>Princess Grace @ princess.software </h3></a>
+                    <p>Grace is a good friend of mine, and knows way more computer shit than I do. She writes some hot fucking erotica,
+                        is on a bunch of podcasts, and creates many fun little toy programs. I often have her proofread my comics and essays, when she's wearing her editrix hat.<br>
+                    Grace's writing can be found at <a href=https://perfect.hypnovir.us>perfect.hypnovir.us/</a></p>
+
+                </div>
+
+                <div id="friendbox">
+
+                    <a href="https://distressedegg.fun/"><img src="./images/icons/irisprite.png" id="link-avatar">
+                    <h4>Distressed Egg @ distressedegg.fun/ </h3></a>
+                    <p>Egg's website is definitely worth a look if you want to look at some hot porn. xer comics have this lovely simplicity and clarity to them that 
+                        I often look at like "God. I should have decided to do comics like that." Check out their comics Scandalous Sybil Throat & Split Check in particular.
+                        You can find more of her stuff at: <a href="https://irisjay.net">irisjay.net</a>. <br>
+                        Sybil hot.
+                    </p>
+
+                </div>
+
+                <div id="friendbox">
+
+                    <a href="https://cavitees.com"><img src="./images/icons/caviavi.png" id="link-avatar">
+                    <h4>Cavitees @ cavitees.com </h3></a>
+                    <p>A big art inspiration for the way I make comics, Cavitees hits the sweet spot between "hot as hell" and "kinda squicky" in a way that's very hard to do right.
+                        They do really sick comics- Totally Punk is a particular favourite of mine. They also Really likes drawing women who are also food.<br>
+                        Check out their comic series Joy-Stick!
+                    </p>
+
+                </div>
+
             </div>
         </div>
 
diff --git a/mainstyles.css b/mainstyles.css
index c030f17..ceb4cd5 100644
--- a/mainstyles.css
+++ b/mainstyles.css
@@ -10,7 +10,7 @@ body{
 }
 
 a{
-    color: rgb(204, 52, 209);
+    color: rgb(255, 35, 226);
     text-decoration:underline;
 }
 
@@ -18,6 +18,7 @@ h1{
     font-size: 3em;
     color: rgb(204, 52, 209);
     font-family: 'Staatliches', cursive;
+    text-shadow: 0px 0px 6px rgb(204, 52, 209);
 }
 
 h2{    font-size: 2em;
@@ -30,6 +31,12 @@ color: rgb(134, 73, 233);
 font-family: 'Staatliches', cursive;
 }
 
+H4{
+    font-size: 1.3em;
+    color: rgb(204, 52, 209);
+    font-family: 'Oswald', cursive;
+}
+
 #main-text{
     font-size: 1em;
     line-height: 150%;
@@ -42,14 +49,6 @@ font-family: 'Staatliches', cursive;
     display: block;
 }
 
-#checkitoutimg{
-    justify-content: center;
-    width: 100%;
-    max-width: 640px;
-    margin-left: auto;
-    margin-right: auto;
-    display: block;
-}
 
 #header-navigation{
     background-color: black;
@@ -161,6 +160,7 @@ font-family: 'Staatliches', cursive;
     width: 50%;
     background-color: black;
     padding-bottom: 80px;
+    overflow: hidden;
 }
 
 #rightbox{
