michael/MusicTopus
1
0
Fork 0
forked from dbroqua/MusicTopus
Code Pull requests Activity

#32 - Avoir un logo pour les pages d'erreurs

Browse source
This commit is contained in:
Damien Broqua 2022-04-08 15:01:09 +02:00
parent 5b9d6c94b8
commit 7d7ee080ed
4 changed files with 372 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

39
public/500.html
View file

@ -4,7 +4,7 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Site en maintenance</title>
<title>MusicTopus - Erreur applicative</title>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
@ -17,37 +17,10 @@
<link href="/css/main.css" rel="stylesheet" />
<script src="/js/main.js"></script>
</head>
<body>
<nav class="navbar" aria-label="Navigation principale">
<div class="navbar-brand">
<a class="navbar-item" href="/">
<img src="/img/logo.png" alt="Logo MusicTopus">
<span>MusicTopus</span>
</a>
<a role="button" class="navbar-burger" aria-label="Afficher le menu" aria-expanded="false" data-target="navbar">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
</nav>
<main class="layout-maxed home">
<div class="header layout-hero"></div>
<h1>Site inaccessible</h1>
<p>
Pas de panique on revient très vite !
</p>
</main>
<footer class="footer layout-hero">
<p>
<strong title="Merci Brunus ! 😜">MusicTopus</strong> par <a href="https://www.darkou.fr" target="_blank" rel="noopener noreferrer">Damien Broqua <i class="icon-link"></i></a>.
Fait avec ❤️ à Bordeaux.
Le code source est sous licence <a href="https://www.gnu.org/licenses/gpl-3.0-standalone.html" target="_blank" rel="noopener noreferrer">GNU GPL-3.0-or-later <i class="icon-link"></i></a>.
</p>
</footer>
<body class="body-500">
<img src="/img/404.svg" alt="Image représentant la mascotte tenant un vinyle cassé" />
Nous sommes désolé mais quelque chose a mal tourné de notre côté.
<br />
<small>On devrait revenir très vite ! 😅</small>
</body>
</html>