diff --git a/portal/assets/css/ynh-style.css b/portal/assets/css/ynh-style.css index 5000934..7609e4e 100644 --- a/portal/assets/css/ynh-style.css +++ b/portal/assets/css/ynh-style.css @@ -4,7 +4,8 @@ 2 = Apps 3 = User 4 = Form - 5 = Colors + 5 = Footer + 6 = Colors ========================================================================== */ /* ========================================================================== @@ -574,8 +575,53 @@ input:disabled { } } + /* ========================================================================== - 5 = Colors + 5 = Footer + ========================================================================== */ + +.footer { + display: inline-block; + width: auto; +} + .footer nav { + margin: 0 1em; + padding: 0.25em; + border-top: 1px solid #666; + font-size: 0.9em; + } + + .footer a { + display: inline-block; + vertical-align: top; + color: #999; + } + .footer a:before { + content: "•"; + display: inline-block; + vertical-align: top; + padding: 0 0.5em 0 0.25em; + color: #666; + } + .footer a:first-child:before {content: none;} + + .footer a:hover, + .footer a:active { + color: #fff; + text-decoration: none; + } + +@media screen and (max-width: 480px) { + .footer a { + display: block; + } + .footer a:before { + content: none; + } +} + +/* ========================================================================== + 6 = Colors ========================================================================== */ .listing-apps .purplebg { diff --git a/portal/assets/css/ynhpanel.css b/portal/assets/css/ynhpanel.css index 8efa500..b62b692 100644 --- a/portal/assets/css/ynhpanel.css +++ b/portal/assets/css/ynhpanel.css @@ -3,10 +3,10 @@ 1 = Font Face Base 64 2 = Apps 3 = User - 4 = Color - 5 = Animation - 6 = Media queries Mobile - 7 = Media queries Tablet + 4 = Footer + 5 = Color + 6 = Animation + 7 = Media queries ========================================================================== */ html.ynh-panel-active { @@ -491,7 +491,50 @@ body {/*overflow-y: scroll;*/} /* ========================================================================== - 4 = Color + 4 = Footer + ========================================================================== */ + +#ynhoverlay .footer { + display: inline-block; + width: auto; +} + #ynhoverlay .footer nav { + margin: 0 1em; + padding: 0.25em; + border-top: 1px solid #666; + font-size: 0.9em; + } + + #ynhoverlay .footer a { + display: inline-block; + vertical-align: top; + color: #999; + } + #ynhoverlay .footer a:before { + content: "•"; + display: inline-block; + vertical-align: top; + padding: 0 0.5em 0 0.25em; + color: #666; + } + #ynhoverlay .footer a:first-child:before {content: none;} + + #ynhoverlay .footer a:hover, + #ynhoverlay .footer a:active { + color: #fff; + text-decoration: none; + } +@media screen and (max-width: 480px) { + #ynhoverlay .footer a { + display: block; + } + #ynhoverlay .footer a:before { + content: none; + } +} + +/* ========================================================================== + 5 = Color ========================================================================== */ #ynhoverlay .listing-apps { @@ -627,7 +670,7 @@ body {/*overflow-y: scroll;*/} } /* ========================================================================== - 5 = Animation + 6 = Animation ========================================================================== */ /*SlidetoLeft*/ @@ -852,7 +895,7 @@ body {/*overflow-y: scroll;*/} } /* ========================================================================== - 6 = Media Queries Mobile + 7 = Media Queries ========================================================================== */ @media screen and (max-width: 500px) { diff --git a/portal/assets/js/ynhpanel.js b/portal/assets/js/ynhpanel.js index 6aefce7..5ae7a3e 100644 --- a/portal/assets/js/ynhpanel.js +++ b/portal/assets/js/ynhpanel.js @@ -183,7 +183,15 @@ domReady(function(){ Array.prototype.forEach.call(response.app, function(app, n){ links.push('
  • '+app.name+'
    • '); }); - overlay.innerHTML += '
    '; + overlay.innerHTML += '
    '; + + // Add footer links + overlay.innerHTML += ''; // Add overlay to DOM var btn = document.getElementById('logo'), diff --git a/portal/footer.ms b/portal/footer.ms index 9885282..a9b44ad 100644 --- a/portal/footer.ms +++ b/portal/footer.ms @@ -1,3 +1,12 @@ + {{#connected}} +
    + {{/connected}} + diff --git a/portal/info.html b/portal/info.html index d0b8ae0..3945acc 100644 --- a/portal/info.html +++ b/portal/info.html @@ -14,9 +14,7 @@
    diff --git a/portal/locales/en.json b/portal/locales/en.json index 3d6577d..94259a2 100644 --- a/portal/locales/en.json +++ b/portal/locales/en.json @@ -33,5 +33,9 @@ "wrong_username_password": "Wrong username or password", "logged_out": "Logged out", "please_login": "Please log in to access to this content", - "please_login_from_portal": "Please log in from the portal" + "please_login_from_portal": "Please log in from the portal", + "footerlink_edit": "Edit my profile", + "footerlink_documentation": "Documentation", + "footerlink_support": "Support", + "footerlink_administration": "Administration" } diff --git a/portal/locales/fr.json b/portal/locales/fr.json index dec925c..8d14238 100644 --- a/portal/locales/fr.json +++ b/portal/locales/fr.json @@ -33,5 +33,9 @@ "wrong_username_password": "Nom d'utilisateur ou mot de passe incorrect", "logged_out": "Déconnecté", "please_login": "Veuillez vous identifier pour accéder à cette page", - "please_login_from_portal": "Veuillez vous identifiez depuis le portail" + "please_login_from_portal": "Veuillez vous identifiez depuis le portail", + "footerlink_edit": "Éditer mon profil", + "footerlink_documentation": "Documentation", + "footerlink_support": "Support", + "footerlink_administration": "Administration" }