Settings
ContactForm
UpsertUser
- Welcome
.container
.row
.col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
import Language from "@/components/Language.vue";
import Settings from "@/components/Settings.vue";
import UpsertUser from "@/components/UpsertUser.vue";
-import Welcome from "@/components/Welcome.vue";
import { store } from "./store.js";
import { processModalClick } from "./utils/modalClick.js";
export default {
Language,
Settings,
UpsertUser,
- Welcome,
},
data: function() {
return {
dialogs.forEach(d => {
d.addEventListener("click", processModalClick);
});
- if (!localStorage.getItem("welcomed"))
- setTimeout( () => { doClick("modalWelcome"); }, 2000);
},
methods: {
hideDrawer: function(e) {
div(role="dialog" data-checkbox="modalContact")
.card
label.modal-close(for="modalContact")
- h3.section {{ st.tr["Contact form"] }}
form(@submit.prevent="trySendMessage()" @keyup.enter="trySendMessage()")
fieldset
label(for="userEmail") {{ st.tr["Email"] }}
div(role="dialog" data-checkbox="modalSettings")
.card(@change="updateSettings($event)")
label.modal-close(for="modalSettings")
- h3.section {{ st.tr["Settings"] }}
form
fieldset
label(for="setHints") {{ st.tr["Show possible moves?"] }}
+++ /dev/null
-<template lang="pug">
-div
- input#modalWelcome.modal(type="checkbox")
- div(role="dialog")
- .card
- div(v-html="content")
- p#disableMsg.clickable(@click="closeAndDisable()")
- | {{ st.tr["Close and show no more"] }}
-</template>
-
-<script>
-import { store } from "@/store.js";
-export default {
- name: "my-welcome",
- data: function() {
- return {
- st: store.state,
- };
- },
- computed: {
- content: function() {
- // (AJAX) Request to get welcome content (plain text, HTML)
- return require("raw-loader!@/translations/welcome/" + this.st.lang + ".pug")
- // Next two lines fix a weird issue after last update (2019-11)
- .replace(/\\n/g, " ").replace(/\\"/g, '"')
- .replace('module.exports = "', '').replace(/"$/, "");
- },
- },
- methods: {
- closeAndDisable: function() {
- document.getElementById("modalWelcome").checked = false;
- localStorage.setItem('welcomed',true);
- },
- },
-};
-</script>
-
-<style lang="sass">
-[type="checkbox"].modal+div .card
- max-width: 767px
- max-height: 100%
-img
- display: block
- margin: 0 auto
- width: 300px
-@media screen and (max-width: 767px)
- img
- width: 75%
-p#credits
- font-size: 0.8rem
- margin-top: -10px
- text-align: center
-</style>
"Cadence": "Cadence",
"Challenge": "Challenge",
"Challenge declined": "Challenge declined",
- "Close and show no more": "Close and show no more",
"Connection token sent. Check your emails!": "Connection token sent. Check your emails!",
"Contact": "Contact",
- "Contact form": "Contact form",
"Content": "Content",
"Correspondance challenges": "Correspondance challenges",
"Correspondance games": "Correspondance games",
"Cadence": "Cadencia",
"Challenge": "Desafiar",
"Challenge declined": "Desafío rechazado",
- "Close and show no more": "Cerrar y no mostrar más",
"Connection token sent. Check your emails!": "Token de conexión enviado. ¡ Revisa tus correos !",
"Contact": "Contacto",
- "Contact form": "Formulario de contacto",
"Content": "Contenido",
"Correspondance challenges": "Desafíos por correspondencia",
"Correspondance games": "Partidas por correspondencia",
"Cadence": "Cadence",
"Challenge": "Défier",
"Challenge declined": "Défi refusé",
- "Close and show no more": "Fermer et ne plus montrer",
"Connection token sent. Check your emails!": "Token de connection envoyé. Allez voir vos emails !",
"Contact": "Contact",
- "Contact form": "Formulaire de contact",
"Content": "Contenu",
"Correspondance challenges": "Défis par correspondance",
"Correspondance games": "Parties par correspondance",
+++ /dev/null
-h3 Welcome to v[ariant]chess.club!
-p A place to play chess variants.
-img(src="/images/Hexagonal_chess.svg")
--
- var wikipediaUrl = "https://en.wikipedia.org/wiki/" +
- "List_of_chess_variants#/media/File:Hexagonal_chess.svg";
-p#credits Image credit: #[a(href=wikipediaUrl) Wikipedia]
-p A variant is a change in the usual rules:
-ul
- li different pieces movements, or
- li different chessboards (as on the image), or
- li new pieces, or
- li moves side effects, or
- li ...and so on
-a(href="https://www.chessvariants.com/why.html") Why should I play them ?!
-h3 Notes (non-negotiable ;) )
-p No ELO rating on this website.
-p Games start with an assymetric random setup.
+++ /dev/null
-h3 ¡ Bienvenido a v[ariant]chess.club !
-p Un sitio donde jugar variantes del juego de ajedrez.
-img(src="/images/Hexagonal_chess.svg")
--
- var wikipediaUrl = "https://en.wikipedia.org/wiki/" +
- "List_of_chess_variants#/media/File:Hexagonal_chess.svg";
-p#credits Credito de imagen : #[a(href=wikipediaUrl) Wikipedia]
-p Una variante es un cambio de las reglas habituales :
-ul
- li diferentes desplazamientos de piezas, o
- li differentes tableros (como en la imagen), o
- li nuevas piezas, o
- li efectos de borde en los movimientos, o
- li ...etc
-a(href="https://www.chessvariants.com/why.html") Pero por qué jugar esto ?!
-h3 Notas (no negociables ;) )
-p No hay clasificación ELO en el sitio.
-p Las partidas comienzan con una posición aleatoria asimétrica.
+++ /dev/null
-h3 Bienvenue sur v[ariant]chess.club !
-p Un site où jouer à des variantes du jeu d'échecs.
-img(src="/images/Hexagonal_chess.svg")
--
- var wikipediaUrl = "https://en.wikipedia.org/wiki/" +
- "List_of_chess_variants#/media/File:Hexagonal_chess.svg";
-p#credits Crédit image : #[a(href=wikipediaUrl) Wikipedia]
-p Une variante est une modification des règles usuelles :
-ul
- li différents déplacements de pièces, ou
- li différents échiquiers (comme sur l'image), ou
- li de nouvelles pièces, ou
- li des effets de bord sur les coups, ou
- li ...etc
-a(href="https://www.chessvariants.com/why.html") Mais pourquoi jouer à ça ?!
-h3 Notes (non négociables ;) )
-p Aucun classement ELO sur le site.
-p Les parties démarrent avec une position aléatoire asymétrique.
<template lang="pug">
main
input#modalChat.modal(type="checkbox" @click="resetChatColor()")
- div#chatWrap(role="dialog" data-checkbox="modalChat" aria-labelledby="inputChat")
+ div#chatWrap(role="dialog" data-checkbox="modalChat")
#chat.card
label.modal-close(for="modalChat")
#participants
#chat
padding-top: 20px
- max-width: 600px
+ max-width: 767px
border: none;
#chatBtn
<template lang="pug">
main
input#modalInfo.modal(type="checkbox")
- div#infoDiv(role="dialog" data-checkbox="modalInfo" aria-labelledby="infoMessage")
- .card.smallpad.small-modal.text-center
+ div#infoDiv(role="dialog" data-checkbox="modalInfo")
+ .card.text-center
label.modal-close(for="modalInfo")
- h3#infoMessage.section
- p(v-html="infoMessage")
+ h3.section
+ p(v-html="infoMessage")
input#modalNewgame.modal(type="checkbox")
- div#newgameDiv(role="dialog" data-checkbox="modalNewgame"
- aria-labelledby="titleFenedit")
- .card.smallpad(@keyup.enter="newChallenge()")
+ div#newgameDiv(role="dialog" data-checkbox="modalNewgame")
+ .card(@keyup.enter="newChallenge()")
label#closeNewgame.modal-close(for="modalNewgame")
fieldset
label(for="selectVariant") {{ st.tr["Variant"] }} *
#newGame
display: block
margin: 10px auto 5px auto
+
+#infoDiv > .card
+ max-width: 370px
+
+#newgameDiv > .card
+ max-width: 767px
+ max-height: 100%
+
#people
width: 100%
#players
projects / vchess.git / commitdiff