precedence: offline > localhost

niccokunzmann · niccokunzmann · commit 3f165aad7be5 · 2017-10-03T22:03:19.000+02:00
diff --git a/_config.yml b/_config.yml
@@ -3,3 +3,4 @@ sourcecode:
   root: "https://github.com/CoderDojoPotsdam/intro/blob/master/"
 keep_files:
   - offline
+local_server: "http://localhost:25444"
diff --git a/_includes/tutorial.html b/_includes/tutorial.html
@@ -11,12 +11,17 @@
     {%- for link in tutorial.links -%}
       {%- if link.offline -%}
         <span class="offline">
-      {%- endif -%}
-      {%- include lang-link.html text=link.name href=link.url -%}
-      {%- if forloop.last -%}{%- else %} | {% endif -%}
-      {%- if link.offline -%}
+          {% include lang-link.html text=link.name href=link.url -%} |
         </span>
+        <span class="local">
+          {%- assign local_link = site.local_server | append: "/" | append: link.url -%}
+          {%- include lang-link.html text=link.name href=local_link -%}
+      {%- else -%}
+        <span class="online">
+          {% include lang-link.html text=link.name href=link.url -%}
       {%- endif -%}
+      {%- if forloop.last -%}{%- else %} | {% endif %}
+      </span>
     {% endfor -%}
   {%- endif -%}
 </div>
diff --git a/_layouts/overview.html b/_layouts/overview.html
@@ -9,6 +9,7 @@
     <link href="css/fonts.css" rel="stylesheet"/>
     <link href="css/grid.css" rel="stylesheet"/>
     <link href="css/deactivate-offline.css" rel="stylesheet"/>
+    <link href="{{ site.local_server }}/offline/activate_localhost.css" rel="stylesheet"/>
     <link href="offline/activate.css" rel="stylesheet"/>
   </head>
   <body>
diff --git a/css/deactivate-offline.css b/css/deactivate-offline.css
@@ -1,10 +1,14 @@
 /*
  * This css file deactivates all the offline supported links.
- *
+ * And the local links.
  */
 
 .offline {
   display: none;
 }
 
+.local {
+  display: none;
+}
+
 @import url("../offline/activate.css");
