Skip to content

Commit

Permalink
Update 404 pages with "new" design (#189)
Browse files Browse the repository at this point in the history 
Close: #187
  • Loading branch information
@williambelle
williambelle authored Jun 27, 2024
1 parent e6c4ed0 commit a3230bf
Show file tree
Hide file tree
Showing 5 changed files with 52 additions and 69 deletions.
3 changes: 1 addition & 2 deletions grunt/cssmin.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,8 +18,7 @@ module.exports = {
'dist/css/elements.min.css': [
'node_modules/epfl-elements/dist/css/vendors.css',
'node_modules/epfl-elements/dist/css/elements.css',
'tmp/css/fonts.css',
'src/css/errors.css'
'tmp/css/fonts.css'
]
}
}
Expand Down
31 changes: 0 additions & 31 deletions src/css/errors.css
View file

This file was deleted.

29 changes: 17 additions & 12 deletions src/errors/404-de.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,19 +34,24 @@

<div class="main-container">
<div class="w-100 pb-5">
<main id="main" class="content container">
<h1 class="mb-3 text-center text-primary http-status-code">404</h1>
<h2 class="mb-5 text-center">Hoppla! Die Seite kann nicht gefunden werden.</h2>
<div class="mb-5">
<p>Unter dieser Adresse wurde scheinbar nichts gefunden. Versuchen Sie es mit einer Suche:</p>
<form action="https://search.epfl.ch/" class="border-0 p-0">
<div class="search-form input-group">
<label for="search" class="sr-only">Suche</label>
<input id="search" type="text" class="form-control" name="q" placeholder="Im Web der EPFL suchen">
<button type="submit" class="d-xl-block btn btn-primary input-group-append">Bestätigen</button>
<main id="main" class="content">
<section class="error-404 not-found">
<div class="page-content container">
<p class="h1 mt-4 error-title">404</p>
<h1 class="h3 text-center">
Hoppla! Die Seite kann nicht gefunden werden.
</h1>
<div class="mt-5 pt-2">
<form action="https://search.epfl.ch/" class="border-0 p-0">
<div class="search-form mt-1 input-group">
<label for="search" class="sr-only">Suche</label>
<input type="text" class="form-control" name="search" placeholder="Im Web der EPFL suchen">
<button type="submit" class="d-none d-sm-block btn btn-primary input-group-append">Bestätigen</button>
</div>
</form>
</div>
</form>
</div>
</div>
</section>
</main>
</div>
</div>
Expand Down
29 changes: 17 additions & 12 deletions src/errors/404-en.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,19 +34,24 @@

<div class="main-container">
<div class="w-100 pb-5">
<main id="main" class="content container">
<h1 class="mb-3 text-center text-primary http-status-code">404</h1>
<h2 class="mb-5 text-center">Oops! That page can't be found.</h2>
<div class="mb-5">
<p>It looks like nothing was found at this location. You might try with a search:</p>
<form action="https://search.epfl.ch/" class="border-0 p-0">
<div class="search-form input-group">
<label for="search" class="sr-only">Search</label>
<input id="search" type="text" class="form-control" name="q" placeholder="Search in the EPFL Web">
<button type="submit" class="d-xl-block btn btn-primary input-group-append">Validate</button>
<main id="main" class="content">
<section class="error-404 not-found">
<div class="page-content container">
<p class="h1 mt-4 error-title">404</p>
<h1 class="h3 text-center">
Oops! That page can't be found.
</h1>
<div class="mt-5 pt-2">
<form action="https://search.epfl.ch/" class="border-0 p-0">
<div class="search-form mt-1 input-group">
<label for="search" class="sr-only">Search</label>
<input type="text" class="form-control" name="search" placeholder="Search in the EPFL Web">
<button type="submit" class="d-none d-sm-block btn btn-primary input-group-append">Validate</button>
</div>
</form>
</div>
</form>
</div>
</div>
</section>
</main>
</div>
</div>
Expand Down
29 changes: 17 additions & 12 deletions src/errors/404-fr.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,19 +34,24 @@

<div class="main-container">
<div class="w-100 pb-5">
<main id="main" class="content container">
<h1 class="mb-3 text-center text-primary http-status-code">404</h1>
<h2 class="mb-5 text-center">Oops ! Cette page est introuvable.</h2>
<div class="mb-5">
<p>On dirait que cette adresse n'existe pas sur le site. Essayez avec une recherche :</p>
<form action="https://search.epfl.ch/" class="border-0 p-0">
<div class="search-form input-group">
<label for="search" class="sr-only">Recherche</label>
<input id="search" type="text" class="form-control" name="q" placeholder="Rechercher sur le Web de l'EPFL">
<button type="submit" class="d-xl-block btn btn-primary input-group-append">Valider</button>
<main id="main" class="content">
<section class="error-404 not-found">
<div class="page-content container">
<p class="h1 mt-4 error-title">404</p>
<h1 class="h3 text-center">
Oops ! Cette page est introuvable.
</h1>
<div class="mt-5 pt-2">
<form action="https://search.epfl.ch/" class="border-0 p-0">
<div class="search-form mt-1 input-group">
<label for="search" class="sr-only">Recherche</label>
<input type="text" class="form-control" name="search" placeholder="Rechercher sur le Web de l'EPFL">
<button type="submit" class="d-none d-sm-block btn btn-primary input-group-append">Valider</button>
</div>
</form>
</div>
</form>
</div>
</div>
</section>
</main>
</div>
</div>
Expand Down

0 comments on commit a3230bf

Please sign in to comment.