diff --git a/Main.html b/Main.html
index 4439865..65cb142 100644
--- a/Main.html
+++ b/Main.html
@@ -57,6 +57,24 @@
                     I will likely put up a blog post soon, so that that page isn't completely empty... And so I have something to put on the RSS feed!</p>
                 </div>
                 
+                <div id="badges">
+                    <img src="./images/Badges/ANARCHIST.png">
+                    <img src="./images/Badges/tf2 badge.png">
+                    <a href="https://invidious.io/"><img src="./images/Badges/invidious.gif"></a>
+                    <a href="https://yesterweb.org/no-to-web3/"><img src="./images/Badges/noweb32.gif"></a>
+                    <a href="https://yesterweb.org/"><img src="./images/Badges/yesterwebbutton.gif"></a>
+                    <img src="./images/Badges/anti-fascist.gif">
+                    <img src="./images/Badges/trans-rights-now.gif">
+                    <img src="./images/Badges/scottish_copy1.gif">
+                    <img src="./images/Badges/anarchist_copy.gif">
+                    <img src="./images/Badges/black-lives-matter.gif">
+                    <a href="https://www.w3schools.com/"><img src="./images/Badges/e-html.png"></a>
+                    <img src="./images/Badges/tumblrpocalypse_button_6.png">
+                    <img src="./images/Badges/i-cookie.png">
+                    <img src="./images/Badges/ab-nonft.png">
+
+                </div>
+
             </div>
         </div>
 
diff --git a/Music/punklist.html b/Music/punklist.html
index c137b21..2baa13b 100644
--- a/Music/punklist.html
+++ b/Music/punklist.html
@@ -18,7 +18,7 @@
 <body>
     <div id="header">
         <div id=headerandskulls><img src="../images/skullspin.gif" id="skull"> <h1 style="display: inline-block; ">EDINBURGH PUNK BANDS</h1> <img src="../images/skullspin.gif" id="skull"></div>
-        <img src="../images/punkgirl.gif" alt="punk girl sourced from gifcities" style="display: inline; max-width: 290px; width: 100%; margin-top: -6%; margin-bottom: -3%;">
+        <img src="../images/queerpunkpage.png" alt="An image showing several cool punk performers, highlighted against harsh red light." style="max-width: 1280px; width: 100%; border: 3px green inset;">
         <p>Looking to book some pals for a gig but canny think of who? Want to find someone new & local to listen to? Want to let folks ken about your hot shit new band?
              You're in the right place!
             Run by MISS MASTERSTROKE and VEE RIOT, this directory is here, queer, and in operation for all your gay little needs.
@@ -30,6 +30,8 @@
         by spying on its users and selling their private information, & is basically spyware! 
         It's possible that we'll move to a fully-HTML solution in future... Stay tuned!<br><hr>
 
+        <img src="../images/punkgirl.gif" alt="punk girl sourced from gifcities" style="display: inline; max-width: 290px; width: 100%; margin-top: -2%; margin-bottom: -3%;">
+
         <ul><span style="font-weight:bolder">This site is to be kept clear of:</span>
             <li>Shit cishet man bands</li>
             <li>Nazi punks</li>
@@ -76,6 +78,8 @@
 
 
     <footer>
-        Some images sourced from https://gifcities.org/. This page is public domain!
+        Some images sourced from https://gifcities.org/.<br>
+        This page is Copyleft! Creative commons attribution non-commercial share alike, to be exact.<br>
+        This page uses NO cookies & does not spy on you! Except the google doc. Google does spy on you.
     </footer>
 </body>
\ No newline at end of file
diff --git a/css/bandsstyles.css b/css/bandsstyles.css
index 4443261..af2bcfa 100644
--- a/css/bandsstyles.css
+++ b/css/bandsstyles.css
@@ -6,7 +6,9 @@ body{
     background-color: black;
     list-style-position: inside;
     background-repeat: repeat;
+    background-attachment: scroll;
     font-family:'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+    background-image: url(../images/fencered.gif);
 
 }
 
@@ -68,6 +70,7 @@ h1{
     font-family: "junkostypewriter", Courier, monospace;
     font-weight:100;
     font-size: 3.1vw;
+    color: orange;
 }
 
 
@@ -86,6 +89,7 @@ h2{
 #flexrow{
     display: flex;
     flex-direction: row;
+    align-items:stretch;
     justify-content: center;
 }
 
