intranet-core 1.0.0

data/lib/intranet/core/haml_wrapper.rb

@@ -0,0 +1,60 @@
+# frozen_string_literal: true
+
+require 'haml'
+
+module Intranet
+  class Core
+    # Wrapps the Haml engine from the Haml gem.
+    # This module has to be included in any class wanting to generate a HTML/XML
+    # from HAML templates.
+    module HamlWrapper
+      # @!visibility protected
+      # The default path to the HAML files.
+      DEFAULT_HAML_DIR = File.join(__dir__, '..', 'resources', 'haml')
+
+      class << self
+        # @!visibility protected
+        # Haml load path (not to be modified directly)
+        attr_accessor :load_path
+      end
+
+      # @!visibility protected
+      # Initializes HAML templates load path.
+      # @param default_haml_dir [String] The path to the directory containing default HAML
+      #                                  templates.
+      def self.initialize(default_haml_dir = DEFAULT_HAML_DIR)
+        self.load_path = [default_haml_dir]
+      end
+
+      # @!visibility protected
+      # Adds a HAML templates directory.
+      # @param dir [String] The path to the directory to add.
+      def self.add_path(dir)
+        HamlWrapper.load_path.unshift(dir) # prepend load_path
+      end
+
+      # Generate the HTML/XML from a given HAML template.
+      # @param template [String] The name of the HAML template to use.
+      # @param content [Hash] The additional content required to generate the HTML/XML.
+      # @return [String] The HTML/XML content.
+      def to_markup(template, content = {})
+        fd = File.read(find_template(template))
+        Haml::Engine.new(fd, escape_html: false).render(self, content)
+      rescue Errno::ENOENT # template file does not exists
+        ''
+      end
+
+      private
+
+      # Look for an HAML template in the registered paths.
+      # @return [String] The path to the template if it exists, an empty string otherwise.
+      def find_template(template)
+        HamlWrapper.load_path.each do |dir|
+          candidate = File.join(dir, template + '.haml')
+          return candidate if File.exist?(candidate)
+        end
+        ''
+      end
+    end
+  end
+end

data/lib/intranet/core/locales.rb

@@ -0,0 +1,47 @@
+# frozen_string_literal: true
+
+require 'i18n'
+
+module Intranet
+  class Core
+    # @!visibility protected
+    # Wrapps the initialisation of the i18n internationalization gem.
+    module Locales
+      # The default path to the locales files.
+      DEFAULT_LOCALES_DIR = File.join(__dir__, '..', 'resources', 'locales')
+
+      # Initializes translation units.
+      # @param default_locales_dir [String] The path to the directory containing default translation
+      #                                     units.
+      def self.initialize(default_locales_dir = DEFAULT_LOCALES_DIR)
+        I18n.load_path = translation_files(default_locales_dir)
+        I18n.available_locales = available_locales(default_locales_dir)
+        begin
+          I18n.default_locale = ENV['LANG'].split('.')[0].split('_')[0].to_sym
+        rescue NoMethodError, I18n::InvalidLocale
+          I18n.default_locale = :en
+        end
+      end
+
+      # Adds a translation units directory.
+      # @param dir [String] The path to the directory to add.
+      def self.add_path(dir)
+        I18n.load_path = Dir.glob(File.join(dir, '*.yml')) + I18n.load_path # prepend load_path
+      end
+
+      # private
+
+      def self.translation_files(dir)
+        Dir.glob(File.join(dir, '*.yml'))
+      end
+      private_class_method :translation_files
+
+      def self.available_locales(dir)
+        translation_files(dir).map do |file|
+          File.basename(file, File.extname(file)).to_sym
+        end
+      end
+      private_class_method :available_locales
+    end
+  end
+end

data/lib/intranet/core/servlet.rb

