pagesassos/server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Activity

feat(Home): add sort by name or random button

Browse source 
fix(Header): fix href div box for home link
This commit is contained in:
Matthieu Bessat 2020-09-05 23:14:47 +02:00
parent ea1906618d
commit 975ed6ee5d
7 changed files with 159 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

2
views/base.twig
View file

@ -29,7 +29,7 @@ Github: https://github.com/lefuturiste
<div class="container header-container">
<div class="header-left">
<div class="header-image">
<a href="/">
<a class="header-home-link" href="/">
<img src="/static/imgs/espace_condorcet_logo.jpg" alt="Logo de l'Espace Condorcet Centre Social" />
</a>
</div>

18
views/home.twig
View file

@ -73,7 +73,23 @@
</div>
</div>
<div class="mosaic" id="mosaic">
<div class="mosaic-header" id="mosaic-header"></div>
<div class="mosaic-header">
<div class="mosaic-actions">
<button
id="sort-btn"
title="Trier par ordre alphabétique"
class="mosaic-action sort-action">
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="sort-alpha-down" class="btn-icon svg-inline--fa fa-sort-alpha-down fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M176 352h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.36 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm240-64H288a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h56l-61.26 70.45A32 32 0 0 0 272 446.37V464a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16h-56l61.26-70.45A32 32 0 0 0 432 321.63V304a16 16 0 0 0-16-16zm31.06-85.38l-59.27-160A16 16 0 0 0 372.72 32h-41.44a16 16 0 0 0-15.07 10.62l-59.27 160A16 16 0 0 0 272 224h24.83a16 16 0 0 0 15.23-11.08l4.42-12.92h71l4.41 12.92A16 16 0 0 0 407.16 224H432a16 16 0 0 0 15.06-21.38zM335.61 144L352 96l16.39 48z"></path></svg>
</button>
<button
id="random-btn"
title="Trier aléatoirement"
class="mosaic-action random-action enabled">
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="random" class="btn-icon svg-inline--fa fa-random fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M504.971 359.029c9.373 9.373 9.373 24.569 0 33.941l-80 79.984c-15.01 15.01-40.971 4.49-40.971-16.971V416h-58.785a12.004 12.004 0 0 1-8.773-3.812l-70.556-75.596 53.333-57.143L352 336h32v-39.981c0-21.438 25.943-31.998 40.971-16.971l80 79.981zM12 176h84l52.781 56.551 53.333-57.143-70.556-75.596A11.999 11.999 0 0 0 122.785 96H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12zm372 0v39.984c0 21.46 25.961 31.98 40.971 16.971l80-79.984c9.373-9.373 9.373-24.569 0-33.941l-80-79.981C409.943 24.021 384 34.582 384 56.019V96h-58.785a12.004 12.004 0 0 0-8.773 3.812L96 336H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h110.785c3.326 0 6.503-1.381 8.773-3.812L352 176h32z"></path></svg>
</button>
</div>
<div class="mosaic-count" id="mosaic-count"></div>
</div>
<div class="card-container"></div>
</div>
{% endblock %}