From 8d1109228d78e1e8f1bf83ae93ad42664f0a18b9 Mon Sep 17 00:00:00 2001
From: ElnuDev <elnu@elnu.com>
Date: Tue, 26 Apr 2022 11:08:47 -0700
Subject: [PATCH] Add leaderboard

---
 content/_index.md                             |  4 +++
 layouts/shortcodes/.gitignore                 |  1 +
 themes/tegakituesday.com/static/css/style.css | 30 +++++++++++++++++--
 3 files changed, 32 insertions(+), 3 deletions(-)
 create mode 100644 layouts/shortcodes/.gitignore

diff --git a/content/_index.md b/content/_index.md
index f43f525..40a8edb 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -13,6 +13,10 @@
 	</a>
 </p>
 
+<h2 style="text-align: center; margin: 0">:trophy: Leaderboard</h2>
+
+{{< leaderboard >}}
+
 Welcome to the Tegaki Tuesday website!
 
 Tegaki Tuesday is a weekly Japanese/English handwriting challenge that happens every, you guessed it, Tuesday. For each challenge, a short passage along with its translation is selected from a haiku, the lyrics of a song, or a passage from a book, and posted to this site.
diff --git a/layouts/shortcodes/.gitignore b/layouts/shortcodes/.gitignore
new file mode 100644
index 0000000..70a81c8
--- /dev/null
+++ b/layouts/shortcodes/.gitignore
@@ -0,0 +1 @@
+leaderboard.html
\ No newline at end of file
diff --git a/themes/tegakituesday.com/static/css/style.css b/themes/tegakituesday.com/static/css/style.css
index 84cdd86..368a304 100644
--- a/themes/tegakituesday.com/static/css/style.css
+++ b/themes/tegakituesday.com/static/css/style.css
@@ -82,8 +82,8 @@ body {
 	overflow: hidden;
 	font-size: 1.25em;
 	overflow: hidden;
-	color: #ebdbb2;
-	background: #3c3836;
+	color: var(--gb-dm-fg1);
+	background: var(--gb-lm-fg1);
 }
 
 h1, h2, h3, h4, h5, h6, b, strong, th {
@@ -131,7 +131,7 @@ h1, h2, h3, h4, h5, h6, b, strong, th {
 }
 
 #content > div:last-child {
-	background: #3c3836;
+	background: var(--gb-dm-bg1);
 	width: 100%;
 	--heading-rule-color: var(--gb-dm-bg2);
 }
@@ -473,4 +473,28 @@ p, ul, ol {
 
 h1:first-child {
 	margin-top: 0;
+}
+
+#leaderboard {
+	margin: auto;
+}
+
+#leaderboard td, #leaderboard th {
+	padding: 0.125em;
+}
+
+#leaderboard th {
+	text-align: left;
+}
+
+#leaderboard a {
+	color: var(--gb-dm-fg1);
+}
+
+#leaderboard img {
+	height: 1.5em;
+}
+
+.muted {
+	color: var(--gb-dm-fg4);
 }
\ No newline at end of file