@@ -0,0 +1,42 @@
+# frozen_string_literal: true
+
+require 'uri'
+require 'webrick'
+require 'webrick/httpstatus'
+
+module Intranet
+  class Core
+    # @!visibility protected
+    # WEBrick servlet for the Intranet.
+    class Servlet < WEBrick::HTTPServlet::AbstractServlet
+      # Initializes a new Servlet instance.
+      # @param server [WEBrick::HTTPServer] The web server.
+      # @param builder [Intranet::Core::Builder] The web pages builder.
+      def initialize(server, builder)
+        super(server)
+        @builder = builder
+      end
+
+      # Processes a GET request issued to the web server.
+      # @param request [WEBrick::HTTPRequest] The GET request.
+      # @param response [WEBrick::HTTPResponse] Fields +status+, +content_type+ and +body+ are
+      #                                         filled with the server response.
+      def do_GET(request, response) # rubocop:disable Naming/MethodName
+        # See https://github.com/nahi/webrick/blob/master/lib/webrick/httprequest.rb
+        # We could use request.request_uri (which is a URI object) but its path is not normalized
+        # (it may contain '../' or event start with '..'). Hence we use request.past which has been
+        # normalized with HTTPUtils::normalize_path, and request.query for the URL parameters.
+        path = request.path
+        path += 'index.html' if path[-1] == '/' # path is normalized (ie. does not contain '../')
+
+        status, content_type, body = @builder.do_get(path, request.query)
+
+        raise WEBrick::HTTPStatus[status] if WEBrick::HTTPStatus.error?(status)
+
+        response.status = status
+        response.content_type = content_type
+        response.body = body
+      end
+    end
+  end
+end

data/lib/intranet/core/version.rb

@@ -0,0 +1,8 @@
+# frozen_string_literal: true
+
+module Intranet
+  class Core
+    # The version of the Intranet core, according to semantic versionning.
+    VERSION = '1.0.0'
+  end
+end

data/lib/intranet/logger.rb

@@ -0,0 +1,38 @@
+# frozen_string_literal: true
+
+require 'webrick'
+
+module Intranet
+  # The default logger for the Intranet. It is based on +WEBrick::BasicLog+ but adds timestamp and
+  # colors to the messages.
+  class Logger < WEBrick::BasicLog
+    COLOR = {
+      FATAL => "\033[1;37;41m",
+      ERROR => "\033[0;31m",
+      WARN => "\033[0;33m",
+      INFO => "\033[0;36m",
+      DEBUG => "\033[0;35m"
+    }.freeze
+    private_constant :COLOR
+
+    # Initializes a new logger for $stderr that outputs messages at +level+ or higher.
+    # +level+ can be modified later (attribute accessor).
+    # @param level The initial log level.
+    def initialize(level = INFO)
+      super($stderr, level)
+    end
+
+    # Logs a message at a given level if it is above the current log level.
+    # @param level The level of the message
+    # @param msg [String] The message
+    def log(level, msg)
+      super(level, COLOR[level] + Time.now.strftime('[%Y-%m-%d %H:%M:%S] ') + msg + "\033[0m")
+    end
+
+    # Logs an object that responds to +to_s+ at level INFO.
+    # @param obj [Object] The object to log.
+    def <<(obj)
+      info(obj.to_s.chomp)
+    end
+  end
+end

data/lib/intranet/resources/haml/http_error.haml

@@ -0,0 +1,27 @@
+!!! 5
+%html
+  %head
+    %title
+      = HTMLEntities.new.encode(I18n.t('nav.error.http'), :named) + ' ' + error.to_s + ' | '
+      = HTMLEntities.new.encode(I18n.t('nav.error.http_' + error.to_s + '.short'), :named)
+    %meta{charset: 'utf-8'}
+    %link{rel: 'icon', type: 'image/x-icon', href: '/design/favicon.ico'}
+    %link{rel: 'stylesheet', type: 'text/css', href: '/design/style.css'}
+  %body
+    %header
+      %h1
+        %a{href: '/index.html'}= Socket.gethostname.capitalize
+    %main
+      %section#error
+        %h2
+          = HTMLEntities.new.encode(I18n.t('nav.error.http'), :named) + ' ' + error.to_s
+          %br
+          = HTMLEntities.new.encode(I18n.t('nav.error.http_' + error.to_s + '.short'), :named)
+        %p
+          %img{src: '/design/error.png', alt: ''}
+          %br
+          = HTMLEntities.new.encode(I18n.t('nav.error.http_' + error.to_s + '.full'), :named)
+          %br
+          %br
+          %a{href: '/index.html'}= HTMLEntities.new.encode(I18n.t('nav.back.home'), :named)
+    %footer

data/lib/intranet/resources/haml/skeleton.haml

