Modified SCSS

3 files changed, 37 insertions, 65 deletions

diff --git a/layouts/index.html b/layouts/index.html
index 9f74335..52b00f8 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,11 +1,11 @@
 {{ define "main" }}
-  <div class="apps-text" style="margin-top: 2rem; margin-bottom: 2rem">
+  <div style="margin-top: 2rem; margin-bottom: 2rem">
     <img src="{{ .Site.Params.profile_img }}" style="width: 10rem; height: 10rem"/>
     <h1>{{ .Site.Params.author }}</h1>
   </div>
   {{ with .Site.Params.social }}
     {{ range sort . }}
-    <a class="apps-text" href="{{ .url }}">{{ .name }}</a>
+      <a href="{{ .url }}">{{ .name }}</a>
     {{ end }}
   {{ end }}
 {{ end }}
diff --git a/static/css/hugo-apps-theme.css b/static/css/hugo-apps-theme.css
index d5721c5..1286722 100644
--- a/static/css/hugo-apps-theme.css
+++ b/static/css/hugo-apps-theme.css
@@ -1,27 +1,26 @@
 @import url("https://fonts.googleapis.com/css?family=Press+Start+2P");
 body {
-  background-color: silver; }
-
-.apps-text {
+  background-color: silver;
   font-family: 'Press Start 2P', cursive; }
 
+a {
+  text-decoration: none;
+  color: black; }
+  a:visited {
+    color: black; }
+  a:hover {
+    color: red; }
+
+hr {
+  border: 0;
+  margin-top: 1rem;
+  height: 1rem;
+  width: 50%;
+  background: black; }
+
 .apps-header {
   color: black;
-  font-family: 'Press Start 2P', cursive;
   text-align: center; }
-  .apps-header a {
-    text-decoration: none;
-    color: black; }
-    .apps-header a:visited {
-      color: black; }
-    .apps-header a:hover {
-      text-decoration: underline; }
-  .apps-header hr {
-    border: 0;
-    margin-top: 1rem;
-    height: 1rem;
-    width: 50%;
-    background: black; }
   .apps-header .apps-header-title {
     font-size: 2.5rem; }
 
@@ -39,8 +38,6 @@ body {
   height: 10rem;
   padding-bottom: 0;
   overflow: hidden; }
-  .apps-app-icon a {
-    text-decoration: none; }
   .apps-app-icon img {
     width: 10rem;
     height: 10rem; }
@@ -48,12 +45,3 @@ body {
 .apps-app-name {
   text-align: center;
   padding-top: 1rem; }
-  .apps-app-name a {
-    text-decoration: none;
-    font-size: 1rem;
-    font-family: 'Press Start 2P', cursive;
-    color: black; }
-    .apps-app-name a:visited {
-      color: black; }
-    .apps-app-name a:hover {
-      text-decoration: underline; }
diff --git a/static/css/hugo-apps-theme.scss b/static/css/hugo-apps-theme.scss
index de6e002..4f835fe 100644
--- a/static/css/hugo-apps-theme.scss
+++ b/static/css/hugo-apps-theme.scss
@@ -2,33 +2,32 @@
 
 body {
   background-color: silver;
-}
-
-.apps-text {
   font-family: 'Press Start 2P', cursive;
 }
 
-.apps-header {
+a {
+  text-decoration: none;
   color: black;
-  font-family: 'Press Start 2P', cursive;
-  text-align: center;
-  a {
-    text-decoration: none;
+  &:visited {
     color: black;
-    &:visited {
-      color: black;
-    }
-    &:hover {
-      text-decoration: underline;
-    }
   }
-  hr {
-    border: 0;
-    margin-top: 1rem;
-    height: 1rem;
-    width: 50%;
-    background: black;
+  &:hover {
+    color: red;
+//    text-decoration: underline;
   }
+}
+
+hr {
+  border: 0;
+  margin-top: 1rem;
+  height: 1rem;
+  width: 50%;
+  background: black;
+}
+
+.apps-header {
+  color: black;
+  text-align: center;
   .apps-header-title {
     font-size: 2.5rem;
   }
@@ -49,9 +48,6 @@ body {
   height: 10rem;
   padding-bottom: 0;
   overflow: hidden;
-  a {
-    text-decoration: none;
-  }
   img {
     width: 10rem;
     height: 10rem;
@@ -61,16 +57,4 @@ body {
 .apps-app-name {
   text-align: center;
   padding-top: 1rem;
-  a {
-    text-decoration: none;
-    font-size: 1rem;
-    font-family: 'Press Start 2P', cursive;
-    color: black;
-    &:visited {
-      color: black;
-    }
-    &:hover {
-      text-decoration: underline;
-    }
-  }
 }