diff options
author | gumi <git@gumi.ca> | 2019-07-24 16:12:53 -0400 |
---|---|---|
committer | gumi <git@gumi.ca> | 2019-07-24 16:12:53 -0400 |
commit | ec4f56bc64d19ade61f9796b81a517180374d161 (patch) | |
tree | 6eea169a65bd2c1d122516b3ded14d3abf1eb398 | |
parent | d86b1b26db8e7011764e4c49d931746d5e2a03a4 (diff) | |
download | website-ec4f56bc64d19ade61f9796b81a517180374d161.tar.gz website-ec4f56bc64d19ade61f9796b81a517180374d161.tar.bz2 website-ec4f56bc64d19ade61f9796b81a517180374d161.tar.xz website-ec4f56bc64d19ade61f9796b81a517180374d161.zip |
add Screenshots section in Navigation
-rw-r--r-- | src/assets/screenshot-thumb.png | bin | 0 -> 27599 bytes | |||
-rw-r--r-- | src/components/Navigation.vue | 14 |
2 files changed, 14 insertions, 0 deletions
diff --git a/src/assets/screenshot-thumb.png b/src/assets/screenshot-thumb.png Binary files differnew file mode 100644 index 0000000..7963177 --- /dev/null +++ b/src/assets/screenshot-thumb.png 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) { |