diff --git a/index.html b/index.html index 98b904f..c0ff016 100644 --- a/index.html +++ b/index.html @@ -2,13 +2,12 @@ - - Vite + Vue + PHC Math Qwordle - +
diff --git a/package.json b/package.json index 447ff47..1dd7ca8 100644 --- a/package.json +++ b/package.json @@ -10,7 +10,8 @@ }, "dependencies": { "sass": "^1.55.0", - "vue": "^3.2.37" + "vue": "^3.2.37", + "vue-router": "^4.1.5" }, "devDependencies": { "@vitejs/plugin-vue": "^3.1.0", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 7c5acb3..849cb2d 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -5,10 +5,12 @@ specifiers: sass: ^1.55.0 vite: ^3.1.0 vue: ^3.2.37 + vue-router: ^4.1.5 dependencies: sass: 1.55.0 vue: 3.2.40 + vue-router: 4.1.5_vue@3.2.40 devDependencies: '@vitejs/plugin-vue': 3.1.0_vite@3.1.4+vue@3.2.40 @@ -102,6 +104,10 @@ packages: '@vue/compiler-dom': 3.2.40 '@vue/shared': 3.2.40 + /@vue/devtools-api/6.4.4: + resolution: {integrity: sha512-Ku31WzpOV/8cruFaXaEZKF81WkNnvCSlBY4eOGtz5WMSdJvX1v1WWlSMGZeqUwPtQ27ZZz7B62erEMq8JDjcXw==} + dev: false + /@vue/reactivity-transform/3.2.40: resolution: {integrity: sha512-HQUCVwEaacq6fGEsg2NUuGKIhUveMCjOk8jGHqLXPI2w6zFoPrlQhwWEaINTv5kkZDXKEnCijAp+4gNEHG03yw==} dependencies: @@ -566,6 +572,15 @@ packages: fsevents: 2.3.2 dev: true + /vue-router/4.1.5_vue@3.2.40: + resolution: {integrity: sha512-IsvoF5D2GQ/EGTs/Th4NQms9gd2NSqV+yylxIyp/OYp8xOwxmU8Kj/74E9DTSYAyH5LX7idVUngN3JSj1X4xcQ==} + peerDependencies: + vue: ^3.2.0 + dependencies: + '@vue/devtools-api': 6.4.4 + vue: 3.2.40 + dev: false + /vue/3.2.40: resolution: {integrity: sha512-1mGHulzUbl2Nk3pfvI5aXYYyJUs1nm4kyvuz38u4xlQkLUn1i2R7nDbI4TufECmY8v1qNBHYy62bCaM+3cHP2A==} dependencies: diff --git a/public/math-words.json b/public/math-words.json index fbd13a2..6db18e5 100644 --- a/public/math-words.json +++ b/public/math-words.json @@ -1 +1,146 @@ -["MINUS","ZEROS","ROUND","THIRD","PROOF","EVENT","MATHS","CUBIC","MONAD","GAUSS","AXIOM","PRISM","CHORD","ANGLE","LITRE","MILES","VALUE","TABLE","HALVE","EXACT","LOCUS","QUART","ARRAY","SOLID","KITES","TRIAL","EMPTY","FIFTH","NINTH","DEPTH","BOOLE","FACES","TENTH","SLOPE","SIXTH","DELTA","SIGMA","LINES","EULER","FIFTY","SCALE","RULER","INDEX","OUNCE","FIRST","SPACE","MONIC","POINT","RIGHT","DIGIT","VALID","TIMES","KLEIN","TWICE","SIXES","METRE","STONE","BAYES","SEVEN","PLANE","CLOCK","THREE","CHAOS","ACUTE","UNITS","HARDY","COUNT","FORTY","TORUS","WIDTH","LOGIC","WILES","POWER","EIGHT","RANGE","PRIME","MODAL","TREND","THETA","CURVE","SIXTY","ERROR","TALLY","PLATO","UNION","KILOS","GRAPH","RATIO","CUBES","DOZEN","EQUAL","ALPHA","NODES","GROUP","ERDOS","KAPPA","LIMIT","ADDED","HERTZ","LATEX","CONIC","RINGS","BOUND","ROOTS","BOREL","ALEPH","SURDS","HELIX","APPEL","EDGES","GAMMA","POLAR","GODEL","FIELD","TUPLE","POLYA","BASIS","UPPER","LEMMA","PROVE","ORDER","SIDES","HASSE","SMALL","BRACE","KNUTH","AREAS","IDEAL","SPACE","DENSE","MODEL","LOWER","OVALS","NOISE","SOLVE","BAIRE","CHAIN","JULIA","FOCUS","KNOTS","DIRAC","HOLES","NORMS","REALS"] +[ + "MINUS", + "ZEROS", + "ROUND", + "THIRD", + "PROOF", + "EVENT", + "MATHS", + "CUBIC", + "MONAD", + "GAUSS", + "AXIOM", + "PRISM", + "CHORD", + "ANGLE", + "LITRE", + "MILES", + "VALUE", + "TABLE", + "HALVE", + "EXACT", + "LOCUS", + "QUART", + "ARRAY", + "SOLID", + "KITES", + "TRIAL", + "EMPTY", + "FIFTH", + "NINTH", + "DEPTH", + "BOOLE", + "FACES", + "TENTH", + "SLOPE", + "SIXTH", + "DELTA", + "SIGMA", + "LINES", + "EULER", + "FIFTY", + "SCALE", + "RULER", + "INDEX", + "OUNCE", + "FIRST", + "SPACE", + "MONIC", + "POINT", + "RIGHT", + "DIGIT", + "VALID", + "TIMES", + "KLEIN", + "TWICE", + "SIXES", + "METRE", + "STONE", + "BAYES", + "SEVEN", + "PLANE", + "CLOCK", + "THREE", + "CHAOS", + "ACUTE", + "UNITS", + "HARDY", + "COUNT", + "FORTY", + "TORUS", + "WIDTH", + "LOGIC", + "WILES", + "POWER", + "EIGHT", + "RANGE", + "PRIME", + "MODAL", + "TREND", + "THETA", + "CURVE", + "SIXTY", + "ERROR", + "TALLY", + "PLATO", + "UNION", + "KILOS", + "GRAPH", + "RATIO", + "CUBES", + "DOZEN", + "EQUAL", + "ALPHA", + "NODES", + "GROUP", + "ERDOS", + "KAPPA", + "LIMIT", + "ADDED", + "HERTZ", + "LATEX", + "CONIC", + "RINGS", + "BOUND", + "ROOTS", + "BOREL", + "ALEPH", + "SURDS", + "HELIX", + "APPEL", + "EDGES", + "GAMMA", + "POLAR", + "GODEL", + "FIELD", + "TUPLE", + "POLYA", + "BASIS", + "UPPER", + "LEMMA", + "PROVE", + "ORDER", + "SIDES", + "HASSE", + "SMALL", + "BRACE", + "KNUTH", + "AREAS", + "IDEAL", + "SPACE", + "DENSE", + "MODEL", + "LOWER", + "OVALS", + "NOISE", + "SOLVE", + "BAIRE", + "CHAIN", + "JULIA", + "FOCUS", + "KNOTS", + "DIRAC", + "HOLES", + "NORMS", + "REALS" +] diff --git a/public/vite.svg b/public/vite.svg deleted file mode 100644 index e7b8dfb..0000000 --- a/public/vite.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/App.vue b/src/App.vue index 828637d..dac9c36 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,280 +1,8 @@ diff --git a/src/assets/vue.svg b/src/assets/vue.svg deleted file mode 100644 index 770e9d3..0000000 --- a/src/assets/vue.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/components/Overlay.vue b/src/components/Overlay.vue index 5560925..345d334 100644 --- a/src/components/Overlay.vue +++ b/src/components/Overlay.vue @@ -16,14 +16,16 @@ } }, share() { - let output = "PHC/Qwordle"; - output += " " + (this.won ? this.lastAttempt : "X") + "/6\n"; + let output = "PHC/Math qwordle"; + output += " " + (this.won ? this.lastAttempt : "X") + "/6\n\n"; for(let i = 0; i < this.lastAttempt; i++) { + output += " " for(let j = 0; j < 5; j++) { output += this.stateToSymbol(this.state[i][j].state); } output += '\n'; } + output += `\nhttps://lab.phc.dm.unipi.it/math-qwordle/${this.$route.params.id}` navigator.clipboard.writeText(output).then(() => { this.$emit('share', null); }); @@ -36,20 +38,36 @@

{{won ? 'Successo!' : 'Oh no...'}}

- Le parole da indovinare erano {{secretWords[0]}} e {{secretWords[1]}} -
-
- Riprova -
- refresh + Le parole da indovinare erano: +
+
+
+
+ {{l}} +
+
+
+
+
+
+ {{l}} +
+
+
Condividi
share
+
+ Riprova +
+ refresh +
+
@@ -86,10 +104,46 @@ font-weight: 600; font-size: 1.15rem; + .secret-words { + display: flex; + flex-direction: column; + gap: 0.2rem; + } + .secret-word { + display: flex; + gap: 0.2rem; + + .cell { + width: 3.5rem; + height: 3.5rem; + display: flex; + align-items: center; + justify-content: center; + border-radius: .25rem; + border-width: 2px; + border-style: solid; + font-weight: 800; + font-size: 2.2rem; + + border-color: var(--set-cell-border); + background-color: var(--background-color); + + + .letter { + display: flex; + align-items: center; + justify-content: center; + transform: translateY(0.1em); + + } + } + } + .footer { width: 100%; display: flex; - flex-direction: row-reverse; + align-items: center; + justify-content: center; gap: 1rem; } diff --git a/src/components/PopUp.vue b/src/components/PopUp.vue deleted file mode 100644 index ff75415..0000000 --- a/src/components/PopUp.vue +++ /dev/null @@ -1,46 +0,0 @@ - - - - - \ No newline at end of file diff --git a/src/main.js b/src/main.js index 2425c0f..3e79677 100644 --- a/src/main.js +++ b/src/main.js @@ -1,5 +1,5 @@ import { createApp } from 'vue' -import './style.css' import App from './App.vue' +import router from './router' -createApp(App).mount('#app') +createApp(App).use(router).mount('#app') diff --git a/src/router/index.js b/src/router/index.js new file mode 100644 index 0000000..118e2e5 --- /dev/null +++ b/src/router/index.js @@ -0,0 +1,31 @@ +import { createRouter, createWebHistory } from 'vue-router' +import Game from '../views/Game.vue' + +const routes = [ + { + path: '/:id', + name: 'Game', + component: Game + }, + { + path: '/', + redirect: to => { + + let id = ''; + let characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'; + let charactersLength = characters.length; + for ( let i = 0; i < 8; i++ ) { + id += characters.charAt(Math.floor(Math.random() * + charactersLength)); + } + return { path: `/${id}` } + }, + }, +] + +const router = createRouter({ + history: createWebHistory(import.meta.env.BASE_URL), + routes +}) + +export default router diff --git a/src/views/Game.vue b/src/views/Game.vue new file mode 100644 index 0000000..c3799ed --- /dev/null +++ b/src/views/Game.vue @@ -0,0 +1,376 @@ + + + + +