#19 try mini.css

yn-coder · Aug 9, 2018 · e0ebec8 · e0ebec8
1 parent 2ed305e
commit e0ebec8
Showing 1 changed file with 20 additions and 35 deletions.
diff --git a/templates/base.html b/templates/base.html
@@ -5,48 +5,32 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <link rel="stylesheet" href="https://unpkg.com/papercss@1.5.1/dist/paper.min.css">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mini.css/3.0.0/mini-default.min.css">
   <meta name="description" content="Simple Azure navigator.">
-  <title>Simple Azure navigator.</title>  
-  <script type="text/javascript" src="https://secure.skypeassets.com/i/scom/js/skype-uri.js"></script>  
+  <title>Simple Azure navigator.</title>
+  <script type="text/javascript" src="https://secure.skypeassets.com/i/scom/js/skype-uri.js"></script>
 </head>
 <body>
-<nav class="border fixed split-nav">
-  <div class="nav-brand">
-    <h3><a href="/">Home</a></h3>
-  </div>
-  <div class="collapsible">
-    <input id="collapsible1" type="checkbox" name="collapsible1">
-    <button>
-    <label for="collapsible1">
-        <div class="bar1"></div>
-        <div class="bar2"></div>
-        <div class="bar3"></div>
-      </label>
-    </button>
-    <div class="collapsible-body">
-      <ul class="inline">
-          <li><a href="https://notebooks.azure.com/" target="_blank">Your Azure notebooks</a></li>
-          <li><a href="/help/">Help</a></li>
-          <li><a href="/users/">Users</a></li>
-          <li><a href="/help/q/">Questions</a></li>
 
-          {% if current_user.is_authenticated %}
-          <li><a href="/profile/">{{current_user.name}} profile</a></li>
+<header class="sticky">
+  <a href="/" class="logo">Home</a>
+  <a href="https://notebooks.azure.com/" target="_blank" class="button">Your Azure notebooks</a>
+  <a href="/help/" class="button">Help</a>
+  <a href="/users/" class="button">Users</a>
+  <a href="/help/q/" class="button">Questions</a>
 
-          {% else %}
-          <li><a href="{{ url_for("azure.login") }}">Log in</a></li>
-          {% endif %}
-      </ul>
-    </div>
-  </div>
-</nav>
-  <div class="paper container">
+  {% if current_user.is_authenticated %}
+  <a href="/profile/" class="button">{{current_user.name}} profile</a>
+  {% else %}
+  <a href="{{ url_for("azure.login") }}" class="button">Log in</a>
+  {% endif %}
+</header>
 
 {% block body %}{% endblock %}
 
-<hr>
-<p>v 0022 at 08_08_2018</p>
+<footer>
+
+<p>v 0023 at 09_08_2018</p>
 
 <div id="SkypeButton_Call_yn_common_1">
  <script type="text/javascript">
@@ -61,6 +45,7 @@ <h3><a href="/">Home</a></h3>
 
 <hr>
 <br>{{current_user}}<br>{{session}}
-  </div>
+</footer>
+
 </body>
 </html>