@@ -0,0 +1,52 @@
+!!! 5
+%html
+  %head
+    %title= Socket.gethostname.capitalize + ' | ' + body[:title]
+    %meta{charset: 'utf-8'}
+    %link{rel: 'icon', type: 'image/x-icon', href: '/design/favicon.ico'}
+    - css.each do |url|
+      %link{rel: 'stylesheet', type: 'text/css', href: url}
+    - js.each do |url|
+      %script{src: url, defer: 'defer'}
+  %body
+    %header
+      %a{id: 'openmenu', onclick: 'openNavMenu();'}= '☰'
+      %h1
+        %a{href: '/index.html', title: I18n.t('nav.back.home')}= Socket.gethostname.capitalize
+      %nav
+        %a{id: 'closemenu', onclick: 'closeNavMenu();'}= '×'
+        %ul
+          - responders.children_nodes.each do |child_id, child_node|
+            %li
+              - if child_node.children? # Create a dropdown menu entry
+                %a= I18n.t(child_id + '.menu')
+                %ul
+                  - child_node.children_nodes.each do |child_url, node|
+                    %li
+                      %a{href: '/' + child_id + '/' + child_url + '/index.html'}
+                        = I18n.t(child_id + '.' + child_url + '.menu')
+              - else # Create a regular menu entry
+                %a{href: '/' + child_id + '/index.html'}= I18n.t(child_id + '.menu')
+
+    - if is_home
+      %aside
+
+    %main
+      = body[:content]
+
+    %footer
+      %p
+        = I18n.t('nav.generated.page') + ' ' + I18n.t('nav.generated.on_host') + ' '
+        %em= Socket.gethostname
+        = ' ' + I18n.t('nav.generated.on_date') + ' ' + Time.now.strftime(I18n.t('date_format'))
+        = ' ' + I18n.t('date_time_separator') + Time.now.strftime(I18n.t('time_format'))
+        %br
+        %a{onclick: 'openModal();'}= I18n.t('nav.about')
+      %aside#modal
+        %div#modal-content
+          %h2= 'Intranet'
+          %h3
+            = 'core' + '  '
+            %em= Intranet::Core::VERSION
+          %p
+            %a{href: 'https://bitbucket.org/linuxtools/intranet.git', target: '_blank'}= 'https://bitbucket.org/linuxtools/intranet.git'

data/lib/intranet/resources/haml/title_and_breadcrumb.haml

@@ -0,0 +1,8 @@
+%h2= title
+%ul.breadcrumb
+  - nav.each do |name, url|
+    - if url.nil?
+      %li= name
+    - else
+      %li
+        %a{ href: url }= name

data/lib/intranet/resources/locales/en.yml

@@ -0,0 +1,46 @@
+# en.yml - Translation file for the IntraNet in en-GB/en-US
+---
+
+en:
+  # Date and time format, as inputs to strftime
+  date_format: '%Y-%m-%d'
+  time_format: '%H:%M'
+  date_time_separator: ''
+
+  # Translations for navigation elements
+  nav:
+    home: 'Home'
+    about: 'About'
+    back:
+      home: 'Back to the homepage'
+    generated:
+      page: 'Page generated'
+      on_host: 'on'
+      on_date: 'on'
+    error:
+      http: 'Error'
+      http_400: {short: 'Bad Request', full: 'The request could not be understood by the server.'}
+      http_401: {short: 'Unauthorized', full: 'The requested page requires user authentication.'}
+      http_402: {short: 'Payment Required', full: 'The requested page requires payment.'}
+      http_403: {short: 'Forbidden', full: 'Access to the requested page is forbidden.'}
+      http_404: {short: 'Not Found', full: 'The requested page cannot be found.'}
+      http_405: {short: 'Method Not Allowed', full: 'The method specified in the request is not allowed for this resource.'}
+      http_406: {short: 'Not Acceptable', full: 'The request could not be accepted by the server.'}
+      http_407: {short: 'Proxy Authentication Required', full: 'The requested page requires user authentication with the proxy.'}
+      http_408: {short: 'Request Timeout', full: 'The server did not receive the request in the expected delay.'}
+      http_409: {short: 'Conflict', full: 'The request could not be completed due to a conflict with the current state of the resource.'}
+      http_410: {short: 'Gone', full: 'The requested resource is no longer available at the server and no forwarding address is known.'}
+      http_411: {short: 'Length Required', full: 'The request could not be understood by the server.'}
+      http_412: {short: 'Precondition Failed', full: 'The request could not be completed by the server.'}
+      http_413: {short: 'Request Entity Too Large', full: 'The request could not be completed by the server.'}
+      http_414: {short: 'Request-URI Too Long', full: 'The request could not be completed by the server.'}
+      http_415: {short: 'Unsupported Media Type', full: 'The request could not be completed by the server.'}
+      http_416: {short: 'Requested Range Not Satisfiable', full: 'The request could not be completed by the server.'}
+      http_417: {short: 'Expectation Failed', full: 'The request could not be completed by the server.'}
+      http_500: {short: 'Internal Server Error', full: 'The server encountered an unexpected error and is unable to fulfill the request.'}
+      http_501: {short: 'Not Implemented', full: 'The server does not support the functionality required to fulfill the request.'}
+      http_502: {short: 'Bad Gateway', full: 'The server received an invalid response from the upstream server.'}
+      http_503: {short: 'Service Unavailable', full: 'The server is temporary unable to handle the request. Please try again later.'}
+      http_504: {short: 'Gateway Timeout', full: 'The server did not receive a response from the upstream server in the expected delay.'}
+      http_505: {short: 'HTTP Version Not Supported', full: 'The server does not support the HTTP protocol version that was used in the request message.'}
+      load: 'Load error!'

