diff --git a/src/includes/components/widgets.pug b/src/includes/components/widgets.pug
index 78a7557ef2eee73d76f26dd8af05a673d6f01b98..28344ab35954e83d06c69eb48791818f1a2419dd 100644
--- a/src/includes/components/widgets.pug
+++ b/src/includes/components/widgets.pug
@@ -2,6 +2,40 @@ sib-widget(name='cs-section_header')
template
h2 ${label}
+sib-widget(name='cs-display-resource-property')
+ template
+ p #[b ${label}] ${value}
+
+sib-widget(name='cs-display-property')
+ template
+ p ${value}
+
+sib-widget(name='cs-display-related-property')
+ template
+ p ${value.name}
+
+sib-widget(name='cs-display-multiple-property')
+ template
+ p #[b ${label}] ${value.name}
+
+sib-widget(name='cs-display-step-property')
+ template
+ p #[b ${label} ${value.order}:] ${value.name}
+
+sib-widget(name='cs-resource-format-name')
+ template
+ div
+ p ${value.name}
+
+sib-widget(name='cs-action')
+ template
+ div
+ sib-link(
+ data-src="\${src}"
+ next="\${value}"
+ ) ${label}
+
+
sib-widget(name='cs-form-password')
template
label
diff --git a/src/includes/entrepreneur/create.pug b/src/includes/entrepreneur/create.pug
index 8f40f7eadc344b5359fb51ed54456849fced3f6f..762271cae9455ba85e005409bcc5fb29a623ce7d 100644
--- a/src/includes/entrepreneur/create.pug
+++ b/src/includes/entrepreneur/create.pug
@@ -1,7 +1,8 @@
+include ../components/widgets
+
h2 Create an entrepreneur account
sib-form(
-
data-src=`${endpoints.entrepreneurs}`
fields="user.username, user.last_name, user.first_name, organisation,\
user.email, user.password, user.password_confirmation"
@@ -20,6 +21,9 @@ sib-form(
multiple-organisation='sib-multiple-select'
widget-organisation='sib-form-auto-completion'
+ widget-user.password='cs-form-password'
+ widget-user.password_confirmation='cs-form-password'
+
submit-button="CREATE AN ACCOUNT"
)
diff --git a/src/includes/entrepreneur/login.pug b/src/includes/entrepreneur/login.pug
index 1323da754b0402569ece635b021eb608cf49f4e2..ffdcef9ef86a2210f2c6b7ec7cf0314c61a745bf 100644
--- a/src/includes/entrepreneur/login.pug
+++ b/src/includes/entrepreneur/login.pug
@@ -1,6 +1,7 @@
h2 I am an entrepreneur
-button(role='log in' onclick="document.querySelector('sib-auth').login();") Login as entrepreneur
+cs-login(bind-user)
+ button(id='entrepreneur_login') Login as entrepreneur
sib-link(next='entrepreneur-new-account')
div Create an account
\ No newline at end of file
diff --git a/src/includes/head.pug b/src/includes/head.pug
index 63f8363375db850cde1e8f475c6dddb3f23dd210..4c5a6703b5338d2442f971ed7b909cfa4dc24560 100644
--- a/src/includes/head.pug
+++ b/src/includes/head.pug
@@ -2,9 +2,9 @@ head
title CoopStarter
meta(charset="utf-8")
script(src="https://unpkg.com/@webcomponents/webcomponentsjs@1.2.7/webcomponents-loader.js")
- script(type="module" src="https://unpkg.com/@startinblox/core@0.8")
- script(type="module" src="https://unpkg.com/@startinblox/router@0.7")
- script(type="module" src="https://unpkg.com/@startinblox/oidc@0.7")
+ script(type="module" src="https://unpkg.com/@startinblox/core")
+ script(type="module" src="https://unpkg.com/@startinblox/router")
+ script(type="module" src="https://unpkg.com/@startinblox/oidc")
script(src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous")
script(src="/scripts/coopstarter.js")
link(rel="stylesheet" href="/styles/coopstarter.css")
diff --git a/src/includes/mentor/components/header.pug b/src/includes/mentor/components/header.pug
index c9f0553b643681bcd5166412589f8139b44b633a..0961bb2cc95b5b728b91478b0ffcb5a54caf2764 100644
--- a/src/includes/mentor/components/header.pug
+++ b/src/includes/mentor/components/header.pug
@@ -5,7 +5,7 @@ sib-widget(name='account-user-avatar')
sib-widget(name='account-user-name')
template
div
- p Hello ${value} :-)
+ p Hello ${value}
.container
.d-flex.justify-content-between
@@ -14,7 +14,7 @@ sib-widget(name='account-user-name')
sib-display#user-controls__profile(
fields='first_name, account.picture',
- widget-user.first_name='account-user-name',
+ widget-first_name='account-user-name',
widget-account.picture='account-user-avatar',
bind-user
)
diff --git a/src/includes/mentor/components/menu.pug b/src/includes/mentor/components/menu.pug
index a27d8ace9a6024821cbbe1121b9072213bb44cc2..71eb4fed50b916cf503321080390122637351e4f 100644
--- a/src/includes/mentor/components/menu.pug
+++ b/src/includes/mentor/components/menu.pug
@@ -1,12 +1,11 @@
sib-router(default-route='mentor-resource-list')
sib-route(name='mentor-resource-list')
- div.menu-label My Resources
- div.menu-icon.icon-people
- div.divider
sib-ac-checker(permission="acl:Write")
sib-route(name='mentor-resource-create')
- div.menu-label Create a resource
- div.menu-icon.icon-people
- div.divider
sib-ac-checker(permission="acl:Write" bind-resources)
- sib-route(id-prefix=`${endpoints.resources}`, name='mentor-resource-edit', use-id)
\ No newline at end of file
+ sib-route(id-prefix=`${endpoints.resources}`, name='mentor-resource-edit', use-id)
+ sib-route(name='resource-creation-confirmation')
+ sib-ac-checker(permission="acl:Write" bind-resources)
+ sib-route(id-prefix=`${endpoints.resources}`, name='mentor-resource-detail', use-id)
+ sib-route(name='mentor-database')
+ sib-route(id-prefix=`${endpoints.resources}`, name='mentor-resource-validate', use-id)
\ No newline at end of file
diff --git a/src/includes/mentor/dashboard.pug b/src/includes/mentor/dashboard.pug
index ca4d4ce148cebd0cca356d4ed72d2df081961bbd..0d492fa9d40b9ddc344ed45132d45009222bbe1b 100644
--- a/src/includes/mentor/dashboard.pug
+++ b/src/includes/mentor/dashboard.pug
@@ -11,19 +11,28 @@ header#header(role='banner')
include ./components/header.pug
section#home
- h1 Mentorship program
-
#mentor-resource-list(hidden).no-sidebar
include resources/list.pug
#mentor-resource-create(hidden).no-sidebar
- sib-link(class="backlink", next="mentor-resource-list") Back to the resources list
+ sib-link(class="backlink", next="mentor-resource-list") Back to the dashboard
include resources/create.pug
#mentor-resource-edit(hidden).no-sidebar
- sib-link(class="backlink", next="mentor-resource-list") Back to the resources list
+ sib-link(class="backlink", next="mentor-resource-detail") Back to the dashboard
include resources/edit.pug
#mentor-resource-validate(hidden).no-sidebar
- sib-link(class="backlink", next="mentor-resource-list") Back to the resources list
- include resources/validate.pug
\ No newline at end of file
+ sib-link(class="backlink", next="mentor-resource-list") Back to the dashboard
+ include resources/validate.pug
+
+ #resource-creation-confirmation(hidden).no-sidebar
+ include resources/confirmation.pug
+
+ #mentor-resource-detail(hidden).no-sidebar
+ sib-link(class="backlink", next="mentor-resource-list") Back to the dashboard
+ include resources/detail.pug
+
+ #mentor-database
+ sib-link(class="backlink", next="mentor-resource-list") Back to the dashboard
+ include ../entrepreneur/dashboard.pug
diff --git a/src/includes/mentor/login.pug b/src/includes/mentor/login.pug
index c907c43536a382283a1d3b4abb3c87e05a5b0cf3..7c733598db439af0767cc92e4e0b3409dc2dc71f 100644
--- a/src/includes/mentor/login.pug
+++ b/src/includes/mentor/login.pug
@@ -1,6 +1,9 @@
-h2 I am a mentor
+figure.img_log
+ img(src="../images/mentor.png"
+ alt="Connect as mentor")
-button(role='log in' onclick="document.querySelector('sib-auth').login();") Login as mentor
+cs-login(bind-user)
+ button#mentor_login.button_base Login as mentor
sib-link(next='mentor-new-account')
- div Create an account
\ No newline at end of file
+ div.button_base Create an account
diff --git a/src/includes/mentor/resources/confirmation.pug b/src/includes/mentor/resources/confirmation.pug
new file mode 100644
index 0000000000000000000000000000000000000000..9ec0d78a003f4ccf38c9cf08b3be69b9b02bcb0f
--- /dev/null
+++ b/src/includes/mentor/resources/confirmation.pug
@@ -0,0 +1,10 @@
+h2 Post a resource
+
+p Thank you for enriching our database !
+
+p Once one of your pair, a fellow mentor, validate your resource, it will be published online and we will send you a notification.
+
+sib-link(next="resource-validation-process") What is the validation process ?
+
+h3
+ sib-link(next='mentor-resource-list') -> Back to dashboard
\ No newline at end of file
diff --git a/src/includes/mentor/resources/create.pug b/src/includes/mentor/resources/create.pug
index 0e584f41aeacaf3e83da9c06072ec9026a3661e5..9011abff559d5730aceab181fb8c0a258f832f07 100644
--- a/src/includes/mentor/resources/create.pug
+++ b/src/includes/mentor/resources/create.pug
@@ -5,7 +5,7 @@ h2 Post a resource
p Thank you for enriching our database !
sib-form(
- data-src=`${endpoints.resources}`
+ data-src=`${sdn}/resources/`
fields="mandatory_information(header_mandatory, name, country, language, uri,\
format, field, author, publication_year, skills),\
complementary_information(header_complementary, description, iframe_link,\
@@ -23,7 +23,7 @@ sib-form(
range-steps=`${endpoints.steps}`
range-language=`${endpoints.languages}`
range-field=`${endpoints.fields}`
- range-related=`${endpoints.resources}`
+ range-related=`${sdn}/resources/`
label-header_mandatory='Mandatory information'
label-header_complementary='Complementary information'
diff --git a/src/includes/mentor/resources/detail.pug b/src/includes/mentor/resources/detail.pug
new file mode 100644
index 0000000000000000000000000000000000000000..528a939df2f1aa675cee0659c50a7268ba2e2817
--- /dev/null
+++ b/src/includes/mentor/resources/detail.pug
@@ -0,0 +1,60 @@
+include ../../components/widgets
+
+sib-display(
+ bind-resources,
+ fields='format, steps, content(name, preview_image, description, tags),\
+ submitter_info(submitter.name, \
+ submitter.organisation.name, skills, uri, broken),\
+ reviewer.name, copyright, specifications(\
+ header_specifications, author, country, language.name,\
+ publication_year, field, type.name, sharing), \
+ likes, comments, related, edit',
+
+ widget-submitter.name='cs-display-resource-property',
+ widget-edit='sib-action',
+ widget-reviewer.name='cs-display-resource-property',
+ widget-author='cs-display-resource-property',
+ widget-country='cs-display-resource-property',
+ widget-submitter.organisation.name='cs-display-resource-property'
+ widget-format='cs-display-multiple-property'
+ widget-uri='sib-display-link'
+ widget-skills='cs-display-resource-property'
+ widget-description='cs-display-property'
+ widget-name='cs-display-property'
+ widget-type.name="cs-display-resource-property"
+ widget-publication_year='cs-display-resource-property'
+ widget-sharing='cs-display-resource-property'
+ widget-language.name='cs-display-resource-property'
+
+ label-type.name='Type:'
+ label-sharing='Access:'
+ label-language.name='Language:'
+ label-publication_year='Publication year:'
+ label-header_specifications='Specifications'
+ each-label-format="Format:"
+ label-format=''
+ multiple-format
+
+ widget-steps='cs-display-step-property'
+ label-steps=''
+ each-label-steps="Step"
+ multiple-steps
+
+ widget-related='cs-display-related-property'
+ label-related="Related resources"
+ multiple-related
+
+ widget-field='cs-display-multiple-property'
+ label-field=''
+ each-label-field='Field:'
+ multiple-field
+
+ label-skills='With this resource, you will be able to:'
+ label-uri='Link to resource'
+ label-country='Country:',
+ label-reviewer.name='Resource validated by:',
+ label-submitter.organisation.name='Organisation:',
+ label-author='Author :',
+ label-submitter.name='Resource posted by:',
+ label-edit='Edit',
+)
\ No newline at end of file
diff --git a/src/includes/mentor/resources/edit.pug b/src/includes/mentor/resources/edit.pug
index 650b18519867792a9480d3c3e4d15f4712fa04d0..af4fcfdf5813712bcd0ba6657644b69066735fdb 100644
--- a/src/includes/mentor/resources/edit.pug
+++ b/src/includes/mentor/resources/edit.pug
@@ -1,6 +1,6 @@
include ../../components/widgets
-h2 Post a resource
+h2 Edit this resource
p Thank you for enriching our database !
@@ -76,5 +76,5 @@ sib-form(
widget-publication_year='sib-form-number'
submit-button='Send for validation ->'
- next="mentor-resource-list"
+ next="resource-creation-confirmation"
)
\ No newline at end of file
diff --git a/src/includes/mentor/resources/list.pug b/src/includes/mentor/resources/list.pug
index efb38ec9f6c2c4bef8e0913c0c5e7835f395544f..16c63e7d48f71eb3990f8f3be3969be7ed0adadf 100644
--- a/src/includes/mentor/resources/list.pug
+++ b/src/includes/mentor/resources/list.pug
@@ -1,22 +1,53 @@
-sib-widget(name='resource-format-name')
- template
- div
- p ${value.name}
+include ../../components/widgets
div.resources__newresource
sib-link(next='mentor-resource-create').plus-button
div.icon-plus
- div Post a new Resource
+ div
+ p Post a new Resource
-#circles
- sib-display#circles-list(
- data-src=`${sdn}/resources/`,
- fields='content(title, description), format, info(author, publication_year, language.name), steps',
+div.dashboard__database
+ sib-link(next='mentor-database')
+ div
+ p Browse database
+
+div(class='tablink', onclick="openTab('reviews', this)")
+ h2 Resources requesting validation
+div(class='tablink', onclick="openTab('requests', this)")
+ h2 Requested resources
+div(class='tablink', onclick="openTab('history', this)", id='defaultOpen')
+ h2 history of your resources
+
+div(id='reviews', class="tabcontent")
+ sib-display(
+ nested-field='resources'
+ fields='content(name), info(author, publication_year)',
+ widget-status='resource-format-name',
+ next='mentor-resource-validate'
+ )
+
+div(id='requests', class="tabcontent")
+ sib-display(
+ data-src=`${endpoints.requests}`
+ fields='content(name, description), field, language.name, target',
widget-format='resource-format-name',
- multiple-format,
-
- widget-steps='resource-format-name',
- multiple-steps,
+
+ next='mentor-resource-create'
+ )
+
+div(id='history', class="tabcontent")
+ sib-display(
+ bind-user
+ nested-field='resources'
+ fields='content(name), reviews.status, info(format, publication_year), edit',
+ widget-reviews.status='resource-format-name',
- next='mentor-resource-edit'
+ widget-format='cs-display-multiple-property'
+ label-format='Formats: '
+ each-label-format=''
+ multiple-format
+
+ widget-edit='cs-action'
+ action-edit='mentor-resource-edit'
+ next='mentor-resource-detail'
)
\ No newline at end of file
diff --git a/src/includes/splash.pug b/src/includes/splash.pug
index caa93d28e8756c11e84d49679b53c4f40e0431d5..585b12ce7a66b68ce8c2370a23020e016358e092 100644
--- a/src/includes/splash.pug
+++ b/src/includes/splash.pug
@@ -1,17 +1,30 @@
-sib-router
+sib-router(default-route='splash-index')
+ sib-route(name='splash-index')
sib-route(name='mentor-login')
sib-route(name='entrepreneur-login')
+figure(class="logo")
+ img(src="../images/logo.png" alt="Coopstarter logo")
+
h2 Welcome to our international index of resources for cooperative mentors and entrepreneurs
-sib-link(next='mentor-login')
- div I am a mentor
+#splash-index
+ sib-link.block_log(next='mentor-login')
+ div
+ figure.img_log
+ img(src="../images/mentor.png"
+ alt="Connect as mentor")
+ h2.button_base I am a mentor
-sib-link(next='entrepreneur-login')
- div I am an entrepreneur
+ sib-link.block_log(next='entrepreneur-login')
+ div
+ figure.img_log
+ img(src="../images/fusee.png"
+ alt="Connect as entrepreneur")
+ h2.button_base I am an entrepreneur
-#mentor-login(hidden).no-sidebar
+#mentor-login(hidden).no-sidebar.block_log
include mentor/login.pug
-#entrepreneur-login(hidden).no-sidebar
+#entrepreneur-login(hidden).no-sidebar.block_log
include entrepreneur/login.pug
diff --git a/src/index.pug b/src/index.pug
index e58fa109624dacc17379e443c803e4c54b38a405..bf85f045ff84d639f0c6d78ec574eabf52b84c66 100644
--- a/src/index.pug
+++ b/src/index.pug
@@ -7,16 +7,16 @@ html
sib-route(name='mentor-new-account')
sib-route(name='entrepreneur-new-account')
sib-route(name='mentor-dashboard')
- sib-route(name='entrepreneur-search-page')
+ sib-route(name='entrepreneur-dashboard')
body
#mentor-dashboard(hidden).no-sidebar
include includes/mentor/dashboard.pug
- #entrepreneur-search-page(hidden).no-sidebar
+ #entrepreneur-dashboard(hidden).no-sidebar
include includes/entrepreneur/dashboard.pug
- #splash(hidden).no-sidebar
+ #splash(hidden).no-sidebar.flex
include includes/splash.pug
#mentor-new-account(hidden).no-sidebar
@@ -24,16 +24,51 @@ html
#entrepreneur-new-account(hidden).no-sidebar
include includes/entrepreneur/create.pug
-
- sib-auth
- sib-auth-provider(
+
+sib-auth
+ sib-auth-provider(
class="sib-auth-provider"
data-authority=`${sdn}`
data-client_id=`${client_id}`,
data-id="coopstarter"
- data-response_type='id_token token',
- data-scope='openid profile email',
- data-automaticSilentRenew='true',
- data-loadUserInfo='true'
- )
+ )
+
+script(type='module').
+ import { store } from 'https://unpkg.com/@startinblox/core@0.8';
+ const sibAuth = document.querySelector('sib-auth');
+
+ class CoopStarterLoginComponent extends HTMLElement {
+ async connectedCallback() {
+ mentor_login.onclick = () => this.triggerLogin();
+ entrepreneur_login.onclick = () => this.triggerLogin();
+ this.update();
+ }
+
+ async triggerLogin() {
+ await sibAuth.login();
+ }
+
+ async update() {
+ let user = await sibAuth.getUser();
+ let idToken = await sibAuth.getUserIdToken();
+
+ if ( !user ) {
+ return;
+ }
+ user = await store.get(user);
+
+ if (user && user.mentor_profile) {
+ window.dispatchEvent(
+ new CustomEvent('requestNavigation', { detail: { route: 'mentor-dashboard' } })
+ );
+ } else if (user && user.entrepreneur_profile) {
+ window.dispatchEvent(
+ new CustomEvent('requestNavigation', { detail: { route: 'entrepreneur-dashboard' } })
+ );
+ }
+ }
+ empty(){}
+ populate(){}
+ }
+ customElements.define('cs-login', CoopStarterLoginComponent);
diff --git a/src/scripts/coopstarter.js b/src/scripts/coopstarter.js
index 137c4f857eaaed9e54f1186e3ae49d7f62b5d1a1..d2eb395bb981126ef350589adac99dec701b1304 100644
--- a/src/scripts/coopstarter.js
+++ b/src/scripts/coopstarter.js
@@ -1,8 +1,16 @@
-
-jQuery(document).ready(function($) {
-
- $('sib-route').click(function() {
- $('details').removeAttr( 'open');
- });
+function openTab(pageName, elmnt) {
+ // Hide all elements with class="tabcontent" by default */
+ var i, tabcontent, tablinks;
+ tabcontent = document.getElementsByClassName("tabcontent");
+ for (i = 0; i < tabcontent.length; i++) {
+ tabcontent[i].style.display = "none";
+ }
+ // Show the specific tab content
+ document.getElementById(pageName).style.display = "block";
+ }
+
+jQuery(document).ready(function($) {
+ // Get the element with id="defaultOpen" and click on it
+ document.getElementById("defaultOpen").click();
});
\ No newline at end of file
diff --git a/src/styles/index.scss b/src/styles/index.scss
index a047e38c75e162f2299dd76874163926d37ccb81..f8bfaa787b8afb08cf2e892ff2ee52c3efa6ea84 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -6,14 +6,217 @@
@import "variables";
@import "header";
-div#viewport {
- display: flex;
- flex-grow: 1;
- flex-shrink: 1;
- overflow-y: auto;
- // @import 'components/index';
- // @import 'layout/members/index';
- // @import 'layout/job-offers/index';
- // @import 'layout/project-profile/index';
- // @import 'layout/circle-profile/index';
+/* Reset*/
+/* http://meyerweb.com/eric/tools/css/reset/
+ v2.0 | 20110126
+ License: none (public domain)
+*/
+
+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%;
+ font: inherit;
+ vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display: block;
+}
+body {
+ line-height: 1;
+ max-width: 1440px;
+}
+ol, ul {
+ list-style: none;
+}
+blockquote, q {
+ quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: '';
+ content: none;
+}
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+/* XXXXXXXXXXXXXXXXXXXXXXXX FIN RESET XXXXXXXXXXXXXXXXXXXXX*/
+
+/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
+XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
+XXXXXXXXXXXXXXXXXXXXXXXX GLOBAUX XXXXXXXXXXXXXXXXXXXXXXXXXXX
+XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
+
+/* variables*/
+
+:root {
+ --typo: calisto;
+ --typo-btn: avenir;
+ --bg-page: #f5f6fa;
+ --bg-block:#FFFFFF;
+ --marge-base: 4.5rem;
+ --marge-base-750: 1rem;
+ --bg-btn-base: #01AFCC;
+}
+
+/* technique */
+@font-face {
+ font-family: 'var(--typo)';
+ src: url('../fonts/CALIST.eot'); /* IE9 Compat Modes */
+ src: url('../fonts/CALIST.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('../fonts/CALIST.woff2') format('woff2'), /* Super Modern Browsers */
+ url('../fonts/CALIST.woff') format('woff'), /* Pretty Modern Browsers */
+ url('../fonts/CALIST.ttf') format('truetype'), /* Safari, Android, iOS */
+ url('../fonts/CALIST.svg#svgFontName') format('svg'); /* Legacy iOS */
+}
+
+@font-face {
+ font-family: 'var(--typo-btn)';
+ src: url('../fonts/Avenir.eot'); /* IE9 Compat Modes */
+ src: url('../fonts/Avenir.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('../fonts/Avenir.woff2') format('woff2'), /* Super Modern Browsers */
+ url('../fonts/Avenir.woff') format('woff'), /* Pretty Modern Browsers */
+ url('../fonts/Avenir.ttf') format('truetype'), /* Safari, Android, iOS */
+ url('../fonts/Avenir.svg#svgFontName') format('svg'); /* Legacy iOS */
+}
+
+html{
+ font-size: 62.5%; /* definition du rem 1rem=10px*/
+ box-sizing: border-box; /* redefinition du modèle de boite*/
+}
+
+*,*:before,*:after{
+ box-sizing: inherit;
+}
+
+img{
+ max-width: 100%;
+}
+
+/* visuels */
+
+body{
+ font-family: "var(--typo)";
+ background: var(--bg-page);
+}
+
+.flex{
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: center;
+}
+
+.block_log{
+ width: 33%;
+ background: var(--bg-block);
+ text-align: center;
+ margin: 1rem;
+ padding: var(--marge-base);
+ -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.13);
+ -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.13);
+ box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.13);
+}
+
+.button_base{
+ background-color: var(--bg-btn-base);
+ color: var(--bg-block);
+ text-transform: uppercase;
+ font-size: 1.4rem;
+ padding: 1.5rem 1.9rem 1.5rem 1.9rem;
+ margin-bottom: 1rem;
+ font-family: 'var(--typo-btn)';
+ border: none;
+ box-shadow: none;
+ border-radius: 20px;
+}
+
+/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
+XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
+XXXXXXXXXXXXXXXXXXX MENTOR DASHBOARD XXXXXXXXXXXXXXXXXXXXXXX
+XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
+
+[hidden] {
+ display: none !important;
+}
+
+/* Style tab links */
+.tablink {
+ background-color: #555;
+ color: white;
+ float: left;
+ border: none;
+ outline: none;
+ cursor: pointer;
+ font-size: 17px;
+ width: 33.33%;
+}
+
+.tablink:hover {
+ background-color: #777;
+}
+
+/* Style the tab content (and add height:100% for full page content) */
+.tabcontent {
+ display: none;
+ padding: 100px 20px;
+ margin-top: 75px;
+ background-color: #888;
+ height: 100%;
+}
+
+/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
+XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
+XXXXXXXXXXXXXXXXXXXXXXXX PAGE LOGO XXXXXXXXXXXXXXXXXXXXXXXXX
+XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
+
+.logo{
+ text-align: center;
+ margin: 10rem 0 var(--marge-base) 0;
+ width: 100%;
+}
+
+#splash>h2{
+ width: 50%;
+ max-width: 47rem;
+ margin: 0 25% var(--marge-base) 25%;
+ font-size: 2.2rem;
+ line-height: 1.4;
+ text-align: center;
+}
+
+#splash-index .block_log{
+ max-width: 30rem;
+ margin-bottom: var(--marge-base);
+}
+
+.img_log{
+ margin: 0 0 4rem 0;
+}
+
+/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
+XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
+XXXXXXXXXXXXXXXXXXXXXXXX MEDIA QUERIES XXXXXXXXXXXXXXXXXXXXX
+XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
+
+@media screen and (max-width: 750px) {
+ .block_log {
+ padding:var(--marge-base-750);
+ }
}
\ No newline at end of file