From 4bd7ecbe03fbc83e5c21983bcd419f750afaa467 Mon Sep 17 00:00:00 2001 From: Steffen Date: Mon, 4 Apr 2022 20:33:22 +0200 Subject: [PATCH 1/2] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index c082213..fb72a71 100644 --- a/README.md +++ b/README.md @@ -112,7 +112,7 @@ For base game characters, it is sufficient to only provide the ID, similar to wh * [Blood on the Clocktower](https://bloodontheclocktower.com/) is a trademark of Steven Medway and [The Pandemonium Institute](https://www.thepandemoniuminstitute.com/) * Night reminders and other auxiliary text written by [Ben Finney](http://bignose.whitetree.org/projects/botc/diy/) * Iconography by [Font Awesome](https://fontawesome.com/) -* Background image by [Ryan Maloney](https://www.artstation.com/maloney94) +* Background image copyright and permission granted by [Ryan Maloney](https://www.artstation.com/maloney94) * Webfonts by [Google Fonts](https://fonts.google.com/) and [Online Web Fonts](https://www.onlinewebfonts.com/) * All other images and icons are copyright to their respective owners From 75dd02c6a38d281a8873445e7258c81516c84b81 Mon Sep 17 00:00:00 2001 From: Steffen Date: Fri, 8 Apr 2022 11:02:13 +0200 Subject: [PATCH 2/2] added redirect to Chinese version --- CHANGELOG.md | 1 + src/assets/gstone.png | Bin 0 -> 6962 bytes src/components/Intro.vue | 72 ++++++++++++++++++++++++++++++--------- 3 files changed, 56 insertions(+), 17 deletions(-) create mode 100644 src/assets/gstone.png diff --git a/CHANGELOG.md b/CHANGELOG.md index 353c43a..690bf06 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,6 +2,7 @@ ### Version 2.15.4 - fixed flickering of add reminder token +- added redirect to Chinese version --- diff --git a/src/assets/gstone.png b/src/assets/gstone.png new file mode 100644 index 0000000000000000000000000000000000000000..608b09492e6090653ca8469d7564073e6f6f5fd7 GIT binary patch literal 6962 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 n+Gl5U<;9
- - Welcome to the (unofficial) - Virtual Town Square and Grimoire for Blood on the Clocktower! Please - add more players through the - - Menu - - on the top right or by pressing [A]. You can also join a game session - by pressing [J].
-
@@ -22,6 +33,11 @@ import { mapMutations } from "vuex"; export default { + data() { + return { + language: window.navigator.userLanguage || window.navigator.language + }; + }, methods: mapMutations(["toggleMenu"]) }; @@ -38,15 +54,37 @@ export default { border: 3px solid black; border-radius: 10px; z-index: 3; + display: flex; + justify-content: center; a { color: white; } - img { + a.redirect { + display: block; + text-decoration: none; + position: absolute; + top: 100%; + margin-top: 2vh; + padding: 10px; + background: rgba(0, 0, 0, 0.5); + border: 3px solid black; + border-radius: 10px; + + &:hover { + color: red; + } + img { + width: 120px; + display: block; + margin: auto; + margin-bottom: 1vh; + } + } + + img.logo { position: absolute; bottom: 100%; - left: 50%; width: 25vh; - margin-left: -12.5vh; margin-bottom: 2vh; max-width: 192px; border-radius: 50%;