data/lib/intranet/resources/locales/fr.yml

@@ -0,0 +1,46 @@
+# fr.yml - Translation file for the IntraNet in fr-FR
+---
+
+fr:
+  # Date and time format, as inputs to strftime
+  date_format: '%d/%m/%Y'
+  time_format: '%Hh%M'
+  date_time_separator: 'à '
+
+  # Translations for navigation elements
+  nav:
+    home: 'Accueil'
+    about: 'À propos'
+    back:
+      home: 'Retour à l''accueil'
+    generated:
+      page: 'Page générée'
+      on_host: 'sur'
+      on_date: 'le'
+    error:
+      http: 'Erreur'
+      http_400: {short: 'Requête malformée', full: 'La syntaxe de la requête est erronée.'}
+      http_401: {short: 'Authentification requise', full: 'La page demandée requiert une authentification.'}
+      http_402: {short: 'Paiement requis', full: 'La page demandée requiert un paiement.'}
+      http_403: {short: 'Accès interdit', full: 'L''accès à la page demandée est interdit.'}
+      http_404: {short: 'Page non trouvée', full: 'La page demandée n''existe pas.'}
+      http_405: {short: 'Méthode non autorisée', full: 'La méthode de requête n''est pas autorisée.'}
+      http_406: {short: 'Page non disponible', full: 'La page demandée n''est pas disponible.'}
+      http_407: {short: 'Authentification avec le proxy requise', full: 'La page demandée requiert une authentification avec le proxy.'}
+      http_408: {short: 'Requête expirée', full: 'Le client n''a pas produit de requête dans le délai que le serveur était prêt à attendre.'}
+      http_409: {short: 'Conflit', full: 'La page demandée n''est pas disponible.'}
+      http_410: {short: 'Page déplacée', full: 'La page demandée n''est plus disponible et aucune adresse de redirection n''est connue.'}
+      http_411: {short: 'Requête malformée', full: 'La longueur de la requête n''a pas été précisée.'}
+      http_412: {short: 'Précondition non vérifiée', full: 'La requête n''a pas pu être traitée par le server.'}
+      http_413: {short: 'Requête trop grande', full: 'La requête n''a pas pu être traitée par le server.'}
+      http_414: {short: 'URI trop longue', full: 'La requête n''a pas pu être traitée par le server.'}
+      http_415: {short: 'Format de requête non supporté', full: 'La requête n''a pas pu être traitée par le server.'}
+      http_416: {short: 'Requête incorrecte', full: 'La requête n''a pas pu être traitée par le server.'}
+      http_417: {short: 'Requête incorrecte', full: 'La requête n''a pas pu être traitée par le server.'}
+      http_500: {short: 'Erreur interne du serveur', full: 'Le serveur a rencontré une erreur et est incapable de poursuivre le traitement de la requête.'}
+      http_501: {short: 'Fonction non supportée', full: 'La fonctionnalité requise n''est pas supportée par le serveur.'}
+      http_502: {short: 'Réponse invalide', full: 'Le serveur a reçu une réponse invalide depuis le serveur distant.'}
+      http_503: {short: 'Service indisponible', full: 'Le serveur est temporairement indisponible.'}
+      http_504: {short: 'Délai d''attente de la réponse dépassé', full: 'Le serveur distant n''a pas répondu dans le délai attendu.'}
+      http_505: {short: 'Version du protocole HTTP non supportée', full: 'Le serveur ne gère pas la version demandée du protocole HTTP.'}
+      load: 'Erreur de chargement !'

