diff --git a/server.py b/server.py
index e3b54cba894eebf4d432216684ed3ee4aaa4f71f..47da375f73880b5a04519265170ed56a55ccf885 100644
--- a/server.py
+++ b/server.py
@@ -50,4 +50,4 @@ def media():
 
 
 if __name__ == '__main__':
-    app.run(debug=True)
+    app.run(debug=True,host="192.168.1.90")
diff --git a/static/css/style.css b/static/css/style.css
index e3434263ce10bc836912a85ba3cb40d823ea57f4..b1f31e72f89cdca45ba7a4e4e83f8e04f5e566a7 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -62,24 +62,38 @@ td th {
   color: #808000;
 }
 a {
+  text-decoration:none;
   cursor: pointer;
   color:#fa33ff;
 }
 
+#navs {
+  display:flex;
+  padding:20px;
+  border-radius:10px;
+  justify-content:space-around;
+  text-align:center
 
+}
+#socia {
+  background-color:#010141; 
+  text-align:center;
+}
+#plushbox {
+	background: #606060;
+	border-radius:30px;
+	padding:20px;
+}
 
-#girlmode {
+#grillmode {
+    text-decoration: none;
     background: linear-gradient(to right, #ff0000, #ff00ff, #0000ff, #00ffff, #00ff00, #ffff00, #ff0000);
+    -webkit-background-clip: text;
     background-clip: text;
     color: transparent;
     animation: rainbow 3s linear infinite;
     background-size: 200% 100%;
 }
