Added Status and HTTPS everywhere

index.html

@@ -5,7 +5,7 @@
 <img class='logo center-block' type="image/svg+xml" src="/system/imgs/penguin.svg" />
 <div class="container center-block">
   <div class="row menu">
-    <div class="col-md-3">
+    <div class="col-md-2 col-md-offset-1">
       <p class="text-center">
         <a class="menu-item" href="https://mail.binarypenguin.net/roundcube">
           <span class="fa-stack main-icons">
@@ -16,9 +16,9 @@
       </p>
     </div>
 
-    <div class="col-md-3">
+    <div class="col-md-2">
       <p class="text-center">
-        <a class="menu-item" href="http://w.binarypenguin.net">
+        <a class="menu-item" href="https://w.binarypenguin.net">
           <span class="fa-stack main-icons">
             <i class="fa fa-square-o fa-stack-2x"></i>
             <i class="fa fa-wikipedia-w fa-stack-1x"></i>
@@ -27,9 +27,20 @@
       </p>
     </div>
 
-    <div class="col-md-3">
+    <div class="col-md-2">
       <p class="text-center">
-        <a class="menu-item" href="http://binarypenguin.slack.com">
+        <a class="menu-item" href="https://status.binarypenguin.net">
+          <span class="fa-stack main-icons">
+            <i class="fa fa-square-o fa-stack-2x"></i>
+            <i class="fa fa-tachometer fa-stack-1x"></i>
+          </span>
+        </a>
+      </p>
+    </div>
+
+    <div class="col-md-2">
+      <p class="text-center">
+        <a class="menu-item" href="https://binarypenguin.slack.com">
           <span class="fa-stack main-icons">
             <i class="fa fa-square-o fa-stack-2x"></i>
             <i class="fa fa-slack fa-stack-1x"></i>
@@ -38,7 +49,7 @@
       </p>
     </div>
 
-    <div class="col-md-3">
+    <div class="col-md-2">
       <p class="text-center">
         <a class="menu-item" href="http://github.com/binarypenguin">
           <span class="fa-stack main-icons">