From af137c4b2499da375e6447d07ab649e7e3c4ba3a Mon Sep 17 00:00:00 2001
From: DarkWiiPlayer <darkwiiplayer@hotmail.com>
Date: Thu, 23 Jun 2022 09:28:33 +0200
Subject: [PATCH] Add "view on github" ribbon

---
 index.html     |  4 ++++
 page/style.css | 26 ++++++++++++++++++++++++++
 2 files changed, 30 insertions(+)

diff --git a/index.html b/index.html
index c039f80..97071a8 100644
--- a/index.html
+++ b/index.html
@@ -6,6 +6,10 @@
 <scroll-to-top>
 </scroll-to-top>
 
+<a class="ribbon" href="https://github.com/darkwiiplayer/js">
+	View on Github
+</a>
+
 <h1>DarkWiiPlayer/JS</h1>
 <section>
 	<p style="text-align: center;">
diff --git a/page/style.css b/page/style.css
index d780472..25561ae 100644
--- a/page/style.css
+++ b/page/style.css
@@ -193,3 +193,29 @@ a.back::before {
 	margin-right: .8em;
 	transform: scale(2, 1);
 }
+
+.ribbon {
+	--color: var(--color-hl);
+	left: 0;
+	top: 0;
+	position: fixed;
+	transform: rotate(315deg) translate(-5.4em);
+
+	background-color: var(--color);
+	border: .16em dashed #ffffff;
+	color: #ffffff;
+	font-family: sans-serif;
+	font-size: .8rem;
+	letter-spacing: .1em;
+	line-height: 1.4em;
+	padding: .2em 5em;
+	text-decoration: none;
+	white-space: nowrap;
+
+	box-shadow:
+		0 0 0 3px var(--color),
+		0 0 20px -3px rgba(0, 0, 0, 0.5);
+	text-shadow:
+		0 0 0 #ffffff,
+		0 0 5px rgba(0, 0, 0, 0.3);
+}