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 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%;