update navi color as per #100

Author: planeswalker1

_includes/navigation.html

@@ -1,24 +1,24 @@
 <nav class="main-nav">
     {% if page.url != "/index.html" %}
-        <a href="{{ site.baseurl }}" class="text--orange"> <span class="arrow">←</span> home </a>
+        <a href="{{ site.baseurl }}" class="text--black"> <span class="arrow">←</span> home </a>
     {% endif %}
 
     {% if page.url != "/about/" %}
         {% if site.aboutPage %}
-            <a href="{{ site.baseurl }}about" class="text--orange">about </a>
+            <a href="{{ site.baseurl }}about" class="text--black">about </a>
         {% endif %}
     {% endif %}
 
     {% if page.url != "/members/" %}
-            <a href="/members/" class="text--orange">members </a>
+            <a href="/members/" class="text--black">members </a>
     {% endif %}
 
     {% if page.url != "/challenges/" %}
-            <a href="/challenges/" class="text--orange">challenges </a>
+            <a href="/challenges/" class="text--black">challenges </a>
     {% endif %}
 
     {% if page.url != "/conduct/" %}
-            <a href="/conduct/" class="text--orange">conduct </a>
+            <a href="/conduct/" class="text--black">conduct </a>
     {% endif %}
 
 </nav>

assets/css/style.css

@@ -1,3 +1,50 @@
+/*
+=========================================================
+  PAGE COLORS & TEXT
+=========================================================
+*/
+.background--yellow {
+  background-color: #f8cc3a
+}
+
+.text,
+.heading {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.heading {
+  font-family: 'Raleway', sans-serif;
+}
+
+.heading--black {
+  color: #000;
+}
+
+.text {
+  font-size: 0.8em;
+}
+
+.text--black {
+  color: #000;
+}
+
+.text--orange {
+  color: #C54B0B;
+}
+
+/*
+=========================================================
+LOGO
+=========================================================
+*/
+.logo--code-and-coffee {
+  margin-bottom: 20px;
+  padding: 20px;
+  width: 250px;
+  height: 250px;
+}
+
 /* Reset */
 html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
 *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

index.html

@@ -159,51 +159,6 @@
     display:block;
   }
 }
-
-  /*
-  =========================================================
-   PAGE COLORS & TEXT
-  =========================================================
-  */
-  .background--yellow {
-    background-color: #f8cc3a
-  }
-
-  .text,
-  .heading {
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-  }
-  
-  .heading {
-    font-family: 'Raleway', sans-serif;
-  }
-  .heading--black {
-    color: #000;
-  }
-
-  .text {
-    font-size: 0.8em;
-  }
-  .text--black {
-    color: #000;
-  }
-  
-  .text--orange {
-    color: #C54B0B;
-  }
-
-  /*
-  =========================================================
-  LOGO
-  =========================================================
-  */
-  .logo--code-and-coffee {
-    margin-bottom: 20px;
-    padding: 20px;
-    width: 250px;
-    height: 250px;
-  }
 </style>
 
 <div id='hero' class="background--yellow">