From 27e41345cf0bc3e7a29007985129f10da4381adb Mon Sep 17 00:00:00 2001
From: Lyle Scott <Lyle.C.Scott@gmail.com>
Date: Tue, 6 Oct 2015 17:12:02 -0700
Subject: [PATCH] add variables for colors, small HTML modifications

---
 public/index.html          | 34 +++++++++++++++++-----------------
 sass/utils/_variables.scss |  6 ++++++
 2 files changed, 23 insertions(+), 17 deletions(-)

diff --git a/public/index.html b/public/index.html
index b45018c..cc922b0 100644
--- 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
index 5e8f241..503576d 100644
--- 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