diff --git a/README.md b/README.md
index 274f4b5bb1c147cabb1f015ae924e39209e81987..629221a2539a86a0468c1bdcdddeceb8339ffab3 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,16 @@
-Nextcloud theme for /e/
+Nextcloud theme for /e/ - nextcloud V19 compatible version
+
+
+# Installation
+
+deploy theme in nextcloud/themes directory
+
+use occ to update mimetypelist.js file and clear image cache : 
+
+```
+occ maintenance:theme:update
+```
+
 
 # License
 
diff --git a/eelo/core/css/guest.css b/eelo/core/css/guest.css
new file mode 100644
index 0000000000000000000000000000000000000000..9e4c40d957e513200693481c1aaed55d468d6691
--- /dev/null
+++ b/eelo/core/css/guest.css
@@ -0,0 +1,1238 @@
+/* Copyright (c) 2011, Jan-Christoph Borchardt, http://jancborchardt.net
+ This file is licensed under the Affero General Public License version 3 or later.
+ See the COPYING-README file. */
+
+/* Default and reset */
+@font-face {
+    font-family: "Century Gothic Regular";
+    font-style: normal;
+    font-weight: normal;
+    src: local("Century Gothic Regular"),
+    url("../webfonts/GOTHIC.woff") format("woff");
+}
+
+/* Mobile font sizes */
+@media screen and (max-width: 768px) {
+    #body-login #user, #body-login #password {
+        font-size: 1.1em;
+
+    }
+}
+
+html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    outline: 0;
+    font-weight: inherit;
+    font-size: 100%;
+    font-family: inherit;
+    vertical-align: baseline;
+    cursor: default;
+}
+
+html {
+    height: 100%;
+}
+
+article, aside, dialog, figure, footer, header, hgroup, nav, section {
+    display: block;
+}
+
+body {
+    line-height: 1.5;
+}
+
+table {
+    border-collapse: separate;
+    border-spacing: 0;
+    white-space: nowrap;
+}
+
+caption, th, td {
+    text-align: left;
+    font-weight: normal;
+}
+
+table, td, th {
+    vertical-align: middle;
+}
+
+a {
+    border: 0;
+    color: #000;
+    text-decoration: none;
+}
+
+a, a *, input, input *, select, .button span, label {
+    cursor: pointer;
+}
+
+ul {
+    list-style: none;
+}
+
+body {
+    background-color: #ffffff;
+    font-weight: normal;
+    /* bring the default font size up to 14px */
+    font-size: .875em;
+    line-height: 1.6em;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+    color: #000;
+    text-align: center;
+    background-color: #0082c9;
+    background-image: url('../img/background.png?v=18') !important;
+    background-position: 50% 50%;
+    background-repeat: no-repeat;
+    background-size: cover !important;
+    background-attachment: fixed; /* fix background gradient */
+    min-height: 100%; /* fix sticky footer */
+    height: auto;
+}
+
+/* Various fonts settings */
+#body-login .wrapper a {
+    color: #808080;
+}
+
+#body-login a:not(.button):hover,
+#body-login a:not(.button):focus {
+    text-decoration: underline;
+    text-decoration-skip-ink: auto;
+}
+
+#showAdvanced {
+    color: #fff;
+}
+
+em {
+    font-style: normal;
+    opacity: .5;
+}
+
+/* heading styles */
+h2,
+h3,
+h4 {
+    font-weight: bold;
+}
+
+h2 {
+    font-size: 20px;
+    margin-bottom: 12px;
+    line-height: 140%;
+}
+
+h3 {
+    font-size: 15px;
+    margin: 12px 0;
+}
+
+/* Global content */
+body {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
+#header .logo {
+    background-image: url('../img/logo.png?v=19');
+    background-repeat: no-repeat;
+    background-size: 100px;
+    background-position: center;
+    width: 256px;
+    min-height: 128px;
+    max-height: 200px;
+    margin: 0 auto;
+    position: relative;
+    left: unset;
+}
+
+#header .logo img {
+    opacity: 0;
+    max-width: 100%;
+    max-height: 200px;
+}
+
+.wrapper {
+    width: 96%;
+    max-width: 500px;
+    margin-top: 10vh;
+}
+
+/* Default FORM */
+form {
+    position: relative;
+    margin: auto;
+    padding: 0;
+}
+
+form fieldset {
+    width: 260px;
+    margin: auto auto 20px;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+form #sqliteInformation {
+    margin-top: -20px;
+    margin-bottom: 20px;
+}
+
+form #adminaccount {
+    margin-bottom: 15px;
+}
+
+form fieldset legend, #datadirContent label {
+    width: 100%;
+}
+
+#datadirContent label {
+    display: block;
+    margin: 0;
+}
+
+form #datadirField legend {
+    margin-bottom: 15px;
+}
+
+/* View more button */
+#showAdvanced {
+    padding: 13px; /* increase clickable area of Advanced dropdown */
+}
+
+#showAdvanced img {
+    vertical-align: middle; /* adjust position of Advanced dropdown arrow */
+}
+
+/* Buttons and input */
+#submit-wrapper,
+#reset-password-wrapper,
+#alternative-logins {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    /* Make the wrapper the containing block of its
+                                absolutely positioned descendant icons */
+}
+
+#alternative-logins {
+    margin: auto;
+    display: block;
+    min-width: 260px;
+    max-width: 400px;
+    overflow: hidden;
+}
+
+#alternative-logins a {
+    margin: 10px 5px;
+    display: block;
+    font-size: 15px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+#alternative-logins a.button::before {
+    content: "";
+    background-repeat: no-repeat;
+    background-size: contain;
+    width: 0;
+    margin-right: 0;
+    height: 18px;
+    display: inline-block;
+    vertical-align: bottom;
+}
+
+#alternative-logins .button {
+    color: #0082c9;
+    padding: 12px 20px;
+}
+
+@media only screen and (max-width: 1024px) {
+    .wrapper {
+        margin-top: 0;
+    }
+
+    #alternative-logins {
+        margin: auto;
+    }
+}
+
+
+#submit-wrapper .submit-icon,
+#reset-password-wrapper .submit-icon {
+    position: absolute;
+    top: 22px;
+    right: 24px;
+    transition: right 100ms ease-in-out;
+    pointer-events: none;
+    /* The submit icon is positioned on the submit button.
+                                  From the user point of view the icon is part of the
+                                  button, so the clicks on the icon have to be
+                                  applied to the button instead. */
+}
+
+#submit-wrapper {
+    margin: 0 auto;
+}
+
+#submit-wrapper input.login:hover ~ .submit-icon.icon-confirm-white,
+#submit-wrapper input.login:focus ~ .submit-icon.icon-confirm-white,
+#submit-wrapper input.login:active ~ .submit-icon.icon-confirm-white {
+    right: 20px;
+}
+
+#reset-password-submit {
+    padding: 10px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+#submit-wrapper .icon-loading-small {
+    position: absolute;
+    top: 22px;
+    right: 26px;
+}
+
+
+input, textarea, select, button, div[contenteditable=true] {
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+}
+
+input,
+input:not([type='range']),
+a.button {
+    font-size: 20px;
+    margin: 5px;
+    padding: 11px 10px 9px;
+    outline: none;
+    border-radius: 3px; /* --border-radius */
+    -webkit-appearance: none;
+}
+
+input[type='submit'],
+input[type='submit'].icon-confirm,
+input[type='button'],
+button,
+a.button,
+.button,
+select {
+    display: inline-block;
+    width: auto;
+    min-width: 25px;
+    padding: 12px;
+    background-color: white;
+    font-weight: bold;
+    color: #555;
+    border: none;
+    border-radius: 100px; /* --border-radius-pill */
+    cursor: pointer;
+}
+
+input[type='text'],
+input[type='tel'],
+input[type='password'],
+input[type='email'] {
+    width: 249px;
+    background: #fff;
+    color: #555;
+    cursor: text;
+    font-family: inherit;
+    -webkit-appearance: textfield;
+    -moz-appearance: textfield;
+    box-sizing: content-box;
+    border: none;
+    font-weight: normal;
+}
+
+input[type='password'].password-with-toggle, input[type='text'].password-with-toggle {
+    width: 219px;
+    padding-right: 40px;
+}
+
+.toggle-password {
+    position: absolute;
+    top: 17px;
+    right: 20px;
+}
+
+input.login {
+    width: 260px;
+    height: 50px;
+    background-position: right 16px center;
+}
+
+input[type='submit'],
+input[type='submit'].icon-confirm,
+input.updateButton,
+input.update-continue {
+    padding: 10px 20px; /* larger log in and installation buttons */
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.updateAnyways a.updateAnywaysButton {
+    font-size: 14px;
+    padding: 10px 20px;
+    color: #666 !important;
+    display: inline-block;
+    border-radius: 100px; /* --border-radius-pill */
+    margin: 15px 5px;
+}
+
+.updateAnyways a.updateAnywaysButton:hover {
+    color: #222 !important;
+}
+
+/* Get rid of the inside dotted line in Firefox */
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+    border: 0;
+}
+
+input.primary,
+button.primary,
+a.primary {
+    border: 1px solid #fff;
+    background-color: #0082c9;
+    color: #fff;
+    transition: color 100ms ease-in-out;
+}
+
+input.primary:not(:disabled):hover,
+input.primary:not(:disabled):focus,
+button.primary:not(:disabled):hover,
+button.primary:not(:disabled):focus,
+a.primary:not(:disabled):hover,
+a.primary:not(:disabled):focus {
+    color: rgba(255, 255, 255, .8);
+}
+
+/* Checkboxes - white only for login */
+input[type='checkbox'].checkbox {
+    position: absolute;
+    left: -10000px;
+    top: auto;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+}
+
+input[type='checkbox'].checkbox + label {
+    user-select: none;
+}
+
+input[type='checkbox'].checkbox:disabled + label,
+input[type='checkbox'].checkbox:disabled + label:before {
+    cursor: default;
+}
+
+input[type='checkbox'].checkbox + label:before {
+    content: '';
+    display: inline-block;
+    vertical-align: middle;
+    margin: 3px;
+    margin-top: 1px;
+    border: 1px solid #888;
+    border-radius: 1px;
+    height: 10px;
+    width: 10px;
+    background-position: center;
+}
+
+input[type='checkbox'].checkbox--white + label:before {
+    border-color: #ddd;
+}
+
+input[type='checkbox'].checkbox--white:not(:disabled):not(:checked) + label:hover:before,
+input[type='checkbox'].checkbox--white:focus + label:before {
+    border-color: #fff;
+}
+
+input[type='checkbox'].checkbox--white:checked + label:before {
+    background-color: #eee;
+    border-color: #eee;
+}
+
+input[type='checkbox'].checkbox--white:disabled + label:before {
+    background-color: #666 !important;
+    border-color: #999 !important;
+}
+
+input[type='checkbox'].checkbox--white:checked:disabled + label:before {
+    border-color: #666;
+    background-color: #222;
+}
+
+input[type='checkbox'].checkbox--white:checked + label:before {
+    background-color: transparent !important;
+    border-color: #fff !important;
+    background-image: url('../img/actions/checkbox-mark-white.svg');
+}
+
+/* Password strength meter */
+.strengthify-wrapper {
+    display: inline-block;
+    position: relative;
+    left: 5px;
+    top: -20px;
+    width: 269px;
+    border-radius: 0 0 3px 3px;
+    overflow: hidden;
+    height: 3px;
+}
+
+.tooltip-inner {
+    font-weight: bold;
+    color: #ccc;
+    padding: 3px 6px;
+    text-align: center;
+}
+
+/* Show password toggle */
+#show, #dbpassword-toggle {
+    position: absolute;
+    right: 1em;
+    top: .8em;
+    float: right;
+}
+
+#show + label, #dbpassword-toggle + label {
+    right: 21px;
+    top: 15px !important;
+    margin: -14px !important;
+    padding: 14px !important;
+}
+
+#show:checked + label, #dbpassword-toggle:checked + label, #personal-show:checked + label {
+    opacity: .8;
+}
+
+#show + label, #dbpassword-toggle + label, #personal-show + label {
+    position: absolute !important;
+    height: 20px;
+    width: 24px;
+    background-image: url('../img/actions/toggle.svg?v=1');
+    background-repeat: no-repeat;
+    background-position: center;
+    opacity: .3;
+}
+
+#show + label:before, #dbpassword-toggle + label:before, #personal-show + label:before {
+    display: none;
+}
+
+/* Feedback for keyboard focus and mouse hover */
+#show:focus + label, #dbpassword-toggle:focus + label, #personal-show:focus + label,
+#show + label:hover, #dbpassword-toggle + label:hover, #personal-show + label:hover {
+    opacity: 1;
+}
+
+#pass2, input[name='personal-password-clone'] {
+    padding: .6em 2.5em .4em .4em;
+    width: 8em;
+}
+
+#personal-show + label {
+    height: 14px;
+    margin-top: -25px;
+    left: 295px;
+    display: block;
+}
+
+#passwordbutton {
+    margin-left: .5em;
+}
+
+/* Dark subtle label text */
+p.info,
+form fieldset legend,
+#datadirContent label,
+form fieldset .warning-info,
+form input[type='checkbox'] + label {
+    text-align: center;
+    color: #fff;
+}
+
+/* overrides another !important statement that sets this to unreadable black */
+form .warning input[type='checkbox']:hover + label,
+form .warning input[type='checkbox']:focus + label,
+form .warning input[type='checkbox'] + label {
+    color: #fff !important;
+}
+
+.body-login-container.two-factor {
+    max-width: 290px;
+    margin: 15px auto 0;
+}
+
+.two-factor-provider {
+    display: flex;
+    border-radius: 3px; /* --border-radius */
+    margin: 12px 0;
+    border: 1px solid transparent;
+    text-align: left;
+    align-items: center;
+    text-decoration: none !important;
+}
+
+.two-factor-provider:hover,
+.two-factor-provider:focus,
+.two-factor-provider:active {
+    border: 1px solid #fff;
+}
+
+.two-factor-provider img {
+    width: 64px;
+    height: 64px;
+    padding: 0 12px;
+}
+
+.two-factor-provider div {
+    margin: 12px 0;
+}
+
+.two-factor-provider h3 {
+    margin: 0;
+}
+
+.two-factor-provider p {
+    font-weight: normal;
+}
+
+.two-factor-icon {
+    width: 100px;
+    display: block;
+    margin: 0 auto;
+}
+
+.two-factor-submit {
+    width: 100%;
+    padding: 10px;
+    margin: 0 0 5px 0;
+    border-radius: 100px; /* --border-radius-pill */
+    font-size: 20px;
+}
+
+.two-factor-primary {
+    /* Fix for 'Use backup codes' button not taking correct styles */
+    padding: 14px !important;
+    width: 226px;
+}
+
+.two-factor-secondary {
+    display: inline-block;
+    padding: 12px;
+}
+
+
+/* Additional login options */
+#remember_login {
+    margin: 18px 5px 0 16px !important;
+}
+
+.lost-password-container {
+    display: inline-block;
+    margin: 10px 0;
+    text-align: center;
+    width: 100%;
+}
+
+#lost-password,
+#lost-password-back,
+#reset-password-wrapper + a {
+    display: inline-block;
+    font-weight: normal !important;
+    padding: 12px;
+    color: #fff;
+    cursor: pointer;
+    text-shadow: 0 0 2px rgba(0, 0, 0, .4); /* better readability on bright background */
+}
+
+#lost-password {
+    margin-top: -6px;
+}
+
+#forgot-password {
+    padding: 11px;
+    float: right;
+    color: #fff;
+}
+
+/* Alternative Logins */
+#alternative-logins legend {
+    margin-bottom: 10px;
+}
+
+#alternative-logins li {
+    height: 40px;
+    white-space: nowrap;
+    padding: 05px;
+}
+
+#alternative-logins li a {
+    width: 100%;
+    display: inline-block;
+    text-align: center;
+    box-sizing: border-box;
+    background-color: #0082c9;
+    color: white;
+    border-radius: 100px; /* --border-radius-pill */
+}
+
+/* fixes for update page TODO should be fixed some time in a proper way */
+/* this is just for an error while updating the ownCloud instance */
+.updateProgress .error {
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+
+/* Database selector on install page */
+form #selectDbType {
+    text-align: center;
+    white-space: nowrap;
+    margin: 0;
+    display: flex;
+}
+
+form #selectDbType .info {
+    white-space: normal;
+}
+
+form #selectDbType label {
+    flex-grow: 1;
+    margin: 0 -1px 5px;
+    font-size: 12px;
+    background: #f8f8f8;
+    color: #888;
+    cursor: pointer;
+    border: 1px solid #ddd;
+    padding: 10px 17px;
+}
+
+form #selectDbType label.ui-state-hover,
+form #selectDbType label.ui-state-active {
+    font-weight: normal;
+    color: #000;
+    background-color: #e8e8e8;
+}
+
+form #selectDbType .ui-visual-focus {
+    box-shadow: none;
+}
+
+form #selectDbType label span {
+    display: none;
+}
+
+/* Nicely grouping input field sets */
+.grouptop,
+.groupmiddle,
+.groupbottom {
+    position: relative;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+.grouptop input {
+    margin-bottom: 0 !important;
+    border-bottom: 0 !important;
+    border-bottom-left-radius: 0 !important;
+    border-bottom-right-radius: 0 !important;
+}
+
+.groupmiddle input {
+    margin-top: 0 !important;
+    margin-bottom: 0 !important;
+    border-top: 0 !important;
+    border-bottom: 0 !important;
+    border-radius: 0 !important;
+    box-shadow: 0 1px 0 rgba(0, 0, 0, .1) inset !important;
+}
+
+.groupbottom input {
+    margin-top: 0 !important;
+    border-top: 0 !important;
+    border-top-right-radius: 0 !important;
+    border-top-left-radius: 0 !important;
+    box-shadow: 0 1px 0 rgba(0, 0, 0, .1) inset !important;
+}
+
+.groupbottom input[type=submit] {
+    box-shadow: none !important;
+}
+
+#install-recommended-apps + label span {
+    display: inline-block;
+    opacity: .7;
+}
+
+/* Errors */
+/* Warnings and errors are the same */
+.body-login-container,
+.warning,
+.update,
+.error {
+    display: block;
+    margin-top: 15px;
+    padding: 15px;
+    background-color: rgba(0, 0, 0, .3);
+    color: #fff;
+    text-align: left;
+    word-wrap: break-word;
+    border-radius: 10px; /* --border-radius-large */
+    cursor: default;
+    -moz-user-select: text;
+    -webkit-user-select: text;
+    -ms-user-select: text;
+    user-select: text;
+}
+
+.body-login-container h2,
+.warning h2,
+.update h2,
+.error h2 {
+    color: #fff;
+    text-align: center;
+}
+
+/* TODO: Change all .warning/.update/.error to .body-login-container */
+.body-login-container .icon-big {
+    background-size: 70px;
+    height: 70px;
+}
+
+.body-login-container form {
+    width: initial;
+}
+
+.body-login-container p:not(:last-child) {
+    margin-bottom: 12px;
+}
+
+.warning.updateAnyways {
+    text-align: center;
+}
+
+.warning legend,
+.warning a,
+.error a {
+    color: #fff !important;
+    font-weight: bold !important;
+    opacity: 1;
+}
+
+.error a.button {
+    color: #555 !important;
+    display: inline-block;
+    text-align: center;
+}
+
+.error pre {
+    white-space: pre-wrap;
+    text-align: left;
+}
+
+.error-wide {
+    width: 700px;
+    margin-top: 35px;
+}
+
+.error-wide .button {
+    color: black !important;
+}
+
+.warning-input {
+    border-color: #ce3702 !important;
+}
+
+a.warning {
+    cursor: pointer;
+}
+
+fieldset.warning legend,
+fieldset.update legend {
+    top: 18px;
+    position: relative;
+}
+
+fieldset.warning legend + p,
+fieldset.update legend + p {
+    margin-top: 12px;
+}
+
+/* Various paragraph styles */
+.infogroup {
+    margin: 8px 0;
+}
+
+.infogroup:last-child {
+    margin-bottom: 0;
+}
+
+p.info {
+    margin: 20px auto;
+    text-shadow: 0 0 2px rgba(0, 0, 0, .4); /* better readability on bright background */
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+
+/* Update */
+.update {
+    width: inherit;
+    text-align: center;
+}
+
+.update .appList {
+    list-style: disc;
+    text-align: left;
+    margin-left: 25px;
+    margin-right: 25px;
+}
+
+.update img.float-spinner {
+    float: left;
+}
+
+.update a.update-show-detailed {
+    border-bottom: inherit;
+}
+
+#update-progress-detailed {
+    text-align: left;
+    margin-bottom: 12px;
+}
+
+.update-show-detailed {
+    padding: 12px;
+    display: block;
+    opacity: .75;
+}
+
+.update-show-detailed .icon-caret-white {
+    display: inline-block;
+    vertical-align: middle;
+}
+
+#update-progress-icon {
+    height: 32px;
+    margin: 10px;
+    background-size: 32px;
+}
+
+
+/* Icons */
+.icon-info-white {
+    background-image: url('../img/actions/info-white.svg?v=2');
+}
+
+.icon-error-white {
+    background-image: url('../img/actions/error-white.svg?v=1');
+}
+
+.icon-caret-white {
+    background-image: url('../img/actions/caret-white.svg?v=1');
+}
+
+.icon-confirm {
+    background-image: url('../img/actions/confirm.svg?v=2');
+}
+
+.icon-confirm-white {
+    background-image: url('../img/actions/confirm-white.svg?v=2');
+}
+
+.icon-checkmark-white {
+    background-image: url('../img/actions/checkmark-white.svg?v=1');
+}
+
+
+/* Loading */
+.float-spinner {
+    margin-top: -32px;
+    padding-top: 32px;
+    height: 32px;
+    display: none;
+}
+
+[class^='icon-'], [class*=' icon-'] {
+    background-repeat: no-repeat;
+    background-position: center;
+    min-width: 16px;
+    min-height: 16px;
+}
+
+.loading, .loading-small, .icon-loading, .icon-loading-dark, .icon-loading-small, .icon-loading-small-dark {
+    position: relative;
+}
+
+.loading:after, .loading-small:after, .icon-loading:after, .icon-loading-dark:after, .icon-loading-small:after, .icon-loading-small-dark:after {
+    z-index: 2;
+    content: '';
+    height: 32px;
+    width: 32px;
+    margin: -17px 0 0 -17px;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    border-radius: 100%;
+    -webkit-animation: rotate .8s infinite linear;
+    animation: rotate .8s infinite linear;
+    -webkit-transform-origin: center;
+    -ms-transform-origin: center;
+    transform-origin: center;
+}
+
+.loading:after, .loading-small:after, .icon-loading:after, .icon-loading-dark:after, .icon-loading-small:after, .icon-loading-small-dark:after {
+    border: 2px solid rgba(150, 150, 150, 0.5);
+    border-top-color: #646464;
+}
+
+.icon-loading-dark:after, .icon-loading-small-dark:after {
+    border: 2px solid rgba(187, 187, 187, 0.5);
+    border-top-color: #bbb;
+}
+
+.icon-loading-small:after, .icon-loading-small-dark:after {
+    height: 16px;
+    width: 16px;
+    margin: -9px 0 0 -9px;
+}
+
+/* Css replaced elements don't have ::after nor ::before */
+img.icon-loading, object.icon-loading, video.icon-loading, button.icon-loading, textarea.icon-loading, input.icon-loading, select.icon-loading, div[contenteditable=true].icon-loading {
+    background-image: url('../img/loading.gif');
+}
+
+img.icon-loading-dark, object.icon-loading-dark, video.icon-loading-dark, button.icon-loading-dark, textarea.icon-loading-dark, input.icon-loading-dark, select.icon-loading-dark, div[contenteditable=true].icon-loading-dark {
+    background-image: url('../img/loading-dark.gif');
+}
+
+img.icon-loading-small, object.icon-loading-small, video.icon-loading-small, button.icon-loading-small, textarea.icon-loading-small, input.icon-loading-small, select.icon-loading-small, div[contenteditable=true].icon-loading-small {
+    background-image: url('../img/loading-small.gif');
+}
+
+img.icon-loading-small-dark, object.icon-loading-small-dark, video.icon-loading-small-dark, button.icon-loading-small-dark, textarea.icon-loading-small-dark, input.icon-loading-small-dark, select.icon-loading-small-dark, div[contenteditable=true].icon-loading-small-dark {
+    background-image: url('../img/loading-small-dark.gif');
+}
+
+@-webkit-keyframes rotate {
+    from {
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+    to {
+        -webkit-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
+}
+
+@keyframes rotate {
+    from {
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+    to {
+        -webkit-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
+}
+
+/* FOOTER */
+footer {
+    height: 70px;
+    margin-top: auto;
+}
+
+footer .info .entity-name {
+    font-weight: bold;
+}
+
+.hidden {
+    display: none;
+}
+
+/* keep the labels for screen readers but hide them since we use placeholders */
+label.infield,
+.hidden-visually {
+    position: absolute;
+    left: -10000px;
+    top: auto;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+}
+
+a.legal {
+    font-size: smaller;
+}
+
+#body-login {
+    background-color: #f2f2f2 !important;
+    background-image: none !important;
+    color: #808080;
+    font-family: "Century Gothic Regular";
+}
+
+#body-login #user,
+#body-login #password,
+#body-login .totp-form > input[type="tel"] {
+    color: rgba(0, 0, 0, 0.8);
+    background-color: white;
+    padding-left: 10%;
+    padding-right: 0;
+    padding-bottom: 2%;
+    padding-top: 2%;
+    font-size: 1.3em;
+    line-height: 1.7em;
+    transition: all 0.5s linear;
+    width: 97.656%;
+    margin: 0;
+    border: none;
+    border-radius: 0;
+}
+
+#body-login .groupbottom,
+#body-login .grouptop {
+    display: block;
+    width: 100%;
+    border: none;
+}
+
+#body-login #reset-password-wrapper a {
+    color: rgba(0, 0, 0, 0.8);
+}
+
+#body-login #submit-wrapper,
+#body-login #reset-password-wrapper {
+    background-color: #f2f2f2;
+    margin-top: 26px;
+}
+
+#body-login #submit-form,
+#body-login #reset-password-submit,
+#body-login .two-factor-submit {
+    background-color: #007fff;
+    color: white;
+    border: none;
+    height: 50px;
+}
+
+#body-login .totp-form input, 
+#body-login .totp-form button {
+    margin-top: 5%;
+    max-width: 90%;
+}
+
+#body-login #submit-form,
+#body-login .two-factor-submit {
+    width: 190px;
+}
+
+#body-login #reset-password-submit {
+    width: 220px;
+}
+
+#body-login form {
+    padding-left: 10%;
+    padding-right: 10%;
+    margin-top: 50px;
+}
+
+#body-login fieldset {
+    width: auto;
+    margin: 0;
+    overflow-x: hidden;
+}
+
+#body-login .toggle-password {
+    right: 4%;
+    top: 39%;
+}
+
+#body-login footer .info,
+#body-login footer .info a,
+#body-login #lost-password,
+#body-login .lost-password-container a {
+    color: #808080;
+    font-weight: normal;
+    text-decoration: none;
+    font-size: 1em;
+    text-shadow: none;
+}
+
+#body-login footer .info,
+#body-login footer .info a {
+    line-height: 1em;
+}
+
+#body-login .lost-password-container a:hover {
+    text-decoration: underline;
+    text-decoration-skip-ink: auto;
+}
+
+#body-login #submit-wrapper .submit-icon {
+    top: 23px;
+    right: 30%;
+}
+
+#reset-password-wrapper .submit-icon {
+    top: 23px;
+    right: 25%;
+}
+
+#body-login .warning,
+#body-login .error {
+    max-width: 100%;
+    color: white;
+    background-color: #fb3845;
+    font-size: 1.1em;
+    text-align: center;
+}
+
+#body-login .update,
+#body-login .success {
+    color: white;
+    background-color: #3ad975;
+    justify-content: center !important;
+}
+
+#body-login #user:hover,
+#body-login #user:focus,
+#body-login #password:hover,
+#body-login #password:focus {
+    outline: 0;
+    transition: all 0.5s linear !important;
+    box-shadow: inset 0px 0px 10px #ccc !important;
+}
+
+#body-login #lost-password:hover {
+    text-decoration: underline;
+}
+
+#body-login #header .logo {
+    background-image: url("../img/logo.png");
+    margin-top: 0.5em;
+}
+
+#body-login .lost-password-container .update {
+    margin-bottom: 3%;
+    font-size: 1.1em;
+}
+
+#body-login #submit-form:hover,
+#body-login #reset-password-submit:hover,
+#body-login .two-factor-submit:hover {
+    opacity: 0.9;
+}
+  
diff --git a/eelo/core/css/server.css b/eelo/core/css/server.css
index 43d4496ec4dc759ec823b82efd7af375c16fa1b6..c4cb647d6e462af3063180af58e8b211d2be96cc 100644
--- a/eelo/core/css/server.css
+++ b/eelo/core/css/server.css
@@ -74,11 +74,66 @@ button.primary:focus,
     height: 128px;
 }
 #header .logo-icon {
