add variables for colors, small HTML modifications

hollislau · Oct 7, 2015 · 27e4134 · 27e4134
1 parent 4625546
commit 27e4134
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 17 deletions.
diff --git a/public/index.html b/public/index.html
@@ -12,13 +12,13 @@
       <h1>intelly</h1>
       <nav>
         <ul class="site-nav">
-          <li>HOME</li>
-          <li>PAGES</li>
-          <li>BLOG</li>
-          <li>PORTFOLIO</li>
-          <li>SHORTCODES</li>
-          <li>FEATURES</li>
-          <li>CONTACT</li>
+          <li>Home</li>
+          <li>Pages</li>
+          <li>Blog</li>
+          <li>Portfolio</li>
+          <li>Shortcodes</li>
+          <li>Features</li>
+          <li>Contact</li>
         </ul>
       </nav>
     </header>
@@ -31,8 +31,8 @@ <h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque aliquam, li
         <div>
           <div>
             <ul>
-              <li>HOME</li>
-              <li>BLOG</li>
+              <li>Home</li>
+              <li>Blog</li>
             </ul>
           </div>
           <ul class="l-social-media-share">
@@ -55,7 +55,7 @@ <h1>Blog post</h1>
               <li>date</li>
               <li>comments</li>
             </ul>
-            <a class="button">READ MORE</a>
+            <a class="button">Read More</a>
           </div>
         </article> <!-- dynamically repeated articles -->
 
@@ -67,8 +67,8 @@ <h1>Serene in their assurance of their empire over matter</h1>
           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque aliquam, ligula ut lacinia sollicitudin, orci ex mollis ante, eget fringilla tellus nisi non justo. Aenean egestas sollicitudin magna, vitae tincidunt risus gravida blandit. Proin ultricies elit sapien, commodo efficitur tortor fermentum at.</p>
         </header>
         <div>
-          <a class="button">contact</a>
-          <a class="button">learn more</a>
+          <a class="button">Contact</a>
+          <a class="button">Learn More</a>
         </div>
       </footer> <!-- contact -->
 
@@ -86,11 +86,11 @@ <h1>Serene in their assurance of their empire over matter</h1>
         <div>icon three</div>
       </div>
       <small>
-        <span>copyright</span>
-        <span>TERMS OF USE</span>
-        <span>PRIVACY POLICY</span>
-        <span>CONTACT</span>
-        <span>SUPPORT</span>
+        <span>© 2014 Intelly, LLC</span>
+        <span>Terms of Use</span>
+        <span>Privacy Policy</span>
+        <span>Contact</span>
+        <span>Support</span>
       </small>
     </footer>
 

diff --git a/sass/utils/_variables.scss b/sass/utils/_variables.scss
@@ -5,3 +5,9 @@ $icons:
 (linkedin2 "\e603")
 (pinterest "\e604")
 (pinterest2 "\e605");
+
+$color-background: #ffffff;            // white
+$color-high-contrast: #1e1d24;         // off black
+$color-low-contrast: #b4b3b5;          // light grey
+$color-highlight: #97f1e7;             // aqua
+$color-highlight-contrast: #5a8785     // dark grey