diff --git a/sass/_duniter.sass b/sass/_duniter.sass index 270157dd3f5c23931939361c9bcb320175f86246..bc8b843fec3c4f6bbcdad990dc42fa45afe1302e 100644 --- a/sass/_duniter.sass +++ b/sass/_duniter.sass @@ -15,6 +15,16 @@ footer a.w3-button background-color: #CB8802 +.duniter-download-button + display: inline-block + background-color: #FABB37 + color: black + padding: 0.5em 1em + margin-top: 1em +.duniter-download-button:hover + background-color: #DFA630 + color: white + @font-face font-family: Ubuntu-Regular src: url(/fonts/Ubuntu/Ubuntu-R.ttf) diff --git a/templates/custom/accueil.html b/templates/custom/accueil.html index 196443d4adf25076c3c59922d952174287cfdea9..0b13e2fb2f5bf37fa8d21cf8e7b2ebafa547d0ef 100644 --- a/templates/custom/accueil.html +++ b/templates/custom/accueil.html @@ -9,7 +9,10 @@ <div class="w3-panel kkk-logotitle"> <img alt="img" src="/img/duniter.png"/> - <h1>Moteur de blockchain <br> pour la monnaie libre Ğ1</h1> + <div> + <h1>Moteur de blockchain <br> pour la monnaie libre Ğ1</h1> + <a class="w3-round w3-large duniter-download-button" href="https://git.duniter.org/nodes/typescript/duniter/-/releases"><i class="fa fa-cloud-download"></i> Télécharger Duniter</a> + </div> </div> <div class="w3-panel kkk-textimage"> diff --git a/templates/nav.html b/templates/nav.html index 4272eec53a19d9b9ac9307cf454c1710768c2392..0c3ee936fd0466b8f159bb67893f4200b16222cc 100644 --- a/templates/nav.html +++ b/templates/nav.html @@ -1,10 +1,10 @@ <nav class="w3-bar w3-large"> - <a href="/" class="w3-bar-item w3-button w3-mobile {% if current_path %}{% if current_path == "/" %}active{% endif %}{% endif %}"><img alt="" class="icon" src="/img/duniter.png"/> Duniter</a> + <a href="/" class="w3-bar-item w3-button {% if current_path %}{% if current_path == "/" %}active{% endif %}{% endif %}"><img alt="" class="icon" src="/img/duniter.png"/> Duniter</a> {% set index = get_section(path="_index.md") %} {% for p in index.pages %} {% if not p.extra.hide %} - <a href="{{ p.permalink }}" class="w3-bar-item w3-button w3-mobile + <a href="{{ p.permalink }}" class="w3-bar-item w3-button {% if current_path %}{% if current_path == p.path %}active{% endif %}{% endif %}"> {{p.title}} </a> @@ -12,17 +12,17 @@ {% endfor %} - <div class="w3-dropdown-hover w3-mobile w3-right"> + <div class="w3-dropdown-hover w3-dropdown-click w3-right"> <button class="w3-button">Liens <i class="fa fa-caret-down"></i></button> <div class="w3-dropdown-content w3-bar-block w3-dark-grey"> - <a href="https://git.duniter.org/" class="w3-bar-item w3-button w3-mobile"><i class="fa fa-gitlab"></i> GitLab</a> - <a href="https://forum.duniter.org/" class="w3-bar-item w3-button w3-mobile"><img alt="d" class="icon" src="https://simpleicons.org/icons/discourse.svg"/> Forum</a> + <a href="https://git.duniter.org/" class="w3-bar-item w3-button"><i class="fa fa-gitlab"></i> GitLab</a> + <a href="https://forum.duniter.org/" class="w3-bar-item w3-button"><img alt="d" class="icon" src="https://simpleicons.org/icons/discourse.svg"/> Forum</a> </div> </div> {% for s in index.subsections %}{% set subsection = get_section(path=s) %} {% if not subsection.extra.hide %} - <a href="{{ subsection.permalink }}" class="w3-bar-item w3-button w3-mobile w3-right + <a href="{{ subsection.permalink }}" class="w3-bar-item w3-button w3-right {% if current_path %}{% if current_path is starting_with(subsection.path) %}active{% endif %}{% endif %}"> {{subsection.title}} </a>