From ec4f56bc64d19ade61f9796b81a517180374d161 Mon Sep 17 00:00:00 2001
From: gumi <git@gumi.ca>
Date: Wed, 24 Jul 2019 16:12:53 -0400
Subject: add Screenshots section in Navigation

---
 src/assets/screenshot-thumb.png | Bin 0 -> 27599 bytes
 src/components/Navigation.vue   |  14 ++++++++++++++
 2 files changed, 14 insertions(+)
 create mode 100644 src/assets/screenshot-thumb.png

(limited to 'src')

diff --git a/src/assets/screenshot-thumb.png b/src/assets/screenshot-thumb.png
new file mode 100644
index 0000000..7963177
Binary files /dev/null and b/src/assets/screenshot-thumb.png differ
diff --git a/src/components/Navigation.vue b/src/components/Navigation.vue
index 199290b..0274f02 100644
--- a/src/components/Navigation.vue
+++ b/src/components/Navigation.vue
@@ -15,6 +15,9 @@
 			<span>Server Status</span>
 			<ServerStatus class="status"/>
 		</div>
+		<div class="screenshots">
+			<a href="https://wiki.themanaworld.org/index.php/Screenshots"></a>
+		</div>
 		<ul>
 			<span>Source Code</span>
 			<li><a href="https://github.com/themanaworld">The Mana World</a></li>
@@ -88,6 +91,17 @@
 			background: rgba(255,255,255,0.4);
 		}
 	}
+
+	& .screenshots {
+		& a, & a:visited {
+			background: url(../assets/screenshot-thumb.png) no-repeat center center #CBA083;
+			border: 1px solid #784f3f;
+			margin: 5px auto;
+			padding: 0;
+			width: 133px;
+			height: 100px;
+		}
+	}
 }
 
 @media (min-width: 1100px) {
-- 
cgit v1.2.3-70-g09d2