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/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 diff --git a/src/assets/gstone.png b/src/assets/gstone.png new file mode 100644 index 0000000..608b094 Binary files /dev/null and b/src/assets/gstone.png differ diff --git a/src/components/Intro.vue b/src/components/Intro.vue index 39e7e35..f7d20be 100644 --- a/src/components/Intro.vue +++ b/src/components/Intro.vue @@ -1,20 +1,31 @@ @@ -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%;