Add BITS button and fix mobile header

.gitmodules

+[submodule "assets/scss/material-kit"]
+	path = assets/vendor/material-kit
+	url = https://github.com/creativetimofficial/material-kit.git

_includes/bits-button.html

+<div class="material-kit hq-status-fab">
+  <a class="btn btn-round btn-lg btn-gialla" href="https://bits.poul.org">
+    <div class="ripple-container"></div>
+  </a>
+</div>

_includes/header.html

@@ -23,4 +23,5 @@
              </nav>
          </div>
      </div>
+     {% include bits-button.html %}
  </div><!-- end .header -->

_includes/scripts.html

 <!-- Add jQuery and other scripts -->
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
 <script>window.jQuery || document.write('<script src="{{ \'/assets/js/jquery-1.11.2.min.js\' | prepend: site.baseurl }}"><\/script>')</script>
+
+<!--script src="{{ site.baseurl }}/assets/vendor/material-kit/assets/js/core/jquery.min.js" type="text/javascript"></script-->
+<script src="="{{ site.baseurl }}/assets/vendor/material-kit/assets/js/core/popper.min.js" type="text/javascript"></script>
+<script src="="{{ site.baseurl }}/assets/vendor/material-kit/assets/js/core/bootstrap-material-design.min.js" type="text/javascript"></script>
+
 <script src="{{ '/assets/js/dropcap.min.js' | prepend: site.baseurl }}"></script>
 <script src="{{ '/assets/js/responsive-nav.min.js' | prepend: site.baseurl }}"></script>
 <script src="{{ '/assets/js/scripts.js' | prepend: site.baseurl }}"></script>

assets/scss/_material-tweaks.scss

+.bg-very-dark {
+    background-color: #010101 !important;
+}
+
+.bg-a-bit-less-dark {
+    background-color: #1b1b1b !important;
+}
+
+.bg-kinda-dark {
+    background-color: #232323 !important;
+}
+
+.bg-black {
+    background-color: black !important;
+}
+
+.no-z-index {
+    z-index: unset !important;
+}
+
+.btn {
+    top: 0;
+
+    &, &:after {
+        font-family: $sans-serif;
+        font-weight: bold;
+    }
+
+    &.btn-gialla {
+        color: #fff;
+        background-color: #ffc500;
+        border-color: #ffc500;
+        box-shadow: 0 2px 2px 0 rgba(255, 152, 0, 0.14), 0 3px 1px -2px rgba(255, 152, 0, 0.2), 0 1px 5px 0 rgba(255, 152, 0, 0.12);
+
+        &:hover {
+            color: #fff;
+            background-color: #ffc500;
+            border-color: #7f6200;
+            box-shadow: 0 14px 26px -12px rgba(255, 202, 43, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2);
+        }
+
+        &:after {
+            content: 'Sede gialla';
+        }
+
+        &:focus, &.focus {
+            box-shadow: none, 0 0 0 0.2rem rgba(127, 98, 0, 1);
+        }
+
+        &:disabled, &.disabled {
+            color: #212529;
+            background-color: #ffc500;
+            border-color: #ffc500;
+        }
+    }
+
+    &.btn-open {
+        color: #212529;
+        background-color: #387002;
+        border-color: #387002;
+        box-shadow: 0 2px 2px 0 rgba(28, 56, 1, 0.14), 0 3px 1px -2px rgba(28, 56, 1, 0.2), 0 1px 5px 0 rgba(28, 56, 1, 0.12);
+
+        &:hover {
+            color: #fff;
+            background-color: #387002;
+            border-color: #1c3801;
+        }
+
+        &:after {
+            content: 'Sede aperta';
+        }
+
+        &:focus, &.focus {
+            box-shadow: none, 0 0 0 0.2rem rgb(28, 56, 1);
+        }
+        
+        &:disabled, &.disabled {
+            color: #212529;
+            background-color: #387002;
+            border-color: #1c3801;
+        }
+    }
+    
+    
+    &.btn-closed {
+        color: #212529;
+        background-color: #d32f2f;
+        border-color: #d32f2f;
+        box-shadow: 0 2px 2px 0 rgba(105, 23, 23, 0.14), 0 3px 1px -2px rgba(105, 23, 23, 0.2), 0 1px 5px 0 rgba(105, 23, 23, 0.12);
+    
+    
+        &:hover {
+            color: #fff;
+            background-color: #d32f2f;
+            border-color: #691717;
+        }
+        
+        &:after {
+            content: 'Sede chiusa';
+        }
+                
+        &:focus, &.focus {
+            box-shadow: none, 0 0 0 0.2rem rgb(105, 23, 23);
+        }
+        
+        &:disabled, &.disabled {
+            color: #212529;
+            background-color: #d32f2f;
+            border-color: #691717;
+        }
+    }
+}
+
+.stick-to-bar {
+    position: fixed !important;
+    left: 0 !important;
+    top: 38px !important;
+}
+
+.closed.value:after {
+    content: 'Chiusa';
+}
+
+.open.value:after {
+    content: 'Aperta';
+}
+

assets/scss/breakpoints/_1200up.scss

@@ -10,3 +10,6 @@ body {
   height: 650px;
 }
 
+.hq-status-fab {
+  top: 88px;
+}

assets/scss/breakpoints/_800up.scss

@@ -320,3 +320,19 @@ CONTACT PAGE STYLING
     margin-bottom: 0;
   }
 }
+
+.mobile-only {
+  display: none;
+}
+
+.hq-status-fab {
+  .header &, &{
+    display: block
+  }
+
+  top: 85px;
+  z-index: 2;
+  position: relative;
+}
+
+

assets/scss/breakpoints/_mobileup.scss

@@ -511,4 +511,26 @@ POST LIST STYLING
   color: $white;
 }
 
+.header .hq-status-fab {
+  display: none;
+}
+
+.mobile-home-logo {
+    padding: 5%;
+}
+
+.mobile-only {
+  display: block;
+
+  .hq-status-fab {
+    padding-bottom: 10%;
+  }
+}
+
+.hq-status-fab {
+  text-align: center;
+  display: block;
+  width: 100%;
+}
+
 

assets/scss/material-kit

+../vendor/material-kit
\ No newline at end of file

assets/scss/style.scss

@@ -19,6 +19,12 @@
 @import "modules/syntax"; 
 @import "modules/alerts";
 
+// Import Material Kit
+.material-kit {
+  @import "material-kit/assets/scss/material-kit";
+}
+@import "material-tweaks";
+
 // Mobile up base styles
 @import "breakpoints/mobileup";
 

material-kit @ cb9cb17e

+Subproject commit cb9cb17e07e880262eae290fde2e8742b6bb6f81

index.html

@@ -5,6 +5,14 @@ title: POuL » Politecnico Open unix Labs
 
 <div class="content bg-blueish-gray before-map">
   <div class="container post text-align-center">
+    <div class="mobile-only mobile-home-logo">
+      {% include logo_full.svg %}
+    </div>
+    
+    <div class="mobile-only">
+      {% include bits-button.html %}
+    </div>
+
     <p>
       We are a student organization and hacking community in “Politecnico di Milano”, the largest technical University in Italy.
     </p>