From 0c06ef17c7e14f64d98aa8fd8fd608fa73ec04d0 Mon Sep 17 00:00:00 2001
From: steveoh <sgourley@utah.gov>
Date: Wed, 30 Aug 2017 18:59:32 -0600
Subject: [PATCH] Use mute instead of opacity everywhere

---
 site/layouts/index.html             | 2 +-
 site/layouts/partials/footer.html   | 4 ++--
 site/layouts/section/incidents.html | 4 ++--
 site/layouts/shortcodes/track.html  | 2 +-
 src/css/main.css                    | 5 +++--
 5 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/site/layouts/index.html b/site/layouts/index.html
index c8060c6..580136c 100644
--- a/site/layouts/index.html
+++ b/site/layouts/index.html
@@ -6,7 +6,7 @@
 {{ partial "systems" (dict "content" . "incidents" $active) }}
 
 {{ with $active }}
-  <div class="section-title">Active Incidents</div>
+  <div class="section-title mute">Active Incidents</div>
   {{ range $active }}
     {{ partial "incident" . }}
   {{ end }}
diff --git a/site/layouts/partials/footer.html b/site/layouts/partials/footer.html
index 20fca14..c80091f 100644
--- a/site/layouts/partials/footer.html
+++ b/site/layouts/partials/footer.html
@@ -1,9 +1,9 @@
 <div class="footer">
   <p>
-    <a href="https://www.netlify.com/statuskit">
+    <a class="mute" href="https://www.netlify.com/statuskit">
       StatusKit by Netlify
     </a> &#8226
-    <a href="https://github.com/netlify/netlify-statuskit">
+    <a class="mute" href="https://github.com/netlify/netlify-statuskit">
       View on GitHub
     </a>
   </p>
diff --git a/site/layouts/section/incidents.html b/site/layouts/section/incidents.html
index 2fa155f..9830a7a 100644
--- a/site/layouts/section/incidents.html
+++ b/site/layouts/section/incidents.html
@@ -2,11 +2,11 @@
 
 <div class="incidents">
 {{ range (.Paginate .Data.Pages.ByPublishDate 15 ).Pages }}
-<div class="incident-summary">
+<div class="incident-summary flex-out">
   <a href="{{ .Permalink }}" class="article article-title">
     {{ .Title }}
   </a>
-  <span class="article-date">
+  <span class="article-date mute">
     {{ dateFormat "02 Jan 2006 15:04 MST" .Date }}
   </span>
 </div>
diff --git a/site/layouts/shortcodes/track.html b/site/layouts/shortcodes/track.html
index 36d3ea5..b142a7b 100644
--- a/site/layouts/shortcodes/track.html
+++ b/site/layouts/shortcodes/track.html
@@ -1 +1 @@
-<span class="incident-date">{{ dateFormat "02 Jan 2006 15:04 MST" (.Get 0) }}</span>
+<p class="small mute separate">{{ dateFormat "02 Jan 2006 15:04 MST" (.Get 0) }}</p>
diff --git a/src/css/main.css b/src/css/main.css
index a90a9cd..ef28a0d 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -226,6 +226,9 @@ a:active {
   color: #BD1F1A;
 }
 
+.mute {
+  opacity: 0.7;
+}
 .incident-summary {
   margin-bottom: 24px;
   overflow: hidden;
@@ -242,7 +245,6 @@ a:active {
   float: right;
   text-align: right;
   font-size: 14px;
-  opacity: 0.3;
 }
 
 .pagination,
@@ -291,7 +293,6 @@ a:active {
 
 .footer a {
   color: #202020;
-  opacity: 0.3;
   transition: all 0.3s ease;
 }