78b4299207
This includes loading the common style sheets at low resolutions and removing the undescribable redundancy in light.css. The harder part was getting the navbar right, because it relied heavily on the distinction between navbar.css and light.css. This is still a work in progress.
89 lines
3 KiB
HTML
89 lines
3 KiB
HTML
<nav>
|
|
<ul id="light-menu">
|
|
<a id="logo" href="{{ url_for('index') }}">
|
|
<img src="{{ url_for('static',filename= 'images/logo_noshadow.png') }}" alt="logo"/>
|
|
</a>
|
|
|
|
<li>
|
|
<a role="button" label="Compte" tabindex="0">
|
|
<svg viewBox="0 0 24 24">
|
|
<path fill="#ffffff" d="M12,19.2C9.5,19.2 7.29,17.92 6,16C6.03,14 10,12.9 12,12.9C14,12.9 17.97,14 18,16C16.71,17.92 14.5,19.2 12,19.2M12,5A3,3 0 0,1 15,8A3,3 0 0,1 12,11A3,3 0 0,1 9,8A3,3 0 0,1 12,5M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z"></path>
|
|
</svg>
|
|
<div>Compte</div>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a role="button" label="Actualités" tabindex="0">
|
|
<svg viewBox="0 0 24 24">
|
|
<path fill="#ffffff" d="M20,11H4V8H20M20,15H13V13H20M20,19H13V17H20M11,19H4V13H11M20.33,4.67L18.67,3L17,4.67L15.33,3L13.67,4.67L12,3L10.33,4.67L8.67,3L7,4.67L5.33,3L3.67,4.67L2,3V19A2,2 0 0,0 4,21H20A2,2 0 0,0 22,19V3L20.33,4.67Z"></path>
|
|
</svg>
|
|
<div>Actualités</div>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a role="button" label="Forum" tabindex="0">
|
|
<svg viewBox="0 0 24 24">
|
|
<path fill="#ffffff" d="M17,12V3A1,1 0 0,0 16,2H3A1,1 0 0,0 2,3V17L6,13H16A1,1 0 0,0 17,12M21,6H19V15H6V17A1,1 0 0,0 7,18H18L22,22V7A1,1 0 0,0 21,6Z"></path>
|
|
</svg>
|
|
<div>Forum</div>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a role="button" label="Programmes" tabindex="0">
|
|
<svg viewBox="0 0 24 24">
|
|
<path fill="#ffffff" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z"></path>
|
|
</svg>
|
|
<div>Programmes</div>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a role="button" label="Tutoriels" tabindex="0">
|
|
<svg viewBox="0 0 24 24">
|
|
<path fill="#ffffff" d="M12,3L1,9L12,15L21,10.09V17H23V9M5,13.18V17.18L12,21L19,17.18V13.18L12,17L5,13.18Z"></path>
|
|
</svg>
|
|
<div>Tutoriels</div>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a role="button" label="Sprites" tabindex="0">
|
|
<svg viewBox="0 0 24 24">
|
|
<path fill="#ffffff" d="M20.71,4.63L19.37,3.29C19,2.9 18.35,2.9 17.96,3.29L9,12.25L11.75,15L20.71,6.04C21.1,5.65 21.1,5 20.71,4.63M7,14A3,3 0 0,0 4,17C4,18.31 2.84,19 2,19C2.92,20.22 4.5,21 6,21A4,4 0 0,0 10,17A3,3 0 0,0 7,14Z"></path>
|
|
</svg>
|
|
<div>Sprites</div>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a role="button" label="Outils" tabindex="0">
|
|
<svg viewBox="0 0 24 24">
|
|
<path fill="#ffffff" d="M22.7,19L13.6,9.9C14.5,7.6 14,4.9 12.1,3C10.1,1 7.1,0.6 4.7,1.7L9,6L6,9L1.6,4.7C0.4,7.1 0.9,10.1 2.9,12.1C4.8,14 7.5,14.5 9.8,13.6L18.9,22.7C19.3,23.1 19.9,23.1 20.3,22.7L22.6,20.4C23.1,20 23.1,19.3 22.7,19Z"></path>
|
|
</svg>
|
|
<div>Outils</div>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<div id=spacer-menu></div>
|
|
|
|
<div id=menu>
|
|
{% include "base/navbar/account.html" %}
|
|
|
|
{% include "base/navbar/news.html" %}
|
|
|
|
{% include "base/navbar/forum.html" %}
|
|
|
|
{% include "base/navbar/programs.html" %}
|
|
|
|
{% include "base/navbar/tutorials.html" %}
|
|
|
|
{% include "base/navbar/sprites.html" %}
|
|
|
|
{% include "base/navbar/tools.html" %}
|
|
</div>
|
|
</nav>
|