add error pages
authorymh <ymh.work@gmail.com>
Tue, 21 Jan 2014 01:58:55 +0100
changeset 272 cc56a4ba2cfb
parent 271 e1788ddfeedf
child 273 fb1d0e116be9
add error pages
sbin/sync/config.py.tmpl
src/jocondelab/static/jocondelab/css/front-common.css
src/jocondelab/templates/403.html
src/jocondelab/templates/404.html
src/jocondelab/templates/500.html
--- a/sbin/sync/config.py.tmpl	Mon Jan 20 11:23:02 2014 +0100
+++ b/sbin/sync/config.py.tmpl	Tue Jan 21 01:58:55 2014 +0100
@@ -37,6 +37,8 @@
         "P index/***",
         "P static/media/***",
         "P crossdomain.xml",
+        "P 404.html",
+        "P 500.html",
     ],
     'venv': [
         "+ core",
--- a/src/jocondelab/static/jocondelab/css/front-common.css	Mon Jan 20 11:23:02 2014 +0100
+++ b/src/jocondelab/static/jocondelab/css/front-common.css	Tue Jan 21 01:58:55 2014 +0100
@@ -532,6 +532,12 @@
     font-style: italic; margin-top: 5px;
 }
 
+/* error page */
+.http-error {
+    font-size: 18px; margin: 10px 0;
+}
+
+
 /* Smaller screens adaptation */
 
 @media screen and (max-width: 720px) {
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/jocondelab/templates/403.html	Tue Jan 21 01:58:55 2014 +0100
@@ -0,0 +1,12 @@
+{% extends "jocondelab/front_base.html" %}
+{% load i18n %}
+
+{% block title %}JocondeLab &raquo; {% trans 'accès interdit' %}{% endblock %}
+
+{% block breadcrumbs %}{% trans 'accès interdit' %}{% endblock %}
+
+{% block main %}
+<div class="http-error">
+{% trans "L'accès à cette page est protégé" %}
+</div>
+{% endblock %}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/jocondelab/templates/404.html	Tue Jan 21 01:58:55 2014 +0100
@@ -0,0 +1,12 @@
+{% extends "jocondelab/front_base.html" %}
+{% load i18n %}
+
+{% block title %}JocondeLab &raquo; {% trans 'Erreur 404' %}{% endblock %}
+
+{% block breadcrumbs %}{% trans 'Erreur 404' %}{% endblock %}
+
+{% block main %}
+<div class="http-error">
+{% trans "Cette page n'est pas disponible" %}
+</div>
+{% endblock %}
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/jocondelab/templates/500.html	Tue Jan 21 01:58:55 2014 +0100
@@ -0,0 +1,92 @@
+{% load static %}
+<!doctype html>
+
+<html lang="fr">
+    <head>
+    
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link rel="SHORTCUT ICON" href="{% get_static_prefix %}jocondelab/img/favicon.ico" />
+        <title>JocondeLab &raquo; Erreur d'application</title>
+
+        <link rel="stylesheet" href="{% get_static_prefix %}jocondelab/css/front-common.css" type="text/css"/>
+    </head>
+    <body>
+    
+        <div class="menu-wrapper language-menu-wrapper">
+            <ul class="language-menu menu-list">
+            <li>&nbsp;</li>
+            </ul>
+        </div>
+        <div class="header-wrapper">
+            <header>
+                <h1><a href="{% url 'front_home' %}">Joconde<span class="title-lab">Lab</span></a></h1>
+                <h2 class="breadcrumbs">Erreur d'application</h2>
+                <div class="clearer"></div>
+            </header>
+        </div>
+        <div class="menu-wrapper main-menu-wrapper">
+            <ul class="main-menu menu-list">
+                <li class="menu-item">
+                    <a href="{% url 'front_home' %}">Accueil</a>
+                </li>
+                {% url 'front_about' as url %}
+                <li class="menu-item">
+                    <a href="{{url}}" title="Tout savoir sur l'expérimentation JocondeLab.">À propos</a>
+                </li>
+                {% url 'front_geo' as url %}
+                <li class="menu-item">
+                    <a href="{{url}}" title="Découvrez le monde à travers les collections des musées de France." >Mappemonde</a>
+                </li>
+                {% url 'front_timeline' as url %}
+                <li class="menu-item">
+                    <a href="{{url}}" title="Découvrez les collections des musées de France au fil du temps (période ou date précise).">Chronologie</a>
+                </li>
+                {% url 'front_termlist' as url %}
+                <li class="menu-item">
+                    <a href="{{url}}" title="Choisissez un artiste, un sujet représenté, un domaine ou une époque d'un simple clic.">Mots-clés</a>
+                </li>
+                {% url 'random_describe' as url %}
+                <li class="menu-item">
+                    <a href="{{url}}" title="Aidez-nous à décrire le sujet d'une œuvre à l'aide de Wikipédia.">Contribuer</a>
+                </li>
+                {% url 'front_students' as url %}
+                <li class="menu-item">
+                    <a href="{{url}}" title="Consultez les travaux des étudiants faits à partir de la base Joconde.">Galerie de créations</a>
+                </li>
+            </ul>
+        </div>
+    
+        <div class="main-wrapper">
+            <section class="main">
+                <h2 class="http-error">
+                Erreur d'application.
+                </h2>
+            </section>
+            <footer>
+                <ul class="footer-links">
+                    <li>
+                        
+                        <a href="/jocondelab/legal/">Mentions légales</a>
+                    </li>
+                    <li>
+                        
+                        <a href="/jocondelab/credits/">Crédits</a>
+                    </li>
+                </ul>
+                <p>Ce site vous est proposé par
+                    <a href="http://www.culture.gouv.fr/" title="Ministère de la Culture et de la Communication" target="_blank">
+                        <img src="{% get_static_prefix %}jocondelab/img/logo_mcc_footer.png" alt="Logo du Ministère de la Culture et de la Communication" />
+                    </a>
+                    et
+                    <a href="http://www.iri.centrepompidou.fr/" title="Institut de Recherche et d'Innovation" target="_blank">
+                        <img src="{% get_static_prefix %}jocondelab/img/logo_IRI_footer.png" alt="Logo de l'Institut de Recherche et d'Innovation" />
+                    </a>
+                     
+                </p>
+            
+            </footer>
+        </div>
+
+    </body>
+</html>