diff --git a/friends.html b/friends.html
new file mode 100644
index 0000000..dcaed19
--- /dev/null
+++ b/friends.html
@@ -0,0 +1,50 @@
+<html lang="en">
+
+<head>
+
+    <title>Dalm's Art Zone!</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta charset="UTF-8">
+    <meta name="description" content="Dalmationer's space on the world wide web!">
+    <meta name="author" content="Dalmationer">
+    <meta name="keywords" content="Personal, Politics, Art, Comics">
+    <link rel="stylesheet" href= "mainstyles.css">
+    <link rel="stylesheet" href= "homepagestyles.css">
+    <script data-goatcounter="https://dalmationer.goatcounter.com/count"
+        async src="//gc.zgo.at/count.js"></script>
+
+</head>
+
+<body>
+
+    <div id=content-header><h1>Dalmationer.art</h1></div>
+
+    <div id=content-container class="flex-container">
+        <div id=Sidebar><p><div id="selfportrait-container"><img src="images/selfportrait cropped.png" alt="illustration of dalm in red and black" id="selfportrait"></div>
+            <nav>
+                <div id=navbutton><a href=Main.html>Main</a></div>
+                <div id=navbutton><a href=blog.html>Blog</a></div>
+                <div id=navbutton><a href=gallery.html>Art</a></div>
+                <div id=navbutton><a href=comics.html>Comics & Zines</a></div>
+                <div id=navbutton><a href=originalcharacters.html>OCs</a></div>
+                <div id=navbuttonactive><a href=friends.html>Friends & Collaborators</a></div>
+                <div id=navbutton><a href=mysantas.html>Santa Collection</a></div>
+                <div id=navbutton><a href=fun.html>Fun</a></div>
+                <div id=navbutton><a href=music.html>Music</a></div>
+                <div id=navbutton><img src="images/3d iww logo.gif" alt="Join the IWW!" class="logo">
+                <p><a href="https://www.iww.org">Join the Industrial Workers of the World!</a></p>
+                <p><a href="union.html">Learn more!</a></p></div>
+            </nav>
+        </p></div>
+
+        <div id=main-content><h2>REMAIN CONTENT.</h1></div>
+
+    </div>
+
+
+    <footer>Generously Hosted by <a href="https://autonomic.zone">Autonomic.zone</a><br>
+    Content unless otherwise specified is © Dalmationer 2022</footer>
+</body>
+
+
+</html>
\ No newline at end of file
diff --git a/fun.html b/fun.html
new file mode 100644
index 0000000..c5014da
--- /dev/null
+++ b/fun.html
@@ -0,0 +1,50 @@
+<html lang="en">
+
+<head>
+
+    <title>Dalm's Art Zone!</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta charset="UTF-8">
+    <meta name="description" content="Dalmationer's space on the world wide web!">
+    <meta name="author" content="Dalmationer">
+    <meta name="keywords" content="Personal, Politics, Art, Comics">
+    <link rel="stylesheet" href= "mainstyles.css">
+    <link rel="stylesheet" href= "homepagestyles.css">
+    <script data-goatcounter="https://dalmationer.goatcounter.com/count"
+        async src="//gc.zgo.at/count.js"></script>
+
+</head>
+
+<body>
+
+    <div id=content-header><h1>Dalmationer.art</h1></div>
+
+    <div id=content-container class="flex-container">
+        <div id=Sidebar><p><div id="selfportrait-container"><img src="images/selfportrait cropped.png" alt="illustration of dalm in red and black" id="selfportrait"></div>
+            <nav>
+                <div id=navbutton><a href=Main.html>Main</a></div>
+                <div id=navbutton><a href=blog.html>Blog</a></div>
+                <div id=navbutton><a href=gallery.html>Art</a></div>
+                <div id=navbutton><a href=comics.html>Comics & Zines</a></div>
+                <div id=navbutton><a href=originalcharacters.html>OCs</a></div>
+                <div id=navbutton><a href=friends.html>Friends & Collaborators</a></div>
+                <div id=navbutton><a href=mysantas.html>Santa Collection</a></div>
+                <div id=navbuttonactive><a href=fun.html>Fun</a></div>
+                <div id=navbutton><a href=music.html>Music</a></div>
+                <div id=navbutton><img src="images/3d iww logo.gif" alt="Join the IWW!" class="logo">
+                <p><a href="https://www.iww.org">Join the Industrial Workers of the World!</a></p>
+                <p><a href="union.html">Learn more!</a></p></div>
+            </nav>
+        </p></div>
+
+        <div id=main-content><h2>REMAIN CONTENT.</h1></div>
+
+    </div>
+
+
+    <footer>Generously Hosted by <a href="https://autonomic.zone">Autonomic.zone</a><br>
+    Content unless otherwise specified is © Dalmationer 2022</footer>
+</body>
+
+
+</html>
\ No newline at end of file
diff --git a/homepagestyles.css b/homepagestyles.css
index 08fec27..bb0e605 100644
--- a/homepagestyles.css
+++ b/homepagestyles.css
@@ -45,4 +45,20 @@
     width: 50%;
     height: 180px;
     font-family: monospace;
