public/404.html

<!DOCTYPE html>
<html lang="fr-FR">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <title>404 Page not found | Reticulum</title>
    <link rel="stylesheet" href="/css/style.css" />
    <link rel="shortcut icon" href="img/reticulum.ico">
		
  </head>


404 NOT FOUND

  <footer>
  
  
  CC-BY Master DIIS, Master DNHD, Florian Harmand &amp; Arthur Perret 2020 • <a href="mailto:florian.harman@gmail.com,arthur.perret@u-bordeaux-montaigne.fr">Contact</a>
  
  </footer>
  <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  <script>
var size=20;
$(document).ready(function() {
$("#normal").hide();
$("#expand").hide();


    $(".collapse.show").each(function(){
    $(this).prev(".card-header").find(".fa").addClass("fa-sort-up").removeClass("fa-sort-down");
  });

  $(".collapse").on('show.bs.collapse', function(){
    $(this).prev(".card-header").find(".fa").removeClass("fa-sort-down").addClass("fa-sort-up");
  }).on('hide.bs.collapse', function(){
    $(this).prev(".card-header").find(".fa").removeClass("fa-sort-up").addClass("fa-sort-down");
  });


  var docHeight = $(document).height(),windowHeight = $(window).height(),scrollPercent;

$(window).scroll(function() {
  scrollPercent = $(window).scrollTop() / (docHeight - windowHeight) * 100;

  $('.scroll-progress').width(scrollPercent + '%');
  });


$(function(){
  $("#btn-search").click(function(){
    var search = $("#search").val();
    
    search = search.replace(/ /g, "-");
    
    window.location.href = "https:\/\/revue.reticulum.info\/" + search + "";
    });
  });


$( "#blackmode" ).click(function() {
    $('body').css({"background-color":"black","color":"white"});
    $('.menu').css({"color":"black"});
    $('.arrow').css({"fill":"white"});
    $('label').css({"color":"black"});
    $("#normal").show();
    $("#blackmode").hide();
  });

  $( "#normal" ).click(function() {
    $('body').css({"background-color":"white","color":"black"});
    $('.arrow').css({"fill":"black"});
    $("#blackmode").show();
    $("#normal").hide();
  });
  

  $("#grow").click(function() {
    $("p").css("font-size", size + 1 + "px");
    size++;
  });

  $("#reduce").click(function() {
    $("p").css("font-size", size - 1 + "px");
    size--;
  });
  

$('#open').click(function() {
 $('#expand').animate({width:'toggle'},250);
});


});
  </script>