-#plushbox {
-	background: #606060;
-	border-radius:30px;
-	padding:20px;
-}
 
 @keyframes rainbow {
     0% {
@@ -90,3 +104,4 @@ a {
         background-position: 200% 0;
     }
 }
+
diff --git a/templates/home.html b/templates/home.html
index 469769dee13867a6038a59e06138e6bcc307ad0d..981f5340b2e9462b35d3275db7cca2194138da99 100644
--- a/templates/home.html
+++ b/templates/home.html
@@ -1,18 +1,14 @@
-{%extends 'template2.html'%}
+{%extends 'template3.html'%}
+
 {%block homepage %}
 <title>hOwOme</title>
-<div class="container bg-dark">
-	<div class="container-md">
-		<h1 ID="girlmode"> Hiiiiiiiiiiiiiii </h1>
-		<h1 id="girlmode">Welcome to my website </h1>
-		<h1 id="girlmode">Its still under construction </h1>
-		<h1 id="girlmode">sorry </h1>
-		<h1 id="girlmode">This website has {{view}} views</h1>
+		<h1 ID="grillmode"> Hiiiiiiiiiiiiiii </h1>
+		<h1 id="grillmode">Welcome to my website </h1>
+		<h1 id="grillmode">Its still under construction </h1>
+		<h1 id="grillmode">sorry </h1>
+		<h1 id="grillmode">This website has {{view}} views</h1>
 		<img src="static/img/Adachi.png">
 
-</div>
-
-	</div>
 
 {%endblock%}
 
diff --git a/templates/mediaReview.html b/templates/mediaReview.html
index f0c95700f880b75770b842a2f9c37e3487bc59ef..9465c6e17de1fcabad5a6ee433ea13c2fdebbce3 100644
--- a/templates/mediaReview.html
+++ b/templates/mediaReview.html
@@ -11,7 +11,7 @@
 			<div class="mt-3">
 				<a onclick="window.open('{{cuddle[1]}}')"class="title"> {{cuddle[0].title()}}</a>
 				<a>{{cuddle[-1]}}</a>
-				<p>{{cuddle[2]}}</p>
+				<p style="font-size=11px">{{cuddle[2]}}</p>
 			</div>
 
 
diff --git a/templates/plushies.html b/templates/plushies.html
index 867c6e6b0ba6f04dbfa0729f84e03d4340fb23f2..9d28f2e0c00729ecb01e57803f297ab33476572d 100644
--- a/templates/plushies.html
+++ b/templates/plushies.html
@@ -1,8 +1,6 @@
 {%extends 'template2.html'%}
 {%block homepage %}
 <title>Plushies:3</title>
-<div class="container bg-dark">
-	<div class="container-md">
 		<br> <br>
 		{%for cuddle in plosh %}
 		<div id="plushbox"class="container" style="border-radius:30px; padding:20px;">
diff --git a/templates/template1.html b/templates/template1.html
new file mode 100755
index 0000000000000000000000000000000000000000..5c404c5b2805ed87afdcf8994fc0ae0ece614375
--- /dev/null
+++ b/templates/template1.html
@@ -0,0 +1,70 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta name="abuseipdb-verification" content="3IuG6dik" />
+        <link rel='stylesheet' href="{{url_for('static', filename='style.css')}}">
+        <link rel="shortcut icon" href="/img/greenboi.jpg?h=16&w=16">
+        <title>eda.gay :: {{title}}</title>
+    </head>
+    <body>
+        <div id=wrapper>
+            <header>
+                <div id="externallinks">
+                    <nav>
+                        <ul>
+                            {% for name, link in links %}
+                            <li>
+                                <a href="google.com">ffff </a>
+                            </li>
+                            {% endfor %}
+                        </ul>
+                    </nav>
+                </div>         
+                <div id=headerflex>
+                    <div id=headers>
+                        <a href="/" id=TheTitle><h1>{{title}}</h1></a>
+                        <nav id=articles>
+                            <ul>
+                                {% for name, link in articles %}
+                                <li>
+                                    <a href="{{link}}">{{name}}</a>
+                                </li>
+                                {% endfor %}
+                            </ul>
+                        </nav>
+                    </div>
+                    <a id=sidebarImage href="/">
+                        <img alt="{{image[0]}}" src="{{image[1]}}">
+                    </a>         
+                </div>
+            </header>
+            <div id="content">
+                {% block content %}
+                {% endblock %}
+            </div>
+            <footer>
+                <p>this site is <a href="/thought?id=3">javascript free</a></p>
+                <a href="https://git.eda.gay/eda.gay/file/LICENSE.html">sauce code released under gplv3</a> <a href="https://github.com/jwansek/eda.gay">alternate git link</a>
+                <div id="footer_banners">
+                    <p>
+                        <a href="http://jigsaw.w3.org/css-validator/check/referer">
+                            <img style="border:0;width:88px;height:31px"
+                                src="/img/vcss-blue.gif"
+                                alt="Valid CSS!" />
+                        </a>
+                    </p>
+                    <a href="http://www.freebsd.org/">
+                        <img alt="Powered By FreeBSD" src="/img/powerani.gif">
+                    </a>
+                    <a href="https://web3isgoinggreat.com/">
+                        <img src="/img/anti_nft_b.png" alt="anti-nft site ">
+                    </a>
+                    <img src="/img/www.gif">
+                    <img src="/img/bob.gif">
+                    <img src="/img/sun.gif">
+                </div>
+                <iframe src="https://john.citrons.xyz/embed?ref=eda.gay" style="padding-top:20px;margin-left:auto;display:block;margin-right:auto;max-width:732px;width:100%;height:94px;border:none;"></iframe>
+            </footer>
+        </div>
+    </body>
+</html>
diff --git a/templates/template2.html b/templates/template2.html
index b97b2cfe13f46cffde17a1c7f0bed11a5baaa3b6..b9b3fef3fe522fc6928511e68beb2f378857ad5e 100644
--- a/templates/template2.html
+++ b/templates/template2.html
@@ -1,20 +1,44 @@
-
 <head>
 <!DOCTYPE html>
-<link rel="SHORTCUT ICON" href="static/img/3.ico" type="image/x-icon" />
-<link rel="ICON" href="static/img/3.ico" type="image/ico" />
-
+<link rel="SHORTCUT ICON" href="static/img/3.ico" type="image/x-icon"/>
+<link rel="ICON" href="static/img/3.ico" type="image/ico"/>
 <html lang="en">
-    <meta charset="UTF-8">
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
+   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> 
    <link rel="stylesheet" href="/static/css/style.css">
+</head>
+<body>
+{%block navbar%}
+<nav class="navbar justify-content-between" style="background-color:#551a8c">
 
+  <div id="container-fluid">
+
+    <a class="navbar-brand grillmode" href="home">my website uwu </a>
+        <ul class="navbar-nav">
     
+        <li class=nav-item">
+	      <a  href="/blog">Blogposting</a>
+        </li>
+        <li class=nav-item">
+        <a  href="/hottakes">Media review</a>
+        </li>
+        <li class=nav-item">
+        <a  href="/plushies">Hardware</a>
+        </li>
+        <li class=nav-item">
+        <a  href="/plushies">Plushies :3 </a>
+        </li>
+        <li class=nav-item">
+        <a  href="/food"> Cooking </a>
+        </li>
+        <li class=nav-item">
+
+        <a  href="/models">Modelling</a>
+        </li>
+        </ul>
 
+  </div>
 
-</head>
-<body>
-{%block navbar%}
+  </nav>
 <nav class="navbar navbar-expand-md navbar-dark"  style="background-color: #551a8c;">
 
 
@@ -48,16 +72,20 @@
   </div>
 
   </nav>
+
+  <div id=socia style="margin:0px">
 {%endblock%}
 {%block bg%}
 {%endblock%}
 {%block homepage%}
+
 {%endblock%}
+    </div>
     {%block footer%}
     <!-- bg-green -->
     <section class="footer">
 
-      <div class="container bg-dark">
+      <div id="socia">
            <table height = "20" style="padding: 20px;">
               <td style="padding: 20px;">
             <a onclick="window.open('https://twitter.com/elliemoding')"><img class="socialbutton" src="static/img/twitter.png"> <h1 style="cursor:pointer">@elliemoding </h1></a></div>
@@ -73,13 +101,13 @@
           <td style="padding: 20px;">
             <a onclick="window.open('https://discord.gg/user/Elliex3#6275')"><img class="socialbutton" src="static/img/discord.png"><h1 style="cursor: pointer;"> Elliex3#6275 </h1></a>
 </td>
-</table>
-    </div>
+  </table>
+
 
-      <div class="container bg-dark">
+      <div class="container" id="socia">
 	      
 	      <iframe src="https://john.citrons.xyz/embed?ref=example.com" style="margin-left:auto;display:block;margin-right:auto;max-width:732px;width:100%;height:94px;border:none;"></iframe> </div>
-
+    </div>
     </section>
     {%endblock%}
 </body>
diff --git a/templates/template3.html b/templates/template3.html
new file mode 100644
index 0000000000000000000000000000000000000000..51293479abce4babc79b661d329dadc29604611b
--- /dev/null
+++ b/templates/template3.html
@@ -0,0 +1,86 @@
+<head>
+<!DOCTYPE html>
+<link rel="SHORTCUT ICON" href="static/img/3.ico" type="image/x-icon" />
+<link rel="ICON" href="static/img/3.ico" type="image/ico" />
+
+<html lang="en">
+    <meta charset="UTF-8">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
+   <link rel="stylesheet" href="/static/css/style.css">
+
+    
+
+
+</head>
+<body>
+{%block navbar%}
+<nav class="navbar navbar-expand-md navbar-dark"  style="background-color: #551a8c;">
+
+
+  <div class="container-fluid">
+   <a class="navbar-brand" id = "grillmode"href="home">my website uwu </a>
+    <ul class="navbar-nav ">
+    
+
+      <li class="nav-item">
+	      <a class="nav-link" href="/blog">Blogposting</a>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link" href="/hottakes">Media review</a>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link" href="/plushies">Hardware</a>
+      </li>
+  <li class="nav-item">
+        <a class="nav-link" href="/plushies">Plushies :3 </a>
+      </li>
+  <li class="nav-item">
+        <a class="nav-link" href="/food"> Cooking </a>
+      </li>
+
+      <li class="nav-item">
+        <a class="nav-link" href="/models">Modelling</a>
+      </li>
+    </ul>
+
+
+  </div>
+
+  </nav>
+{%endblock%}
+{%block bg%}
+{%endblock%}
+{%block homepage%}
+{%endblock%}
+    {%block footer%}
+    <!-- bg-green -->
+    <section class="footer">
+
+      <div class="container bg-dark">
+           <table height = "20" style="padding: 20px;">
+              <td style="padding: 20px;">
+            <a onclick="window.open('https://twitter.com/elliemoding')"><img class="socialbutton" src="static/img/twitter.png"> <h1 style="cursor:pointer">@elliemoding </h1></a></div>
+            </td>
+            <td style="padding: 20px;">
+          <a onclick="window.open('https://github.com/HSTSellie')"><img class="socialbutton" src="static/img/github.png"><h1 style ="cursor: pointer;"> HSTSellie </h1></a></div>
+          </td>
+          <td style="padding: 20px;">
+            <a onclick="window.open('https://www.reddit.com/user/pillarstar5')"><img class="socialbutton" src="static/img/reddit.png"><h1 style="cursor: pointer;"> u/pillarstar5 </h1></a>
+</td>
+          
+
+          <td style="padding: 20px;">
+            <a onclick="window.open('https://discord.gg/user/Elliex3#6275')"><img class="socialbutton" src="static/img/discord.png"><h1 style="cursor: pointer;"> Elliex3#6275 </h1></a>
+</td>
+</table>
+    </div>
+
+      <div class="container bg-dark">
+	      
+	      <iframe src="https://john.citrons.xyz/embed?ref=example.com" style="margin-left:auto;display:block;margin-right:auto;max-width:732px;width:100%;height:94px;border:none;"></iframe> </div>
+
+    </section>
+    {%endblock%}
+</body>
+</html>
+
diff --git a/views.json b/views.json
index ef491079a37cc374abca2e517e35441c362236d2..be6652a2ab7bd0c8450fb25bd74ece961efb90bb 100644
--- a/views.json
+++ b/views.json
@@ -1 +1 @@
-337
\ No newline at end of file
+415
\ No newline at end of file