Conjure/Site-Web
6
0
Fork 0
mirror of https://github.com/ConjureETS/Site.git synced 2026-03-24 01:30:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add Custom 404 Page

Browse Source
This commit is contained in:
Massimo Di Lullo 2020-09-25 11:41:54 -04:00
parent a4c6071e30
commit b9c69d7aff
3 changed files with 43 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

31
public/view/fr/404.html Normal file
View File

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="site web du club conjure de l'école de technologie supérieure ÉTS à Montréal" />
<meta name="keywords" content="Conjure, Laboratoire de médias interactifs, Club Conjure, ÉTS, École de technologie supérieure, jeu vidéo, médias interactifs" />
<meta name="author" content="Club Conjure" />
<title>Club Conjure</title>
<link rel="stylesheet" type="text/css" href="../../css/main.min.css">
</head>
<body>
<header class="logo-container">
<a href="#"><img src="../../img/conjure-logo.svg" alt="Conjure Logo"></a>
</header>
<main>
<section class="section full-height" id="splashscreen">
<div class="bg-img full-height full-width"></div>
<div class="splashscreen-text-container full-width error">
<h1>404 Page non trouvé!</h1>
<div class="border-seperator"></div>
<p>Nos jeux ont pris le contrôle de cette zone. </br> S'il vous plaît, téléportez-vous à la <a href="https://conjure.etsmtl.ca">zone sécuritaire</a> la plus proche.</p>
</div>
</section>
</main>
</body>
</html>

11
resources/sass/_partials/_general.scss
View File

@ -67,10 +67,21 @@ section#splashscreen {
color: white;
font-size: 4.5rem;
&.error {
top: 40%;
padding: 1rem 2rem 2rem 1rem;
background-color: rgba(0, 0, 0, 0.6);
}
h1 {
font-weight: bold;
}
p {
font-size: 1.5rem;
padding: 1rem;
}
.border-seperator {
margin-top: 10px;
margin-left: auto;