Commit 72cfe789 authored by Mamadou Saliou DIALLO's avatar Mamadou Saliou DIALLO

feat: add new game page

parent cb16ae49
.container-fluid {
background-image: url(../../../assets/images/galaxy.jpg);
min-height: 100vh;
font-family: 'Langar', cursive;
color:#fff;
}
h1 {
font-family: 'Audiowide', cursive;
text-align: center;
font-size: 70px;
color: rgb(43, 128, 226);
}
p{
padding:40px;
text-align: justify;
font-weight: bold;
color: #fff;
}
.select-game {
margin-top: 20px;
}
.list-group, p {
background-image: url(../../../assets/images/empty-pixel.png);
}
.list-group-item {
background: inherit;
}
.list-group-item a {
color: rgb(9, 195, 34) !important;
margin-left: 40px;
color:#fff;
text-decoration: none;
}
.list-group-item a:hover,.list-group-item:hover {
color:red !important;
}
.select-game h3 {
font-family: 'Audiowide', cursive;
animation: bounce .3s ease infinite alternate;
}
@keyframes bounce {
100% {
top: -5px;
text-shadow: 0 1px 0 rgb(164, 236, 161),
0 2px 0 rgb(86, 245, 37),
0 3px 0 rgb(12, 236, 23),
0 4px 0 rgb(15, 78, 4)
}
}
.create-game {
display: block;
text-align: center;
color:red;
text-decoration: none;
font-size: 20px;
}
\ No newline at end of file
<p>
gameselect works!
</p>
<div class="container-fluid">
<div class="row">
<div class="col-md-8">
<h1>Not Alone online</h1>
<p>Au 25e siècle, l’Humanité s’est envolée depuis longtemps vers les étoiles. Elle a voyagé aux
confins de la galaxie et pourtant, elle n’a jamais rencontré d’autres formes de vie intelligente.
En fouillant les archives centrales de la vieille Terre, vous avez découvert qu’une planète
du nom d’Artemia avait été rayée des cartes officielles et qu’aucune autre donnée n’était
disponible. Intrigués, vous montez une expédition.
Les premiers relevés de la surface d’Artemia révèlent une planète de classe M, accueillante
pour l’homme et abritant une faune et une flore riche et variées. Lors de votre entrée
dans l’atmosphère, un puissant champ magnétique met les ordinateurs de bord hors
service. Après avoir lancé un SOS, le capitaine ordonne l’évacuation du vaisseau avant
l’inévitable crash.
Sains et saufs, vous entamez l’exploration des environs lorsque vous entendez les cris
d’agonie de votre capitaine. Au loin, vous distinguez une silhouette qui vous observe.
Vous n’êtes pas seul…​</p>
</div>
<div class="col-md-4 select-game">
<h3>Rejoindre une partie</h3>
<a class="create-game" href="/create-game">Créer votre partie</a>
<ul class="list-group">
<li class="list-group-item">Serveur 1<a href="/create-game/1">Rejoindre</a></li>
<li class="list-group-item">Serveur 2<a href="/create-game/2">Rejoindre</a></li>
<li class="list-group-item">Serveur 3<a href="/create-game/3">Rejoindre</a></li>
<li class="list-group-item text-center">
<i class="text-center spinner-border text-primary" role="status">
<span class="visually-hidden">Loading...</span>
</i>
</li>
</ul>
</div>
</div>
</div>
\ No newline at end of file
/* Home page */
@import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');
.home-container {
width: 100vw;
height: 100vh;
......
@import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Langar&display=swap');
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment