diff --git a/it1/bibliotek/index.html b/it1/bibliotek/index.html
index b249cd6..b5dd80b 100644
--- a/it1/bibliotek/index.html
+++ b/it1/bibliotek/index.html
@@ -8,7 +8,7 @@
     <script type="text/javascript" src="/it1/init-firebase.js"></script>
 </head>
 <bod>
-    <iframe id="navbar" width="100%" height="60px" src="/it1/navbar.html" style="border: 0px"></iframe>
+    <iframe id="navbar" width="100%" height="60px" src="/it1/navbar/navbar.html" style="border: 0px"></iframe>
     <div id="content">
         <form></form>
     </div>
diff --git a/it1/index.html b/it1/index.html
index fd36987..6a83264 100644
--- a/it1/index.html
+++ b/it1/index.html
@@ -2,8 +2,8 @@
 <html>
 <head>
     <title>Simple firebase logon</title>
-    <link rel="stylesheet" href="/it1/main.css">
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" crossorigin="anonymous">
+    <link rel="stylesheet" href="/it1/main.css">
     <!--
         <script defer src="https://www.gstatic.com/firebasejs/7.11.0/firebase-app.js"></script>
         <script defer src="https://www.gstatic.com/firebasejs/7.11.0/firebase-auth.js"></script>
@@ -14,7 +14,13 @@
 <bod>
     <iframe id="navbar" width="100%" height="60px" src="/it1/navbar/navbar.html" style="border: 0px"></iframe>
     <div id="content">
-        <h3 style="margin: 3vh">Klikk oppgaver i menyen for å se hva jeg har laget med firebase i IT1!</h3>
+        <h3 style="margin: 3vh">Denne siden inneholder ting jeg har laget med firebase i IT1!</h3>
+        <br />
+        <ul id="oppgaver">
+            <li>
+                <h5><a href="/it1/bibliotek/index.html">Bibliotek</a></h5>
+            </li>
+        </ul>
     </div>
 </bod>
 </html>
\ No newline at end of file
diff --git a/it1/main.css b/it1/main.css
index e844905..278634a 100644
--- a/it1/main.css
+++ b/it1/main.css
@@ -1,4 +1,4 @@
-
-li.right {
-    align-content: right
-}
+
+#oppgaver {
+    margin-left: 3vh;
+}
diff --git a/it1/main.js b/it1/main.js
new file mode 100644
index 0000000..e69de29
diff --git a/it1/navbar/navbar.css b/it1/navbar/navbar.css
new file mode 100644
index 0000000..8c800b6
--- /dev/null
+++ b/it1/navbar/navbar.css
@@ -0,0 +1,4 @@
+
+li.right > ul { /* TODO: FIX! */
+    align-content: right;
+}
diff --git a/it1/navbar/navbar.html b/it1/navbar/navbar.html
index e01e5fd..5251ec9 100644
--- a/it1/navbar/navbar.html
+++ b/it1/navbar/navbar.html
@@ -3,34 +3,31 @@
 <head>
     <title>Navbar for iframe</title>
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" crossorigin="anonymous">
+    <link rel="stylesheet" href="/it1/navbar/navbar.css">
     <!-- <script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></script> -->
 </head>
 <body>
 <nav class="navbar navbar-expand-sm bg-dark navbar-dark">
-    <a class="navbar-brand" onclick="reset()">IT1 firebase stuff</a> <!-- href="/it1/index.html" -->
-    <ul class="navbar-nav">
-        <li class="nav-item">
-            <a class="nav-link" onclick="oppgaver()">Oppgaver</a>
-        </li>
+    <a class="navbar-brand" target="_top" href="/it1/index.html">IT1 firebase stuff</a> <!-- href="/it1/index.html" -->
+    <!-- <ul class="navbar-nav">
         <li class="nav-item right">
-            <a class="nav-link" href="/it1/about.html">About</a>
+            <a class="nav-link" target="_top" href="/it1/about.html">About</a>
         </li>
     </ul>
-    <!-- <ul class="navbar-nav ml-auto">
+    <ul class="navbar-nav ml-auto">
         <li class="nav-item right">
             <a class="nav-link">Simple login here later</a>
         </li>
         <li class="nav-item right" style="visibility: hidden">
-            <a class="nav-link" href="/logout">Logout</a>
+            <a class="nav-link" target="_top" href="/logout">Logout</a>
         </li>
         <li class="nav-item right" id="register-btn">
-            <a class="nav-link" href="/register">Register</a>
+            <a class="nav-link" target="_top" href="/register">Register</a>
         </li>
         <li class="nav-item right" id="login-btn">
-            <a class="nav-link" href="/login">Login</a>
+            <a class="nav-link" target="_top" href="/login">Login</a>
         </li>
     </ul> -->
 </nav>
-<script type="text/javasctipt" src="/it1/navbar/navbar.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/it1/navbar/navbar.js b/it1/navbar/navbar.js
deleted file mode 100644
index 66501ea..0000000
--- a/it1/navbar/navbar.js
+++ /dev/null
@@ -1,13 +0,0 @@
-
-var ocontent = $("#content").html()
-
-function reset() {
-    $("#content").html(ocontent)
-}
-
-function oppgaver() {
-    $("#content").html(`
-        <h3><a href="/it1/bibliotek/index.html">Bibliotek</a></h3>
-    `)
-}
-
