changing button colors and github links

gabrielle-barnes · Mar 10, 2024 · 6b308ea · 6b308ea
1 parent c9e1822
commit 6b308ea
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 31 deletions.
diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
@@ -17,7 +17,7 @@
     <div class="wrapper">
       <header>
         <h1 class="header">{{ site.title | default: site.github.repository_name }}</h1>
-        <p class="header">{{ site.description | default: site.github.project_tagline }}</p>
+        <p> class="header">{{ site.description | default: site.github.project_tagline }}</p>
 
         <ul>
           {% if site.show_downloads %}
@@ -28,10 +28,10 @@ <h1 class="header">{{ site.title | default: site.github.repository_name }}</h1>
         </ul>
 
         {% if site.github.is_project_page %}
-          <p class="header">This project is maintained by <br> 
-            <a class="header name" href="{{ site.github.owner_url }}">{{ site.github.owner_name }}</a> <br>
-            <a class="header name" href="{{ https://github.com/Funmi-idowu }}">{{ Funmi Idowu }}</a> <br>
-            <a class="header name" href="{{ https://github.com/Kimberly-Kubo }}">{{ Kimberly Kubo }}</a>
+          <p> class="header">This project is maintained by 
+            <p><a class="header name" href="{{ site.github.owner_url }}">{{ site.github.owner_name }}</a></p>
+            <p><a class="header name" href="{{ https://github.com/Funmi-idowu }}">{{ Funmi Idowu }}</a></p>
+            <p><a class="header name" href="{{ https://github.com/Kimberly-Kubo }}">{{ Kimberly Kubo }}</a></p>
           </p>
         {% endif %}
 

diff --git a/docs/_sass/jekyll-theme-dinky.scss b/docs/_sass/jekyll-theme-dinky.scss
@@ -77,7 +77,7 @@ h4, h5, h6 {
 }
 
 a {
-  color:#C30000;
+  color:#4f9c90;
   font-weight:200;
   text-decoration:none;
 }
@@ -264,6 +264,8 @@ header ul {
   padding:0;
 }
 
+/* View On GitHub button */
+
 header li {
 	list-style-type: none;
   width:132px;
@@ -272,30 +274,30 @@ header li {
 	line-height: 1em;
 	padding: 6px 6px 6px 7px;
 
-	background: #AF0011;
-	background: -moz-linear-gradient(top, #AF0011 0%, #820011 100%);
+	background: #449186;
+	background: -moz-linear-gradient(top, #449186 0%, #357067 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd));
-  background: -webkit-linear-gradient(top, #AF0011 0%,#820011 100%);
-  background: -o-linear-gradient(top, #AF0011 0%,#820011 100%);
-  background: -ms-linear-gradient(top, #AF0011 0%,#820011 100%);
-  background: linear-gradient(to top, #AF0011 0%,#820011 100%);
+  background: -webkit-linear-gradient(top, #449186 0%,#357067 100%);
+  background: -o-linear-gradient(top, #449186 0%,#357067 100%);
+  background: -ms-linear-gradient(top, #449186 0%,#357067 100%);
+  background: linear-gradient(to top, #449186 0%,#357067 100%);
 
 	border-radius:4px;
   border:1px solid #0D0D0D;
 
-	-webkit-box-shadow: inset 0px 1px 1px 0 rgba(233,2,38, 1);
-	box-shadow: inset 0px 1px 1px 0 rgba(233,2,38, 1);
+	-webkit-box-shadow: inset 0px 1px 1px 0 rgb(112, 189, 176);
+	box-shadow: inset 0px 1px 1px 0 rgba(112, 189, 176);
 
 }
 
 header li:hover {
-	background: #C3001D;
-	background: -moz-linear-gradient(top, #C3001D 0%, #950119 100%);
+	background: #4f9c90;
+	background: -moz-linear-gradient(top, #4f9c90 0%, #42857b 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd));
-  background: -webkit-linear-gradient(top, #C3001D 0%,#950119 100%);
-  background: -o-linear-gradient(top, #C3001D 0%,#950119 100%);
-  background: -ms-linear-gradient(top, #C3001D 0%,#950119 100%);
-  background: linear-gradient(to top, #C3001D 0%,#950119 100%);
+  background: -webkit-linear-gradient(top, #4f9c90 0%,#42857b 100%);
+  background: -o-linear-gradient(top, #4f9c90 0%,#42857b 100%);
+  background: -ms-linear-gradient(top, #4f9c90 0%,#42857b 100%);
+  background: linear-gradient(to top, #4f9c90 0%,#42857b 100%);
 }
 
 a.buttons {
@@ -422,14 +424,3 @@ footer {
     color:#444;
   }
 }
-
-a.buttons.github {
-    background: teal; /* Change the background color to teal */
-    color: teal; /* Change the text color to teal */
-  }
-
-  a.buttons.github:hover {
-    background: darkcyan; /* Change the background color on hover */
-    color: darkcyan; /* Change the text color on hover */
-  }
-