lou better + index better

public/games/lou.html

@@ -1124,5 +1124,18 @@ canvas{
 
 
 </div> <!-- body_0 -->
+<p>
+i made this game originally for a gamejam with my friend (alain). she did the actual baby you see in the game! The big beautiful one. all the rest i think is done by me which is why it looks so bad ;_;.
+</p>
+<p>i might work on it more in the future, but right now it's unfinished. the main thing i wanted to make was like a tamagochi type game, whic kindof i have done? Basically lou grows up in x time from the start (i think it's set to 30 min mb it should be 2 days normally) and you get to play games with him, feed him etc.</p>
+
+<p> i added a secret in there too, if you press a right combo (but the check is really loose so you might hit it on accident :D)</p>
+
+<p> maybe i'll revisit this someday, but i'm out of idea's and motivation for this one, i'll probably just make something else instead :p. </p>
+<p> i never ended up submitting it to the gamejam since that coincided with the itch.io and collective shout fiasco which really bothered me. so i'm stepping away from itch in general because of that. sad :( </p>
+
+<p>oh yeah, return homee <a href="/index.html">here</a></p>
+<p> ...</p>
+<p>and if that don't work euh... just retype the adress i guess haha my bad :D</p>
 </body></html>
 

public/index.html

@@ -49,12 +49,13 @@
       <h1>
         beppe.online
       </h1>
-      <nav>
+      <!--<nav>
         <ul class="navbar_links">
           <li class="navbar_link" ><a href="home.html" target="main">home</a></li>
+          <li class="navbar_link"> <a href="about.html" target="main">about</a></li>
           <li class="navbar_link" ><a href="qr.html" >qr code thing that loads glsl shaders</a></li>
-          <li class="navbar_link"><a href="gaming.html">Little games i made</a></li>
-        </ul>
+          <li class="navbar_link"><a href="gaming.html" target="main">Little games i made</a></li>
+        </ul>-->
     </div> 
     <div class="sidebar">
       <h2>my links:</h2>
@@ -68,13 +69,16 @@
     </div>
     <div class="content">
       <img src="img/queen.gif" id="queen">
-
+      <h1> Welcome! </h1>
+      <p>Welcome to my webpage! If you don't know me (how did you get here?) i'm beppe, a (currentyear - 1996) year old sysdamin from the ghent area in belgium! I like to draw/paint, play guitar, play games, read comics and manga, i like watching movies too, and anime and tv shows! Oh and i really like riding my bycicle! 
+   
     <h2> what's coming </h2>
    
     <p>
     I wanna spice up the website, but i'm really bad at doing visual stuff. at least when it's not code based. so maybe i'll write some code that makes the site look cooler :p but for now i'm bedrotting :p
     </p>
     <img src="img/glados.gif" id="glados">
+    <p> oh, and another thing i'm gonna do is just to write a bunch of paragraphs on this page and get a link system kindof like wikipedia when you read a huge article on that. something like that is the plan :p</p>
     <p>
     also i wanna make it so my pico8 games are playable in the browser here on a seperate page. so i'm gonna work on that too.
     </p>
@@ -83,6 +87,7 @@
     update: i did it!
     <img src="img/susie.gif" id="susie">
     </h2>
+    <a href="games/lou.html">lou</a>
 
     <p>
     anyway, here are """blogposts""" i've made :p 

public/main.css

@@ -4,6 +4,7 @@
 body {
   font-family: "Fira Code", monospace;
   color: black;
+  padding: 2em;
   /*text-shadow: -1px -1px 0 #000, 1px -1px #000, -1px 1px #000, 1px 1px #000;*/
   /*display: grid;*/
   background: #2e2828;
@@ -34,23 +35,21 @@ a:active {
   /*height: 10vh;*/
   /*float: left;*/
   text-align: center;
-  background: white;
+  background: #DDD;
   border-radius: 16px;
   width:100%;
   padding:1em;
   padding-left: .2em;
   padding-right:.2em;
-  opacity: .8;
 }
 
 .sidebar {
   width:20%;
   float: left;
-  background: white;
+  background: #DDD;
   border-radius:16px;
   padding:1em;
   margin-top: 2em;
-  opacity: .8;
   
 }
 
@@ -58,10 +57,9 @@ a:active {
  float: right;
  width: 70%;
  margin-top: 2em;
- background: white;
+ background: #DDD;
  padding:1em;
  border-radius: 16px;
-  opacity: .8;
 }
 
 
@@ -86,6 +84,11 @@ iframe {
 
 #queen {
   width: 20em;
+  border: black;
+  padding: .3em;
+  border-style: double;
+  background: white;
+
 
 }
 
@@ -111,10 +114,12 @@ iframe {
 
 footer {
   display: inline-block;
-  width: 90%;
-  margin-left: 5%;
-  border:2px;
+  width: 98%;
+  border-radius: 16px;
+  padding:1em;
+  margin-left: 0%;
   margin-top: 5em;
+  background: #DDD;
   img {
 
   }