data/lib/intranet/resources/www/nav.js

@@ -0,0 +1,25 @@
+/**
+ * nav.js
+ * JavaScript functions for the main navigation menu (used on small screens)
+ * and for the modal box.
+ */
+
+
+function openNavMenu() {
+  document.querySelectorAll('header nav')[0].style.width = 'auto';
+}
+
+function closeNavMenu() {
+  document.querySelectorAll('header nav')[0].style.width = '0';
+}
+
+function openModal() {
+  document.getElementById('modal').style.display = 'block';
+}
+
+window.onclick = function(event) {
+  if (event.target == document.getElementById('modal')) {
+    document.getElementById('modal').style.display = 'none';
+  }
+}
+

data/lib/intranet/resources/www/style.css

@@ -0,0 +1,306 @@
+/**
+ * style.css
+ * Design for the IntraNet core.
+ */
+
+/******************************* External Fonts *******************************/
+
+@font-face {
+    font-family: "Source Sans Pro";
+    font-style: normal;
+    font-weight: 300;
+    src: url("fonts/SourceSansPro.woff2") format("woff2");
+    unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
+}
+
+/******************************* General design *******************************/
+
+body, html {
+    padding: 0px;
+    margin: 0px;
+    height: 100%;
+}
+body {
+    background: #1e262b url('background.jpg') fixed top right no-repeat;
+    font-family: "Source Sans Pro", Cantarell, sans-serif;
+    color: black;
+}
+/* Mobile devices only */
+@media only screen and (max-width: 600px), only screen and (max-device-width: 600px) {
+    body {
+        font-size: 180%;
+    }
+}
+
+a {
+    color: inherit;
+    text-decoration: inherit;
+    cursor: pointer;
+}
+
+/********************************* Navigation *********************************/
+
+header {
+    position: fixed;
+    top: 0px;
+    width: 100%;
+    margin: auto;
+    height: 57px;
+    background-color: #1e262b;
+    color: white;
+    z-index: 2;
+}
+header h1 {
+    float: left;
+    font-size: 225%;
+    font-weight: 500;
+    margin: 0px;
+    padding: 5px 20px 8px; /* top sides bottom */
+}
+header nav {
+    float: right;
+    padding: 0px 20px;
+}
+header nav ul {
+    margin: 0px;
+    padding: 0px;
+}
+header nav > ul > li {
+    display: inline-block;
+}
+header nav > ul > li a, header a#openmenu, header a#closemenu {
+    display: block;
+    padding: 16px 20px;
+    margin: 0px;
+    font-size: 125%;
+    color: rgba(255, 255, 255, 0.7);
+}
+header nav > ul > li a:hover {
+    color: rgba(255, 255, 255, 1.0);
+}
+
+/* dropdown menus */
+header nav > ul > li > ul {
+    display: none;
+    background-color: #1e262b;
+    position: absolute;
+}
+header nav > ul > li > ul > li {
+    display: block;
+}
+header nav > ul > li > ul > li a {
+    padding: 8px 20px;
+}
+header nav > ul > li:hover > ul, header nav > ul > li:active > ul {
+    display: block;
+}
+
+header a#openmenu, header a#closemenu {
+    display: none;
+}
+
+/* Mobile devices only */
+@media only screen and (max-width: 600px), only screen and (max-device-width: 600px) {
+    header {
+        height: 100px;
+    }
+    header a#openmenu {
+        display: block;
+        position: absolute;
+        top: 0;
+        left: 0;
+        font-size: 190%;
+        font-weight: bold;
+        color: white;
+    }
+    header nav a#closemenu {
+        display: block;
+        font-size: 250%;
+        font-weight: bold;
+        color: white;
+        text-align: right;
+        margin-right: 0.5em;
+    }
+    header h1 {
+        float: none;
+        text-align: center;
+    }
+    header nav {
+        position: fixed;
+        top: 0;
+        left: 0;
+        height: 100%;
+        padding: 0;
+        z-index: 1;
+        background: inherit;
+        font-size: 125%;
+        overflow-y: scroll;
+        width: 0;
+        max-width: 100%;
+    }
+    header nav > ul {
+        height: auto;
+        margin: 0px 0px 50px; /* top sides bottom */
+    }
+    header nav > ul > li {
+        display: block;
+    }
+    header nav > ul > li a {
+        color: rgba(255, 255, 255, 1.0);
+        margin-top: 35px;
+        padding: 10px 150px 10px 40px; /* top right bottom left */
+    }
+    header nav > ul > li > ul {
+        display: block;
+        position: static; /* reset absolute positionning */
+    }
+    header nav > ul > li > ul > li a {
+        color: rgba(255, 255, 255, 0.7);
+        margin: 0px;
+        padding: 10px 100px 10px 90px; /* top right bottom left */
+    }
+    header nav li a:hover {
+        color: inherit;
+        background-color: #c2c2c2;
+    }
+}
+
+/* breadcrump navigation menu */
+ul.breadcrumb {
+    list-style: none;
+    padding: 0px;
+    font-size: 90%;
+    margin-bottom: 50px;
+}
+ul.breadcrumb li {
+    display: inline;
+}
+ul.breadcrumb li+li:before {
+    padding: 4px;
+    content: "/\00a0";
+}
+ul.breadcrumb li a, main article a {
+    color: #748ea3;
+}
+
+/* Mobile devices only */
+@media only screen and (max-width: 600px), only screen and (max-device-width: 600px) {
+    ul.breadcrumb {
+        display: none;
+    }
+}
+
+/******************************** Main content *******************************/
+
+body > aside {
+    height: 45%;
+    min-height: 350px;
+    max-height: 500px; /* less than height of background.jpg */
+}
+
+body > main {
+    background: #f2f2f2;
+    padding: 57px 0px; /* height of the navigation bar */
+    min-height: 500px; /* lower or equal to height of background.jpg (with padding) */
+}
+
+body > main section, body > main article, body > main hr, body > footer p {
+    width: 75%;
+    max-width: 1200px;
+    margin: auto;
+}
+body > main hr {
+    height: 2px;
+    border: 0px;
+    background: #1e262b;
+    margin-top: 3em;
+    margin-bottom: 3em;
+}
+
+/* Mobile devices only */
+@media only screen and (max-width: 600px), only screen and (max-device-width: 600px) {
+    body > main {
+        padding: 100px 0px;
+    }
+    body > main section, main hr, footer p {
+        width: 90%;
+    }
+}
+
+body > main section h2 {
+    font-size: 200%;
+    text-align: center;
+    margin: 50px 0px 2em; /* top sides bottom */
+}
+body > main article h2 {
+    margin-bottom: 40px;
+}
+body > main section h3 {
+    margin: 3em 0px 1em; /* top sides bottom */
+}
+
+body > main div.loading {
+    width: 100px;
+    height: 100px;
+    margin: auto;
+    border: 16px solid #eaeaea;
+    border-radius: 50%;
+    border-top: 16px solid #a0c5e2;
+    animation: spin 2s linear infinite;
+}
+@keyframes spin { /* animation definition */
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+}
+
+body > footer {
+    background: #1e262b;
+    text-align: center;
+    color: white;
+    padding: 15px 0px; /* top sides */
+    font-size: 10pt;
+}
+body > footer aside#modal { /* modal box container */
+    display: none;
+    position: fixed;
+    z-index: 10;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    overflow: auto;
+    color: black;
+    background-color: rgba(0, 0, 0, 0.8);
+}
+body > footer aside#modal #modal-content { /* modal box */
+    background-color: #f2f2f2;
+    margin: 15% auto;
+    padding: 20px 25px 40px; /* top sides bottom */
+    border: 1px solid #1e262b;
+    width: 400px;
+    font-size: 125%;
+}
+/* Mobile devices only */
+@media only screen and (max-width: 600px), only screen and (max-device-width: 600px) {
+    body > footer {
+        font-size: 13pt;
+    }
+}
+
+
+/********************************* Error pages *********************************/
+
+section#error h2 {
+    color: #ff3333;
+}
+section#error p {
+    text-align: center;
+}
+section#error p img {
+    width: 25%;
+    margin-bottom: 3em;
+}
+section#error a {
+    color: #748ea3;
+}
+