improve markup, hide useless decortion for a and h1 in header

This commit is contained in:
newick 2019-08-12 12:26:49 +02:00
parent 5ae1aeabeb
commit c47e00a824
4 changed files with 38 additions and 46 deletions

View File

@ -1,9 +1,5 @@
<div style="text-align:center"> <header style="text-align:center">
<a <a [routerLink]="'home'" class="home_link" aria-roledescription="home">
[routerLink]="'home'"
class="home_link"
aria-roledescription="home"
>
<h1> <h1>
<span class="logo_first">Frama</span> <span class="logo_first">Frama</span>
<span class="logo_second">date</span> <span class="logo_second">date</span>
@ -13,7 +9,9 @@
</i> </i>
</a> </a>
</div> </header>
<framadate-navigation></framadate-navigation> <framadate-navigation></framadate-navigation>
<main>
<router-outlet></router-outlet> <router-outlet></router-outlet>
</main>
<framadate-debugger></framadate-debugger> <framadate-debugger></framadate-debugger>

View File

@ -0,0 +1,11 @@
@charset "UTF-8";
header {
h1,
a {
&::before,
&::after {
display: none;
}
}
}

View File

@ -1,56 +1,29 @@
<nav class="choices"> <nav class="choices">
<a <a [routerLink]="'/step/creation'">
[routerLink]="'/step/creation'"
>
Création Création
</a> </a>
<a <a [routerLink]="'/step/date'">
[routerLink]="'/step/date'"
>
Les Dates Les Dates
</a> </a>
<a <a [routerLink]="'/step/answers'">
[routerLink]="'/step/answers'"
>
Réponses Réponses
</a> </a>
<a <a [routerLink]="'/step/visibility'">
[routerLink]="'/step/visibility'"
>
Visibilité Visibilité
</a> </a>
<a <a [routerLink]="'/step/base'">
[routerLink]="'/step/base'"
>
Base Base
</a> </a>
<a <a [routerLink]="'/step/pictures'">
[routerLink]="'/step/pictures'"
>
Images Images
</a> </a>
<a <a [routerLink]="'/step/resume'">
[routerLink]="'/step/resume'"
>
Résumé Résumé
</a> </a>
<a <a [routerLink]="'/step/kind'">
[routerLink]="'/step/kind'"
>
Page démo Page démo
</a> </a>
<a <a [routerLink]="'/home'">
[routerLink]="'/home'"
>
Accueil Accueil
</a> </a>
</nav> </nav>

View File

@ -0,0 +1,10 @@
@charset "UTF-8";
nav {
a {
&::before,
&::after {
display: none;
}
}
}