diff --git a/resources/Makefile.am b/resources/Makefile.am
index b17f18701dc6b64824f188f8cf1c3cbabaee3829..4ab35172635fe186ec290c1057d9d62aa3a446fb 100644
--- a/resources/Makefile.am
+++ b/resources/Makefile.am
@@ -4,7 +4,39 @@ nobase_www_DATA = \
css/et-menu-master.css \
css/et-menu-min-600.css \
css/min-800.css \
+ css/renater.css \
+ css/fonts.css \
+ css/header.css \
+ css/footer.css \
js/menu.js \
+ js/startup.js \
+ font/Lato/Lato-BoldItalic.woff \
+ font/Lato/Lato-Regular.woff2 \
+ font/Lato/Lato-Regular.eot \
+ font/Lato/Lato-Regular.ttf \
+ font/Lato/Lato-BoldItalic.eot \
+ font/Lato/Lato-Bold.ttf \
+ font/Lato/Lato-Light.woff2 \
+ font/Lato/Lato-Italic.eot \
+ font/Lato/Lato-Bold.woff2 \
+ font/Lato/Lato-Bold.woff \
+ font/Lato/Lato-LightItalic.eot \
+ font/Lato/Lato-Light.eot \
+ font/Lato/Lato-LightItalic.ttf \
+ font/Lato/Lato-Light.woff \
+ font/Lato/Lato-Italic.woff2 \
+ font/Lato/Lato-Bold.eot \
+ font/Lato/Lato-Italic.woff \
+ font/Lato/Lato-LightItalic.woff2 \
+ font/Lato/Lato-BoldItalic.ttf \
+ font/Lato/Lato-Regular.woff \
+ font/Lato/Lato-LightItalic.woff \
+ font/Lato/Lato-BoldItalic.woff2 \
+ font/Lato/Lato-Light.ttf \
+ font/Lato/Lato-Italic.ttf \
+ font/foobar/foobar_pro-regular-webfont.eot \
+ font/foobar/foobar_pro-regular-webfont.woff \
+ font/foobar/foobar_pro-regular-webfont.ttf \
foundation/index.html \
foundation/css/foundation.css \
foundation/css/foundation.min.css \
@@ -24,6 +56,13 @@ nobase_www_DATA = \
images/home_logo.png \
images/menu-icon.gif \
images/footer_logo_padded.jpg \
+ images/support.svg \
+ images/contact.svg \
+ images/home.svg \
+ images/logo_renater.svg \
+ images/logo_renater_blanc.png \
+ images/facebook.svg \
+ images/twitter.svg \
jquery-3.3.1.min.js \
jquery-ui-1.12.1/images/ui-icons_444444_256x240.png \
jquery-ui-1.12.1/images/ui-icons_555555_256x240.png \
diff --git a/resources/css/fonts.css b/resources/css/fonts.css
new file mode 100644
index 0000000000000000000000000000000000000000..ca41d18aa7f60e381c1b925119129dfe54180c37
--- /dev/null
+++ b/resources/css/fonts.css
@@ -0,0 +1,85 @@
+ /* Webfonts */
+@font-face {
+ font-family: "foobar_proregular";
+ font-style: normal;
+ font-weight: normal;
+ src: url("../font/foobar/foobar_pro-regular-webfont.eot?#iefix") format("embedded-opentype"),
+ url("../font/foobar/foobar_pro-regular-webfont.woff") format("woff"),
+ url("../font/foobar/foobar_pro-regular-webfont.ttf") format("truetype");
+}
+
+/* Webfont: Lato-Regular */
+@font-face {
+ font-family: 'LatoWeb';
+ src: url('../font/Lato/Lato-Regular.eot'); /* IE9 Compat Modes */
+ src: url('../font/Lato/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('../font/Lato/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
+ url('../font/Lato/Lato-Regular.woff') format('woff'), /* Modern Browsers */
+ url('../font/Lato/Lato-Regular.ttf') format('truetype');
+ font-style: normal;
+ font-weight: normal;
+ text-rendering: optimizeLegibility;
+}
+
+/* Webfont: Lato-Italic */
+@font-face {
+ font-family: 'LatoWebItalic';
+ src: url('../font/Lato/Lato-Italic.eot'); /* IE9 Compat Modes */
+ src: url('../font/Lato/Lato-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('../Lato/Lato-Italic.woff2') format('woff2'), /* Modern Browsers */
+ url('../font/Lato/Lato-Italic.woff') format('woff'), /* Modern Browsers */
+ url('../font/Lato/Lato-Italic.ttf') format('truetype');
+ font-style: italic;
+ font-weight: normal;
+ text-rendering: optimizeLegibility;
+}
+
+/* Webfont: Lato-Bold */
+@font-face {
+ font-family: 'LatoWebBold';
+ src: url('../font/Lato/Lato-Bold.eot'); /* IE9 Compat Modes */
+ src: url('../font/Lato/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('../font/Lato/Lato-Bold.woff2') format('woff2'), /* Modern Browsers */
+ url('../font/Lato/Lato-Bold.woff') format('woff'), /* Modern Browsers */
+ url('../font/Lato/Lato-Bold.ttf') format('truetype');
+ font-style: normal;
+ font-weight: normal;
+ text-rendering: optimizeLegibility;
+}
+
+/* Webfont: Lato-BoldItalic */
+@font-face {
+ font-family: 'LatoWebBoldItalic';
+ src: url('../font/Lato/Lato-BoldItalic.eot'); /* IE9 Compat Modes */
+ src: url('../font/Lato/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('../font/Lato/Lato-BoldItalic.woff2') format('woff2'), /* Modern Browsers */
+ url('../font/Lato/Lato-BoldItalic.woff') format('woff'), /* Modern Browsers */
+ url('../font/Lato/Lato-BoldItalic.ttf') format('truetype');
+ font-style: italic;
+ font-weight: normal;
+ text-rendering: optimizeLegibility;
+}
+
+/* Webfont: Lato-Light */@font-face {
+ font-family: 'LatoWebLight';
+ src: url('../font/Lato/Lato-Light.eot'); /* IE9 Compat Modes */
+ src: url('../font/Lato/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('../font/Lato/Lato-Light.woff2') format('woff2'), /* Modern Browsers */
+ url('../font/Lato/Lato-Light.woff') format('woff'), /* Modern Browsers */
+ url('../font/Lato/Lato-Light.ttf') format('truetype');
+ font-style: normal;
+ font-weight: normal;
+ text-rendering: optimizeLegibility;
+}
+/* Webfont: Lato-LightItalic */
+@font-face {
+ font-family: 'LatoWebLightItalic';
+ src: url('../font/Lato/Lato-LightItalic.eot'); /* IE9 Compat Modes */
+ src: url('../font/Lato/Lato-LightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('../font/Lato/Lato-LightItalic.woff2') format('woff2'), /* Modern Browsers */
+ url('../font/Lato/Lato-LightItalic.woff') format('woff'), /* Modern Browsers */
+ url('../font/Lato/Lato-LightItalic.ttf') format('truetype');
+ font-style: italic;
+ font-weight: normal;
+ text-rendering: optimizeLegibility;
+}
diff --git a/resources/css/footer.css b/resources/css/footer.css
new file mode 100644
index 0000000000000000000000000000000000000000..8d3263cb9e263156bf41d2523c34c8fe83e78229
--- /dev/null
+++ b/resources/css/footer.css
@@ -0,0 +1,71 @@
+/*
+ * 2013 - 2018 / RENATER
+ */
+footer {
+ display: table-row;
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ height:80px;
+ min-height:auto;
+ width:100%;
+ background-color:#d90d12;
+ padding:0!important;
+ font-size: 0.85rem;
+}
+footer aside, footer article, footer a, footer a:hover{
+ color:#fff!important;
+}
+footer article {
+ height:50px;
+ padding: 1em;
+}
+footer article p span{
+ padding:0 10px;
+}
+footer article p span:nth-child(1) img{
+ width:95px;
+}
+footer article p span:nth-child(2) {
+ margin-left:0.975rem;
+ font-size:0.7rem;
+ line-height:0.9;
+ border-left: 1px solid #fff;
+}
+
+footer aside {
+ height:30px;
+ padding: 0.5rem;
+ background-color:#f0494d;
+ font-size:11px;
+}
+footer aside p span:nth-child(1).columns, footer article p span:nth-child(1).columns{
+ padding-left:0;
+ padding-right:0;
+}
+footer aside p span:nth-child(2).columns{
+ text-align:right;
+}
+footer aside *{
+ font-family: 'LatoWeb';
+ letter-spacing: 1px;
+}
+
+
+
+/* max-width 640px, mobile-only styles, use when QAing mobile issues */
+@media only screen and (max-width: 40em) {
+ footer {
+ display: table-row;
+ height: auto;
+ bottom: 0;
+ margin-top:1rem!important;
+ }
+ footer aside {
+ height: auto;
+ }
+ footer aside p span:nth-child(2).columns{
+ text-align:left;
+ }
+}
\ No newline at end of file
diff --git a/resources/css/header.css b/resources/css/header.css
new file mode 100644
index 0000000000000000000000000000000000000000..221db68759b2820613371c9db07a3fa80cfb9df0
--- /dev/null
+++ b/resources/css/header.css
@@ -0,0 +1,439 @@
+/*
+ * 2013 - 2018 / RENATER
+ */
+
+header {
+ width: 100%;
+ margin:0;
+ margin-top: 10px;
+ padding:0;
+ background-color: #fff;
+ -webkit-box-shadow: 0px 2px 45px -10px rgba(0,0,0,0.75);
+ -moz-box-shadow: 0px 2px 45px -10px rgba(0,0,0,0.75);
+ box-shadow: 0px 2px 35px -10px rgba(0,0,0,0.6)
+}
+
+header img {
+ background-color: transparent;
+ border-width: 0;
+ vertical-align:middle;
+}
+
+.top-bar, .top-bar ul {
+ background-color: transparent;
+}
+.top-bar {
+ display: block;
+ padding:0;
+ line-height: inherit;
+
+}
+.top-bar-left {
+ float: left;
+}
+.top-bar-right {
+ float: right;
+ margin-right: 5%;
+}
+menu.top-bar-right > ul > li {
+ padding-right: 1.5rem;
+ display: table-cell;
+ text-align: center;
+ vertical-align: middle;
+}
+menu.top-bar-right > ul > li:last-child {
+ margin-right: 0;
+}
+.top-bar .top-bar-right > * label {
+ color: #fff;
+}
+.menu{
+ display:table;
+}
+.menu > li > b.current, .menu > li > a {
+ padding: 0;
+ line-height: 1;
+}
+.menu .menu-text {
+ padding: 0;
+ display: table-cell;
+ height: 90px;
+ vertical-align: middle;
+}
+li.menu-text > a {
+ padding: 0;
+ display: table-cell;
+ vertical-align: middle;
+}
+/*.menu > li > a img, .menu > li > a i {*/
+ /*margin-right: 0.25rem;*/
+ /*display: inline-block;*/
+ /*vertical-align: middle;*/
+/*}*/
+.menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
+ display: unset;
+}
+.menu.icon-top > li > a img.lang_img,.menu.icon-top > li > a img.support_img {
+ margin-top: 16px;
+}
+.menu.icon-top > li > a img.user_img {
+ margin-top: 9px;
+}
+.menu.icon-top > li > a img.managers_img {
+ margin-top:9px;
+ margin-left:12px;
+}
+.menu.icon-top > li > a img.user_connected_img {
+ margin-top:10px;
+ margin-left:12px;
+}
+.menu.icon-top > li > a img.ressources_img {
+ margin-top:7px;
+}
+
+.menu.icon-top li a {
+ -ms-flex-flow: unset;
+ flex-flow: unset;
+}
+/**
+ * Dropdown menus
+ */
+
+.dropdown {
+ display:table;
+ height:90px;
+ vertical-align: middle;
+ margin-right: -1.5rem;
+}
+.dropdown.menu > li > a {
+ display: table-cell;
+ vertical-align: middle;
+ padding: 0;
+ background-color: #f0494d !important;
+ width: 70px;
+ height: 70px;
+ cursor: pointer;
+}
+.dropdown.menu > li > a:hover, .dropdown.menu > li:hover > a, .dropdown.menu > li:hover > a:hover {
+ background-color: #f0494d;
+}
+
+.dropdown.menu > li.is-dropdown-submenu-parent > a {
+ padding: 0;
+}
+
+.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
+ display:none;
+}
+
+.dropdown.menu > li.opens-left > .is-dropdown-submenu {
+ right: 1.5rem;
+ background-color:#f0494d;
+ border:none;
+}
+.dropdown.menu > li.opens-left:hover > .is-dropdown-submenu {
+ display: block;
+ position: absolute;
+ animation-name: theFade; /* nom de l'animation */
+ animation-duration: 0.3s; /* temps de l'animation (4s) */
+ animation-iteration-count: 1; /* nombre de boucles (infinie) */
+ animation-timing-function: linear; /* accelération de l'animation (constant) */
+}
+.dropdown.menu > li.opens-left > .is-dropdown-submenu:before {
+ content: ' ';
+ height: 0;
+ position: absolute;
+ width: 0;
+ top: 0;
+ right: 25px;
+ border-left: 10px solid transparent;
+ border-right: 10px solid transparent;
+ border-top: 10px solid #fff;
+ font-size: 0;
+ line-height: 0;
+
+}
+
+.dropdown.menu > li.opens-left > .is-dropdown-submenu > .is-dropdown-submenu-item {
+ padding: 0.5rem;
+ list-style-type: none;
+ width: 100%;
+ text-align: left;
+ width: intrinsic; /* Safari/WebKit uses a non-standard name */
+ width: -moz-max-content; /* Firefox/Gecko */
+ width: -webkit-max-content; /* Chrome */
+ width: -max-content; /* Opera */
+ width:max-content:
+}
+
+.top-bar .top-bar-right > ul > li > a [class*="fi-"]::before,
+.top-bar .top-bar-right > ul > li > a [class*="fa-"]::before {
+ color: #fff;
+}
+li.is-dropdown-submenu-item a label{
+ cursor:pointer;
+}
+li.is-dropdown-submenu-item a label{
+ display:inline-block;
+}
+/**
+ * Title bar only shown for < medium screens
+ */
+.title-bar {
+ display:block;
+ height: 50px;
+ background: transparent;
+ color: #0973ff;
+}
+
+.title-bar .menu-icon {
+ height: 35px;
+ background-color:transparent;
+}
+
+.title-bar .menu-icon::after {
+ height: 3px;
+ width: 120%;
+ margin-top: 8px;
+ background: #0973ff;
+ box-shadow: 0 8px 0 #0973ff, 0 16px 0 #0973ff;
+ border-radius: 5px;
+}
+
+.title-bar-title {
+ margin-top:12px;
+ font-family: LatoWebItalic;
+ margin-right: 0.2rem !important;
+}
+
+.top-bar .top-bar-right .fa::before,
+.top-bar .top-bar-right [class^="fi-"]::before {
+ color: #fff!important;
+}
+
+/* Small screens */
+
+/* Define mobile styles */
+
+/* max-width 450px, mobile-only styles, use when QAing mobile issues */
+@media only screen and (max-width: 28em){
+
+}
+
+/* max-width 640px, mobile-only styles, use when QAing mobile issues */
+@media only screen and (max-width: 40em) {
+ header {
+ margin-top: 0;
+ -webkit-box-shadow: 0px 2px 15px -5px rgba(0,0,0,0.6);
+ -moz-box-shadow: 0px 2px 15px -5px rgba(0,0,0,0.6);
+ box-shadow: 0px 2px 15px -5px rgba(0,0,0,0.6);
+ height: 50px;
+ }
+ .top-bar-left a img {
+ height: 35px;
+ }
+ .top-bar .top-bar-left, .top-bar .top-bar-right {
+ margin-left: 0;
+ }
+ .top-bar .top-bar-right {
+ width: 100%;
+ position: absolute;
+ z-index: 100;
+ animation-name: theFade; /* nom de l'animation */
+ animation-duration: 0.25s; /* temps de l'animation (4s) */
+ animation-iteration-count: 1; /* nombre de boucles (infinie) */
+ animation-timing-function: linear; /* accelération de l'animation (constant) */
+ box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 10px -2px;
+ }
+ ul.menu {
+ width: 100%;
+ }
+ ul.menu a label{
+ cursor: pointer;
+ }
+ .menu li.has-submenu ul.submenu{
+ margin-left:0;
+ }
+ menu.top-bar-right div.is-drilldown ul.drilldown li{
+ background-color:#fff;
+ line-height: 1.5;
+ padding: 0.5rem;
+ color:#0973ff;
+ }
+ .top-bar .top-bar-right > * label {
+ color: #0973ff;
+ display:inline-block;
+ }
+ .menu.icon-top > li > a img,
+ .menu.icon-top > li > a i,
+ .menu.icon-top > li > a span {
+ display: inline-block;
+ margin: 0 0.25rem;
+ }
+ .is-drilldown {
+ min-height: auto !important;
+ width:100%;
+ }
+ .is-drilldown li.hide-for-small-only {
+ display: none!important;
+ }
+ .is-drilldown li.show-for-small-only {
+ display: block!important;
+ }
+
+ .drilldown .is-drilldown-submenu-parent > a::after {
+ position: relative;
+ right: 0;
+ display: inline-block;
+ border-color: transparent transparent transparent #f0494d;
+ }
+ .top-bar .top-bar-right .fa::before,
+ .top-bar .top-bar-right [class^="fi-"]::before {
+ width: 1rem;
+ color:#0973ff!important;
+ }
+}
+
+/* Medium screens */
+
+/* min-width 641px, medium screens */
+@media only screen and (min-width: 40.063em) {
+
+}
+
+@media only screen and (max-width: 64em) {
+ .top-bar-right {
+ margin-right: 0;
+ }
+ .dropdown {
+ height:75px;
+ vertical-align: middle;
+ margin-right: 0;
+
+ }
+ .dropdown.menu > li > a {
+ width: 60px;
+ height: 60px;
+ }
+ .menu.icon-top > li > a img.lang_img,.menu.icon-top > li > a img.support_img {
+ margin-top: 13px;
+ }
+ .menu.icon-top > li > a img.user_img {
+ margin-top: 6px;
+ }
+ .menu.icon-top > li > a img.managers_img {
+ margin-top:6px;
+ margin-left:8px;
+ }
+ .menu.icon-top > li > a img.user_connected_img {
+ margin-top:7px;
+ margin-left:8px;
+ }
+ .menu.icon-top > li > a img.ressources_img {
+ margin-top:2px;
+ }
+ .top-bar .top-bar-left, .top-bar .top-bar-right {
+ margin-left: 0;
+ }
+ .tooltip-for-small{
+ display:inherit;
+ }
+ .dropdown.menu > li.opens-left > .is-dropdown-submenu:before {
+ content: ' ';
+ height: 0;
+ position: absolute;
+ width: 0;
+ right:23px;
+ border-left: 7px solid transparent;
+ border-right: 7px solid transparent;
+ border-top: 7px solid #fff;
+ font-size: 0;
+ line-height: 0;
+ }
+}
+
+@media only screen and (min-width: 40.063em) and (max-width: 800px)
+{
+ .menu-text a img {
+ height: 40px;
+ }
+ .top-bar .top-bar-right > * label {
+ display: none;
+ }
+}
+@media only screen and (min-width: 801px) and (max-width: 64em)
+{
+ .menu-text a img {
+ height: 50px;
+ }
+ .top-bar .top-bar-right > * label {
+ font-size: 0.7rem;
+ }
+}
+
+/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
+@media only screen and (min-width: 40.063em) and (max-width: 50em) {
+
+}
+
+/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
+@media only screen and (min-width: 40.063em) and (max-width: 64em) {
+ header > h1 {
+ font-size:1.9rem;
+ }
+ header, .menu .menu-text{
+ height:75px;
+ }
+}
+
+/* Large screens */
+
+/* min-width 1025px, large screens */
+@media only screen and (min-width: 64.063em) {
+ header > h1 {
+ font-size:2.2rem;
+ }
+ header{
+ height:90px!important;
+ }
+}
+
+/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
+@media only screen and (min-width: 64.063em) and (max-width: 90em) {
+ .menu-text a img{
+ height:60px;
+ }
+ .top-bar-right {
+ margin-right: 5%;
+ }
+ .top-bar .top-bar-left, .top-bar .top-bar-right {
+ margin-left: 5%;
+ }
+}
+
+
+/* XLarge screens */
+
+/* min-width 1441px, xlarge screens */
+@media only screen and (min-width: 90.063em) {
+ .top-bar-right {
+ margin-right: 10%;
+ }
+ .top-bar .top-bar-left, .top-bar .top-bar-right {
+ margin-left: 10%;
+ }
+}
+
+/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
+@media only screen and (min-width: 90.063em) and (max-width: 120em) {
+ .menu-text a img{
+ height:65px;
+ }
+
+}
+
+
+/* XXLarge screens*/
+
+/* min-width 1921px, xxlarge screens */
+@media only screen and (min-width: 120.063em) {}
diff --git a/resources/css/renater.css b/resources/css/renater.css
new file mode 100644
index 0000000000000000000000000000000000000000..405a2ad290d0a9720d9d8a0f81afb80f0aaf6390
--- /dev/null
+++ b/resources/css/renater.css
@@ -0,0 +1,478 @@
+/*
+ * This file is part of the access project project.
+ * 2013 - 2018 / RENATER
+ */
+
+
+/*FONTS*/
+@font-face {
+ font-family: "foobar_proregular";
+ font-style: normal;
+ font-weight: normal;
+ src: url("../../lib/core/font/foobar_pro-regular-webfont.eot?#iefix") format("embedded-opentype"),
+ url("../../lib/core/font/foobar_pro-regular-webfont.woff") format("woff"),
+ url("../../lib/core/font/foobar_pro-regular-webfont.ttf") format("truetype");
+}
+
+/*---------------------------------CSS RESET-------------------------------*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ vertical-align: baseline;
+}
+
+a img{
+ border-width: 0;
+ vertical-align: middle;
+}
+
+dialog{
+ display: none;
+}
+dialog[open]{
+ display: block;
+}
+
+/* ------------------------------------------------------------------------*/
+* { /* Proportional fonts */
+ font-family: 'LatoWeb', sans-serif;
+ font-size: 1rem;
+}
+
+/* Prevent content moving when vertical scroll appears */
+html {
+ overflow-x: hidden;
+ margin-right: calc(-1 * (100vw - 100%));
+ height: 100%;
+}
+
+body {
+ display: table;
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ color: #41494c;
+ font-family: 'LatoWeb', sans-serif;
+ font-size: 0.85em;
+ line-height: 1;
+ background-color: #fff;
+ padding-bottom: 80px;
+ background-image: url('../images/background.jpg');
+ background-repeat: no-repeat;
+ background-attachment: fixed;
+ background-size: 0 0; /* image should not be drawn here */
+ z-index:1;
+}
+
+body::before{
+ content: ""; /* important */
+ z-index: -1; /* important */
+ position: inherit;
+ left: inherit;
+ top: inherit;
+ width: inherit;
+ height: inherit;
+ background-image: inherit;
+ background-size: cover;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+ filter: alpha(opacity=50);
+ -webkit-filter: opacity(0.5);
+ -moz-filter: opacity(0.5);
+ -o-filter: opacity(0.5);
+ -ms-filter: opacity(0.5);
+ filter: opacity(0.5);
+
+}
+
+main {
+ margin-bottom: 1.5rem;
+ padding: 1rem 1.5rem;
+ background-color: rgba(255,255,255,0.8);
+ box-shadow: 0px 10px 20px 0px;
+ min-height: 100%;
+ text-align:left;
+ line-height:1.7;
+ animation-name: theFade; /* nom de l'animation */
+ animation-duration: 1s; /* temps de l'animation (4s) */
+ animation-iteration-count: 1; /* nombre de boucles (infinie) */
+ animation-timing-function: linear; /* accelération de l'animation (constant) */
+}
+/* deuxième étape */
+@keyframes theFade {
+ 0% {opacity:0;}
+ 50% {opacity:0.5;}
+ 100% {opacity:1}
+}
+
+main:after {
+ content: "";
+ display: block;
+}
+
+a, a:link, a:visited {
+ color: #d90d12;
+ text-decoration: underline;
+ transition: background-color 300ms ease-out;
+}
+a:link:hover, a:visited:hover, a:link:focus, a:visited:focus, a:link:active, a:visited:active {
+ text-decoration: none;
+}
+
+/* Titles */
+h1,h2,h3,h4,h5,h6{
+ margin: 0.67em 0;
+ font-family: LatoWebBold, Helvetica, sans-serif;
+}
+h3,h4,h5,h6{
+ color:hsl(0,0%,30%);
+}
+h1 {
+ font-size: 2rem;
+}
+h2 {
+ font-size: 1.7rem;
+}
+h3 {
+ font-size: 1.5rem;
+}
+h4 {
+ font-size: 1.3rem;
+}
+h5 {
+ font-size: 1.1rem;
+}
+h6 {
+ font-size: 1rem;
+}
+
+img, object {
+ max-width: 100%;
+}
+
+ul{
+ margin-left: 1.25rem;
+}
+/**
+ * Buttons
+ */
+
+button, .button{
+ padding: 0.5em;
+ background-color: #f0494d;
+ font-family: 'LatoWebItalic';
+ text-decoration: none!important;
+ color: #fefefe!important;
+}
+button:focus,.button:focus{
+ background-color: #f0494d;
+}
+button.highlight, .button.highlight{
+ background-color: #7c7c7c;
+}
+button:hover, .button:hover {
+ background-image: none;
+ background-color: #f0494d;
+ opacity: 0.7;
+}
+.close-button, .close-button:hover {
+ padding:0;
+ background: transparent;
+}
+
+/* design of tooltips*/
+.tooltip {
+ background-color: #fff0c6;
+ color: #41494c;
+ font-size: 100%;
+ max-width: 20rem !important;
+ border-radius: 3px;
+ text-align:justify;
+ box-shadow: 0px 5px 20px 0px rgba(1, 1, 1, 0.6);
+}
+.tooltip::before {
+ border-color: transparent transparent #fff0c6;
+}
+.tooltip.bottom::before {
+ border-color: transparent transparent #fff0c6;
+}
+.tooltip.top::before {
+ border-color: #fff0c6 transparent transparent;
+}
+.tooltip.left::before {
+ border-color: transparent transparent transparent #fff0c6;
+}
+.tooltip.right::before {
+ border-color: transparent #fff0c6 transparent transparent;
+}
+
+/* Top button */
+.scroll-top-wrapper {
+ position: fixed;
+ opacity: 0;
+ visibility: hidden;
+ overflow: hidden;
+ text-align: center;
+ z-index: 99999999;
+ background-color:#4382AA;
+ color: #eeeeee;
+ width: 50px;
+ height: 50px;
+ line-height: 50px;
+ right: 30px;
+ bottom: 30px;
+ padding-top: 0px;
+ border-radius: 50%;
+ -webkit-transition: all 0.5s ease-in-out;
+ -moz-transition: all 0.5s ease-in-out;
+ -ms-transition: all 0.5s ease-in-out;
+ -o-transition: all 0.5s ease-in-out;
+ transition: all 0.5s ease-in-out;
+}
+.scroll-top-wrapper:hover {
+ background-color:#333;
+}
+.scroll-top-wrapper.show {
+ visibility:visible;
+ cursor:pointer;
+ opacity: 1.0;
+}
+.scroll-top-wrapper i.fa {
+ line-height: inherit;
+}
+
+
+/*Specific for foundation */
+/*CallOut*/
+.alert-callout-border {
+ width: 100%;
+ padding: 1.3rem;
+ border-left-width: 0.3125rem;
+ border-left-color: #cacaca;
+}
+.alert-callout-border strong {
+ color: #0a0a0a;
+}
+.alert-callout-border .close-button {
+ position: absolute;
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+}
+.alert-callout-border.radius {
+ border-radius: 0.6rem;
+}
+.alert-callout-border.primary {
+ border-left-color: #1779ba;
+}
+.alert-callout-border.primary strong {
+ color: #1779ba;
+}
+.alert-callout-border.secondary {
+ border-left-color: #767676;
+}
+.alert-callout-border.secondary strong {
+ color: #767676;
+}
+.alert-callout-border.alert {
+ border-left-color: #cc4b37;
+}
+.alert-callout-border.alert strong {
+ color: #cc4b37;
+}
+.alert-callout-border.success {
+ border-left-color: #3adb76;
+}
+.alert-callout-border.success strong {
+ color: #3adb76;
+}
+.alert-callout-border.warning {
+ border-left-color: #ffae00;
+}
+.alert-callout-border.warning strong {
+ color: #ffae00;
+}
+/*Callout with icon*/
+.callout.alert.icon::before, .callout.primary.icon::before,
+.callout.secondary.icon::before, .callout.success.icon::before,
+.callout.warning.icon::before {
+ font: normal normal normal 14px/1 FontAwesome;
+ position: absolute;
+ font-size: 1.8em;
+ top: calc(50% - 1rem);
+}
+.callout.icon p{
+ margin: 0.5rem 2.5rem!important;
+}
+.callout.icon ul {
+ margin: 0.5rem 2.5rem 0.5rem 3.5rem!important;
+}
+
+/*
+Accordion
+ */
+.accordion li {
+ padding: 0;
+ margin-bottom: 0.5rem;
+}
+/*.accordion li > a {*/
+ /*text-decoration: none;*/
+/*}*/
+.accordion-title {
+ font-size: 1rem;
+ color: #41494c;
+ background-color: #ddd;
+}
+
+[type="text"]{
+ display: inherit;
+ height:inherit;
+ margin:inherit;
+ padding:inherit;
+ border: 1px solid #cacaca;
+ border-radius: 3px;
+ background-color: #fefefe;
+ box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
+ font-family: inherit;
+ font-size:inherit;
+ font-weight:inherit;
+ line-height:inherit;
+ color: #0a0a0a;
+ transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+}
+
+h1{
+ color: #d90d12;
+ font-family: "foobar_proregular", Arial, sans-serif;
+ font-size: 2em;
+}
+div.page{
+ background-color: rgba(255,255,255,0.8);
+ box-shadow: 0px 10px 20px 0px
+}
+fieldset {
+ text-align: left;
+}
+
+td.label {
+ margin:0;
+ display: inherit;
+ padding: .8em 0 .6em 1em;
+ border-radius: 0;
+ cursor: default;
+ background: transparent;
+ color: inherit;
+
+}
+#config__manager td.label span.outkey {
+ font-size: 70%;
+ margin-top: -1.7em;
+ margin-left: -1em;
+ display: block;
+ background-color: #fff;
+ color: #666;
+ float: left;
+ padding: 0 .1em 0 0.7rem;
+ position: relative;
+ z-index: 1;
+}
+#config__manager table tbody{
+ background-color: transparent;
+}
+#config__manager table tbody tr{
+ border: 1px solid #ccc;
+}
+#config__manager .label{
+ white-space: normal;
+}
+
+
+/* Small screens */
+
+/* Define mobile styles */
+
+/* max-width 450px, mobile-only styles, use when QAing mobile issues */
+@media only screen and (max-width: 28em){
+ h1{
+ font-size: 1.3em;
+ }
+}
+@media only screen and (min-width: 28em) and (max-width: 40em){
+ h1{
+ font-size: 1.5em;
+ }
+}
+/* max-width 640px, mobile-only styles, use when QAing mobile issues */
+@media only screen and (max-width: 40em) {
+}
+
+/* Medium screens */
+
+/* min-width 641px, medium screens */
+@media only screen and (min-width: 40.063em) {
+}
+
+/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
+@media only screen and (min-width: 40.063em) and (max-width: 50em) {
+
+}
+
+/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
+@media only screen and (min-width: 40.063em) and (max-width: 64em) {
+ h1{
+ font-size: 1.7em;
+ }
+}
+
+/* Large screens */
+
+/* min-width 1025px, large screens */
+@media only screen and (min-width: 64.063em) {
+
+}
+
+/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
+@media only screen and (min-width: 64.063em) and (max-width: 90em) {}
+
+/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
+@media only screen and (min-width: 74em) and (max-width: 90em) {
+ .row{
+ max-width:70rem;
+ }
+}
+
+/* XLarge screens */
+
+/* min-width 1441px, xlarge screens */
+@media only screen and (min-width: 90.063em) {}
+
+/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
+@media only screen and (min-width: 90.063em) and (max-width: 120em) {
+ .row{
+ max-width:80rem;
+ }
+}
+
+
+/* XXLarge screens*/
+
+/* min-width 1921px, xxlarge screens */
+@media only screen and (min-width: 120.063em) {}
diff --git a/resources/font/Lato/Lato-Bold.eot b/resources/font/Lato/Lato-Bold.eot
new file mode 100644
index 0000000000000000000000000000000000000000..3361183a419c188282a8545eaa8d8e298b8ffaab
Binary files /dev/null and b/resources/font/Lato/Lato-Bold.eot differ
diff --git a/resources/font/Lato/Lato-Bold.ttf b/resources/font/Lato/Lato-Bold.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..29f691d5ed0c2d3d224423bb0288e6bd59292511
Binary files /dev/null and b/resources/font/Lato/Lato-Bold.ttf differ
diff --git a/resources/font/Lato/Lato-Bold.woff b/resources/font/Lato/Lato-Bold.woff
new file mode 100644
index 0000000000000000000000000000000000000000..c6dff51f063cc732fdb5fe786a8966de85f4ebec
Binary files /dev/null and b/resources/font/Lato/Lato-Bold.woff differ
diff --git a/resources/font/Lato/Lato-Bold.woff2 b/resources/font/Lato/Lato-Bold.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..bb195043cfc07fa52741c6144d7378b5ba8be4c5
Binary files /dev/null and b/resources/font/Lato/Lato-Bold.woff2 differ
diff --git a/resources/font/Lato/Lato-BoldItalic.eot b/resources/font/Lato/Lato-BoldItalic.eot
new file mode 100644
index 0000000000000000000000000000000000000000..3d4154936b42522fac84900c689a901ac12875c0
Binary files /dev/null and b/resources/font/Lato/Lato-BoldItalic.eot differ
diff --git a/resources/font/Lato/Lato-BoldItalic.ttf b/resources/font/Lato/Lato-BoldItalic.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..f402040b3e5360b90f3a12ca2afab2cd7244e16f
Binary files /dev/null and b/resources/font/Lato/Lato-BoldItalic.ttf differ
diff --git a/resources/font/Lato/Lato-BoldItalic.woff b/resources/font/Lato/Lato-BoldItalic.woff
new file mode 100644
index 0000000000000000000000000000000000000000..88ad05b9ff413055b4d4e89dd3eec1c193fa20c6
Binary files /dev/null and b/resources/font/Lato/Lato-BoldItalic.woff differ
diff --git a/resources/font/Lato/Lato-BoldItalic.woff2 b/resources/font/Lato/Lato-BoldItalic.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..c4e3d804b57b625b16a36d767bfca6bbf63d414e
Binary files /dev/null and b/resources/font/Lato/Lato-BoldItalic.woff2 differ
diff --git a/resources/font/Lato/Lato-Italic.eot b/resources/font/Lato/Lato-Italic.eot
new file mode 100644
index 0000000000000000000000000000000000000000..3f826421a1d97b09797fad3d781a666a39eb45c9
Binary files /dev/null and b/resources/font/Lato/Lato-Italic.eot differ
diff --git a/resources/font/Lato/Lato-Italic.ttf b/resources/font/Lato/Lato-Italic.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..b4bfc9b24aa993977662352c881c6e42f99f77e0
Binary files /dev/null and b/resources/font/Lato/Lato-Italic.ttf differ
diff --git a/resources/font/Lato/Lato-Italic.woff b/resources/font/Lato/Lato-Italic.woff
new file mode 100644
index 0000000000000000000000000000000000000000..76114bc03362242c3325ecda6ce6d02bb737880f
Binary files /dev/null and b/resources/font/Lato/Lato-Italic.woff differ
diff --git a/resources/font/Lato/Lato-Italic.woff2 b/resources/font/Lato/Lato-Italic.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..3404f37e2e312757841abe20343588a7740768ca
Binary files /dev/null and b/resources/font/Lato/Lato-Italic.woff2 differ
diff --git a/resources/font/Lato/Lato-Light.eot b/resources/font/Lato/Lato-Light.eot
new file mode 100644
index 0000000000000000000000000000000000000000..f449ed562dfedaf7bb5b7b7d5f4dfad83d1e6347
Binary files /dev/null and b/resources/font/Lato/Lato-Light.eot differ
diff --git a/resources/font/Lato/Lato-Light.ttf b/resources/font/Lato/Lato-Light.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..834d1c0566ea0be5a990b5b3b4ded2853ef8cef8
Binary files /dev/null and b/resources/font/Lato/Lato-Light.ttf differ
diff --git a/resources/font/Lato/Lato-Light.woff b/resources/font/Lato/Lato-Light.woff
new file mode 100644
index 0000000000000000000000000000000000000000..77b4e148f7f48e9b2df6bdbe6d082c8ab8244eb8
Binary files /dev/null and b/resources/font/Lato/Lato-Light.woff differ
diff --git a/resources/font/Lato/Lato-Light.woff2 b/resources/font/Lato/Lato-Light.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..ce49f82217ea5a4820e828eeabf3e3c714864758
Binary files /dev/null and b/resources/font/Lato/Lato-Light.woff2 differ
diff --git a/resources/font/Lato/Lato-LightItalic.eot b/resources/font/Lato/Lato-LightItalic.eot
new file mode 100644
index 0000000000000000000000000000000000000000..a4e2e31d099274b47eae1937882c891e1c33492f
Binary files /dev/null and b/resources/font/Lato/Lato-LightItalic.eot differ
diff --git a/resources/font/Lato/Lato-LightItalic.ttf b/resources/font/Lato/Lato-LightItalic.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..c6ef9e05fea103c4b4046fb756b9ec8e9a059923
Binary files /dev/null and b/resources/font/Lato/Lato-LightItalic.ttf differ
diff --git a/resources/font/Lato/Lato-LightItalic.woff b/resources/font/Lato/Lato-LightItalic.woff
new file mode 100644
index 0000000000000000000000000000000000000000..da3dfa30a456ca0a5971e7b6661082697dd55c7a
Binary files /dev/null and b/resources/font/Lato/Lato-LightItalic.woff differ
diff --git a/resources/font/Lato/Lato-LightItalic.woff2 b/resources/font/Lato/Lato-LightItalic.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..0c897ce40ca1dc8c905f0404466138f69d6ba86d
Binary files /dev/null and b/resources/font/Lato/Lato-LightItalic.woff2 differ
diff --git a/resources/font/Lato/Lato-Regular.eot b/resources/font/Lato/Lato-Regular.eot
new file mode 100644
index 0000000000000000000000000000000000000000..11e3f2a5f0f9b8c7ef6affae8c543d20f7c112be
Binary files /dev/null and b/resources/font/Lato/Lato-Regular.eot differ
diff --git a/resources/font/Lato/Lato-Regular.ttf b/resources/font/Lato/Lato-Regular.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..74decd9ebb8d805201934266b3bda6a9d5831024
Binary files /dev/null and b/resources/font/Lato/Lato-Regular.ttf differ
diff --git a/resources/font/Lato/Lato-Regular.woff b/resources/font/Lato/Lato-Regular.woff
new file mode 100644
index 0000000000000000000000000000000000000000..ae1307ff5f4c48678621c240f8972d5a6e20b22c
Binary files /dev/null and b/resources/font/Lato/Lato-Regular.woff differ
diff --git a/resources/font/Lato/Lato-Regular.woff2 b/resources/font/Lato/Lato-Regular.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..3bf9843328a6359b6bd06e50010319c63da0d717
Binary files /dev/null and b/resources/font/Lato/Lato-Regular.woff2 differ
diff --git a/resources/font/foobar/foobar_pro-regular-webfont.eot b/resources/font/foobar/foobar_pro-regular-webfont.eot
new file mode 100644
index 0000000000000000000000000000000000000000..5f6d6a118c8048d06759a75f18168ff36c55e01e
Binary files /dev/null and b/resources/font/foobar/foobar_pro-regular-webfont.eot differ
diff --git a/resources/font/foobar/foobar_pro-regular-webfont.ttf b/resources/font/foobar/foobar_pro-regular-webfont.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..551b68a5aff14ea96debb3c9bff1f8005562376d
Binary files /dev/null and b/resources/font/foobar/foobar_pro-regular-webfont.ttf differ
diff --git a/resources/font/foobar/foobar_pro-regular-webfont.woff b/resources/font/foobar/foobar_pro-regular-webfont.woff
new file mode 100644
index 0000000000000000000000000000000000000000..337052e1b87f4ff367d58789483ede026e3fc0f5
Binary files /dev/null and b/resources/font/foobar/foobar_pro-regular-webfont.woff differ
diff --git a/resources/images/contact.svg b/resources/images/contact.svg
new file mode 100644
index 0000000000000000000000000000000000000000..2d99803f696cbcf6cffdd6804f556b494b4812a9
--- /dev/null
+++ b/resources/images/contact.svg
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ id="svg17012"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ width="30.693424"
+ height="30.819725"
+ viewBox="0 0 30.693424 30.819725"
+ sodipodi:docname="contact.svg">
+ <metadata
+ id="metadata17018">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <defs
+ id="defs17016" />
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1920"
+ inkscape:window-height="1027"
+ id="namedview17014"
+ showgrid="true"
+ inkscape:zoom="12.361274"
+ inkscape:cx="12.496081"
+ inkscape:cy="16.988018"
+ inkscape:window-x="1600"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="g4190"
+ inkscape:snap-grids="true"
+ fit-margin-top="0"
+ fit-margin-left="0"
+ fit-margin-right="0"
+ fit-margin-bottom="0">
+ <inkscape:grid
+ type="xygrid"
+ id="grid4186"
+ originx="1.6846405"
+ originy="1.891267" />
+ </sodipodi:namedview>
+ <g
+ id="g4190"
+ transform="translate(1.6846405,1.9284583)">
+ <path
+ style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ d="M 23.694328,24.934096 C 10.580209,33.614535 -0.01220361,24.484934 -1.183627,14.10555 -0.38622102,-8.0393138 28.761332,-4.3609333 28.507147,11.699207 c -0.296594,7.375941 -7.67256,9.337211 -8.422434,9.298208 -0.749873,-0.03901 0,-14.8895672 0,-14.8895672 l -0.194674,3.609516 C 20.041496,6.9091536 7.7329977,4.1111957 7.4686452,13.291714 c -0.2643513,9.180517 8.5473008,9.10317 12.6160678,4.423352"
+ id="path4525"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="ccczzszc" />
+ </g>
+</svg>
diff --git a/resources/images/facebook.svg b/resources/images/facebook.svg
new file mode 100644
index 0000000000000000000000000000000000000000..95a88defbaca8a56e1c9ec64e91aad1d25a57a7f
--- /dev/null
+++ b/resources/images/facebook.svg
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="7.4083333mm"
+ height="7.4083304mm"
+ viewBox="0 0 26.25 26.24999"
+ id="svg18197"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="facebook.svg">
+ <defs
+ id="defs18199" />
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="0.0"
+ inkscape:pageshadow="2"
+ inkscape:zoom="3.959798"
+ inkscape:cx="9.9158077"
+ inkscape:cy="-48.649009"
+ inkscape:document-units="px"
+ inkscape:current-layer="layer1"
+ showgrid="false"
+ fit-margin-top="0"
+ fit-margin-left="0"
+ fit-margin-right="0"
+ fit-margin-bottom="0"
+ inkscape:window-width="1920"
+ inkscape:window-height="1027"
+ inkscape:window-x="1600"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1" />
+ <metadata
+ id="metadata18202">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ inkscape:label="Calque 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(-1094.9987,-976.33921)">
+ <path
+ d="m 1108.1237,976.33921 c 7.2488,0 13.125,5.87625 13.125,13.125 0,7.25 -5.8762,13.12499 -13.125,13.12499 -7.25,0 -13.125,-5.87499 -13.125,-13.12499 0,-7.24875 5.875,-13.125 13.125,-13.125"
+ style="fill:#f0494d;fill-opacity:1;fill-rule:nonzero;stroke:none"
+ id="path4451"
+ inkscape:connector-curvature="0" />
+ <path
+ d="m 1109.7215,985.37483 1.6925,0 0,-2.49875 -1.9887,0 0,0.01 c -2.41,0.085 -2.9038,1.43875 -2.9475,2.86125 l 0,0 0,1.2475 -1.64,0 0,2.4475 1.64,0 0,6.55875 2.4725,0 0,-6.55875 2.0262,0 0.39,-2.4475 -2.415,0 0,-0.75375 c 0,-0.48 0.32,-0.86625 0.775,-0.86625"
+ style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+ id="path4455"
+ inkscape:connector-curvature="0" />
+ </g>
+</svg>
diff --git a/resources/images/home.svg b/resources/images/home.svg
new file mode 100644
index 0000000000000000000000000000000000000000..bb52427757800029ded85cd8c368533cdcd7be02
--- /dev/null
+++ b/resources/images/home.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ id="svg17012"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ width="27"
+ height="27"
+ viewBox="0 0 27 27"
+ sodipodi:docname="home.svg">
+ <metadata
+ id="metadata17018">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <defs
+ id="defs17016" />
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1249"
+ inkscape:window-height="688"
+ id="namedview17014"
+ showgrid="false"
+ inkscape:zoom="17.481481"
+ inkscape:cx="10.811441"
+ inkscape:cy="14.748803"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="0"
+ inkscape:current-layer="svg17012" />
+ <path
+ style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ d="m 0.6864407,10.182203 12.6991523,-9.3241521 12.81144,9.5529661 10e-7,16.01483 -9.836864,3e-6 -0.114407,-9.665254 -6.4067799,0 0,9.60805 -8.9809323,0 0,-16.5296598"
+ id="path17566"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="cccccccccc" />
+</svg>
diff --git a/resources/images/logo_renater.svg b/resources/images/logo_renater.svg
new file mode 100644
index 0000000000000000000000000000000000000000..05c19a8c496606820363e21619b4e5da0de3a472
--- /dev/null
+++ b/resources/images/logo_renater.svg
@@ -0,0 +1,478 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ id="svg2"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ width="611.96136"
+ height="140.35963"
+ xml:space="preserve"
+ sodipodi:docname="logo_renater.svg"><metadata
+ id="metadata8"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+ id="defs6"><inkscape:perspective
+ sodipodi:type="inkscape:persp3d"
+ inkscape:vp_x="0 : 70.179817 : 1"
+ inkscape:vp_y="0 : 1000 : 0"
+ inkscape:vp_z="611.96136 : 70.179817 : 1"
+ inkscape:persp3d-origin="305.98068 : 46.786545 : 1"
+ id="perspective4348" /><clipPath
+ clipPathUnits="userSpaceOnUse"
+ id="clipPath16"><path
+ d="m 0,841.89 595.28,0 L 595.28,0 0,0 0,841.89 z"
+ id="path18"
+ inkscape:connector-curvature="0" /></clipPath></defs><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#006666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1920"
+ inkscape:window-height="1027"
+ id="namedview4"
+ showgrid="false"
+ inkscape:zoom="1.2685909"
+ inkscape:cx="298.50379"
+ inkscape:cy="63.89297"
+ inkscape:window-x="1600"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="g14"
+ inkscape:showpageshadow="true"
+ fit-margin-top="0"
+ fit-margin-left="0"
+ fit-margin-right="0"
+ fit-margin-bottom="0"><inkscape:grid
+ type="xygrid"
+ id="grid3981"
+ empspacing="5"
+ visible="true"
+ enabled="true"
+ snapvisiblegridlinesonly="true" /></sodipodi:namedview><g
+ id="g10"
+ inkscape:groupmode="layer"
+ inkscape:label="Planche LOGO New-1"
+ transform="matrix(1.25,0,0,-1.25,-64.481904,894.28563)"><g
+ id="g12"><g
+ id="g14"
+ clip-path="url(#clipPath16)"><g
+ id="g116"
+ transform="translate(267.4624,204.6084)"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/20ans.png"
+ inkscape:export-xdpi="42.289459"
+ inkscape:export-ydpi="42.289459" /><g
+ id="g170"
+ transform="matrix(1.1751243,0,0,1.1751243,180.99714,633.86219)"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/logo_renater_crimson_250.png"
+ inkscape:export-xdpi="36.54438"
+ inkscape:export-ydpi="36.54438"
+ style="fill:#d90d12;fill-opacity:1;stroke:#d90d12;stroke-opacity:1"><path
+ d="m 0,0 -6.51,0 0,46.992 19.124,0 c 10.647,0 19.531,-1.114 19.531,-12.911 0,-9.569 -4.544,-12.649 -11.936,-13.501 L 35.06,0 26.99,0 12.546,20.187 l -7.799,0 0,5.505 10.24,0 c 7.324,0 10.444,1.114 10.444,8.323 0,6.686 -3.798,7.472 -10.308,7.472 L 0,41.487 0,0 z"
+ style="fill:#d90d12;fill-opacity:1;fill-rule:nonzero;stroke:#d90d12;stroke-opacity:1"
+ id="path172"
+ inkscape:connector-curvature="0" /></g><g
+ id="g174"
+ transform="matrix(1.1751243,0,0,1.1751243,180.99714,633.86219)"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/logo_renater_crimson_250.png"
+ inkscape:export-xdpi="36.54438"
+ inkscape:export-ydpi="36.54438"
+ style="fill:#d90d12;fill-opacity:1;stroke:#d90d12;stroke-opacity:1"><path
+ d="m 0,0 -6.51,0 0,46.992 19.124,0 c 10.647,0 19.531,-1.114 19.531,-12.911 0,-9.569 -4.544,-12.649 -11.936,-13.501 L 35.06,0 26.99,0 12.546,20.187 l -7.799,0 0,5.505 10.24,0 c 7.324,0 10.444,1.114 10.444,8.323 0,6.686 -3.798,7.472 -10.308,7.472 L 0,41.487 0,0 z"
+ style="fill:#d90d12;stroke:#d90d12;stroke-width:1.25999999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;fill-opacity:1"
+ id="path176"
+ inkscape:connector-curvature="0" /></g><path
+ d="m 244.18769,665.51698 25.81983,0 0,-6.46906 -25.81983,0 0,6.46906 z m -5.57832,-25.18644 34.66617,0 0,-6.46788 -42.31622,0 0,55.22144 41.51949,0 0,-6.47023 -33.86944,0 0,-42.28333 z"
+ style="fill:#d90d12;fill-opacity:1;fill-rule:nonzero;stroke:#d90d12;stroke-opacity:1"
+ id="path178"
+ inkscape:connector-curvature="0"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/logo_renater_crimson_250.png"
+ inkscape:export-xdpi="36.54438"
+ inkscape:export-ydpi="36.54438" /><path
+ d="m 244.18769,665.51698 25.81983,0 0,-6.46906 -25.81983,0 0,6.46906 z m -5.57832,-25.18644 34.66617,0 0,-6.46788 -42.31622,0 0,55.22144 41.51949,0 0,-6.47023 -33.86944,0 0,-42.28333 z"
+ style="fill:#d90d12;stroke:#d90d12;stroke-width:1.48065662;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;fill-opacity:1"
+ id="path180"
+ inkscape:connector-curvature="0"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/logo_renater_crimson_250.png"
+ inkscape:export-xdpi="36.54438"
+ inkscape:export-ydpi="36.54438" /><g
+ id="g182"
+ transform="matrix(1.1751243,0,0,1.1751243,283.63238,633.86219)"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/logo_renater_crimson_250.png"
+ inkscape:export-xdpi="36.54438"
+ inkscape:export-ydpi="36.54438"
+ style="fill:#d90d12;fill-opacity:1;stroke:#d90d12;stroke-opacity:1"><path
+ d="m 0,0 0,46.992 7.528,0 L 31.94,9.7 l 0,37.292 6.511,0 L 38.451,0 31.126,0 6.51,37.227 6.51,0 0,0 z"
+ style="fill:#d90d12;fill-opacity:1;fill-rule:nonzero;stroke:#d90d12;stroke-opacity:1"
+ id="path184"
+ inkscape:connector-curvature="0" /></g><g
+ id="g186"
+ transform="matrix(1.1751243,0,0,1.1751243,283.63238,633.86219)"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/logo_renater_crimson_250.png"
+ inkscape:export-xdpi="36.54438"
+ inkscape:export-ydpi="36.54438"
+ style="fill:#d90d12;fill-opacity:1;stroke:#d90d12;stroke-opacity:1"><path
+ d="m 0,0 0,46.992 7.528,0 L 31.94,9.7 l 0,37.292 6.511,0 L 38.451,0 31.126,0 6.51,37.227 6.51,0 0,0 z"
+ style="fill:#d90d12;stroke:#d90d12;stroke-width:1.25999999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;fill-opacity:1"
+ id="path188"
+ inkscape:connector-curvature="0" /></g><g
+ id="g190"
+ transform="matrix(1.1751243,0,0,1.1751243,371.36787,656.66007)"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/logo_renater_crimson_250.png"
+ inkscape:export-xdpi="36.54438"
+ inkscape:export-ydpi="36.54438"
+ style="fill:#d90d12;fill-opacity:1;stroke:#d90d12;stroke-opacity:1"><path
+ d="M 0,0 C -2.577,7.144 -5.426,14.156 -8.477,21.3 -14.513,8.257 -19.666,-5.243 -23.6,-19.4 l -6.781,0 c 5.086,15.729 11.19,31.393 18.445,46.992 l 7.257,0 C 2.509,11.928 8.612,-3.736 13.699,-19.4 l -7.189,0 c -1.424,4.587 -2.916,9.242 -4.543,13.894 l -16.48,0 L -12.749,0 0,0 z"
+ style="fill:#d90d12;fill-opacity:1;fill-rule:nonzero;stroke:#d90d12;stroke-opacity:1"
+ id="path192"
+ inkscape:connector-curvature="0" /></g><g
+ id="g194"
+ transform="matrix(1.1751243,0,0,1.1751243,371.36787,656.66007)"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/logo_renater_crimson_250.png"
+ inkscape:export-xdpi="36.54438"
+ inkscape:export-ydpi="36.54438"
+ style="fill:#d90d12;fill-opacity:1;stroke:#d90d12;stroke-opacity:1"><path
+ d="M 0,0 C -2.577,7.144 -5.426,14.156 -8.477,21.3 -14.513,8.257 -19.666,-5.243 -23.6,-19.4 l -6.781,0 c 5.086,15.729 11.19,31.393 18.445,46.992 l 7.257,0 C 2.509,11.928 8.612,-3.736 13.699,-19.4 l -7.189,0 c -1.424,4.587 -2.916,9.242 -4.543,13.894 l -16.48,0 L -12.749,0 0,0 z"
+ style="fill:#d90d12;stroke:#d90d12;stroke-width:1.25999999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;fill-opacity:1"
+ id="path196"
+ inkscape:connector-curvature="0" /></g><path
+ d="m 400.69192,677.06963 7.65123,0 0,-43.20697 -7.65123,0 0,43.20697 z m -19.20623,12.01447 46.06134,0 0,-6.62417 -46.06134,0 0,6.62417 z"
+ style="fill:#d90d12;fill-opacity:1;fill-rule:nonzero;stroke:#d90d12;stroke-width:1.48065662;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+ id="path198"
+ inkscape:connector-curvature="0"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/logo_renater_crimson_250.png"
+ inkscape:export-xdpi="36.54438"
+ inkscape:export-ydpi="36.54438" /><path
+ d="m 448.74392,665.51698 25.81984,0 0,-6.46906 -25.81984,0 0,6.46906 z m -5.57949,-25.18644 34.66617,0 0,-6.46788 -42.31622,0 0,55.22144 41.51949,0 0,-6.47023 -33.86944,0 0,-42.28333 z"
+ style="fill:#d90d12;fill-opacity:1;fill-rule:nonzero;stroke:#d90d12;stroke-opacity:1"
+ id="path200"
+ inkscape:connector-curvature="0"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/logo_renater_crimson_250.png"
+ inkscape:export-xdpi="36.54438"
+ inkscape:export-ydpi="36.54438" /><path
+ d="m 448.74392,665.51698 25.81984,0 0,-6.46906 -25.81984,0 0,6.46906 z m -5.57949,-25.18644 34.66617,0 0,-6.46788 -42.31622,0 0,55.22144 41.51949,0 0,-6.47023 -33.86944,0 0,-42.28333 z"
+ style="fill:#d90d12;stroke:#d90d12;stroke-width:1.48065662;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;fill-opacity:1"
+ id="path202"
+ inkscape:connector-curvature="0"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/logo_renater_crimson_250.png"
+ inkscape:export-xdpi="36.54438"
+ inkscape:export-ydpi="36.54438" /><g
+ id="g204"
+ transform="matrix(1.1751243,0,0,1.1751243,496.23634,633.86219)"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/logo_renater_crimson_250.png"
+ inkscape:export-xdpi="36.54438"
+ inkscape:export-ydpi="36.54438"
+ style="fill:#d90d12;fill-opacity:1;stroke:#d90d12;stroke-opacity:1"><path
+ d="m 0,0 -6.51,0 0,46.992 19.123,0 c 10.648,0 19.531,-1.114 19.531,-12.911 0,-9.569 -4.543,-12.649 -11.935,-13.501 L 35.06,0 26.99,0 12.546,20.187 l -7.8,0 0,5.505 10.24,0 c 7.325,0 10.444,1.114 10.444,8.323 0,6.686 -3.797,7.472 -10.308,7.472 L 0,41.487 0,0 z"
+ style="fill:#d90d12;fill-opacity:1;fill-rule:nonzero;stroke:#d90d12;stroke-opacity:1"
+ id="path206"
+ inkscape:connector-curvature="0" /></g><g
+ id="g208"
+ transform="matrix(1.1751243,0,0,1.1751243,496.23634,633.86219)"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/logo_renater_crimson_250.png"
+ inkscape:export-xdpi="36.54438"
+ inkscape:export-ydpi="36.54438"
+ style="fill:#d90d12;fill-opacity:1;stroke:#d90d12;stroke-opacity:1"><path
+ d="m 0,0 -6.51,0 0,46.992 19.123,0 c 10.648,0 19.531,-1.114 19.531,-12.911 0,-9.569 -4.543,-12.649 -11.935,-13.501 L 35.06,0 26.99,0 12.546,20.187 l -7.8,0 0,5.505 10.24,0 c 7.325,0 10.444,1.114 10.444,8.323 0,6.686 -3.797,7.472 -10.308,7.472 L 0,41.487 0,0 z"
+ style="fill:#d90d12;stroke:#d90d12;stroke-width:1.25999999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;fill-opacity:1"
+ id="path210"
+ inkscape:connector-curvature="0" /></g><g
+ id="g212"
+ transform="matrix(1.1751243,0,0,1.1751243,185.0223,619.51392)"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/logo_renater_crimson_250.png"
+ inkscape:export-xdpi="36.54438"
+ inkscape:export-ydpi="36.54438"
+ style="fill:#f0494d;fill-opacity:1"><path
+ d="m 0,0 c -0.93,0.507 -2.261,0.661 -3.296,0.661 -3.824,0 -5.979,-2.822 -5.979,-6.636 0,-3.879 2.092,-6.635 5.979,-6.635 0.972,0 2.451,0.132 3.296,0.662 l 0.084,-1.324 c -0.803,-0.506 -2.45,-0.661 -3.38,-0.661 -4.648,0 -7.437,3.197 -7.437,7.958 0,4.674 2.874,7.959 7.437,7.959 0.866,0 2.62,-0.154 3.38,-0.573 L 0,0 z"
+ style="fill:#f0494d;fill-opacity:1;fill-rule:nonzero;stroke:none"
+ id="path214"
+ inkscape:connector-curvature="0" /></g><g
+ id="g216"
+ transform="matrix(1.1751243,0,0,1.1751243,194.82671,612.49303)"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/logo_renater_crimson_250.png"
+ inkscape:export-xdpi="36.54438"
+ inkscape:export-ydpi="36.54438"
+ style="fill:#f0494d;fill-opacity:1"><path
+ d="m 0,0 c 0,-3.263 1.563,-6.636 5.028,-6.636 3.465,0 5.029,3.373 5.029,6.636 0,3.263 -1.564,6.636 -5.029,6.636 C 1.563,6.636 0,3.263 0,0 M 5.028,7.959 C 9.465,7.959 11.556,4.166 11.514,0 11.472,-4.718 9.275,-7.958 5.028,-7.958 0.782,-7.958 -1.416,-4.718 -1.458,0 -1.5,4.166 0.591,7.959 5.028,7.959"
+ style="fill:#f0494d;fill-opacity:1;fill-rule:nonzero;stroke:none"
+ id="path218"
+ inkscape:connector-curvature="0" /></g><g
+ id="g220"
+ transform="matrix(1.1751243,0,0,1.1751243,215.82806,621.53373)"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/logo_renater_crimson_250.png"
+ inkscape:export-xdpi="36.54438"
+ inkscape:export-ydpi="36.54438"
+ style="fill:#f0494d;fill-opacity:1"><path
+ d="m 0,0 1.838,0 7.5,-13.535 0.042,0 0,13.535 1.458,0 0,-15.388 -1.965,0 -7.373,13.272 -0.042,0 0,-13.272 -1.458,0 L 0,0 z"
+ style="fill:#f0494d;fill-opacity:1;fill-rule:nonzero;stroke:none"
+ id="path222"
+ inkscape:connector-curvature="0" /></g><g
+ id="g224"
+ transform="matrix(1.1751243,0,0,1.1751243,236.60555,621.53373)"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/logo_renater_crimson_250.png"
+ inkscape:export-xdpi="36.54438"
+ inkscape:export-ydpi="36.54438"
+ style="fill:#f0494d;fill-opacity:1"><path
+ d="m 0,0 1.838,0 7.5,-13.535 0.042,0 0,13.535 1.458,0 0,-15.388 -1.964,0 -7.374,13.272 -0.042,0 0,-13.272 -1.458,0 L 0,0 z"
+ style="fill:#f0494d;fill-opacity:1;fill-rule:nonzero;stroke:none"
+ id="path226"
+ inkscape:connector-curvature="0" /></g><g
+ id="g228"
+ transform="matrix(1.1751243,0,0,1.1751243,257.6069,621.53373)"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/logo_renater_crimson_250.png"
+ inkscape:export-xdpi="36.54438"
+ inkscape:export-ydpi="36.54438"
+ style="fill:#f0494d;fill-opacity:1"><path
+ d="m 0,0 7.226,0 0,-1.321 -5.768,0 0,-5.491 5.472,0 0,-1.323 -5.472,0 0,-5.929 6.021,0 0,-1.324 -7.479,0 L 0,0 z"
+ style="fill:#f0494d;fill-opacity:1;fill-rule:nonzero;stroke:none"
+ id="path230"
+ inkscape:connector-curvature="0" /></g><g
+ id="g232"
+ transform="matrix(1.1751243,0,0,1.1751243,286.13234,619.51392)"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/logo_renater_crimson_250.png"
+ inkscape:export-xdpi="36.54438"
+ inkscape:export-ydpi="36.54438"
+ style="fill:#f0494d;fill-opacity:1"><path
+ d="m 0,0 c -0.93,0.507 -2.261,0.661 -3.296,0.661 -3.825,0 -5.979,-2.822 -5.979,-6.636 0,-3.879 2.091,-6.635 5.979,-6.635 0.972,0 2.45,0.132 3.296,0.662 l 0.084,-1.324 c -0.803,-0.506 -2.451,-0.661 -3.38,-0.661 -4.648,0 -7.437,3.197 -7.437,7.958 0,4.674 2.873,7.959 7.437,7.959 0.866,0 2.619,-0.154 3.38,-0.573 L 0,0 z"
+ style="fill:#f0494d;fill-opacity:1;fill-rule:nonzero;stroke:none"
+ id="path234"
+ inkscape:connector-curvature="0" /></g><g
+ id="g236"
+ transform="matrix(1.1751243,0,0,1.1751243,298.24505,619.98103)"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/logo_renater_crimson_250.png"
+ inkscape:export-xdpi="36.54438"
+ inkscape:export-ydpi="36.54438"
+ style="fill:#f0494d;fill-opacity:1"><path
+ d="m 0,0 -4.353,0 0,1.321 10.163,0 0,-1.321 -4.352,0 0,-14.066 -1.458,0 L 0,0 z"
+ style="fill:#f0494d;fill-opacity:1;fill-rule:nonzero;stroke:none"
+ id="path238"
+ inkscape:connector-curvature="0" /></g><g
+ id="g240"
+ transform="matrix(1.1751243,0,0,1.1751243,311.65005,621.53373)"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/logo_renater_crimson_250.png"
+ inkscape:export-xdpi="36.54438"
+ inkscape:export-ydpi="36.54438"
+ style="fill:#f0494d;fill-opacity:1"><path
+ d="m 0,0 7.226,0 0,-1.321 -5.769,0 0,-5.491 5.472,0 0,-1.323 -5.472,0 0,-5.929 6.022,0 0,-1.324 -7.479,0 L 0,0 z"
+ style="fill:#f0494d;fill-opacity:1;fill-rule:nonzero;stroke:none"
+ id="path242"
+ inkscape:connector-curvature="0" /></g><g
+ id="g244"
+ transform="matrix(1.1751243,0,0,1.1751243,340.72062,609.7732)"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/logo_renater_crimson_250.png"
+ inkscape:export-xdpi="36.54438"
+ inkscape:export-ydpi="36.54438"
+ style="fill:#f0494d;fill-opacity:1"><path
+ d="m 0,0 c 0,-4.541 -3.19,-5.644 -5.345,-5.644 -2.156,0 -5.345,1.103 -5.345,5.644 l 0,10.008 1.458,0 0,-10.008 c 0,-2.514 1.331,-4.321 3.887,-4.321 2.556,0 3.887,1.807 3.887,4.321 l 0,10.008 1.458,0 L 0,0 z"
+ style="fill:#f0494d;fill-opacity:1;fill-rule:nonzero;stroke:none"
+ id="path246"
+ inkscape:connector-curvature="0" /></g><g
+ id="g248"
+ transform="matrix(1.1751243,0,0,1.1751243,350.82164,613.52925)"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/logo_renater_crimson_250.png"
+ inkscape:export-xdpi="36.54438"
+ inkscape:export-ydpi="36.54438"
+ style="fill:#f0494d;fill-opacity:1"><path
+ d="M 0,0 1.543,0 C 3.254,0 5.219,0.684 5.219,2.822 5.219,5.335 3.508,5.49 1.501,5.49 L 0,5.49 0,0 z m -1.457,6.812 3.803,0 c 2.619,0 4.331,-1.168 4.331,-3.99 0,-1.984 -1.458,-3.306 -3.275,-3.55 l 0,-0.043 c 1.183,-0.155 1.437,-0.816 1.902,-1.852 l 2.514,-5.953 -1.606,0 -2.134,5.203 c -0.845,1.984 -1.478,2.05 -2.873,2.05 l -1.205,0 0,-7.253 -1.457,0 0,15.388 z"
+ style="fill:#f0494d;fill-opacity:1;fill-rule:nonzero;stroke:none"
+ id="path250"
+ inkscape:connector-curvature="0" /></g><g
+ id="g252"
+ transform="matrix(1.1751243,0,0,1.1751243,379.76707,605.00619)"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/logo_renater_crimson_250.png"
+ inkscape:export-xdpi="36.54438"
+ inkscape:export-ydpi="36.54438"
+ style="fill:#f0494d;fill-opacity:1"><path
+ d="m 0,0 1.205,0 c 4.183,0 6.908,1.764 6.908,6.481 0,4.697 -2.682,6.262 -5.978,6.262 L 0,12.743 0,0 z m -1.458,14.064 3.655,0 c 5.282,0 7.374,-3.173 7.374,-7.67 C 9.571,0.815 6,-1.323 1.12,-1.323 l -2.578,0 0,15.387 z"
+ style="fill:#f0494d;fill-opacity:1;fill-rule:nonzero;stroke:none"
+ id="path254"
+ inkscape:connector-curvature="0" /></g><g
+ id="g256"
+ transform="matrix(1.1751243,0,0,1.1751243,398.98223,621.53373)"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/logo_renater_crimson_250.png"
+ inkscape:export-xdpi="36.54438"
+ inkscape:export-ydpi="36.54438"
+ style="fill:#f0494d;fill-opacity:1"><path
+ d="m 0,0 7.226,0 0,-1.321 -5.769,0 0,-5.491 5.473,0 0,-1.323 -5.473,0 0,-5.929 6.022,0 0,-1.324 -7.479,0 L 0,0 z"
+ style="fill:#f0494d;fill-opacity:1;fill-rule:nonzero;stroke:none"
+ id="path258"
+ inkscape:connector-curvature="0" /></g><g
+ id="g260"
+ transform="matrix(1.1751243,0,0,1.1751243,426.26368,605.75674)"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/logo_renater_crimson_250.png"
+ inkscape:export-xdpi="36.54438"
+ inkscape:export-ydpi="36.54438"
+ style="fill:#f0494d;fill-opacity:1"><path
+ d="m 0,0 c 0.866,-0.572 1.88,-0.903 3.253,-0.903 1.817,0 3.318,0.969 3.318,3.152 0,3.021 -6.76,3.396 -6.76,7.43 0,2.468 2.069,4.012 4.668,4.012 0.718,0 1.88,-0.11 2.894,-0.506 l -0.232,-1.39 c -0.655,0.375 -1.69,0.573 -2.683,0.573 -1.521,0 -3.19,-0.661 -3.19,-2.645 0,-3.086 6.76,-3.109 6.76,-7.606 0,-3.108 -2.556,-4.343 -4.838,-4.343 -1.436,0 -2.556,0.308 -3.338,0.661 L 0,0 z"
+ style="fill:#f0494d;fill-opacity:1;fill-rule:nonzero;stroke:none"
+ id="path262"
+ inkscape:connector-curvature="0" /></g><g
+ id="g264"
+ transform="matrix(1.1751243,0,0,1.1751243,449.49988,619.82498)"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/logo_renater_crimson_250.png"
+ inkscape:export-xdpi="36.54438"
+ inkscape:export-ydpi="36.54438"
+ style="fill:#f0494d;fill-opacity:1"><path
+ d="m 0,0 -3.212,-8.487 6.402,0 L 0,0 z m -0.719,1.454 1.649,0 5.851,-15.388 -1.521,0 -1.584,4.123 -7.438,0 -1.584,-4.123 -1.415,0 6.042,15.388 z"
+ style="fill:#f0494d;fill-opacity:1;fill-rule:nonzero;stroke:none"
+ id="path266"
+ inkscape:connector-curvature="0" /></g><g
+ id="g268"
+ transform="matrix(1.1751243,0,0,1.1751243,469.21541,603.45127)"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/logo_renater_crimson_250.png"
+ inkscape:export-xdpi="36.54438"
+ inkscape:export-ydpi="36.54438"
+ style="fill:#f0494d;fill-opacity:1"><path
+ d="m 0,0 -1.563,0 -5.494,15.388 1.543,0 4.753,-13.867 4.923,13.867 1.437,0 L 0,0 z"
+ style="fill:#f0494d;fill-opacity:1;fill-rule:nonzero;stroke:none"
+ id="path270"
+ inkscape:connector-curvature="0" /></g><g
+ id="g272"
+ transform="matrix(1.1751243,0,0,1.1751243,483.21467,612.49303)"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/logo_renater_crimson_250.png"
+ inkscape:export-xdpi="36.54438"
+ inkscape:export-ydpi="36.54438"
+ style="fill:#f0494d;fill-opacity:1"><path
+ d="m 0,0 c 0,-3.263 1.563,-6.636 5.028,-6.636 3.465,0 5.029,3.373 5.029,6.636 0,3.263 -1.564,6.636 -5.029,6.636 C 1.563,6.636 0,3.263 0,0 m 5.028,7.959 c 4.437,0 6.529,-3.793 6.486,-7.959 -0.041,-4.718 -2.24,-7.958 -6.486,-7.958 -4.247,0 -6.443,3.24 -6.486,7.958 -0.042,4.166 2.05,7.959 6.486,7.959"
+ style="fill:#f0494d;fill-opacity:1;fill-rule:nonzero;stroke:none"
+ id="path274"
+ inkscape:connector-curvature="0" /></g><path
+ d="m 504.21567,621.53326 1.71215,0 0,-18.08282 -1.71215,0 0,18.08282 z"
+ style="fill:#f0494d;fill-opacity:1;fill-rule:nonzero;stroke:none"
+ id="path276"
+ inkscape:connector-curvature="0"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/logo_renater_crimson_250.png"
+ inkscape:export-xdpi="36.54438"
+ inkscape:export-ydpi="36.54438" /><g
+ id="g278"
+ transform="matrix(1.1751243,0,0,1.1751243,515.93224,613.52925)"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/logo_renater_crimson_250.png"
+ inkscape:export-xdpi="36.54438"
+ inkscape:export-ydpi="36.54438"
+ style="fill:#f0494d;fill-opacity:1"><path
+ d="M 0,0 1.542,0 C 3.254,0 5.219,0.684 5.219,2.822 5.219,5.335 3.508,5.49 1.5,5.49 L 0,5.49 0,0 z m -1.457,6.812 3.803,0 c 2.619,0 4.331,-1.168 4.331,-3.99 0,-1.984 -1.458,-3.306 -3.276,-3.55 l 0,-0.043 c 1.184,-0.155 1.438,-0.816 1.903,-1.852 l 2.513,-5.953 -1.605,0 -2.135,5.203 c -0.845,1.984 -1.478,2.05 -2.873,2.05 l -1.204,0 0,-7.253 -1.457,0 0,15.388 z"
+ style="fill:#f0494d;fill-opacity:1;fill-rule:nonzero;stroke:none"
+ id="path280"
+ inkscape:connector-curvature="0" /></g><g
+ id="g282"
+ transform="matrix(1.1751243,0,0,1.1751243,531.72074,605.75674)"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/logo_renater_crimson_250.png"
+ inkscape:export-xdpi="36.54438"
+ inkscape:export-ydpi="36.54438"
+ style="fill:#f0494d;fill-opacity:1"><path
+ d="m 0,0 c 0.866,-0.572 1.88,-0.903 3.253,-0.903 1.817,0 3.317,0.969 3.317,3.152 0,3.021 -6.76,3.396 -6.76,7.43 0,2.468 2.07,4.012 4.669,4.012 0.718,0 1.879,-0.11 2.894,-0.506 l -0.232,-1.39 c -0.656,0.375 -1.69,0.573 -2.684,0.573 -1.52,0 -3.189,-0.661 -3.189,-2.645 0,-3.086 6.76,-3.109 6.76,-7.606 0,-3.108 -2.556,-4.343 -4.838,-4.343 -1.437,0 -2.556,0.308 -3.338,0.661 L 0,0 z"
+ style="fill:#f0494d;fill-opacity:1;fill-rule:nonzero;stroke:none"
+ id="path284"
+ inkscape:connector-curvature="0" /></g><g
+ id="g286"
+ transform="matrix(1.1751243,0,0,1.1751243,75.28308,701.21315)"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/logo_renater_crimson_250.png"
+ inkscape:export-xdpi="36.54438"
+ inkscape:export-ydpi="36.54438"
+ style="fill:#f0494d;fill-opacity:1"><path
+ d="m 0,0 0.76,-6.836 -17.803,1.25 -3.123,-4.998 15.772,-8.431 0.936,-4.684 4.373,-7.341 -3.279,-1.717 1.873,-3.747 -5.778,-18.428 14.368,-5.465 0.808,-0.406 5.173,-2.609 10.232,3.794 0.503,0.144 C 26.249,-57.732 55.713,-20.851 0,0"
+ style="fill:#f0494d;fill-opacity:1;fill-rule:evenodd;stroke:none"
+ id="path288"
+ inkscape:connector-curvature="0" /></g><g
+ id="g290"
+ transform="matrix(1.1751243,0,0,1.1751243,94.07355,702.22246)"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/logo_renater_crimson_250.png"
+ inkscape:export-xdpi="36.54438"
+ inkscape:export-ydpi="36.54438"
+ style="fill:#d90d12;fill-opacity:1;stroke:#d90d12;stroke-opacity:1"><path
+ d="m 0,0 c 0,0 45.908,-19.717 10.908,-59.791 l 7.515,2.126 13.67,-3.12 10.733,8.744 -6.056,3.276 0,3.748 0.172,13.429 -6.404,-1.871 1.387,5.15 8.825,7.498 4.675,12.491 -8.483,2.5 L 22.748,0.113 9.942,10.888 7.627,10.471 7.603,10.349 4.833,9.794 3.273,3.548 0,0"
+ style="fill:#d90d12;fill-opacity:1;fill-rule:evenodd;stroke:#d90d12;stroke-width:0.69999999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+ id="path292"
+ inkscape:connector-curvature="0" /><flowRoot
+ xml:space="preserve"
+ id="flowRoot4124"
+ style="font-size:40px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#d90d12;fill-opacity:1;stroke:#d90d12;font-family:Sans;stroke-opacity:1"
+ transform="matrix(0.8,0,0,-0.8,-135.8618,322.7406)"><flowRegion
+ id="flowRegion4126"><rect
+ id="rect4128"
+ width="364.18359"
+ height="143.46626"
+ x="34.684151"
+ y="888.40112"
+ style="fill:#d90d12;fill-opacity:1;stroke:#d90d12;stroke-opacity:1" /></flowRegion><flowPara
+ id="flowPara4130" /></flowRoot></g><flowRoot
+ xml:space="preserve"
+ id="flowRoot4508"
+ style="font-size:40px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans"
+ transform="matrix(0.8,0,0,-0.8,0,841.88984)"><flowRegion
+ id="flowRegion4510"><rect
+ id="rect4512"
+ width="919.13"
+ height="102.4759"
+ x="-107.20556"
+ y="563.63098" /></flowRegion><flowPara
+ id="flowPara4514" /></flowRoot><g
+ id="g5678"
+ transform="matrix(1.0105736,0,0,1.0105736,-28.418572,14.638831)"
+ style="fill:#f21df9;fill-opacity:1"
+ inkscape:export-xdpi="14.060733"
+ inkscape:export-ydpi="14.060733"><g
+ style="fill:#f21df9;fill-opacity:1;stroke:none"
+ inkscape:export-ydpi="18.749779"
+ inkscape:export-xdpi="18.749779"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/logo_renater_crimson_250.png"
+ transform="matrix(1.1751243,0,0,1.1751243,366.62996,501.93693)"
+ id="g5660" /><g
+ inkscape:export-ydpi="18.749779"
+ inkscape:export-xdpi="18.749779"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/logo_renater_crimson_250.png"
+ transform="matrix(1.1751243,0,0,1.1751243,385.42043,502.94624)"
+ id="g5664"
+ style="fill:#f21df9;fill-opacity:1;stroke:none"><flowRoot
+ transform="matrix(0.8,0,0,-0.8,-135.8618,322.7406)"
+ style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:Sans;letter-spacing:0px;word-spacing:0px;fill:#f21df9;fill-opacity:1;stroke:none"
+ id="flowRoot5668"
+ xml:space="preserve"><flowRegion
+ id="flowRegion5670"><rect
+ y="888.40112"
+ x="34.684151"
+ height="143.46626"
+ width="364.18359"
+ id="rect5672"
+ style="fill:#f21df9;fill-opacity:1;stroke:none" /></flowRegion><flowPara
+ id="flowPara5674" /></flowRoot></g></g><g
+ id="g5713"
+ transform="matrix(1.0105736,0,0,1.0105736,-28.41857,-145.36117)"
+ style="fill:#f21df9;fill-opacity:1"
+ inkscape:export-xdpi="14.060733"
+ inkscape:export-ydpi="14.060733"><g
+ style="fill:#f21df9;fill-opacity:1;stroke:none"
+ inkscape:export-ydpi="18.749779"
+ inkscape:export-xdpi="18.749779"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/logo_renater_crimson_250.png"
+ transform="matrix(1.1751243,0,0,1.1751243,366.62996,501.93693)"
+ id="g5715" /><g
+ inkscape:export-ydpi="18.749779"
+ inkscape:export-xdpi="18.749779"
+ inkscape:export-filename="/Users/lumineau/Pictures/logos/renater/2013/logo_renater_crimson_250.png"
+ transform="matrix(1.1751243,0,0,1.1751243,385.42043,502.94624)"
+ id="g5719"
+ style="fill:#f21df9;fill-opacity:1;stroke:none"><flowRoot
+ transform="matrix(0.8,0,0,-0.8,-135.8618,322.7406)"
+ style="font-style:normal;font-weight:normal;font-size:40px;line-height:125%;font-family:Sans;letter-spacing:0px;word-spacing:0px;fill:#f21df9;fill-opacity:1;stroke:none"
+ id="flowRoot5723"
+ xml:space="preserve"><flowRegion
+ id="flowRegion5725"><rect
+ y="888.40112"
+ x="34.684151"
+ height="143.46626"
+ width="364.18359"
+ id="rect5727"
+ style="fill:#f21df9;fill-opacity:1;stroke:none" /></flowRegion><flowPara
+ id="flowPara5729" /></flowRoot></g></g></g></g></g></svg>
\ No newline at end of file
diff --git a/resources/images/logo_renater_blanc.png b/resources/images/logo_renater_blanc.png
new file mode 100644
index 0000000000000000000000000000000000000000..a29883ff7ae73cb362d5c1a9dc0ee83c1c385ec8
Binary files /dev/null and b/resources/images/logo_renater_blanc.png differ
diff --git a/resources/images/support.svg b/resources/images/support.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c5eb41f92ed4ab687ed01e399483078adb457b7d
--- /dev/null
+++ b/resources/images/support.svg
@@ -0,0 +1,124 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="7.9434972mm"
+ height="11.258333mm"
+ viewBox="0 0 28.14625 39.891732"
+ id="svg20079"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="support.svg">
+ <defs
+ id="defs20081">
+ <clipPath
+ clipPathUnits="userSpaceOnUse"
+ id="clipPath4527">
+ <path
+ d="m 0,838.007 1024,0 L 1024,0 0,0 0,838.007 Z"
+ id="path4529"
+ inkscape:connector-curvature="0" />
+ </clipPath>
+ <clipPath
+ id="clipPath4527-5"
+ clipPathUnits="userSpaceOnUse">
+ <path
+ inkscape:connector-curvature="0"
+ id="path4529-3"
+ d="m 0,838.007 1024,0 L 1024,0 0,0 0,838.007 Z" />
+ </clipPath>
+ </defs>
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="0.0"
+ inkscape:pageshadow="2"
+ inkscape:zoom="15.839192"
+ inkscape:cx="21.797157"
+ inkscape:cy="16.884776"
+ inkscape:document-units="px"
+ inkscape:current-layer="layer1"
+ showgrid="false"
+ fit-margin-top="0"
+ fit-margin-left="0"
+ fit-margin-right="0"
+ fit-margin-bottom="0"
+ inkscape:window-width="1920"
+ inkscape:window-height="990"
+ inkscape:window-x="1280"
+ inkscape:window-y="1"
+ inkscape:window-maximized="1" />
+ <metadata
+ id="metadata20084">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ inkscape:label="Calque 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(1073.4043,124.72652)">
+ <g
+ transform="matrix(1.25,0,0,-1.25,-1936.9683,859.18611)"
+ id="g4523">
+ <g
+ id="g4525"
+ clip-path="url(#clipPath4527)">
+ <g
+ id="g4531"
+ transform="translate(712.9932,775.8171)" />
+ <g
+ id="g4551"
+ transform="translate(706.1422,759.6247)">
+ <path
+ d="M 0,0 -4.033,-4.033 -8.065,0"
+ style="fill:none;stroke:#ffffff;stroke-width:0.75;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
+ id="path4553"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ </g>
+ <g
+ id="layer1-9"
+ inkscape:label="Calque 1"
+ transform="translate(-7.4370589e-6,4.2896829e-6)">
+ <g
+ transform="matrix(1.2454878,0,0,1.2454878,-1073.3538,-124.71483)"
+ id="g5029">
+ <g
+ id="g4256"
+ transform="matrix(1.608143,0,0,1.608143,-5.858071,-6.7294032)"
+ style="fill:#ffffff;fill-opacity:1">
+ <title
+ id="title4258">Support</title>
+ <path
+ d="m 10.665,15.947 c 0.266,-0.005 0.521,0.101 0.707,0.29 0.378,0.365 0.389,0.966 0.023,1.345 -0.007,0.008 -0.016,0.016 -0.023,0.023 -0.394,0.387 -1.024,0.387 -1.418,0 C 9.576,17.24 9.565,16.638 9.93,16.26 c 0.008,-0.008 0.016,-0.016 0.023,-0.023 0.187,-0.189 0.442,-0.295 0.708,-0.29 m 0.001,-0.408 c -0.369,-0.004 -0.723,0.143 -0.981,0.404 -0.538,0.521 -0.553,1.378 -0.032,1.917 0.01,0.01 0.021,0.021 0.032,0.031 0.552,0.543 1.436,0.543 1.987,0 0.538,-0.52 0.553,-1.379 0.032,-1.916 -0.011,-0.012 -0.021,-0.022 -0.032,-0.033 -0.265,-0.268 -0.628,-0.412 -1.003,-0.401 l -0.003,-0.002 z"
+ id="path4260"
+ inkscape:connector-curvature="0"
+ style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.04992704;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+ <path
+ d="m 10.675,4.653 c 1.174,0 2.106,0.317 2.801,0.919 0.657,0.551 1.033,1.368 1.024,2.226 0.006,0.487 -0.116,0.969 -0.355,1.394 -0.404,0.595 -0.893,1.126 -1.45,1.581 -0.357,0.293 -0.687,0.62 -0.984,0.975 -0.168,0.218 -0.287,0.47 -0.347,0.738 -0.095,0.431 -0.139,0.871 -0.133,1.312 0.01,0.184 -0.068,0.362 -0.212,0.479 -0.093,0.08 -0.213,0.123 -0.336,0.119 l -0.067,0 C 10.446,14.375 10.288,14.302 10.163,14.187 10.056,14.082 9.998,13.94 10,13.791 l 0,-0.453 c -0.009,-0.497 0.075,-0.992 0.25,-1.459 0.134,-0.335 0.322,-0.646 0.559,-0.921 0.339,-0.362 0.701,-0.702 1.084,-1.017 0.403,-0.308 0.751,-0.681 1.03,-1.104 0.17,-0.285 0.259,-0.611 0.255,-0.943 C 13.175,7.285 12.916,6.706 12.465,6.297 11.994,5.843 11.361,5.597 10.708,5.613 10.09,5.595 9.49,5.821 9.038,6.242 8.59,6.653 8.289,7.296 8.14,8.174 8.124,8.376 8.026,8.563 7.869,8.692 7.743,8.803 7.581,8.864 7.414,8.865 l -0.087,0 C 7.166,8.871 7.012,8.799 6.915,8.67 6.794,8.477 6.761,8.241 6.825,8.022 l 0,-0.027 C 6.969,6.91 7.367,6.097 8.026,5.528 8.685,4.959 9.59,4.66 10.691,4.66 m 0,-0.406 C 9.486,4.254 8.509,4.576 7.76,5.219 7.012,5.863 6.567,6.766 6.424,7.93 6.336,8.259 6.393,8.611 6.581,8.895 c 0.17,0.231 0.44,0.367 0.727,0.366 l 0.103,0 C 7.673,9.26 7.927,9.164 8.124,8.99 8.354,8.797 8.5,8.522 8.531,8.223 8.663,7.451 8.919,6.891 9.298,6.542 9.677,6.191 10.179,6.003 10.694,6.021 c 0.549,-0.015 1.081,0.192 1.475,0.575 0.373,0.332 0.588,0.806 0.592,1.304 0.003,0.258 -0.065,0.512 -0.198,0.735 -0.258,0.383 -0.576,0.723 -0.943,1.003 -0.398,0.327 -0.774,0.681 -1.125,1.058 -0.266,0.312 -0.477,0.668 -0.624,1.051 -0.19,0.513 -0.282,1.057 -0.271,1.604 l 0,0.463 c -0.004,0.263 0.104,0.514 0.295,0.694 0.193,0.166 0.435,0.268 0.688,0.29 l 0.108,0 c 0.22,0.003 0.433,-0.074 0.6,-0.217 0.229,-0.191 0.359,-0.475 0.355,-0.773 l 0,-0.019 c -0.006,-0.402 0.033,-0.804 0.116,-1.198 0.045,-0.217 0.138,-0.422 0.271,-0.6 0.28,-0.329 0.59,-0.633 0.924,-0.908 0.592,-0.481 1.108,-1.048 1.535,-1.68 C 14.766,8.914 14.909,8.361 14.904,7.8 14.913,6.826 14.489,5.9 13.746,5.27 12.973,4.589 11.95,4.248 10.677,4.248 l 0.014,0.006 z"
+ id="path4262"
+ inkscape:connector-curvature="0"
+ style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.04992704;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+ </g>
+ </g>
+ </g>
+ </g>
+</svg>
diff --git a/resources/images/twitter.svg b/resources/images/twitter.svg
new file mode 100644
index 0000000000000000000000000000000000000000..6d4336ebb8ac880c6af8a4a00721282dcc3c6c26
--- /dev/null
+++ b/resources/images/twitter.svg
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="7.4083333mm"
+ height="7.4083304mm"
+ viewBox="0 0 26.25 26.24999"
+ id="svg17612"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="twitter.svg">
+ <defs
+ id="defs17614" />
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="0.0"
+ inkscape:pageshadow="2"
+ inkscape:zoom="2.8"
+ inkscape:cx="-135.89286"
+ inkscape:cy="26.655571"
+ inkscape:document-units="px"
+ inkscape:current-layer="layer1"
+ showgrid="false"
+ fit-margin-top="0"
+ fit-margin-left="0"
+ fit-margin-right="0"
+ fit-margin-bottom="0"
+ inkscape:window-width="1920"
+ inkscape:window-height="1027"
+ inkscape:window-x="1600"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1" />
+ <metadata
+ id="metadata17617">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ inkscape:label="Calque 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(-1133.75,-976.33921)">
+ <path
+ style="fill:#f0494d;fill-opacity:1;fill-rule:nonzero;stroke:none"
+ d="M 13.125 0 C 5.875 0 0 5.87625 0 13.125 C 0 20.375 5.875 26.25 13.125 26.25 C 20.3738 26.25 26.25 20.375 26.25 13.125 C 26.25 5.87625 20.3738 0 13.125 0 z "
+ transform="translate(1133.75,976.33921)"
+ id="path4459" />
+ <path
+ d="m 1155.0806,985.18196 c -0.5737,0.2475 -1.19,0.41375 -1.8375,0.49 0.6625,-0.38625 1.1688,-0.9925 1.4063,-1.71875 -0.6175,0.35625 -1.3025,0.615 -2.0313,0.7525 -0.5837,-0.60125 -1.415,-0.97875 -2.335,-0.97875 -1.765,0 -3.1975,1.38875 -3.1975,3.1025 0,0.245 0.029,0.48125 0.084,0.70875 -2.6587,-0.13 -5.0162,-1.36625 -6.5937,-3.24375 -0.2737,0.45875 -0.4312,0.99125 -0.4312,1.56 0,1.07625 0.5637,2.0275 1.4212,2.58375 -0.5237,-0.0163 -1.0162,-0.15625 -1.45,-0.38875 l 0,0.0388 c 0,1.505 1.1038,2.75875 2.5663,3.045 -0.2675,0.07 -0.55,0.10875 -0.8425,0.10875 -0.2063,0 -0.405,-0.0187 -0.6,-0.055 0.4062,1.2325 1.5875,2.13 2.9875,2.155 -1.095,0.83375 -2.4738,1.33 -3.9725,1.33 -0.2575,0 -0.5125,-0.0163 -0.765,-0.0438 1.4175,0.88125 3.0987,1.395 4.905,1.395 5.8825,0 9.1,-4.73125 9.1,-8.83375 l -0.01,-0.40125 c 0.6237,-0.43625 1.165,-0.98375 1.5937,-1.60625"
+ style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+ id="path4463"
+ inkscape:connector-curvature="0" />
+ </g>
+</svg>
diff --git a/resources/js/startup.js b/resources/js/startup.js
new file mode 100644
index 0000000000000000000000000000000000000000..19b8754781f64d16b190813497effb23e08fac89
--- /dev/null
+++ b/resources/js/startup.js
@@ -0,0 +1,34 @@
+/**
+ * This file is part of the ApplicationBase project.
+ * 2015
+ * Copyright (c) RENATER
+ */
+
+/**
+ * Application startup file
+ */
+
+jQuery(document).ready(function() {
+ var $ = jQuery;
+ // Tooltips and such
+ $(document).foundation();
+
+ // Top button appears with page scrolling
+ $(document).on( 'scroll', function(){
+ if ($(window).scrollTop() > 100) {
+ $('.scroll-top-wrapper').addClass('show');
+ } else {
+ $('.scroll-top-wrapper').removeClass('show');
+ }
+ });
+
+ var scrollToTop = function() {
+ var element = $('body');
+ var offset = element.offset();
+ var offsetTop = offset.top;
+ $('html, body').animate({scrollTop: offsetTop}, 500, 'linear');
+ };
+
+ $('.scroll-top-wrapper').on('click', scrollToTop);
+
+});
diff --git a/templates/Makefile.am b/templates/Makefile.am
index 8ea379d0ca750621dc1c025c6dbc097a78daf754..641da5e39bb9fe966987feda5e7b9b1c0d27b460 100644
--- a/templates/Makefile.am
+++ b/templates/Makefile.am
@@ -8,6 +8,16 @@ nobase_templates_DATA = \
web/select_sp.tt2.html \
web/select_email.tt2.html \
web/complete_challenge.tt2.html \
- web/create_accounts.tt2.html
+ web/create_accounts.tt2.html \
+ renater/accounts/accounts.php.tt2 \
+ renater/mail/send_authentication_token.tt2.eml \
+ renater/web/errors.tt2.html \
+ renater/web/home.tt2.html \
+ renater/web/index.tt2.html \
+ renater/web/select_federation.tt2.html \
+ renater/web/select_sp.tt2.html \
+ renater/web/select_email.tt2.html \
+ renater/web/complete_challenge.tt2.html \
+ renater/web/create_accounts.tt2.html
EXTRA_DIST = $(nobase_templates_DATA)
diff --git a/templates/renater/accounts/accounts.php.tt2 b/templates/renater/accounts/accounts.php.tt2
new file mode 100644
index 0000000000000000000000000000000000000000..1f04f5af2df8ed7a37b0a9c5ace0949d6b379665
--- /dev/null
+++ b/templates/renater/accounts/accounts.php.tt2
@@ -0,0 +1,43 @@
+<?php
+// PhP configuration file loaded in simpleSamlPhp authsources.php file
+$validTestAccounts = array (
+ 'authcrypt:Hash',
+
+[% FOREACH account IN accounts %]
+ 'user[% account.id() %]:{SHA256}[% account.password_hash() %]=' => array(
+ 'internal_uid' => array([% account.internal_uid().quote %]),
+ 'associatedSP' => array([% account.associatedSP().quote %]),
+ [% IF account.cn() %]
+ 'cn' => array([% account.cn().quote %]),
+ [% END %]
+ [% IF account.sn() %]
+ 'sn' => array([% account.sn().quote %]),
+ [% END %]
+ [% IF account.displayName() %]
+ 'displayName' => array([% account.displayName().quote %]),
+ [% END %]
+ [% IF account.givenName() %]
+ 'givenName' => array([% account.givenName().quote %]),
+ [% END %]
+ [% IF account.mail() %]
+ 'mail' => array([% account.mail().quote %]),
+ [% END %]
+ [% IF account.eduPersonAffiliation() %]
+ 'eduPersonAffiliation' => array([% account.eduPersonAffiliation().quote.join(', ') %]),
+ [% END %]
+ [% IF account.eduPersonScopedAffiliation() %]
+ 'eduPersonScopedAffiliation' => array([% account.eduPersonScopedAffiliation().quote.join(', ') %]),
+ [% END %]
+ [% IF account.eduPersonPrincipalName() %]
+ 'eduPersonPrincipalName' => array([% account.eduPersonPrincipalName().quote %]),
+ [% END %]
+ [% IF account.schacHomeOrganization() %]
+ 'schacHomeOrganization' => array([% account.schacHomeOrganization().quote %]),
+ [% END %]
+ [% IF account.schacHomeOrganizationType() %]
+ 'schacHomeOrganizationType' => array([% account.schacHomeOrganizationType().quote %]),
+ [% END %]
+ ),
+
+[% END %]
+);
diff --git a/templates/renater/mail/send_authentication_token.tt2.eml b/templates/renater/mail/send_authentication_token.tt2.eml
new file mode 100644
index 0000000000000000000000000000000000000000..ca4dbac096ece25ba33342fb0fdc34cfccfb231d
--- /dev/null
+++ b/templates/renater/mail/send_authentication_token.tt2.eml
@@ -0,0 +1,19 @@
+From: eduGAIN Access Check <[% from %]>
+To: [% to %]
+Subject: eduGAIN Access Check - [% lh.maketex("Test accounts request") %]
+Content-type: text/plain; charset=UTF-8; format=flowed
+
+[% lh.maketex("This is an email challenge automatically sent to you by eduGAIN Access Check.") %]
+[% lh.maketex("Somebody with IP address [_1] has requested to create test accounts for eduGAIN Service Provider with entityID [_2].", sourceip, entityid) %]
+[% lh.maketex("The address [_1] is mentioned in the eduGAIN metadata as a contact for this Service Provider.", to) %]
+
+[% lh.maketex("To complete the creation of test accounts, paste the following validation token in the eduGAIN Access Check web form.") %]
+
+[% lh.maketex("Validation token:") %] [% token %]
+
+eduGAIN Access Check: [% app.url %]
+
+[% lh.maketex("If the creation of test accounts was not initiated by you or a fellow administrator for the above Service Provider, please forward this email and contact [_1] to inform them about a potential abuse of the eduGAIN Access Check service.", app.support_email) %]
+
+[% lh.maketex("Best Regards") %]
+eduGAIN Access Check Bot
diff --git a/templates/renater/web/complete_challenge.tt2.html b/templates/renater/web/complete_challenge.tt2.html
new file mode 100644
index 0000000000000000000000000000000000000000..dc5b39b1da1c19a030bf5c0d8889d13b550bbae8
--- /dev/null
+++ b/templates/renater/web/complete_challenge.tt2.html
@@ -0,0 +1,40 @@
+[% WRAPPER index.tt2.html %]
+<form class="wizard clearfix" action="[% app.url %]" method="get">
+ <div class="steps clearfix">
+ <ol>
+ <li class="done">[% lh.maketext("Select a federation") %]</li>
+ <li class="done">[% lh.maketext("Select your service") %]</li>
+ <li class="done">[% lh.maketext("Select your email address") %]</li>
+ <li class="current">[% lh.maketext("Complete email challenge") %]</li>
+ </ol>
+ </div>
+
+ <div class="content clearfix">
+ <h2>[% lh.maketext("Complete email challenge") %]</h2>
+ <p>
+ [% lh.maketext("An email challenge including a validation token has been emailed to you at [_1].", email) %]
+ [% lh.maketext("Please copy and paste the validation token in the form below to proof that you are administrator of this service.") %]
+ </p>
+ <fieldset>
+ <legend>[% lh.maketext("Please provide the validation token here:") %]</legend>
+ <input name="token" value="" id="token" type="text" class="required"/>
+ <label for="token" class="error"></label>
+ <input type="hidden" name="federation" value="[% federation %]"/>
+ <input type="hidden" name="entityid" value="[% entityid %]"/>
+ <input type="hidden" name="email" value="[% email %]"/>
+ </fieldset>
+ </div>
+
+ <div class="actions clearfix">
+ <button type="submit" class="button" name="action" value="select_email" formnovalidate>[% lh.maketext("Previous") %]</button>
+ <button type="submit" class="button" name="action" value="create_accounts">[% lh.maketext("Next") %]</button>
+ </div>
+</form>
+
+<script type="text/javascript">
+$( document ).ready(function() {
+ $.validator.messages.required = "[% lh.maketext("This information is required") %]";
+ $("form").validate();
+});
+</script>
+[% END %]
diff --git a/templates/renater/web/create_accounts.tt2.html b/templates/renater/web/create_accounts.tt2.html
new file mode 100644
index 0000000000000000000000000000000000000000..80647626bfd73fd39199af43522c1110d000631a
--- /dev/null
+++ b/templates/renater/web/create_accounts.tt2.html
@@ -0,0 +1,93 @@
+[% WRAPPER index.tt2.html %]
+<div class="row">
+ <div class="callout success">
+ [% lh.maketext("<strong>Success:</strong> your identity as administrator of the Service Provider with entityID <strong>[_1]</strong> has been validated!", entityid) %]
+ </div>
+</div>
+
+<h2>[% lh.maketext("Test accounts created") %]</h2>
+<p>
+ [% lh.maketext("You can now use these test accounts to login at your federated service.") %]
+ [% lh.maketext("To do so, select <strong>[_1]</strong> when choosing an identity provider.", idp_displayname) %]
+</p>
+
+<p><a class="button" href="[% conf.app_url %]?action=download_accounts&entityid=[% entityid %]&token=[% token %]&key=[% key %]">[% lh.maketext("Download in CSV format") %]</a></p>
+
+<div class="accounts">
+ [% FOREACH account IN accounts %]
+ <div class="account">
+ <table>
+ <caption>[% lh.maketext("Account profile: [_1]", account.profile()) %]</caption>
+ <tr>
+ <td><strong>[% lh.maketext("user name:") %]</strong></td>
+ <td>user[% account.id() %]</td>
+ </tr>
+ <tr>
+ <td><strong>[% lh.maketext("password:") %]</strong></td>
+ <td>[% account.password() %]</td>
+ </tr>
+ <tr>
+ <td colspan="2">
+ <strong>[% lh.maketext("comment:") %]</strong>
+ <div class="comment">[% account.comment() %]</div>
+ </td>
+ </tr>
+ <tr>
+ <td colspan="2" class="text-center" >
+ <button data-open="account_details_[% account.id() %]" class="button show_account_details" id="show_account_details_[% account.id() %]">[% lh.maketext("show details") %]</button>
+ </td>
+ </tr>
+ </table>
+ </div>
+ <div class="reveal" data-reveal id="account_details_[% account.id() %]">
+ <button class="close-button" data-close aria-label="Close modal" type="button">
+ <span aria-hidden="true">×</span>
+ </button>
+ <h3>[% lh.maketext("List of user attributes") %]</h3>
+ <p>
+ [% lh.maketext("Below is the list of user attributes associated to this test account.") %]
+ [% lh.maketext("After a successfull authentication process these attributes are transmited via the SAML protocol from eduGAIN Access Check Identity Provider to your Service Provider.") %]
+ </p>
+ <div>
+ <table>
+ <caption>[% lh.maketext("List of user attributes") %]</caption>
+ [% FOREACH attribute IN [ 'cn', 'displayName', 'givenName', 'sn', 'mail', 'schacHomeOrganization', 'schacHomeOrganizationType', 'eduPersonPrincipalName' ] %]
+ <tr>
+ <th>[% attribute %]</th><td>[% account.$attribute() %]</td>
+ </tr>
+ [% END %]
+ [% FOREACH attribute IN [ 'eduPersonAffiliation', 'eduPersonScopedAffiliation' ] %]
+ <tr>
+ <th>[% attribute %]</th><td>[% account.$attribute().join(', ') %]</td>
+ </tr>
+ [% END %]
+ <tr>
+ <th>eduPersonTargetedID:</th><td><i>[% lh.maketext("value dynamically generated by the SP") %]</i></td>
+ </tr>
+ </table>
+ </div>
+
+ <div class="callout info">[% lh.maketext("If you need a customized test account with additional user attributes, you should contact <a href=\"mailto:[_1]\">[_1]</a>.", app.support_email) %]</div>
+ <div>
+ [% lh.maketext("(1) eduPersonAffiliation and eduPersonScoppedAffilisation attributes are assigned quite differently from federation to federation.") %]
+ [% lh.maketext("<a href=\"[_1]\">This usage comparison of eduPersonAffiliation accross different countries</a> discusses these differences.", "http://tnc2010.terena.org/files/ePSA%20comparison%20v0%2006.ppt") %]
+ [% lh.maketext("Therefore its values should be handled with great care.") %]
+ </div>
+ </div>
+ [% END %]
+</div>
+
+<div class="row">
+ <div class="callout warning">
+ <p>[% lh.maketext("Note that these test accounts will automatically expire in [_1] days and that they can only be used to test federated login to your eduGAIN-enabled Service Provider with entityID <strong>[_2]</strong>.", accounts_validity_period, entityid) %]</p>
+ </div>
+</div>
+
+<div class="row">
+ <div class="callout primary">
+ <strong>[% lh.maketext("Thank you for using the eduGAIN Access Check") %]</strong>
+ </div>
+</div>
+
+<p class="text-center"><a href="[% app.url %]?action=start" class="button">[% lh.maketext("Test another service") %]</a></p>
+[% END %]
diff --git a/templates/renater/web/errors.tt2.html b/templates/renater/web/errors.tt2.html
new file mode 100644
index 0000000000000000000000000000000000000000..840581f624d63363b73e668e8ad5a42ff87c5a12
--- /dev/null
+++ b/templates/renater/web/errors.tt2.html
@@ -0,0 +1,40 @@
+[% WRAPPER index.tt2.html %]
+<div class="ui-widget">
+ [% FOREACH err IN errors %]
+
+ <p class="ui-state-error ui-corner-all" style="margin-top: 20px; padding: 0 .7em;"><span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>
+ [% lh.maketext("Error:") %]
+
+ [% IF err == 'unknown_action' %]
+ [% lh.maketext("unknown action") %]
+
+ [% ELSIF err == 'internal' %]
+ [% lh.maketext("internal error") %]
+
+ [% ELSIF err == 'mail_notification_failure' %]
+ [% lh.maketext("mail notification failure") %]
+
+ [% ELSIF err == 'accounts_creation_failure' %]
+ [% lh.maketext("test accounts creation failure") %]
+
+ [% ELSIF err == 'wrong_token' %]
+ [% lh.maketext("the validation token you provided is incorrect or it has already been used") %]
+
+ [% ELSIF err == 'wrong_token_for_sp' %]
+ [% lh.maketext("the validation token you provided cannot be used for this service provider ([_1])", entityid) %]
+
+
+ [% ELSIF (matches = err.match('missing_(\w+)')) %]
+ [% lh.maketext("missing parameter '[_1]'", matches.0) %]
+
+ [% ELSE %]
+ [% err %]
+
+ [% END %]
+ </p>
+ <br/>
+ [% END %]
+
+ [% lh.maketext("You can report the issue to the administrators") %] (<a href="mailto:[% app.support_email %]">[% app.support_email %]</a>).
+</div>
+[% END %]
diff --git a/templates/renater/web/home.tt2.html b/templates/renater/web/home.tt2.html
new file mode 100644
index 0000000000000000000000000000000000000000..3217f3e8ae9ab5af0eccfbb0c589f7544c893f97
--- /dev/null
+++ b/templates/renater/web/home.tt2.html
@@ -0,0 +1,22 @@
+[% WRAPPER index.tt2.html %]
+
+<h2>[% lh.maketext("Objective") %]</h2>
+<p>
+[%
+ lh.maketext(
+ "eduGAIN Access Check allows administrators of a Service Provider (SP) registered in <a href=\"[_1]\">eduGAIN</a> federation to create test accounts with different profiles to validate the behaviour and test federated login.",
+ "http://www.geant.net/service/eduGAIN/Pages/home.aspx"
+ )
+%]
+[% lh.maketext("The test accounts can only be used to access own services.") %]
+</p>
+<p><a href="https://wiki.geant.org/display/eduGAIN/eduGAIN+Access+Check">[% lh.maketext("More information") %]</a></p>
+
+<h2>[% lh.maketext("Functionning") %]</h2>
+<img class="float-center" alt="eduGAIN Access Check" src="images/edugain_test_idp_basics.png" height="50%" width="50%"/>
+
+<h2>[% lh.maketext("Get started") %]</h2>
+<p>[% lh.maketext("To start testing your own services, start by selecting one your are administrator for.") %]</p>
+<p class="text-center"><a href="[% app.url %]?action=start" class="button">[% lh.maketext("Get started") %]</a></p>
+
+[% END %]
diff --git a/templates/renater/web/index.tt2.html b/templates/renater/web/index.tt2.html
new file mode 100644
index 0000000000000000000000000000000000000000..444b4e1cfde5cf4c66bc1e39ab4815c6cee4e7bc
--- /dev/null
+++ b/templates/renater/web/index.tt2.html
@@ -0,0 +1,137 @@
+<!doctype html>
+<html lang="[% lh.language_tag() %]">
+ <head>
+ <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+ <meta charset="utf-8">
+
+ <link rel="icon" type="image/png" href="images/favicon.png" />
+
+ <link rel="stylesheet" type="text/css" href="foundation/css/foundation.min.css">
+ <link rel="stylesheet" type="text/css" href="jquery-ui-1.12.1/jquery-ui.min.css" />
+
+ <link rel="stylesheet" type="text/css" href="css/style.css" />
+
+ <link type="text/css" rel="stylesheet" href="css/renater.css" />
+ <link type="text/css" rel="stylesheet" href="css/header.css" />
+ <link type="text/css" rel="stylesheet" href="css/footer.css" />
+ <link type="text/css" rel="stylesheet" href="css/fonts.css" />
+
+ <link rel="shortcut icon" href="images/favicon.png">
+
+ <script type="text/javascript" src="jquery-3.3.1.min.js"></script>
+ <script type="text/javascript" src="jquery-steps-1.1.0.min.js"></script>
+ <script type="text/javascript" src="jquery-ui-1.12.1/jquery-ui.min.js"></script>
+ <script type="text/javascript" src="jquery-validation-1.17.0.min.js"></script>
+ <script src="foundation/js/vendor/what-input.js"></script>
+ <script src="foundation/js/vendor/foundation.min.js"></script>
+ <script type="text/javascript" src="js/startup.js"></script>
+
+ <title>RENATER Access Check</title>
+ </head>
+
+ <body>
+ <header>
+ <div class="title-bar" data-responsive-toggle="main-menu" data-hide-for="medium">
+ <button class="menu-icon top-bar-right" type="button" data-toggle></button>
+ <div class="title-bar-title top-bar-right">Menu</div>
+ <div class="top-bar-left">
+ <a href="[% app.url %]" title="Accueil">
+ <img src="images/logo_renater.svg" alt="Logo RENATER" data-options="disable_for_touch:true">
+ </a>
+ </div>
+ </div>
+ <nav class="top-bar" id="main-menu">
+ <menu class="top-bar-left">
+ <ul class="menu" data-dropdown-menu>
+ <li class="menu-text hide-for-small-only">
+ <a href="[% app.url %]" title="Accueil">
+ <img src="images/logo_renater.svg" alt="Logo RENATER" data-options="disable_for_touch:true">
+ </a>
+ </li>
+ </ul>
+ </menu>
+ <menu class="top-bar-right">
+ <ul class="menu icon-top" data-back-button="<li class='js-drilldown-back'><a tabindex='0'>Back</a></li>" data-responsive-menu="drilldown medium-dropdown">
+ <li>
+ <a href="[% app.url %]" title="Accueil" data-tooltip >
+ <img class="hide-for-small-only home_img" src="images/home.svg" alt="Accueil" data-options="disable_for_touch:true"/>
+ <label class="show-for-small-only">Accueil</label>
+ </a>
+ </li>
+ <!-- SUPPORT -->
+ <li class="has-submenu">
+ <a href="#" title="Support" data-tooltip>
+ <img class="hide-for-small-only support_img" src="images/support.svg" alt="Support" data-options="disable_for_touch:true"/>
+ <label class="show-for-small-only">Support</label>
+ </a>
+
+ <ul class="submenu vertical" data-submenu>
+ <li>
+ <a href="user_guide">
+ <label>Guide utilisateur</label>
+ </a>
+ </li>
+ <li>
+ <a href="faq">
+ <label>FAQ</label>
+ </a>
+ </li>
+ </ul>
+ </li>
+ <!-- Contact -->
+ <li>
+ <a href="/contacts" title="Contact" data-tooltip >
+ <img class="hide-for-small-only home_img" src="images/contact.svg" alt="Contact" data-options="disable_for_touch:true"/>
+ <label class="show-for-small-only">Contact</label>
+ </a>
+ </li>
+ </ul>
+ </menu>
+ </nav>
+ </header>
+ <h1 class="row text-center">RENATER Access Check</h1>
+ <main class="row">
+ [% content %]
+ </main>
+
+ <div class="scroll-top-wrapper ">
+ <span class="scroll-top-inner">
+ <i class="fa fa-2x fa-arrow-up"></i>
+ </span>
+ </div>
+
+ <footer>
+ <article class="hide-for-small-only">
+ <p class="row">
+ <span class="small-1 columns text-left"><img src="images/logo_renater_blanc.png"/></span>
+ <span class="small-5 columns text-left">Réseau National de télécommunications <br/>pour la Technologie l’Enseignement et la Recherche.</span>
+ <span class="small-5 columns text-right">
+ <a href="https://www.facebook.com/gip.renater" target="_blank"><img src="images/facebook.svg"
+ alt="Facebook"
+ data-options="disable_for_touch:true"/></a>
+ <a href="https://twitter.com/RENATERnews" target="_blank"><img src="images/twitter.svg" alt="Twitter"
+ data-options="disable_for_touch:true"/></a>
+ </span>
+ </p>
+ </article>
+ <aside>
+ <p class="row small-collapse medium-uncollapse">
+ <span class="small-12 medium-5 columns text-left">© RENATER <?php echo date('Y') ?> - Tous droits réservés</span>
+ <span class="small-12 medium-7 columns">
+ <a href="legal" title="Mentions légales">Mentions légales</a> |
+ <a href="user_guide" title="Aide">Aide</a> |
+ <a href="#" data-open="about_reveal" title="À propos">À propos</a> |
+ <a id="feedback" class="tip-top" data-tooltip="" data-options="disable_for_touch:true" data-trigger-class="none"
+ aria-haspopup="true" target="_blank" href="https://feedback.renater.fr/?service=federation"
+ title="Retour utilisateurs">Retour utilisateurs</a> |
+ <a href="https://www.renater.fr/" target="_blank">www.renater.fr</a>
+ </span>
+ </p>
+ </aside>
+ </footer>
+ <div class="reveal" id="about_reveal" data-reveal>
+ <p class="text-center">eduGAIN Access Check [% app.version %] - <a href="mailto:[% app.support_email %]">contactez nous</a></p>
+ </div>
+ </body>
+</html>
diff --git a/templates/renater/web/select_email.tt2.html b/templates/renater/web/select_email.tt2.html
new file mode 100644
index 0000000000000000000000000000000000000000..55348857fcad451a45854d2ffc9a2bcdb6bf32b8
--- /dev/null
+++ b/templates/renater/web/select_email.tt2.html
@@ -0,0 +1,49 @@
+[% WRAPPER index.tt2.html %]
+<form class="wizard clearfix" action="[% app.url %]" method="get">
+ <div class="steps clearfix">
+ <ol>
+ <li class="done">[% lh.maketext("Select a federation") %]</li>
+ <li class="done">[% lh.maketext("Select your service") %]</li>
+ <li class="current">[% lh.maketext("Select your email address") %]</li>
+ <li class="disabled">[% lh.maketext("Complete email challenge") %]</li>
+ </ol>
+ </div>
+
+ <div class="content clearfix">
+ <h2>[% lh.maketext("Select your email address") %]</h2>
+ <p>[% lh.maketext("Before you can create test accounts at this Identity Provider, we need to ensure you are a legitimate administrator of '[_1]'.", sp.displayname) %]</p>
+
+ [% IF sp.contacts.defined %]
+ <fieldset>
+ <legend>[% lh.maketext("Select the email address where an email challenge can be sent to validate your identity:") %]</legend>
+ [% FOREACH email IN sp.contacts.sort %]
+ <input id="[% email %]" name="email" value="[% email %]" type="radio" class="required"/>
+ <label for="[% email %]">[% email %]</label>
+ <br/>
+ [% END %]
+ <label for="email" class="error"></label>
+ <input type="hidden" name="federation" value="[% federation %]"/>
+ <input type="hidden" name="entityid" value="[% sp.entityid %]"/>
+ </fieldset>
+ <div class="callout primary">[% lh.maketext("Those email addresses have been extracted from your service metadata.") %]</div>
+ [% ELSE %]
+ <p>
+ [% lh.maketext("No ContactPerson element could be found in your service metadata, therefore we are unable to provide test accounts for this service.") %]
+ [% lh.maketext("Please contact your federation administrators to add needed information to the metadata.") %]
+ </p>
+[% END %]
+ </div>
+
+ <div class="actions clearfix">
+ <button type="submit" class="button" name="action" value="select_sp" formnovalidate>[% lh.maketext("Previous") %]</button>
+ <button type="submit" class="button" name="action" value="complete_challenge">[% lh.maketext("Next") %]</button>
+ </div>
+</form>
+
+<script type="text/javascript">
+$( document ).ready(function() {
+ $.validator.messages.required = "[% lh.maketext("This information is required") %]";
+ $("form").validate();
+});
+</script>
+[% END %]
diff --git a/templates/renater/web/select_federation.tt2.html b/templates/renater/web/select_federation.tt2.html
new file mode 100644
index 0000000000000000000000000000000000000000..c19432d3ac1a067bb8c6e908e956489e83c79400
--- /dev/null
+++ b/templates/renater/web/select_federation.tt2.html
@@ -0,0 +1,38 @@
+[% WRAPPER index.tt2.html %]
+<form class="wizard clearfix" action="[% app.url %]" method="get">
+ <div class="steps clearfix">
+ <ol>
+ <li class="current">[% lh.maketext("Select a federation") %]</li>
+ <li class="disabled">[% lh.maketext("Select your service") %]</li>
+ <li class="disabled">[% lh.maketext("Select your email address") %]</li>
+ <li class="disabled">[% lh.maketext("Complete email challenge") %]</li>
+ </ol>
+ </div>
+
+ <div class="content clearfix">
+ <h2>[% lh.maketext("Select a federation") %]</h2>
+
+ <fieldset>
+ <legend>[% lh.maketext("Select the federation corresponding to the service you want to test:") %]</legend>
+ [% FOREACH federation IN federations.sort %]
+ <input id="[% federation %]" name="federation" value="[% federation %]" type="radio" class="required"/>
+ <label for="[% federation %]">[% federation %]</label>
+ <br/>
+ [% END %]
+ <label for="federation" class="error"></label>
+ </fieldset>
+ </div>
+
+ <div class="actions clearfix">
+ <button type="submit" class="button" name="action" value="" formnovalidate>[% lh.maketext("Previous") %]</button>
+ <button type="submit" class="button" name="action" value="select_sp">[% lh.maketext("Next") %]</button>
+ </div>
+</form>
+
+<script type="text/javascript">
+$( document ).ready(function() {
+ $.validator.messages.required = "[% lh.maketext("This information is required") %]";
+ $("form").validate();
+});
+</script>
+[% END %]
diff --git a/templates/renater/web/select_sp.tt2.html b/templates/renater/web/select_sp.tt2.html
new file mode 100644
index 0000000000000000000000000000000000000000..1e28d39853f1e51fe46db2fa9024d36329a05c2e
--- /dev/null
+++ b/templates/renater/web/select_sp.tt2.html
@@ -0,0 +1,177 @@
+[% WRAPPER index.tt2.html %]
+<form class="wizard clearfix" action="[% app.url %]" method="get">
+ <div class="steps clearfix">
+ <ol>
+ <li class="done">[% lh.maketext("Select a federation") %]</li>
+ <li class="current">[% lh.maketext("Select your service") %]</li>
+ <li class="disabled">[% lh.maketext("Select your email address") %]</li>
+ <li class="disabled">[% lh.maketext("Complete email challenge") %]</li>
+ </ol>
+ </div>
+
+ <div class="content clearfix">
+ <h2>[% lh.maketext("Select your service") %]</h2>
+ <p>
+ [% lh.maketext("Please select the service that you want to test in the list below.") %]
+ [% lh.maketext("You must be an administrator of that service to continue afterwards.") %]
+ </p>
+
+ <fieldset>
+ <legend for="entityid">[% lh.maketext("Type the name or entityID of service to test:") %]</legend>
+ <select id="entityid" name="entityid">
+ <option value=""></option>
+ [% FOREACH entity IN metadata.sort('display_name') %]
+ <option value="[% entity.entityid %]">[% entity.display_name %]</option>
+ [% END %]
+ </select>
+ <label for="entityid_combobox" class="error"></label>
+ <input type="hidden" name="federation" value="[% federation %]"/>
+ </fieldset>
+ <div class="callout primary">[% lh.maketext("Those service providers have been extracted from the selected federation metadata.") %]</div>
+ </div>
+
+ <div class="actions clearfix">
+ <button type="submit" class="button" name="action" value="select_federation" formnovalidate>[% lh.maketext("Previous") %]</button>
+ <button type="submit" class="button" name="action" value="select_email">[% lh.maketext("Next") %]</button>
+ </div>
+</form>
+
+<script type="text/javascript">
+$( document ).ready(function() {
+ $.widget( "custom.combobox", {
+ _create: function() {
+ this.wrapper = $( "<span>" )
+ .addClass( "custom-combobox" )
+ .insertAfter( this.element );
+
+ this.element.hide();
+ this._createAutocomplete();
+ this._createShowAllButton();
+ },
+
+ _createAutocomplete: function() {
+ var selected = this.element.children( ":selected" ),
+ id = this.element.attr('id'),
+ value = selected.val() ? selected.text() : "";
+
+ this.input = $( "<input>" )
+ .appendTo( this.wrapper )
+ .val( value )
+ .attr( "title", "" )
+ .attr('id', id + '_combobox')
+ .attr('name', id + '_combobox')
+ .addClass( "custom-combobox-input ui-widget ui-widget-content ui-state-default ui-corner-left required" )
+ .autocomplete({
+ delay: 0,
+ minLength: 0,
+ source: $.proxy( this, "_source" )
+ })
+ .tooltip({
+ tooltipClass: "ui-state-highlight"
+ });
+
+ this._on( this.input, {
+ autocompleteselect: function( event, ui ) {
+ ui.item.option.selected = true;
+ this._trigger( "select", event, {
+ item: ui.item.option
+ });
+ },
+
+ autocompletechange: "_removeIfInvalid"
+ });
+ },
+
+ _createShowAllButton: function() {
+ var input = this.input,
+ wasOpen = false;
+
+ $( "<a>" )
+ .attr( "tabIndex", -1 )
+ .attr( "title", "Show All Items" )
+ .tooltip()
+ .appendTo( this.wrapper )
+ .button({
+ icons: {
+ primary: "ui-icon-triangle-1-s"
+ },
+ text: false
+ })
+ .removeClass( "ui-corner-all" )
+ .addClass( "custom-combobox-toggle ui-corner-right" )
+ .mousedown(function() {
+ wasOpen = input.autocomplete( "widget" ).is( ":visible" );
+ })
+ .click(function() {
+ input.focus();
+
+ // Close if already visible
+ if ( wasOpen ) {
+ return;
+ }
+
+ // Pass empty string as value to search for, displaying all results
+ input.autocomplete( "search", "" );
+ });
+ },
+
+ _source: function( request, response ) {
+ var matcher = new RegExp( $.ui.autocomplete.escapeRegex(request.term), "i" );
+ response( this.element.children( "option" ).map(function() {
+ var text = $( this ).text();
+ if ( this.value && ( !request.term || matcher.test(text) ) )
+ return {
+ label: text,
+ value: text,
+ option: this
+ };
+ }) );
+ },
+
+ _removeIfInvalid: function( event, ui ) {
+
+ // Selected an item, nothing to do
+ if ( ui.item ) {
+ return;
+ }
+
+ // Search for a match (case-insensitive)
+ var value = this.input.val(),
+ valueLowerCase = value.toLowerCase(),
+ valid = false;
+ this.element.children( "option" ).each(function() {
+ if ( $( this ).text().toLowerCase() === valueLowerCase ) {
+ this.selected = valid = true;
+ return false;
+ }
+ });
+
+ // Found a match, nothing to do
+ if ( valid ) {
+ return;
+ }
+
+ // Remove invalid value
+ this.input
+ .val( "" )
+ .attr( "title", value + " didn't match any item" )
+ .tooltip( "open" );
+ this.element.val( "" );
+ this._delay(function() {
+ this.input.tooltip( "close" ).attr( "title", "" );
+ }, 2500 );
+ this.input.autocomplete( "instance" ).term = "";
+ },
+
+ _destroy: function() {
+ this.wrapper.remove();
+ this.element.show();
+ }
+ });
+ $( "#entityid" ).combobox();
+
+ $.validator.messages.required = "[% lh.maketext("This information is required") %]";
+ $("form").validate();
+});
+</script>
+[% END %]