diff --git a/app/escriptorium/static/images/ephe.png b/app/escriptorium/static/images/ephe.png
new file mode 100644
index 0000000000000000000000000000000000000000..6856c3805d904a95eb64c4611840b829eb974b61
Binary files /dev/null and b/app/escriptorium/static/images/ephe.png differ
diff --git a/app/escriptorium/static/images/favicon.ico b/app/escriptorium/static/images/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..5ef967a6a8fe2321c3850205a24b150aa31ffc7f
Binary files /dev/null and b/app/escriptorium/static/images/favicon.ico differ
diff --git a/app/escriptorium/static/images/h2020.jpg b/app/escriptorium/static/images/h2020.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..9977dd90d6a92066fb847a2823d1f71fe0799ddb
Binary files /dev/null and b/app/escriptorium/static/images/h2020.jpg differ
diff --git a/app/escriptorium/static/images/horizon.jpg b/app/escriptorium/static/images/horizon.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..1ef9d3b92b72e271613c1c228d7a0502c6afd899
Binary files /dev/null and b/app/escriptorium/static/images/horizon.jpg differ
diff --git a/app/escriptorium/static/images/inria.png b/app/escriptorium/static/images/inria.png
new file mode 100644
index 0000000000000000000000000000000000000000..bbec4993b89fd379f1bc859c2723c7ff931b7b4d
Binary files /dev/null and b/app/escriptorium/static/images/inria.png differ
diff --git a/app/escriptorium/static/images/openiti.png b/app/escriptorium/static/images/openiti.png
new file mode 100644
index 0000000000000000000000000000000000000000..0be04e49b604f0ea013c52a317e93d28a7db4055
Binary files /dev/null and b/app/escriptorium/static/images/openiti.png differ
diff --git a/app/escriptorium/static/images/psl.png b/app/escriptorium/static/images/psl.png
new file mode 100644
index 0000000000000000000000000000000000000000..a5df9793088b1b6c6e78321a80abfe5b7ac57076
Binary files /dev/null and b/app/escriptorium/static/images/psl.png differ
diff --git a/app/escriptorium/static/images/pslscripta.png b/app/escriptorium/static/images/pslscripta.png
new file mode 100644
index 0000000000000000000000000000000000000000..e5850eb2544e912f0a865216d3afeb8f54544aa7
Binary files /dev/null and b/app/escriptorium/static/images/pslscripta.png differ
diff --git a/app/escriptorium/static/images/regionidf.jpg b/app/escriptorium/static/images/regionidf.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..c8d08a09da84bbc3b8add3d8f14fc8bc45886b39
Binary files /dev/null and b/app/escriptorium/static/images/regionidf.jpg differ
diff --git a/app/escriptorium/static/images/t1.png b/app/escriptorium/static/images/t1.png
new file mode 100644
index 0000000000000000000000000000000000000000..926bf47050f74f8fd309498a40ca433d3578f109
Binary files /dev/null and b/app/escriptorium/static/images/t1.png differ
diff --git a/app/escriptorium/static/images/t2.png b/app/escriptorium/static/images/t2.png
new file mode 100644
index 0000000000000000000000000000000000000000..c51f244e1a7ed83c5b722951bd5bef1a96fa41b0
Binary files /dev/null and b/app/escriptorium/static/images/t2.png differ
diff --git a/app/escriptorium/static/images/t3.png b/app/escriptorium/static/images/t3.png
new file mode 100644
index 0000000000000000000000000000000000000000..17d0f6b526489d9e566eeeab5de9d18312875524
Binary files /dev/null and b/app/escriptorium/static/images/t3.png differ
diff --git a/app/escriptorium/templates/base.html b/app/escriptorium/templates/base.html
index abfeca7273ece25e6d9c60c698c017babab89ea4..22152b9cf57528b7f4e43d113fd86adf989c7fcc 100644
--- a/app/escriptorium/templates/base.html
+++ b/app/escriptorium/templates/base.html
@@ -10,8 +10,8 @@
{% comment %}
<meta name="description" content="">
<meta name="author" content="">
- <link rel="icon" href="../../favicon.ico">
{% endcomment %}
+ <link rel="icon" href="{% static "images/favicon.ico" %}">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
@@ -25,20 +25,23 @@
{% endblock styles %}
</head>
<body class="{% block bodyclass %}{% endblock %}">
- <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
- <a class="navbar-brand" href="{% url 'home' %}">eScriptorium</a>
- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
- <span class="navbar-toggler-icon"></span>
- </button>
+ <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
+ <a class="navbar-brand" href="{% url 'home' %}">
+ <img src="{% static "images/favicon.ico" %}" width="20" height="20" class="mb-1">
+ eScriptorium</a>
- <div class="collapse navbar-collapse" id="navbarSupportedContent">
- <ul class="navbar-nav mr-auto">
- <li class="nav-item {% block nav-home-class %}{% endblock %}">
- <a class="nav-link" href="{% url 'home'%}">Home</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#">{% trans 'About' %}</a>
+ <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+ <span class="navbar-toggler-icon"></span>
+ </button>
+
+ <div class="collapse navbar-collapse" id="navbarSupportedContent">
+ <ul class="navbar-nav mr-auto">
+ <li class="nav-item {% block nav-home-class %}{% endblock %}">
+ <a class="nav-link" href="{% url 'home'%}">Home</a>
</li>
+ <!-- <li class="nav-item">
+ <a class="nav-link" href="#">{% trans 'About' %}</a>
+ </li> -->
<li class="nav-item">
<a class="nav-link" href="{% url 'contactus' %}">{% trans 'Contact' %}</a>
</li>
diff --git a/app/escriptorium/templates/core/home.html b/app/escriptorium/templates/core/home.html
index 1b9780602495c699fd89a9d827f33105d9254320..71628f572f624d764a50d1716c98512ac4595db7 100644
--- a/app/escriptorium/templates/core/home.html
+++ b/app/escriptorium/templates/core/home.html
@@ -1,14 +1,76 @@
{% extends 'base.html' %}
-{% load i18n %}
+{% load i18n staticfiles %}
{% block head_title %}{% trans "Homepage" %}{% endblock %}
{% block nav-home-class %}active{% endblock %}
{% block body %}
-<div class="jumbotron">
- <h1>eScriptorium</h1>
- <p>{% trans "A project providing digital recognition of handwritten documents using machine learning techniques." %}</p>
- <p><small><a href="https://gitlab.inria.fr/scripta/escriptorium">Version {{ VERSION_DATE }}</a>
- <br/><a href="http://kraken.re/">{{ KRAKEN_VERSION }}</a></small></p>
+<div class="jumbotron text-center bg-light">
+ <h1 class="jumbotron-heading">eScriptorium</h1>
+ <p class="lead text-muted">{% trans "A project providing digital recognition of handwritten documents using machine learning techniques." %}</p>
</div>
+
+<div class="container my-5">
+ <div class="row">
+ <div class="col-lg-4 text-center">
+ <img class="rounded-circle" src="{% static "images/t1.png" %}" alt="" width="140" height="140">
+ <h2>{% trans "Data Interchange" %}</h2>
+ <p class="text-muted">{% trans "Import or Export transcriptions with Alto or Page XML, Import images as zip or IIIF. Access data from any application through a full Rest API." %}</p>
+ </div>
+ <div class="col-lg-4 text-center">
+ <img class="rounded-circle" src="{% static "images/t2.png" %}" alt="Generic placeholder image" width="140" height="140">
+ <h2>{% trans "Manual Edition" %}</h2>
+ <p class="text-muted">{% trans "Make use of an ergonomic user interface leveraging modern browser technology to edit segmentations and transcriptions." %}</p>
+ </div>
+ <div class="col-lg-4 text-center">
+ <img class="rounded-circle" src="{% static "images/t3.png" %}" alt="Generic placeholder image" width="140" height="140">
+ <h2>{% trans "Automatic Transcription" %}</h2>
+ <p class="text-muted">{% trans "Train and apply new neural networks to vastly speed up the transcription process of large corpora." %}</p>
+ </div>
+ </div>
+
+ <hr/>
+</div>
+
+<div class="my-5 container-fluid text-center">
+ <a href="https://www.ephe.psl.eu">
+ <img src="{% static "images/ephe.png" "%}" alt="EPHE logo" height="100">
+ </a>
+ <a href="https://scripta.psl.eu/en/" class="pl-4">
+ <img src="{% static "images/pslscripta.png" "%}" alt="Scripta PSL logo" height="80">
+ </a>
+
+ <a href="https://ec.europa.eu/programmes/horizon2020/" class="pl-4">
+ <img src="{% static "images/h2020.jpg" "%}" alt="Horizon 2020 logo" height="100">
+ </a>
+
+ <a href="https://www.openiti.org/" class="pl-4">
+ <img src="{% static "images/openiti.png" "%}" alt="DIM Region ile de france logo" height="100">
+ </a>
+
+ <a href="https://www.iledefrance.fr/des-aides-la-recherche-pour-13-domaines-dinteret-majeur" class="pl-4">
+ <img src="{% static "images/regionidf.jpg" "%}" alt="DIM Region ile de france logo" height="100">
+ </a>
+
+ <a href="https://inria.fr/fr" class="pl-4">
+ <img src="{% static "images/inria.png" "%}" alt="INRIA logo" height="100">
+ </a>
+
+</div>
+
+<footer class="bg-light">
+ <div class="container py-2">
+ <div class="col-6">
+ <h5>{% trans "Resources" %}</h5>
+ <ul class="list-unstyled" %}
+ <li><a href="https://lectaurep.hypotheses.org/documentation/escriptorium-tutorial-en">{% trans "Tutorial" %}</a></li>
+ <li><a href="https://gitlab.inria.fr/scripta/escriptorium">{% trans "eScriptorium open source code" %}</a> Version {{ VERSION_DATE }}</li>
+ <li><a href="https://escripta.hypotheses.org/">{% trans "Scripta Blog" %}</a></li>
+ <li><a href="http://kraken.re/">{{ KRAKEN_VERSION|capfirst }}</a></li>
+ <li><a href="https://gitlab.inria.fr/scripta/escriptorium/-/wikis/home">Wiki</a></li>
+ </ul>
+ </div>
+ </div>
+</footer>
+
{% endblock %}