fix fork me ribbon

jazzsequence · jazzsequence · commit a27a8a65d86a · 2022-08-30T15:40:56.000-06:00
diff --git a/public/index.html b/public/index.html
@@ -8,7 +8,7 @@
 		<script src="https://kit.fontawesome.com/5b604ec0cf.js" crossorigin="anonymous"></script>
 	</head>
 	<body>
-		<a href="https://github.com/jazzsequence/jazzsequence.github.io"><img loading="lazy" width="149" height="149" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_darkblue_121621.png?resize=149%2C149" class="attachment-full size-full" alt="Fork me on GitHub" data-recalc-dims="1"></a>
+		<a href="https://github.com/jazzsequence/jazzsequence.github.io" class="fork-me"><img loading="lazy" width="149" height="149" src="https://github.blog/wp-content/uploads/2008/12/forkme_right_darkblue_121621.png?resize=149%2C149" class="attachment-full size-full" alt="Fork me on GitHub" data-recalc-dims="1"></a>
 		<div id="main"></div>
 	</body>
 </html>
diff --git a/src/assets/sass/base/_main.scss b/src/assets/sass/base/_main.scss
@@ -4,6 +4,19 @@ html * {
 	font-family: $body;
 }
 
+body
+ {
+	a.fork-me {
+		position: absolute;
+		top: 0;
+		right: 0;
+		border: 0;
+		width: 100px;
+		height: 100px;
+		z-index: 1;
+	}
+ }
+
 .wrap {
 	margin: -8px; // Offset default margins.
 	padding: 10px;
diff --git a/src/assets/style.css b/src/assets/style.css
@@ -61,6 +61,16 @@ html * {
   font-family: "Palanquin", "Open Sans", sans-serif;
 }
 
+body a.fork-me {
+  position: absolute;
+  top: 0;
+  right: 0;
+  border: 0;
+  width: 100px;
+  height: 100px;
+  z-index: 1;
+}
+
 .wrap {
   margin: -8px;
   padding: 10px;
