Added some spacing and CD colors

friedow · friedow · commit a03a6f0c4a7c · 2018-01-06T16:58:51.000+01:00
diff --git a/_includes/category.html b/_includes/category.html
@@ -1,12 +1,12 @@
-<div class="category grid-whole equalize">
+<div class="col s12 category grid-whole equalize">
   {%- assign category_id = include.structure.id -%}
   {%- assign category = site.data.categories[category_id] %}
   <div class="heading">
-    <h2>
+    <h3>
       {%- include translate text=category.name language=include.language -%}
-    </h2>
+    </h3>
   </div>
-  <div class="description">
+  <div class="category-description">
     {%- include translate text=category.description language=include.language %}
   </div>
   {%- if include.structure.structure %}
diff --git a/_includes/tutorial.html b/_includes/tutorial.html
@@ -2,10 +2,10 @@
 {%- assign tutorial = site.data.tutorials[tutorial_id] %}
 {%- if tutorial["limit-languages-to"] == null or tutorial[tutorial["limit-languages-to"]] contains include.language.id -%}
 <div class="tutorial col s12 m6 l4">
-  <div class="card small blue-grey darken-1">
+  <div class="card small green">
     <div class="card-content white-text">
       <span class="card-title">
-        <a href="{% include translate text=tutorial.url language=include.language %}">
+        <a class="white-text" href="{% include translate text=tutorial.url language=include.language %}">
           {%- include translate text=tutorial.title language=include.language -%}
         </a>
       </span>
diff --git a/_layouts/overview.html b/_layouts/overview.html
@@ -22,7 +22,7 @@
   <body>
     <header>
       <nav>
-        <div class="nav-wrapper">
+        <div class="nav-wrapper blue">
           <a href="{{ page.homepage }}" class="brand-logo">
             <img class="page-logo" src="{{ page.image | escape }}"/>{{ page.title | escape }}
           </a>
@@ -43,7 +43,7 @@
       <div id="structure">
         {%- for language in site.data.languages -%}
           <div class="show-language show-language-{{ language.id | escape }}" id="section-{{ language.id | escape }}">
-            <div class="show-language-heading">{{ language.name | escape }}</div>
+            <h1 class="show-language-heading">{{ language.name | escape }}</div>
             {% include structure.html structure=page.structure language=language %}
           </div>
         {%- endfor %}
diff --git a/css/overview.css b/css/overview.css
@@ -8,6 +8,59 @@ header .page-logo {
   vertical-align: middle;
 }
 
+#nav-mobile {
+  margin-right: 20px;
+}
+
+/*******************************************************
+ * Typography
+ */
+
+#description {
+  margin: 60px 0px;
+}
+
+.category-description {
+  font-size: 18px;
+  margin: 10px 0px;
+}
+
+/*******************************************************
+ * colors
+ */
+
+.orange {
+  background-color: #FAA31A !important;
+}
+
+.purple {
+  background-color: #73449B !important;
+}
+
+.green {
+  background-color: #49B749 !important;
+}
+
+.blue {
+  background-color: #0093D5 !important;
+}
+
+.red {
+  background-color: #9B1C20 !important;
+}
+
+.black {
+  background-color: #000000 !important;
+}
+
+.white {
+  background-color: #FFFFFF !important;
+}
+
+.red-text {
+  color: #9B1C20 !important;
+}
+
 /*******************************************************
  * footer
  */
