Merge pull request #99 from offen/homepage-update

update svg css fade.js

homepage/theme/static/css/style.css

@@ -244,7 +244,11 @@ h4 {
     font-size: 22px;
   }
 }
-
+@media only screen and (max-width: 330px) {
+  .spacer-intro {
+      width: 250px;
+  }
+}
 
 /* ---------------------------------------------------
 LINKS
@@ -265,11 +269,6 @@ ol li p a:hover,
 ol li p a:focus {
 color: var(--grey-bright);
 }
-.footer a,
-.footer a:hover,
-.footer a:focus {
-  font-weight: 400;
-}
 
 
 /* ---------------------------------------------------
@@ -406,7 +405,7 @@ BUTTONS
 MENU
 ----------------------------------------------------*/
 .nav-list {
-  margin: 0 0 40px 0;
+  margin: 0 10px 40px 0;
 }
 .nav-bar {
   height: 70px;
@@ -440,9 +439,10 @@ nav ul li a:visited {
   display: block;
   padding: 0 20px;
   line-height: 70px;
+  text-decoration: none;
+  font-weight: 700;
   background: var(--yellow-mid);
   color: var(--black-mid);
-  text-decoration: none;
 }
 nav ul li a:hover,
 nav ul li a:visited:hover {
@@ -476,6 +476,9 @@ nav ul li ul li a {
 }
 /* Mobile Styles */
 @media only screen and (max-width: 960px) {
+  .nav-list {
+    margin: 0 0 40px 0;
+  }
   .nav-mobile {
     display: block;
   }
@@ -526,7 +529,7 @@ nav ul li ul li a {
   cursor: pointer;
   border-radius: 1px;
   height: 2px;
-  width: 35px;
+  width: 25px;
   background: var(--black-mid);
   position: absolute;
   display: block;
@@ -536,10 +539,10 @@ nav ul li ul li a {
   */
 }
 #nav-toggle span:before {
-  top: -10px;
+  top: -8px;
 }
 #nav-toggle span:after {
-  bottom: -10px;
+  bottom: -8px;
 }
 #nav-toggle.active span {
   background-color: transparent;

homepage/theme/static/scripts/fade.js

@@ -2,7 +2,9 @@
   $(document).ready(function () {
     $(window).scroll(function () {
       var scrollProgress = parseInt($(window).scrollTop(), 10)
-      $('body.index .brand').css('opacity', Math.min(scrollProgress / 100, 1))
+        if ($(window).width() > 960) {
+          $('body.index .brand').css('opacity', Math.min(scrollProgress / 100, 1))
+        }
     })
   })
 })(window.jQuery)

homepage/theme/templates/base.html

@@ -89,7 +89,7 @@
                 In the making
               </h2>
               <p>
-                This project is still in alpha. Discover what is already up and running and where we want to go in the coming months.
+                <strong>offen</strong> is still in alpha. Discover what is already up and running and where we want to go in the coming months.
               </p>
               <div class="btn-wrapper">
                 <a class="btn btn-color-black" href="/status/">Project status</a>