Merge branch 'release/rework-css' into feature/utility-classes
This commit is contained in:
Jean-Baptiste Pasquier
commit
c6dc4d8f93
|
|
@ -24,8 +24,8 @@ if endpoints.joboffers || (endpoints.get && endpoints.get.joboffers)
|
|||
//- script(type="module" src="/lib/sib-conversation/sib-conversation.js" defer)
|
||||
|
||||
if (endpoints.uploads || (endpoints.get && endpoints.get.uploads)) && (endpoints.skills || (endpoints.get && endpoints.get.skills)) && (endpoints.users || (endpoints.get && endpoints.get.users))
|
||||
script(type="module" src="https://unpkg.com/@startinblox/component-directory@0.3" defer)
|
||||
//- script(type="module" src="/lib/sib-directory/index.js" defer)
|
||||
script(type="module" src="https://unpkg.com/@startinblox/component-directory@0.4" defer)
|
||||
//- script(type="module" src="/lib/sib-directory/dist/index.js" defer)
|
||||
|
||||
if endpoints.dashboards || (endpoints.get && endpoints.get.dashboards)
|
||||
script(type="module" src="https://unpkg.com/@startinblox/component-dashboard@0.1" defer)
|
||||
|
|
|
|||
|
|
@ -26,6 +26,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
|
||||
|
|
|
|||
|
|
@ -55,6 +55,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
|
||||
|
|
@ -67,4 +70,4 @@ html(lang="en")
|
|||
type=`${provider.type}`
|
||||
url=`${provider.url}`
|
||||
id=`${provider.id}`
|
||||
)
|
||||
)
|
||||
|
|
|
|||
|
|
@ -138,3 +138,4 @@ sib-router#navbar-router(default-route='dashboard')
|
|||
|
||||
sib-route(name='admin', hidden)
|
||||
sib-route.menu(name='profile', hidden)
|
||||
sib-route(name='about', hidden)
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -8,6 +8,7 @@
|
|||
@import 'abstracts/mixins';
|
||||
@import 'components/icons/index';
|
||||
@import 'base/main';
|
||||
@import 'base/about';
|
||||
|
||||
#viewport {
|
||||
display: flex;
|
||||
|
|
|
|||
Loading…
Reference in New Issue