From 399c4a3d077e211a60cd70306b5ec0b0844c463e Mon Sep 17 00:00:00 2001
From: Namonay <thek7995@gmail.com>
Date: Tue, 14 May 2024 22:11:36 +0200
Subject: [PATCH] add: home: Added cards to select game

---
 django/frontend/static/js/imgs/morpion.png  | Bin 0 -> 8277 bytes
 django/frontend/static/js/imgs/morpong.png  | Bin 0 -> 9612 bytes
 django/frontend/static/js/imgs/pongee.png   | Bin 0 -> 2273 bytes
 django/frontend/static/js/lang/cr.json      |   3 ++
 django/frontend/static/js/lang/en.json      |   3 ++
 django/frontend/static/js/lang/fr.json      |   3 ++
 django/frontend/static/js/lang/tp.json      |   3 ++
 django/frontend/static/js/views/HomeView.js |  37 ++++++++++++++++++--
 8 files changed, 46 insertions(+), 3 deletions(-)
 create mode 100644 django/frontend/static/js/imgs/morpion.png
 create mode 100644 django/frontend/static/js/imgs/morpong.png
 create mode 100644 django/frontend/static/js/imgs/pongee.png

diff --git a/django/frontend/static/js/imgs/morpion.png b/django/frontend/static/js/imgs/morpion.png
new file mode 100644
index 0000000000000000000000000000000000000000..985a1400e7aaa8c5b5446a362462dc9229d2c67a
GIT binary patch
literal 8277
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
GjQbz%?Ur@`

literal 0
HcmV?d00001

diff --git a/django/frontend/static/js/imgs/morpong.png b/django/frontend/static/js/imgs/morpong.png
new file mode 100644
index 0000000000000000000000000000000000000000..737512f6377678c27cae2207ed6e9f14454d63e1
GIT binary patch
literal 9612
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

literal 0
HcmV?d00001

diff --git a/django/frontend/static/js/imgs/pongee.png b/django/frontend/static/js/imgs/pongee.png
new file mode 100644
index 0000000000000000000000000000000000000000..60e40d6042041c7758811e3e1a38a6dcd7f20423
GIT binary patch
literal 2273
zcmeAS@N?(olHy`uVBq!ia0y~yV4BFlz&L}04JaaYX6HO0#Zv6#8NvYsH5@4&K)z&&
zYeY$Kep*R+Vo@qXdR~5Rs%~*|QEF;laYla0d*=OiKt*~WMb1U3i6xo&c?uz!xv2~x
zrKt*rCJMfZl?p}%MkWddmR3fFR>npO0lo^(uE8NQ_G-B>FmT9wx;TbZ%z1lvch;Q%
z5r>Pj7ZgcY_xUQ^6$w7`zrKfC{2kN5%Exw^mwgOxdw6tSU$t~`aNatHs$z?Ib^Jj6
z_txzN+W%ipkdwhdO^K1=go_FT!^{pA1_fcD*HV;(7#e(Bm>4E>dN42;QKIPbq{H&^
z@21P}Gkka@)3<zUxJ0r=Ckw*^R-!Bv`<r|=Y~Kn#h68)%P{lda^Vq0KR7@q51m?1x
zY=3`zd%EcLy8OK7RVoYz>T^%mnnt_S{r^>Ru@q?X1Ec77+UqydFp*Q@e4_FJ4n@A%
z`V0pu&+o76TYi52r`p|rukQH$p|G)+;a`yu1sVJDEpCQ_dwKPyWxrQ%z0P29+LK0w
z1O38n_A{w3@BZG6S<Jv7ar@osn@XR4Ju6!m$iUE(`+e&5n^Z0G=;tdcm(`;VM=jDe
zWuAQ4&;Q-KkDZ~Sl<)ZETiQK_plav?6Hy`6{cmHMc6<msLqeP%Evr~e$9!YYyezj%
mKtXpEu#)FXjqptK^<~fkvN?bl1TF<n22q}_elF{r5}E*T0tvJL

literal 0
HcmV?d00001

diff --git a/django/frontend/static/js/lang/cr.json b/django/frontend/static/js/lang/cr.json
index 0e3919d..72e0f83 100644
--- a/django/frontend/static/js/lang/cr.json
+++ b/django/frontend/static/js/lang/cr.json
@@ -50,6 +50,9 @@
 	"matchmakingStartSearch": "Cramptrouver une partie",
 	"matchmakingStopSearch": "Crampter le matchmaking",
 	"matchmakingNbPlayers": "Nombre de crampteurs",
+	"offlinePongPresentation" : "Cramptjouez au Quoicoupong a deux crampteurs sur un seul ordinateur",
+	"matchmakingPresentation" : "Cramptjouez au Cramption ou au Quoicoupong a plusieurs crampteurs",
+	"offlineTicTacToePresentation" : "Cramptjouez au Quoicoumorpion a deux crampteurs sur un seul ordinateur", 
 	"TournamentCreateTitle": "Créer un cramptournoi",
 	"TournamentCreateButton": "Créer le cramptournoi",
 	"TournamentCreateTournamentName": "Nom du cramptournoi",
diff --git a/django/frontend/static/js/lang/en.json b/django/frontend/static/js/lang/en.json
index 3a6240f..3949418 100644
--- a/django/frontend/static/js/lang/en.json
+++ b/django/frontend/static/js/lang/en.json
@@ -49,6 +49,9 @@
 	"matchmakingStartSearch": "Find a game",
 	"matchmakingStopSearch": "Stop matchmaking",
 	"matchmakingNbPlayers": "Number of players",
+	"offlinePongPresentation" : "Play Pong with two player on the same computer",
+	"offlineTicTacToePresentation" : "Play TicTacToe with two player on the same computer",
+	"matchmakingPresentation" : "Play TicTacToe or Pong with multiple players online.",
 	"TournamentCreateTitle": "Create tournament",
 	"TournamentCreateButton": "Create tournament",
 	"TournamentCreateTournamentName": "Tournament Name",
diff --git a/django/frontend/static/js/lang/fr.json b/django/frontend/static/js/lang/fr.json
index dc432fb..8c4eb00 100644
--- a/django/frontend/static/js/lang/fr.json
+++ b/django/frontend/static/js/lang/fr.json
@@ -50,6 +50,9 @@
 	"matchmakingStartSearch": "Trouver une partie",
 	"matchmakingStopSearch": "Arrêter le matchmaking",
 	"matchmakingNbPlayers": "Nombre de joueurs",
+	"matchmakingPresentation" : "Jouez au Morpion ou au Pong avec plusieurs joueurs en ligne",
+	"offlinePongPresentation" : "Jouez au Pong a deux joueurs sur un seul ordinateur",
+	"offlineTicTacToePresentation" : "Jouez au Morpion a deux joueurs sur un seul ordinateur",
 	"TournamentCreateTitle": "Créer un tournoi",
 	"TournamentCreateButton": "Créer le tournoi",
 	"TournamentCreateTournamentName": "Nom du tournoi",
diff --git a/django/frontend/static/js/lang/tp.json b/django/frontend/static/js/lang/tp.json
index 5e7fccb..499561b 100644
--- a/django/frontend/static/js/lang/tp.json
+++ b/django/frontend/static/js/lang/tp.json
@@ -49,6 +49,9 @@
 	"matchmakingStartSearch": "lukin e ilo musi",
 	"matchmakingStopSearch": "o pini e pana sona e jan pi pana sona e jan ante.",
 	"matchmakingNbPlayers": "nanpa pi jan ante",
+	"offlinePongPresentation" : "o pana e poki tawa suli taso tawa jan tu wan lon ilo sona sama.",
+	"offlineTicTacToePresentation" : "o pali e ilo lipu tawa tu wan tawa tu pona pi jan lili.",
+	"matchmakingPresentation" : "o kama jo e poki pona tawa pona pona tawa pona pi jan mute lon sewi anu lon sewi.",
 	"TournamentCreateTitle": "o pana e musi ante e musi",
 	"TournamentCreateButton": "jo ala pona li jo e ijo li pali e ijo li pana e ijo li toki e ijo li kama jo e ijo li kama pali e ijo li kama pana e ijo li kama toki e ijo li kama jo e ijo li kama pali e ijo li kama pana e ijo",
 	"TournamentCreateTournamentName": "ilo kipisi",
diff --git a/django/frontend/static/js/views/HomeView.js b/django/frontend/static/js/views/HomeView.js
index 46c3d04..e30eda0 100644
--- a/django/frontend/static/js/views/HomeView.js
+++ b/django/frontend/static/js/views/HomeView.js
@@ -9,9 +9,40 @@ export default class extends AbstractView {
 	async getHtml() {
 		return /* HTML */ `
 			<h1>${lang.get('homeTitle', 'Home')}</h1>
-			<a href="/matchmaking" data-link>${lang.get('homeOnline')}</a>
-			<a href="/games/pong/offline" data-link>${lang.get('homePongOffline')}</a>
-			<a href="/games/tictactoe/offline" data-link>${lang.get('homeTicTacToeOffline')}</a>
+			<div class="d-flex flex-row" style="justify-content: center">
+				<div class="row">
+					<div class="col">
+						<div class="card" style="width: 25rem;">
+						<img src="/static/js/imgs/morpion.png" class="card-img-top" alt="Screenshot of Pong">
+						<div class="card-body">
+							<h5 class="card-title">${lang.get('homeTicTacToeOffline')}</h5>
+							<p class="card-text">${lang.get('matchmakingPresentation')}</p>
+							<a href="/games/tictactoe/offline" class="btn btn-primary">${lang.get('homeTicTacToeOffline')}</a>
+						</div>
+						</div>
+					</div>
+					<div class="col">
+						<div class="card" style="width: 25rem;">
+						<img src="/static/js/imgs/morpong.png" class="card-img-top" alt="Screenshot of Pong">
+						<div class="card-body">
+							<h5 class="card-title">${lang.get('homeOnline')}</h5>
+							<p class="card-text">${lang.get('matchmakingPresentation')}</p>
+							<a href="/matchmaking" class="btn btn-primary">${lang.get('homeOnline')}</a>
+						</div>
+						</div>
+					</div>
+					<div class="col">
+						<div class="card" style="width: 25rem;">
+						<img src="/static/js/imgs/pongee.png" class="card-img-top" alt="Screenshot of Pong">
+						<div class="card-body">
+							<h5 class="card-title">${lang.get('homePongOffline')}</h5>
+							<p class="card-text">${lang.get('offlinePongPresentation')}</p>
+							<a href="/games/pong/offline" class="btn btn-primary">${lang.get('homePongOffline')}</a>
+						</div>
+						</div>
+					</div>
+				</div>
+			</div>
 			`;
 	}
 }