gameselect.component.html 1.94 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39
<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>