Initial

templates/navbar.html

@@ -0,0 +1,61 @@
+<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
+    <a class="navbar-brand" href="#"></a>
+
+    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
+      aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div class="collapse navbar-collapse" id="navbar">
+      
+      <!-- left side -->
+      <ul class="navbar-nav mr-auto">
+
+        <li class="nav-item">
+          <a class="nav-link" href="/">Home</a>
+        </li>
+
+        {% if conf["teamspeak-server"] %}
+        <li class="nav-item right">
+          <a class="nav-link" href="ts3server://{{ conf['teamspeak-server'] }}">Teamspeak</a>
+        </li>
+        {% endif %}
+        
+        {% if conf["discord-server"] %}
+        <li class="nav-item right">
+          <a class="nav-link" href="{{ conf['discord-server'] }}">Discord</a>
+        </li>
+        {% endif %}
+
+      </ul>
+
+      <!-- right side -->
+      <ul class="navbar-nav">
+        
+        {% if conf["instragram"] %}
+        <li class="nav-item right">
+          <a class="nav-link" href="{{ conf['instragram'] }}">Instagram</a>
+        </li>
+        {% endif %}
+
+        {% if conf["facebook"] %}
+        <li class="nav-item right">
+          <a class="nav-link" href="{{ conf['facebook'] }}">Facebook</a>
+        </li>
+        {% endif %}
+
+        {% if conf["twitter"] %}
+        <li>
+          <a class="nav-link" href="{{ conf['twitter'] }}">Twitter</a>
+        </li>
+        {% endif %}
+
+      </ul>
+      
+    </div>
+</nav>
+<nav class="navbar navbar-dark bg-dark fake">
+  <li class="navbar-nav">
+    <a class="nav-link" href="#">placeholder</a>
+  </li>
+</nav>