-    width: 62px;
-    height: 34px;
+    width: 42px;
+    height: 42px;
+    top: 4px;
+    bottom: 0px;
 }
 :root {
     --color-primary: #AFAFAF;
     --color-primary-element: #AFAFAF;
     --color-primary-element-light: #999999;
 }
+#header #nextcloud {
+    padding-left: 70px;
+}
+
+/* CSS TWEAKS TAKEN FROM THEMING APP (disabled now) */ 
+
+.nc-theming-main-background{
+    background-color:#999999
+}
+.nc-theming-main-text{
+    color:#fff
+}
+.nc-theming-contrast{
+    color:#fff
+}
+#appmenu:not(.inverted) svg{
+    filter:none
+}
+#appmenu.inverted svg{
+    filter:invert(1)
+}
+.icon-file,.icon-filetype-text{
+    background-image:url(../img/text.svg)
+}
+.icon-folder,.icon-filetype-folder{
+    background-image:url(../img/folder.svg)
+}
+.icon-filetype-folder-drag-accept{
+    background-image:url(../img/folder-drag-accept.svg) !important
+}
+#header .logo{
+    background-image:url('../img/logo-white.png')
+}
+#body-user #header,#body-settings #header,#body-public #header{
+    background-color:#999999;
+    background-image:none
+}
+
+#header .logo{
+    background-size:contain
+}
+#body-login #header .logo{
+    margin-bottom:22px
+}
+
+input.primary,#alternative-logins li a{
+    background-color:#999999;
+    border:1px solid #fff;
+    color:#fff
+}
+footer{
+    height:92px
+}
diff --git a/eelo/core/img/background-grey.png b/eelo/core/img/background-grey.png
new file mode 100644
index 0000000000000000000000000000000000000000..2ee9486375158ac2b5b48e37d61f0000f7120573
Binary files /dev/null and b/eelo/core/img/background-grey.png differ
diff --git a/eelo/core/img/background.png b/eelo/core/img/background.png
new file mode 100644
index 0000000000000000000000000000000000000000..67e1a4b0030259a52bffbd50319293af7ee030cd
Binary files /dev/null and b/eelo/core/img/background.png differ
diff --git a/eelo/core/img/filetypes/folder-drag-accept.svg b/eelo/core/img/filetypes/folder-drag-accept.svg
new file mode 100644
index 0000000000000000000000000000000000000000..f01236fef7d9db0b05f5d1c60ae19286c1e7d8a7
--- /dev/null
+++ b/eelo/core/img/filetypes/folder-drag-accept.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" version="1.1" height="16"><path d="M1.46 2c-.25 0-.46.21-.46.46v11.08c0 .258.202.46.46.46h13.08c.258 0 .46-.202.46-.46V4.462c0-.25-.21-.463-.46-.463H8L6 2H1.46zM2 5h12v8H2V5z" fill="#999998"/></svg>
diff --git a/eelo/core/img/filetypes/folder-external.svg b/eelo/core/img/filetypes/folder-external.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c3e23c2d1b47442d8cb96d47dfa151857179f7e7
--- /dev/null
+++ b/eelo/core/img/filetypes/folder-external.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" version="1.1" height="16"><path d="M1.46 2c-.25 0-.46.21-.46.46v11.08c0 .258.202.46.46.46h13.08c.258 0 .46-.202.46-.46V4.462c0-.25-.21-.463-.46-.463H8L6 2H1.46zm6.517 3.793h3.57v3.385L10.355 8.05 8.57 9.743l-1.19-1.13 1.786-1.69-1.19-1.13zm-2.38.564H7.38l.597.565h-2.38v4.514h4.758V9.178l.596.564v1.694c0 .312-.265.564-.595.564h-4.76c-.33 0-.595-.252-.595-.564V6.922c0-.313.266-.565.596-.565z" fill-rule="evenodd" fill="#999998"/></svg>
diff --git a/eelo/core/img/filetypes/folder-public.svg b/eelo/core/img/filetypes/folder-public.svg
new file mode 100644
index 0000000000000000000000000000000000000000..94b81e06680f79bcb38885f1a01efd710dd74216
--- /dev/null
+++ b/eelo/core/img/filetypes/folder-public.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" width="16" version="1.1"><path fill="#999998" d="m1.5 2c-0.25 0-0.5 0.25-0.5 0.5v11c0 0.26 0.24 0.5 0.5 0.5h13c0.26 0 0.5-0.241 0.5-0.5v-9c0-0.25-0.25-0.5-0.5-0.5h-6.5l-2-2h-4.5zm8.334 3.5c0.434-0.0019 0.866 0.1545 1.186 0.4746 0.64 0.6407 0.64 1.742 0 2.3828l-0.85 0.8496c0.027-0.4496-0.019-0.7497-0.3067-1.1562l0.4237-0.4258c0.275-0.2752 0.252-0.6283 0.002-0.916-0.27-0.2699-0.644-0.2702-0.916 0.0019l-1.6464 1.6465c-0.2829 0.283-0.2956 0.6223-0.002 0.916l-0.7305 0.7326c-0.2872-0.2874-0.4858-0.6731-0.5117-1.1076-0.0256-0.4344 0.1457-0.9071 0.5117-1.2734l1.6465-1.6484c0.3245-0.3147 0.7598-0.4747 1.1934-0.4766zm-0.8262 2.4902c0.2882 0.2871 0.4869 0.6743 0.5117 1.1094 0.0254 0.4352-0.1449 0.9064-0.5117 1.2734l-1.6484 1.647c-0.6396 0.639-1.7395 0.639-2.3789 0-0.6396-0.64-0.6415-1.738 0-2.3794l0.8613-0.8633c-0.0263 0.4493 0.0227 0.7505 0.3105 1.1563l-0.4394 0.4394c-0.2588 0.259-0.3242 0.59 0 0.914 0.2438 0.244 0.5557 0.307 0.916 0l1.6465-1.6464c0.2647-0.2648 0.2866-0.6331 0.0019-0.9179l0.7305-0.7325z"/></svg>
diff --git a/eelo/core/img/filetypes/folder-shared.svg b/eelo/core/img/filetypes/folder-shared.svg
new file mode 100644
index 0000000000000000000000000000000000000000..818c1f3fb6a24f301682f7c28d86a0b1e7bf7eb5
--- /dev/null
+++ b/eelo/core/img/filetypes/folder-shared.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" width="16" version="1.1"><path fill="#999998" d="m1.5 2c-0.25 0-0.5 0.25-0.5 0.5v11c0 0.26 0.24 0.5 0.5 0.5h13c0.26 0 0.5-0.241 0.5-0.5v-9c0-0.25-0.25-0.5-0.5-0.5h-6.5l-2-2h-4.5zm8.75 3.5a1.25 1.25 0 0 1 1.25 1.25 1.25 1.25 0 0 1 -1.25 1.25 1.25 1.25 0 0 1 -0.8008 -0.291l-2.4512 1.2265a1.25 1.25 0 0 1 0.002 0.0645 1.25 1.25 0 0 1 -0.0039 0.0645l2.4531 1.2265a1.25 1.25 0 0 1 0.8008 -0.291 1.25 1.25 0 0 1 1.25 1.25 1.25 1.25 0 0 1 -1.25 1.25 1.25 1.25 0 0 1 -1.25 -1.25 1.25 1.25 0 0 1 0.0039 -0.064l-2.4531-1.227a1.25 1.25 0 0 1 -0.8008 0.291 1.25 1.25 0 0 1 -1.25 -1.25 1.25 1.25 0 0 1 1.25 -1.25 1.25 1.25 0 0 1 0.8008 0.291l2.4512-1.2265a1.25 1.25 0 0 1 -0.002 -0.0645 1.25 1.25 0 0 1 1.25 -1.25z"/></svg>
diff --git a/eelo/core/img/filetypes/folder-starred.svg b/eelo/core/img/filetypes/folder-starred.svg
new file mode 100644
index 0000000000000000000000000000000000000000..3eae77b372950305a5f6c1af2da0927ac7403cb1
--- /dev/null
+++ b/eelo/core/img/filetypes/folder-starred.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" width="16" version="1.1"><path fill="#999998" d="m1.5 2c-0.25 0-0.5 0.25-0.5 0.5v11c0 0.26 0.24 0.5 0.5 0.5h13c0.26 0 0.5-0.241 0.5-0.5v-9c0-0.25-0.25-0.5-0.5-0.5h-6.5l-2-2h-4.5zm6.5 3.25l1.1 2.6504 2.9 0.2246-2.25 1.875 0.75 2.75-2.5-1.551-2.5 1.551 0.75-2.75-2.25-1.875 2.9-0.2246 1.1-2.6504z"/></svg>
diff --git a/eelo/core/img/filetypes/folder.svg b/eelo/core/img/filetypes/folder.svg
new file mode 100644
index 0000000000000000000000000000000000000000..162bf30119c2f886f87161fb8c84c40127a5e38b
--- /dev/null
+++ b/eelo/core/img/filetypes/folder.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" version="1.1" height="16"><path fill="#999998" d="m1.5 2c-0.25 0-0.5 0.25-0.5 0.5v11c0 0.26 0.24 0.5 0.5 0.5h13c0.26 0 0.5-0.241 0.5-0.5v-9c0-0.25-0.25-0.5-0.5-0.5h-6.5l-2-2z"/></svg>
diff --git a/eelo/core/img/filetypes/text.svg b/eelo/core/img/filetypes/text.svg
new file mode 100644
index 0000000000000000000000000000000000000000..57c2b1f57251d825c4db76520d09fb97a18b4c05
--- /dev/null
+++ b/eelo/core/img/filetypes/text.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" version="1.1" height="16"><path fill="#969696" d="m2.5 1c-0.28 0-0.5 0.22-0.5 0.5v13c0 0.28 0.22 0.5 0.5 0.5h11c0.28 0 0.5-0.22 0.5-0.5v-10.5l-3-3h-8.5zm1.5 2h6v1h-6v-1zm0 3h5v1h-5v-1zm0 3h8v1h-8v-1zm0 3h4v1h-4v-1z"/></svg>
diff --git a/eelo/core/img/folder-drag-accept.svg b/eelo/core/img/folder-drag-accept.svg
new file mode 100644
index 0000000000000000000000000000000000000000..f01236fef7d9db0b05f5d1c60ae19286c1e7d8a7
--- /dev/null
+++ b/eelo/core/img/folder-drag-accept.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" version="1.1" height="16"><path d="M1.46 2c-.25 0-.46.21-.46.46v11.08c0 .258.202.46.46.46h13.08c.258 0 .46-.202.46-.46V4.462c0-.25-.21-.463-.46-.463H8L6 2H1.46zM2 5h12v8H2V5z" fill="#999998"/></svg>
diff --git a/eelo/core/img/folder.svg b/eelo/core/img/folder.svg
new file mode 100644
index 0000000000000000000000000000000000000000..162bf30119c2f886f87161fb8c84c40127a5e38b
--- /dev/null
+++ b/eelo/core/img/folder.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" version="1.1" height="16"><path fill="#999998" d="m1.5 2c-0.25 0-0.5 0.25-0.5 0.5v11c0 0.26 0.24 0.5 0.5 0.5h13c0.26 0 0.5-0.241 0.5-0.5v-9c0-0.25-0.25-0.5-0.5-0.5h-6.5l-2-2z"/></svg>
diff --git a/eelo/core/img/logo-white.png b/eelo/core/img/logo-white.png
new file mode 100644
index 0000000000000000000000000000000000000000..09d65b8a339f72eaf68a58ada717e241c40050d9
Binary files /dev/null and b/eelo/core/img/logo-white.png differ
diff --git a/eelo/core/img/logo.png b/eelo/core/img/logo.png
index 09d65b8a339f72eaf68a58ada717e241c40050d9..4d65114304c138e5b84013a049323bbf12e33eb1 100644
Binary files a/eelo/core/img/logo.png and b/eelo/core/img/logo.png differ
diff --git a/eelo/core/img/text.svg b/eelo/core/img/text.svg
new file mode 100644
index 0000000000000000000000000000000000000000..57c2b1f57251d825c4db76520d09fb97a18b4c05
--- /dev/null
+++ b/eelo/core/img/text.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" version="1.1" height="16"><path fill="#969696" d="m2.5 1c-0.28 0-0.5 0.22-0.5 0.5v13c0 0.28 0.22 0.5 0.5 0.5h11c0.28 0 0.5-0.22 0.5-0.5v-10.5l-3-3h-8.5zm1.5 2h6v1h-6v-1zm0 3h5v1h-5v-1zm0 3h8v1h-8v-1zm0 3h4v1h-4v-1z"/></svg>
diff --git a/eelo/core/l10n/de.json b/eelo/core/l10n/de.json
deleted file mode 100755
index 9022036de1f9f6af9b0f42f8ad5b7d59a6640830..0000000000000000000000000000000000000000
--- a/eelo/core/l10n/de.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-  "translations": {
-    "Email (eg user@e.email)" : "Email (zB name@e.email)"
-  }
-}
diff --git a/eelo/core/l10n/fr.json b/eelo/core/l10n/fr.json
deleted file mode 100755
index 3bfb94707e4007497509a263be185670f705eaea..0000000000000000000000000000000000000000
--- a/eelo/core/l10n/fr.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-  "translations": {
-    "Email (eg user@e.email)" : "Email (ex: nom@e.email)"
-  }
-}
diff --git a/eelo/core/templates/login.php b/eelo/core/templates/login.php
deleted file mode 100755
index 14d9ce0b4cc266306fa2bc7fe6f84ae6807c42f1..0000000000000000000000000000000000000000
--- a/eelo/core/templates/login.php
+++ /dev/null
@@ -1,114 +0,0 @@
-<?php /** @var $l \OCP\IL10N */ ?>
-<?php
-vendor_script('jsTimezoneDetect/jstz');
-script('core', 'merged-login');
-
-use OC\Core\Controller\LoginController;
-?>
-
-<!--[if IE 8]><style>input[type="checkbox"]{padding:0;}</style><![endif]-->
-<form method="post" name="login">
-	<fieldset>
-	<?php if (!empty($_['redirect_url'])) {
-		print_unescaped('<input type="hidden" name="redirect_url" value="' . \OCP\Util::sanitizeHTML($_['redirect_url']) . '">');
-	} ?>
-		<?php if (isset($_['apacheauthfailed']) && $_['apacheauthfailed']): ?>
-			<div class="warning">
-				<?php p($l->t('Server side authentication failed!')); ?><br>
-				<small><?php p($l->t('Please contact your administrator.')); ?></small>
-			</div>
-		<?php endif; ?>
-		<?php foreach($_['messages'] as $message): ?>
-			<div class="warning">
-				<?php p($message); ?><br>
-			</div>
-		<?php endforeach; ?>
-		<?php if (isset($_['internalexception']) && $_['internalexception']): ?>
-			<div class="warning">
-				<?php p($l->t('An internal error occurred.')); ?><br>
-				<small><?php p($l->t('Please try again or contact your administrator.')); ?></small>
-			</div>
-		<?php endif; ?>
-		<div id="message" class="hidden">
-			<img class="float-spinner" alt=""
-				src="<?php p(image_path('core', 'loading-dark.gif'));?>">
-			<span id="messageText"></span>
-			<!-- the following div ensures that the spinner is always inside the #message div -->
-			<div style="clear: both;"></div>
-		</div>
-		<p class="grouptop<?php if (!empty($_[LoginController::LOGIN_MSG_INVALIDPASSWORD])) { ?> shake<?php } ?>">
-			<input type="text" name="user" id="user"
-				placeholder="<?php p($l->t('Email (eg user@e.email)')); ?>"
-				aria-label="<?php p($l->t('Email (eg user@e.email)')); ?>"
-				value="<?php p($_['loginName']); ?>"
-				<?php p($_['user_autofocus'] ? 'autofocus' : ''); ?>
-				autocomplete="<?php p($_['login_form_autocomplete']); ?>" autocapitalize="none" autocorrect="off" required>
-			<label for="user" class="infield"><?php p($l->t('Username or email')); ?></label>
-		</p>
-
-		<p class="groupbottom<?php if (!empty($_[LoginController::LOGIN_MSG_INVALIDPASSWORD])) { ?> shake<?php } ?>">
-			<input type="password" name="password" id="password" value=""
-				placeholder="<?php p($l->t('Password')); ?>"
-				aria-label="<?php p($l->t('Password')); ?>"
-				<?php p($_['user_autofocus'] ? '' : 'autofocus'); ?>
-				autocomplete="<?php p($_['login_form_autocomplete']); ?>" autocapitalize="none" autocorrect="off" required>
-			<label for="password" class="infield"><?php p($l->t('Password')); ?></label>
-		</p>
-
-		<div id="submit-wrapper">
-			<input type="submit" id="submit" class="login primary" title="" value="<?php p($l->t('Log in')); ?>" disabled="disabled" />
-			<div class="submit-icon icon-confirm-white"></div>
-		</div>
-
-		<?php if (!empty($_[LoginController::LOGIN_MSG_INVALIDPASSWORD])) { ?>
-			<p class="warning wrongPasswordMsg">
-				<?php p($l->t('Wrong password.')); ?>
-			</p>
-		<?php } else if (!empty($_[LoginController::LOGIN_MSG_USERDISABLED])) { ?>
-			<p class="warning userDisabledMsg">
-				<?php p(\OC::$server->getL10N('lib')->t('User disabled')); ?>
-			</p>
-		<?php } ?>
-
-		<?php if ($_['throttle_delay'] > 5000) { ?>
-			<p class="warning throttledMsg">
-				<?php p($l->t('We have detected multiple invalid login attempts from your IP. Therefore your next login is throttled up to 30 seconds.')); ?>
-			</p>
-		<?php } ?>
-
-		<?php if (!empty($_['canResetPassword'])) { ?>
-		<div id="reset-password-wrapper" style="display: none;">
-			<input type="submit" id="reset-password-submit" class="login primary" title="" value="<?php p($l->t('Reset password')); ?>" disabled="disabled" />
-			<div class="submit-icon icon-confirm-white"></div>
-		</div>
-		<?php } ?>
-
-		<div class="login-additional">
-			<?php if (!empty($_['canResetPassword'])) { ?>
-			<div class="lost-password-container">
-				<a id="lost-password" href="<?php p($_['resetPasswordLink']); ?>">
-					<?php p($l->t('Forgot password?')); ?>
-				</a>
-				<a id="lost-password-back" href="" style="display:none;">
-					<?php p($l->t('Back to login')); ?>
-				</a>
-			</div>
-			<?php } ?>
-		</div>
-
-		<input type="hidden" name="timezone_offset" id="timezone_offset"/>
-		<input type="hidden" name="timezone" id="timezone"/>
-		<input type="hidden" name="requesttoken" value="<?php p($_['requesttoken']) ?>">
-	</fieldset>
-</form>
-<?php if (!empty($_['alt_login'])) { ?>
-<form id="alternative-logins">
-	<fieldset>
-		<ul>
-			<?php foreach($_['alt_login'] as $login): ?>
-				<li><a class="button" href="<?php print_unescaped($login['href']); ?>" ><?php p($login['name']); ?></a></li>
-			<?php endforeach; ?>
-		</ul>
-	</fieldset>
-</form>
-<?php }
diff --git a/eelo/core/webfonts/GOTHIC.woff b/eelo/core/webfonts/GOTHIC.woff
new file mode 100644
index 0000000000000000000000000000000000000000..21dc1336489a67b0d5ec3573e23bf37cb3e7fd0c
Binary files /dev/null and b/eelo/core/webfonts/GOTHIC.woff differ
diff --git a/eelo/core/webfonts/GOTHICB.woff b/eelo/core/webfonts/GOTHICB.woff
new file mode 100644
index 0000000000000000000000000000000000000000..3f2fc4f5d79801ae32636c32956c54cd759b1c6f
Binary files /dev/null and b/eelo/core/webfonts/GOTHICB.woff differ
diff --git a/eelo/core/webfonts/GOTHICBI.woff b/eelo/core/webfonts/GOTHICBI.woff
new file mode 100644
index 0000000000000000000000000000000000000000..7691a3ca8ffd349048dc5fd1b765b08d19050cfb
Binary files /dev/null and b/eelo/core/webfonts/GOTHICBI.woff differ
diff --git a/eelo/core/webfonts/GOTHICI.woff b/eelo/core/webfonts/GOTHICI.woff
new file mode 100644
index 0000000000000000000000000000000000000000..67fd05582d9ddadde2f036913be06ef648b04127
Binary files /dev/null and b/eelo/core/webfonts/GOTHICI.woff differ