funky-framadate-front/src/app/core/components/header/header.component.html

<header class="big-header">
	<nav class="navbar" role="navigation" aria-label="main navigation">
		<div class="navbar-brand">
			<a class="navbar-item" routerLink="/">
				<img class="app-logo logo" *ngIf="appLogo" src="{{ appLogo }}" alt="{{ appTitle }}" />
			</a>
			<a class="navbar-item title is-size-1-fullhd is-size-4-touch has-text-black" routerLink="/">
				{{ appTitle }}
				<sub>
					{{ environment.appVersion }}
				</sub>
			</a>
		</div>
		<div class="navbar-start">
			<span class="navbar-item">
				<a class="button is-primary" role="button" routerLink="/administration" routerLinkActive="is-active">
					<i class="fa fa-plus-circle"></i>
					<div class="is-hidden-touch">
						{{ 'config.title' | translate }}
					</div>
				</a>
			</span>
		</div>
		<div class="navbar-end">
			<!-- navbar items -->

			<span class="navbar-item">
				<app-language-selector></app-language-selector>
			</span>
			<a
				role="button"
				class="navbar-item burger-button-menu-custom"
				aria-label="menu"
				aria-expanded="false"
				data-target="navbarBasicExample"
				[ngClass]="{ 'has-background-primary': mobileMenuVisible }"
				(click)="mobileMenuVisible = !mobileMenuVisible"
			>
				<i class="fa fa-bars" *ngIf="!mobileMenuVisible"></i>
				<i class="fa fa-times" *ngIf="mobileMenuVisible"></i>
			</a>
		</div>
		<!-- navbar items -->
		<div class="mobile-menu" *ngIf="mobileMenuVisible">
			<!--			menu mobile-->
			<app-navigation [appTitle]="appTitle" [appLogo]="appLogo"></app-navigation>
		</div>
	</nav>

	<div
		*ngIf="environment.showDemoWarning"
		class="demo demo-warning well debug has-text-white-bis has-background-warning-dark padded marged"
	>
		<!--	infos locales storage-->
		<i class="fa fa-info"></i>
		Ce site est un espace de démonstration, les informations que vous y mettrez seront régulièrement supprimées.
		N'en faites pas une utilisation réelle.
	</div>

	<div class="demo padded box has-background-info-light" *ngIf="environment.display_routes">
		voici des liens de démonstration issus des fixtures Doctrine de date-poll-api.
		<div class="padded">
			<div class="">
				<a class="navbar-item" [routerLink]="['/poll/demo/consultation']" routerLinkActive="is-primary">
					<i class="fa fa-file-epub"></i>
					<em>
						demo
					</em> </a
				><a
					class="navbar-item"
					[routerLink]="['/poll/dessin-anime/consultation']"
					routerLinkActive="is-primary"
				>
					<i class="fa fa-picture-o"></i>
					<em>
						dessin-anime
					</em>
				</a>
				<a
					class="navbar-item"
					[routerLink]="['/poll/aujourdhui-ou-demain/consultation']"
					routerLinkActive="is-primary"
				>
					<i class="fa fa-clock-o"></i>
					<em>
						aujourdhui-ou-demain
					</em>
				</a>
				<a
					class="navbar-item"
					[routerLink]="[
						'/admin/9S75b70ECXI5J5xDc058d3H40H9r2CHfO0Kj8T02EK2U8rY8fYTn-eS659j2Dhp794Oa6R1b9V70e3WGaE30iD9h45zwdm76C85SWB4LcUCrc7e0Ncc0'
					]"
					routerLinkActive="is-primary"
				>
					<i class="fa fa-gears"></i> administrer le sondage
					<em>
						aujourdhui-ou-demain
					</em>
				</a>
				<a
					class="navbar-item"
					[routerLink]="['/poll/citron/consultation/prompt']"
					routerLinkActive="is-primary"
				>
					<i class="fa fa-key"></i>
					<em>
						citron
					</em>
					écran de saisie de mot de passe
				</a>
				<a
					class="navbar-item"
					[routerLink]="['/poll/citron/consultation/secure/1c01ed9c94fc640a1be864f197ff808c']"
					routerLinkActive="is-primary"
				>
					<i class="fa fa-key-modern"></i>
					<em>
						citron
					</em>
					+ pass intégré sans saisie
				</a>
			</div>
		</div>
	</div>
</header>