Vous avez reçu un message "Your GitLab account has been locked ..." ? Pas d'inquiétude : lisez cet article https://docs.gricad-pages.univ-grenoble-alpes.fr/help/unlock/

Commit d0ff70e8 authored by Arnaud Bey's avatar Arnaud Bey
Browse files

WIP UI

parent 3e1f77bc
......@@ -8,36 +8,42 @@
<div class="col-sm-4 mb-2">
<div class="card">
<h5 class="card-header">Nouvelle partie</h5>
<div class="card-body">
<p><i class="fa fa-star fa-4x" aria-hidden="true"></i>
<p class="text-center">
<i class="fa fa-star fa-4x" aria-hidden="true"></i> {{'Nouvelle partie'|upper}}
</p>
<p>
Blabla labla Blab laBlabla BlablaBlabla Blabla Blabla
</p>
<a class="card-link" href="{{ path('massive') }}">{{ 'new_massive' | trans }}</a>
<a class="btn btn-primary" href="{{ path('massive') }}">{{ 'new_massive' | trans }}</a>
</div>
</div>
</div>
<div class="col-sm-4 mb-2">
<div class="card">
<h5 class="card-header">Parties en chantier</h5>
<div class="card-body">
<p><i class="fa fa-bolt fa-4x" aria-hidden="true"></i>
<p class="text-center">
<i class="fa fa-bolt fa-4x" aria-hidden="true"></i> {{'Parties en chantier'|upper}}
</p>
<p>
Blabla labla Blab laBlabla BlablaBlabla Blabla Blabla
</p>
<a class="card-link" href="{{ path('my_massives_under_construction') }}">{{ 'my_massives_under_construction' | trans }}</a>
<a class="btn btn-primary" href="{{ path('my_massives_under_construction') }}">{{ 'my_massives_under_construction' | trans }}</a>
</div>
</div>
</div>
<div class="col-sm-4 mb-2">
<div class="card">
<h5 class="card-header">Parties finalisées</h5>
<div class="card-body">
<p><i class="fa fa-long-arrow-right fa-4x" aria-hidden="true"></i>
<p class="text-center">
<i class="fa fa-check fa-4x" aria-hidden="true"></i> {{'Parties finalisées'|upper}}
</p>
<p>
Blabla labla Blab laBlabla BlablaBlabla Blabla Blabla
</p>
<a class="card-link" href="{{ path('my_massives_published') }}">{{ 'my_massives_published' | trans }}</a>
<a class="btn btn-primary" href="{{ path('my_massives_published') }}">{{ 'my_massives_published' | trans }}</a>
</div>
</div>
</div>
......
......@@ -9,76 +9,102 @@
<div class="col-sm-4 mb-2">
<div class="card">
<h5 class="card-header">{{ 'wordbox' | trans }}</h5>
<div class="card-body">
<p class="text-center">
<i class="fa fa-motorcycle fa-4x" aria-hidden="true"></i> {{ 'wordbox' | trans | upper }}
</p>
<p>
<i class="fa fa-motorcycle fa-4x" aria-hidden="true"></i> Blabla Blab laBlabla BlablaBlabla Blabla Blabla
Blabla Blab laBlabla BlablaBlabla Blabla Blabla
</p>
{% for language in languages %}
<a class="card-link" href="{{ path('wordbox', {id: language.id}) }}">{{ language.value | trans }}</a> &nbsp;
{% endfor %}
<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Wordbox
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
{% for language in languages %}
<a class="dropdown-item" href="{{ path('wordbox', {id: language.id}) }}">
{{ language.value | trans }}
</a> &nbsp;
{% endfor %}
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-4 mb-2">
<div class="card">
<h5 class="card-header">{{ 'found' | trans }}</h5>
<div class="card-body">
<p>
<i class="fa fa-star fa-4x" aria-hidden="true"></i> Blabla Blab laBlabla BlablaBlabla Blabla Blabla
<p class="text-center">
<i class="fa fa-star fa-4x" aria-hidden="true"></i> {{ 'found' | trans | upper }}
</p>
{% for language in languages %}
<a class="card-link" href="{{ path('found', {id: language.id}) }}">{{ language.value | trans }}</a> &nbsp;
{% endfor %}
<p>Blabla Blab laBlabla BlablaBlabla Blabla Blabla Blabla</p>
<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Formes trouvées
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
{% for language in languages %}
<a class="dropdown-item" href="{{ path('found', {id: language.id}) }}">
{{ language.value | trans }}
</a> &nbsp;
{% endfor %}
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-4 mb-2">
<div class="card">
<h5 class="card-header">{{ 'parameters' | trans }}</h5>
<div class="card-body">
<p><i class="fa fa-star fa-4x" aria-hidden="true"></i>
Blabla labla Blab laBlabla BlablaBlabla Blabla Blabla
<p class="text-center">
<i class="fa fa-star fa-4x" aria-hidden="true"></i> {{ 'parameters' | trans | upper }}
</p>
<a class="card-link" href="{{ path('parameters') }}">{{ 'parameters' | trans }}</a>
<p>Blabla labla Blab laBlabla BlablaBlabla Blabla Blabla Blabla</p>
<a class="btn btn-primary" href="{{ path('parameters') }}">{{ 'parameters' | trans }}</a>
</div>
</div>
</div>
<div class="col-sm-4 mb-2">
<div class="card">
<h5 class="card-header">{{ 'my_profile' | trans }}</h5>
<div class="card-body">
<p><i class="fa fa-bolt fa-4x" aria-hidden="true"></i>
<p class="text-center">
<i class="fa fa-star fa-4x" aria-hidden="true"></i> {{ 'my_profile' | trans | upper }}
</p>
<p>
Blabla labla Blab laBlabla BlablaBlabla Blabla Blabla
</p>
<a class="card-link" href="{{ path('my_profile') }}">{{ 'my_profile' | trans }}</a>
<a class="btn btn-primary" href="{{ path('my_profile') }}">{{ 'my_profile' | trans }}</a>
</div>
</div>
</div>
<div class="col-sm-4 mb-2">
<div class="card">
<h5 class="card-header">{{ 'my_friends' | trans }}</h5>
<div class="card-body">
<p><i class="fa fa-long-arrow-right fa-4x" aria-hidden="true"></i>
<p class="text-center">
<i class="fa fa-bolt fa-4x" aria-hidden="true"></i> {{ 'my_friends' | trans | upper }}
</p>
<p>
Blabla labla Blab laBlabla BlablaBlabla Blabla Blabla
</p>
<a class="card-link" href="{{ path('my_friends') }}">{{ 'my_friends' | trans }} ({{app.user.friends|length}})</a>
<a class="btn btn-primary" href="{{ path('my_friends') }}">{{ 'my_friends' | trans }} ({{app.user.friends|length}})</a>
</div>
</div>
</div>
<div class="col-sm-4 mb-2">
<div class="card">
<h5 class="card-header">{{ 'rankings' | trans }}</h5>
<div class="card-body">
<p><i class="fa fa-star fa-4x" aria-hidden="true"></i>
<p class="text-center">
<i class="fa fa-bolt fa-4x" aria-hidden="true"></i> {{ 'rankings' | trans | upper }}
</p>
<p>
Blabla labla Blab laBlabla BlablaBlabla Blabla Blabla
</p>
<a class="card-link" href="{{ path('games_ended') }}">{{ 'rankings' | trans }}</a>
<a class="btn btn-primary" href="{{ path('games_ended') }}">{{ 'rankings' | trans }}</a>
</div>
</div>
</div>
......
......@@ -9,53 +9,67 @@
<!-- TRAIN -->
<div class="col-sm-4 mb-2">
<div class="card">
<h5 class="card-header">S'entrainer</h5>
<div class="card-body">
<p>
<i class="fas fa-running fa-4x" aria-hidden="true"></i> Blabla Blab laBlabla BlablaBlabla Blabla Blabla
<p class="text-center">
<i class="fas fa-running fa-4x" aria-hidden="true"></i> {{'Entrainement'|upper}}
</p>
{% for language in languages %}
<a class="please-wait card-link" data-message="Génération de la grille" href="{{ path('train', {id: language.id}) }}">
{{ language.value | trans }}
</a> &nbsp;
{% endfor %}
<p>Blabla Blab laBlabla BlablaBlabla Blabla Blabla</p>
<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
S'entrainer
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
{% for language in languages %}
<a class="please-wait dropdown-item" data-message="Génération de la grille" href="{{ path('train', {id: language.id}) }}">
{{ language.value | trans }}
</a> &nbsp;
{% endfor %}
</div>
</div>
</div>
</div>
</div>
<!-- CHALLENGE -->
<div class="col-sm-4 mb-2">
<div class="card">
<h5 class="card-header">Défi</h5>
<div class="card-body">
<p><i class="fas fa-people-carry fa-4x" aria-hidden="true"></i>
Blabla labla Blab laBlabla BlablaBlabla Blabla Blabla
<p class="text-center">
<i class="fas fa-people-carry fa-4x" aria-hidden="true"></i> {{'Défi'|upper}}
</p>
<a class="card-link" href="{{ path('challenge') }}">{{ 'challenge_someone' | trans }}</a>
<p>Blabla labla Blab laBlabla BlablaBlabla Blabla Blabla</p>
<a class="btn btn-primary" href="{{ path('challenge') }}">{{ 'challenge_someone' | trans }}</a>
</div>
</div>
</div>
<!-- MASSIVES -->
<div class="col-sm-4 mb-2">
<div class="card">
<h5 class="card-header">Parties massives</h5>
<div class="card-body">
<p><i class="fa fa-bolt fa-4x" aria-hidden="true"></i>
<p class="text-center">
<i class="fa fa-bolt fa-4x" aria-hidden="true"></i> {{'Parties massives'|upper}}
</p>
<p>
Blabla labla Blab laBlabla BlablaBlabla Blabla Blabla
</p>
<a class="card-link" href="{{ path('massives') }}">{{ 'massives' | trans }}</a>
<a class="btn btn-primary" href="{{ path('massives') }}">{{ 'massives' | trans }}</a>
</div>
</div>
</div>
<!-- IN PROGRESS -->
<div class="col-sm-4 mb-2">
<div class="card">
<h5 class="card-header">Parties en cours</h5>
<div class="card-body">
<p><i class="fas fa-spinner fa-4x" aria-hidden="true"></i>
<p class="text-center">
<i class="fa fa-spinner fa-4x" aria-hidden="true"></i> {{'Parties en cours' | upper}}
</p>
<p>
Blabla labla Blab laBlabla BlablaBlabla Blabla Blabla
</p>
<a class="card-link" href="{{ path('games_started') }}">{{ 'games_started' | trans }}</a>
<a class="btn btn-primary" href="{{ path('games_started') }}">{{ 'games_started' | trans }}</a>
</div>
</div>
</div>
......
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