diff --git a/src/header.pug b/src/header.pug index 7184052..f3e9241 100644 --- a/src/header.pug +++ b/src/header.pug @@ -29,6 +29,8 @@ details#user-controls.notLoggedIn sib-link(next='profile') Mon profil li sib-link(next='admin') Administration + li + sib-link(next='about') A propos button(role='log out' onclick="document.querySelector('sib-auth').logout();") Se déconnecter button.loggedIn(role='log in' onclick="document.querySelector('sib-auth').login();") Se connecter diff --git a/src/index.pug b/src/index.pug index dd21d1d..fd04427 100644 --- a/src/index.pug +++ b/src/index.pug @@ -51,6 +51,9 @@ html(lang="en") #admin(hidden).with-sidebar include page-admin.pug + + #about.no-sidebar.with-padding + include page-about.pug if (endpoints.skills || (endpoints.get && endpoints.get.skills)) && (endpoints.uploads || (endpoints.post && endpoints.post.uploads)) && (endpoints.users || (endpoints.post && endpoints.post.users)) #profile(hidden).no-sidebar @@ -63,4 +66,4 @@ html(lang="en") type=`${provider.type}` url=`${provider.url}` id=`${provider.id}` - ) \ No newline at end of file + ) diff --git a/src/menu-left.pug b/src/menu-left.pug index 080d2a1..d3b4edf 100644 --- a/src/menu-left.pug +++ b/src/menu-left.pug @@ -138,3 +138,4 @@ nav#main__menu.jsLeftMenu sib-route(name='admin', hidden) sib-route.menu(name='profile', hidden) + sib-route(name='about', hidden) diff --git a/src/page-about.pug b/src/page-about.pug new file mode 100644 index 0000000..0bad6cf --- /dev/null +++ b/src/page-about.pug @@ -0,0 +1,17 @@ +.views-container + h2 A propos + div.flex-content-white + div + div + h3 Cette application est développée par Startin'blox + p Startin’blox est une coopérative qui développe des outils libres pour construire facilement et à moindre coût des applications fédérées et interopérables basées sur les derniers standards du web poussés par le projet SOLID. + p Sa mission est de redonner le pouvoir aux utilisateurs en leur permettant de reprendre la main sur leur outil numérique et de bénéficier d’un effet de réseau au sein d’un écosystème choisi afin de s’émanciper des grandes plateformes. + div + a(href="https://startinblox.com/fr/" target="_blank") https://startinblox.com/fr/ + + div + div + h3 Contacte-nous + p Tu veux contribuer, nous remonter un bug, nous suggérer une amélioration, travailler avec nous ? + div + a(href="https://startinblox.com/fr/#home-contact" target="_blank").main-cta Contact \ No newline at end of file diff --git a/src/styles/base/about.scss b/src/styles/base/about.scss new file mode 100644 index 0000000..c7b6230 --- /dev/null +++ b/src/styles/base/about.scss @@ -0,0 +1,58 @@ +#about{ + $main-color: rgb(236, 94, 92); + $second-color: white; + h2,h3{ + text-transform: uppercase; + } + h2{ + margin-left: 1.5em; + } + .flex-content-white{ + display: flex; + @media only screen and (max-width: 768px) { + flex-direction: column; + } + >div{ + padding: 2em 2.5em; + text-align: center; + margin: 0 1.5em 3em 1.5em; + background: white; + box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.11); + display: flex; + flex-direction: column; + justify-content: space-between; + } + >div:first-child{ + width: 60%; + } + >div:last-child{ + width: 35%; + @media only screen and (max-width: 768px) { + width: 60%; + } + } + a{ + text-decoration: none; + } + } + + .main-cta{ + background: $second-color none repeat scroll 0% 0%; + border: 1px solid $main-color; + border-radius: 55px; + color: $main-color; + cursor: pointer; + font-weight: bold; + text-transform: uppercase; + width: 25%; + font-size: 1.1rem; + align-self: center; + padding: 0.5rem 1.5rem; + } + + .main-cta:hover{ + background: $main-color none repeat scroll 0% 0%; + border : 1px solid $second-color; + color: $second-color; + } +} \ No newline at end of file diff --git a/src/styles/index.scss b/src/styles/index.scss index 5132044..e7ee1f6 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -8,6 +8,7 @@ @import 'abstracts/mixins'; @import 'components/icons/index'; @import 'base/main'; +@import 'base/about'; div#viewport { display: flex;