-}
\ No newline at end of file
+}
+
+
+#badges{
+    padding-top: 5px;
+    width: 100%;
+    height: 100px;
+    background-color: rgb(119, 194, 96);
+    margin-left: auto;
+    margin-right: auto;
+    display: flex;
+    flex-direction: column;
+    flex-wrap: wrap;
+    align-items: center;
+    align-content: center;
+    justify-content: flex-start;
+}
diff --git a/images/Badges/ab-nonft.png b/images/Badges/ab-nonft.png
new file mode 100644
index 0000000..106f00e
Binary files /dev/null and b/images/Badges/ab-nonft.png differ
diff --git a/images/Badges/anti-fascist.gif b/images/Badges/anti-fascist.gif
new file mode 100644
index 0000000..c4793dd
Binary files /dev/null and b/images/Badges/anti-fascist.gif differ
diff --git a/images/Badges/black-lives-matter.gif b/images/Badges/black-lives-matter.gif
new file mode 100644
index 0000000..66e5a03
Binary files /dev/null and b/images/Badges/black-lives-matter.gif differ
diff --git a/images/Badges/e-html.png b/images/Badges/e-html.png
new file mode 100644
index 0000000..52e9965
Binary files /dev/null and b/images/Badges/e-html.png differ
diff --git a/images/Badges/i-cookie.png b/images/Badges/i-cookie.png
new file mode 100644
index 0000000..0d01ed5
Binary files /dev/null and b/images/Badges/i-cookie.png differ
diff --git a/images/Badges/invidious.gif b/images/Badges/invidious.gif
new file mode 100644
index 0000000..f61621b
Binary files /dev/null and b/images/Badges/invidious.gif differ
diff --git a/images/Badges/noweb32.gif b/images/Badges/noweb32.gif
new file mode 100644
index 0000000..9485709
Binary files /dev/null and b/images/Badges/noweb32.gif differ
diff --git a/images/Badges/trans-rights-now.gif b/images/Badges/trans-rights-now.gif
new file mode 100644
index 0000000..8d7585a
Binary files /dev/null and b/images/Badges/trans-rights-now.gif differ
diff --git a/images/Badges/tumblrpocalypse_button_6.png b/images/Badges/tumblrpocalypse_button_6.png
new file mode 100644
index 0000000..edcee7c
Binary files /dev/null and b/images/Badges/tumblrpocalypse_button_6.png differ
diff --git a/images/Badges/yesterwebbutton.gif b/images/Badges/yesterwebbutton.gif
new file mode 100644
index 0000000..52c6757
Binary files /dev/null and b/images/Badges/yesterwebbutton.gif differ
diff --git a/images/fencered.gif b/images/fencered.gif
new file mode 100644
index 0000000..6105009
Binary files /dev/null and b/images/fencered.gif differ
diff --git a/images/queerpunkpage.png b/images/queerpunkpage.png
new file mode 100644
index 0000000..330de05
Binary files /dev/null and b/images/queerpunkpage.png differ
diff --git a/originalcharacters.html b/originalcharacters.html
new file mode 100644
index 0000000..aa16b1f
--- /dev/null
+++ b/originalcharacters.html
@@ -0,0 +1,50 @@
+<html lang="en">
+
+<head>
+
+    <title>Dalm's Art Zone!</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta charset="UTF-8">
+    <meta name="description" content="Dalmationer's space on the world wide web!">
+    <meta name="author" content="Dalmationer">
+    <meta name="keywords" content="Personal, Politics, Art, Comics">
+    <link rel="stylesheet" href= "mainstyles.css">
+    <link rel="stylesheet" href= "homepagestyles.css">
+    <script data-goatcounter="https://dalmationer.goatcounter.com/count"
+        async src="//gc.zgo.at/count.js"></script>
+
+</head>
+
+<body>
+
+    <div id=content-header><h1>Dalmationer.art</h1></div>
+
+    <div id=content-container class="flex-container">
+        <div id=Sidebar><p><div id="selfportrait-container"><img src="images/selfportrait cropped.png" alt="illustration of dalm in red and black" id="selfportrait"></div>
+            <nav>
+                <div id=navbutton><a href=Main.html>Main</a></div>
+                <div id=navbutton><a href=blog.html>Blog</a></div>
+                <div id=navbutton><a href=gallery.html>Art</a></div>
+                <div id=navbutton><a href=comics.html>Comics & Zines</a></div>
+                <div id=navbuttonactive><a href=originalcharacters.html>OCs</a></div>
+                <div id=navbutton><a href=friends.html>Friends & Collaborators</a></div>
+                <div id=navbutton><a href=mysantas.html>Santa Collection</a></div>
+                <div id=navbutton><a href=fun.html>Fun</a></div>
+                <div id=navbutton><a href=music.html>Music</a></div>
+                <div id=navbutton><img src="images/3d iww logo.gif" alt="Join the IWW!" class="logo">
+                <p><a href="https://www.iww.org">Join the Industrial Workers of the World!</a></p>
+                <p><a href="union.html">Learn more!</a></p></div>
+            </nav>
+        </p></div>
+
+        <div id=main-content><h2>REMAIN CONTENT.</h1></div>
+
+    </div>
+
+
+    <footer>Generously Hosted by <a href="https://autonomic.zone">Autonomic.zone</a><br>
+    Content unless otherwise specified is © Dalmationer 2022</footer>
+</body>
+
+
+</html>
\ No newline at end of file
diff --git a/union.html b/union.html
new file mode 100644
index 0000000..86f6150
--- /dev/null
+++ b/union.html
@@ -0,0 +1,50 @@
+<html lang="en">
+
+<head>
+
+    <title>Dalm's Art Zone!</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta charset="UTF-8">
+    <meta name="description" content="Dalmationer's space on the world wide web!">
+    <meta name="author" content="Dalmationer">
+    <meta name="keywords" content="Personal, Politics, Art, Comics">
+    <link rel="stylesheet" href= "mainstyles.css">
+    <link rel="stylesheet" href= "homepagestyles.css">
+    <script data-goatcounter="https://dalmationer.goatcounter.com/count"
+        async src="//gc.zgo.at/count.js"></script>
+
+</head>
+
+<body>
+
+    <div id=content-header><h1>Dalmationer.art</h1></div>
+
+    <div id=content-container class="flex-container">
+        <div id=Sidebar><p><div id="selfportrait-container"><img src="images/selfportrait cropped.png" alt="illustration of dalm in red and black" id="selfportrait"></div>
+            <nav>
+                <div id=navbutton><a href=Main.html>Main</a></div>
+                <div id=navbutton><a href=blog.html>Blog</a></div>
+                <div id=navbutton><a href=gallery.html>Art</a></div>
+                <div id=navbutton><a href=comics.html>Comics & Zines</a></div>
+                <div id=navbutton><a href=originalcharacters.html>OCs</a></div>
+                <div id=navbutton><a href=friends.html>Friends & Collaborators</a></div>
+                <div id=navbutton><a href=mysantas.html>Santa Collection</a></div>
+                <div id=navbutton><a href=fun.html>Fun</a></div>
+                <div id=navbutton><a href=music.html>Music</a></div>
+                <div id=navbuttonactive><img src="images/3d iww logo.gif" alt="Join the IWW!" class="logo">
+                <p><a href="https://www.iww.org">Join the Industrial Workers of the World!</a></p>
+                <p><a href="union.html">Learn more!</a></p></div>
+            </nav>
+        </p></div>
+
+        <div id=main-content><h2>REMAIN CONTENT.</h1></div>
+
+    </div>
+
+
+    <footer>Generously Hosted by <a href="https://autonomic.zone">Autonomic.zone</a><br>
+    Content unless otherwise specified is © Dalmationer 2022</footer>
+</body>
+
+
+</html>
\ No newline at end of file
