Merge pull request #1373 from VitthalGund/gh-pages

Implement GitHub Icon for Improved Accessibility to Repository - Issue #1372
ryanoasis · Oct 9, 2023 · f8b2bb4 · f8b2bb4
2 parents 495352d + 10be952
commit f8b2bb4
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 66 deletions.
diff --git a/_includes/css/nerd-font-tweaks.scss b/_includes/css/nerd-font-tweaks.scss
@@ -310,20 +310,20 @@ a.nerd-font-button:before {
 	font-size: 2em
 }
 
-#forkongithub .nf {
-	font-size: 1.25rem;
-}
+// #forkongithub .nf {
+// 	font-size: 1.25rem;
+// }
 
 /* for any ASCII :) */
-
+/*
 #forkongithub span {
 	font-size: 1.75rem;
 }
 
 #forkongithub a {
 	display: inline-block;
 }
-
+*/
 /* color scheme */
 
 .nf1 {
@@ -475,63 +475,23 @@ a.nerd-font-button:before {
 	margin-left: -135px;
 }
 
-/* ----- fork on github banner ----- */
-#forkongithub a {
-	color: #fff;
-	background: #1E5D8A;
+// Github url button
+#github {
 	text-decoration: none;
-	font-family: arial, sans-serif;
+	color: #000000;
+	background-color: #ffffff;
+	width: 60px;
+	height: 60px;
 	text-align: center;
-	font-weight: 700;
-	font-size: 1rem;
-	line-height: 2rem;
-	position: relative;
-	transition: .5s;
-	padding: 5px 40px;
-}
-
-#forkongithub a::before,
-#forkongithub a::after {
-	content: "";
-	width: 100%;
-	display: block;
-	position: absolute;
-	top: 1px;
-	left: 0;
-	height: 1px;
-	background: #fff;
-}
-
-#forkongithub a::after {
-	bottom: 1px;
-	top: auto;
-}
-
-@media screen and (min-width:800px) {
-	#forkongithub {
-		position: fixed;
-		display: block;
-		top: 0;
-		right: 0;
-		width: 200px;
-		overflow: hidden;
-		height: 209px;
-		z-index: 99;
-	}
-
-	#forkongithub a {
-		width: 200px;
-		position: absolute;
-		top: 60px;
-		right: -60px;
-		transform: rotate(45deg);
-		-webkit-transform: rotate(45deg);
-		-ms-transform: rotate(45deg);
-		-moz-transform: rotate(45deg);
-		-o-transform: rotate(45deg);
-		box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.8);
-		box-sizing: content-box;
-	}
+	line-height: 60px;
+	border-radius: 25%;
+	font-size: 2.5em;
+	box-shadow: 2px 2px 5px rgba(0, 0, 0, .8);
+	transition: all .3s ease-in-out;
+	position: fixed;
+	bottom: 0.7rem;
+	right: 0.7rem;
+	z-index: 10;
 }
 
 .icon-backdrop {
@@ -782,4 +742,4 @@ a.nerd-font-button:before {
 
 .text-left {
 	text-align: left;
-}
+}
diff --git a/_posts/2017-01-01-home.md b/_posts/2017-01-01-home.md
@@ -42,11 +42,6 @@ style: center container
 </a>
 <div class="text-left"><small><sub><em>Diagram created using <a href="http://sankeymatic.com/" title="SankeyMATIC (BETA): A Sankey diagram builder for everyone">SankeyMATIC</a></em></sub></small></div>
 </div>
-<span id="forkongithub">
-  <a href="{{ site.source_link }}">
-    <i class="nf nf-fa-code_fork"></i> Fork us on GitHub <i class="nf nf-fa-heart ow"></i>
-  </a>
-</span>
 
 <!--
 Repo References

diff --git a/index.html b/index.html
@@ -5,6 +5,10 @@
 {% include header.html %}
 <body>
   <div id="main">
+    <div class="container">
+      <a href="https://github.com/ryanoasis/nerd-fonts" target="_blank" id="github"
+        class="nf nf-fa-github"></a>
+    </div>
     {% include topnav.html %}
     {% for page in site.posts reversed %}
       {% if page.page == nil %}