progress on main page

website/css/menustyle.css

@@ -16,10 +16,19 @@
     display: inline-flex;
     justify-content: center;
     align-content: center;
+    list-style-type: none;
     width: 80vw;
     height: 100%;
 }
 
+.mainitems {
+    padding: 1%;
+}
+
+.mainitems:hover {
+    background-color: darkblue;
+}
+
 .menubutton {
     text-decoration: none;
     background-color: none;

website/css/style.css

@@ -29,7 +29,7 @@ body {
     /* make div full width (well technically oversized and move it to -1% offset */
     display: block;
     width: 101vw;
-    height: 130vh;
+    height: 120vh;
     margin-top: -0.5vh;
     margin-left: -0.5vw;
     text-align: center;
@@ -37,17 +37,18 @@ body {
 
 .title-content {
     position: relative;
+    color: white;
     top: 20vh;
 }
 
 .title-buttons {
     position: relative;
-    top: 40vh;
+    top: 30vh;
 }
 
 .type-animation {
-    font-size: 500%;
+    font-size: 600%;
-    color: white
+    color: white !important;
 }
 
 

website/index.html

@@ -13,7 +13,7 @@
             .title {
                 background-image: url("main_bg_cut.png");
                 background-repeat: no-repeat;
-                background-size: cover;
+                background-size: 100%;
             }
         </style>
         <!--I will be using highlight.js to highlight the syntax, but I still need to figure out how to use it.-->
@@ -25,7 +25,6 @@
         <div class="title">
             <div class="title-content">
                 <h1 class="type-animation">impress.js</h1>
-                
             </div>
             <div class="title-buttons">
                 <a class="button" id="demobutton" href="./demo/index.html">Watch the demo</a>

website/js/index.js

@@ -1,4 +1,6 @@
 $(document).ready(function () {
     $('#navbar').load('nav.html')
     console.log("ok")
+
+    //
 });

website/nav.html

@@ -11,6 +11,7 @@
         <ul class="Menu">
             <li class="mainitems"><a class="menubutton" id="docs" href="docs/index.html">Documentation</a></li>
             <li class="mainitems"><a class="menubutton" id="download" href="download.html">Download</a></li>
+            <li class="mainitems"><a class="menubutton" href="https://github.com/impress/impress.js">GitHub</a></li>
         </ul>
     </div>
 </div>