meetup + faq + pages forms

This commit is contained in:
Valentin 2024-03-29 21:29:59 +01:00
parent 9e171e69a6
commit 746c347042
36 changed files with 3819 additions and 1227 deletions

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@ -52,6 +52,8 @@ function erabletheme_theme_suggestions_views_view_alter(array &$suggestions, arr
$suggestions[] = 'views_view__content_gouvernance'; $suggestions[] = 'views_view__content_gouvernance';
} elseif (isset($view) && $view === 'Partenaires') { } elseif (isset($view) && $view === 'Partenaires') {
$suggestions[] = 'views_view__content_partenaires'; $suggestions[] = 'views_view__content_partenaires';
} elseif (isset($view) && $view === 'Meetup en ligne') {
$suggestions[] = 'views_view__content_meetup';
} }
} }
} }
@ -70,6 +72,12 @@ function erabletheme_theme_suggestions_node_alter(array &$suggestions, array $va
} }
} }
}
function erabletheme_theme_suggestions_region_alter(array &$suggestions, array $variables) {
if (isset($variables['elements']['erabletheme_contenudelapageprincipale']) && $variables['elements']['erabletheme_contenudelapageprincipale']['content']['#title'] == "Meet-up en ligne") {
$suggestions[] = 'region__offre_meetup';
} elseif (isset($variables['elements']['erabletheme_contenudelapageprincipale']) && $variables['elements']['erabletheme_contenudelapageprincipale']['content']['#title'] == "Foire aux Questions") {
$suggestions[] = 'region__faq';
}
} }

View File

@ -92,6 +92,8 @@
let fluoButtons; let fluoButtons;
if (document.querySelector('.actu_full')) { if (document.querySelector('.actu_full')) {
fluoButtons = document.querySelectorAll('.liens_fixed > div > div:nth-of-type(2):not(.visually-hidden), .file_fixed > div > .visually-hidden + div > div'); fluoButtons = document.querySelectorAll('.liens_fixed > div > div:nth-of-type(2):not(.visually-hidden), .file_fixed > div > .visually-hidden + div > div');
} else if (document.querySelector('.offre-content')) {
fluoButtons = document.querySelectorAll('.liens_fixed > div, .file_fixed > div');
} else { } else {
fluoButtons = document.querySelectorAll('.liens_fixed > div > div:not(.visually-hidden), .file_fixed > div > div'); fluoButtons = document.querySelectorAll('.liens_fixed > div > div:not(.visually-hidden), .file_fixed > div > div');
} }
@ -152,7 +154,6 @@
let imgs = document.querySelectorAll('.fullpage img'); let imgs = document.querySelectorAll('.fullpage img');
for (let img of imgs) { for (let img of imgs) {
if (img.height > img.width) { if (img.height > img.width) {
console.log('ouiiii');
img.parentElement.style.padding = '0 12vw'; img.parentElement.style.padding = '0 12vw';
} }
} }

View File

@ -0,0 +1,56 @@
#block-erabletheme-unequestion {
position: relative;
display: grid;
grid-template-columns: 0.5fr 1fr;
grid-template-rows: repeat(2, 1fr);
align-items: center;
width: 50vw;
margin-left: 1.5vw;
@include main_text_content();
background-color: $teal;
color: white;
font-weight: 800;
padding-bottom: 2rem;
padding-top: 1.5rem;
padding-right: 0.5rem;
@media (min-width: $breakpoint_tablet) {
position: absolute;
width: 40vw;
left: 1.5vw;
bottom: -25vh;
}
@media (min-width: $breakpoint_desktop) {
left: unset;
right: 1.5vw;
width: 22vw;
bottom: unset;
top: 24vh;
padding-right: 1rem;
}
> h2 {
grid-column: 2;
}
> div {
grid-column: 2;
a {
color: white;
text-decoration: underline;
}
}
}
#block-erabletheme-unequestion::before {
content: "?";
grid-column: 1;
grid-row: 1/3;
justify-self: center;
align-self: center;
border: solid 1px white;
width: 3rem;
height: 3rem;
border-radius: 1.5rem;
font-size: 1.6rem;
display: flex;
justify-content: center;
align-items: center;
margin-right: 0.5rem;
}

View File

@ -0,0 +1,107 @@
.faq-fullpage {
@include main_text_content();
padding: 0 $x_margin;
.faq-description {
margin-bottom: 5vh;
}
.faq-question {
padding: 0;
margin-top: 1rem;
border-top: solid 1px $dark_green;
padding-top: 1rem;
padding-bottom: 0.5rem;
> span > a {
color: $teal;
font-weight: 800;
display: flex;
align-items: center;
}
> span > a::after {
content: "";
}
}
.faq-qa-visible {
> span > a::after {
content: "";
}
}
.faq-answer {
a[href="#top"] {
display: block;
padding-top: 1rem;
padding-bottom: 0.5rem;
margin-left: -40px;
color: $teal;
}
}
.faq-question-answer:last-of-type {
border-bottom: solid 1px $dark_green;
padding-bottom: 0.5rem;
}
.ornements_top_over {
top: -15vh;
}
.ornements_bottom_over {
bottom: -30vh !important;
}
}
#block-erabletheme-votrequestionnexistepas {
position: relative;
display: grid;
grid-template-columns: 0.5fr 1fr;
grid-template-rows: repeat(2, 1fr);
align-items: center;
width: 50vw;
margin-left: 1.5vw;
@include main_text_content();
background-color: $teal;
color: white;
font-weight: 800;
padding-bottom: 2rem;
padding-top: 1.5rem;
padding-right: 0.5rem;
@media (min-width: $breakpoint_tablet) {
grid-template-columns: 0.3fr 1fr;
position: absolute;
width: 40vw;
left: 1.5vw;
bottom: -25vh;
}
@media (min-width: $breakpoint_desktop) {
left: unset;
right: 1.5vw;
width: 22vw;
bottom: unset;
top: 24vh;
padding-right: 1rem;
}
> h2 {
grid-column: 2;
}
> div {
grid-column: 2;
a {
color: white;
text-decoration: underline;
}
}
}
#block-erabletheme-votrequestionnexistepas::before {
content: "?";
grid-column: 1;
grid-row: 1/3;
justify-self: center;
align-self: center;
border: solid 1px white;
width: 3rem;
height: 3rem;
border-radius: 1.5rem;
font-size: 1.6rem;
display: flex;
justify-content: center;
align-items: center;
margin-right: 0.5rem;
}

View File

@ -94,7 +94,7 @@
margin-bottom: 8vh; margin-bottom: 8vh;
} }
@media (min-width: $breakpoint_tablet) { @media (min-width: $breakpoint_tablet) {
margin-top: 12vh; margin-top: 2vh;
padding-top: 0; padding-top: 0;
width: 75vw; width: 75vw;
margin-left: 12.5vw; margin-left: 12.5vw;

View File

@ -0,0 +1,319 @@
.fullpage.meetup {
@media (min-width: $breakpoint_tablet) {
width: auto;
margin-left: $x_margin;
margin-right: $x_margin;
}
> h2 {
border-bottom: solid 1px $teal;
padding: 0;
padding-bottom: 4vh;
margin-left: $x_margin;
margin-right: $x_margin;
margin-bottom: 4vh;
height: auto;
@media (min-width: $breakpoint_desktop) {
width: calc(75% - $x_margin * 2);
}
}
> header {
@include main_text_content();
> div:first-of-type {
margin-left: $x_margin;
margin-right: $x_margin;
@media (min-width: $breakpoint_tablet) {
width: calc(75% - $x_margin * 2);
}
}
> div:last-of-type {
background-color: $teal;
width: 40%;
height: 16vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
margin-top: 4vh;
margin-left: calc(60% - $x_margin);
@media (min-width: $breakpoint_desktop) {
position: absolute;
top: 3vh;
right: 4vh;
width: 20%;
}
> div {
padding-bottom: 1rem;
> a {
font-weight: 800;
color: white;
text-decoration: underline;
}
> a::after {
content: "\2003 →";
}
}
}
> div:last-of-type::before {
content: "+";
color: white;
border: solid 1px white;
width: 3rem;
height: 3rem;
border-radius: 1.5rem;
font-size: 1.6rem;
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 10px;
margin-top: 1rem;
}
}
> .meetup_list {
display: grid;
margin: 3vh $x_margin;
margin-top: 8vh;
grid-template-columns: 1fr;
gap: 2rem;
@media (min-width: $breakpoint_tablet) {
grid-template-columns: repeat(2, 1fr);
}
@media (min-width: $breakpoint_desktop) {
grid-template-columns: repeat(3, 1fr);
}
> .views-row{
margin-bottom: 2vh;
> article {
padding: unset !important;
padding-top: 0.5rem !important;
padding-bottom: 1rem !important;
padding-right: 0.5rem !important;
display: grid;
grid-template-columns: 0.5fr 1fr;
grid-template-rows: repeat(6, auto);
background-color: white;
> p, > a, > div, > a > h2 {
@include main_text_content();
padding: 0.2rem 0;
}
> img {
grid-column: 1;
grid-row: 1/7;
width: 10rem;
height: 10rem;
border-radius: 5rem;
align-self: center;
justify-self: center;
padding: 1rem;
margin-right: 1rem;
}
> p.occupation {
grid-column: 2;
grid-row: 1/2;
> a {
color: $teal;
text-transform: uppercase;
font-weight: 800;
}
}
> a.author {
grid-column: 2;
grid-row: 2/3;
color: black;
text-transform: uppercase;
font-weight: 800;
}
> a.offre-title {
grid-column: 2;
grid-row: 3/4;
> h2 {
margin: unset;
padding: unset;
font-weight: 800;
}
}
> p.address {
grid-column: 2;
grid-row: 4/5;
margin-bottom: 1.5rem;
.country {
display: none;
}
}
> div.date-offre {
grid-column: 2;
grid-row: 6/7;
> a {
color: black;
}
}
> .legende {
display: none !important;
}
}
}
}
.ornements_top_over {
top: -15vh;
}
.ornements_bottom_over {
right: 11vw;
}
}
.fullpage.meetup-offre {
@include main_text_content();
> .retour-meetup {
padding-top: 3vh;
padding-left: $x_margin;
a {
font-size: $sm_font_size;
font-weight: 800;
color: $teal;
}
}
> h2 {
@include main_title();
margin-bottom: 3vh;
width: auto;
}
> .offre-content {
> div {
border-top: solid 1px $teal;
padding-top: 4vh;
margin-left: $x_margin;
margin-right: $x_margin;
width: calc(100% - $x_margin * 2);
> div > div > div {
display: grid;
grid-template-columns: 0.3fr 1fr 1fr;
grid-template-rows: repeat(8, auto);
.views-row {
margin-bottom: unset;
}
> div:first-of-type {
padding: unset !important;
grid-column: 1/2;
grid-row: 1/6;
justify-self: center;
align-self: center;
> img {
width: 15rem;
height: 15rem;
border-radius: 7.5rem;
padding: 1rem;
margin-right: 2rem;
}
}
> .offre-structure {
> h2 {
display: none;
}
grid-column: 2/4;
grid-row: 1/2;
text-transform: uppercase;
color: $teal;
font-weight: 800;
}
> .offre-localisation {
> h2 {
display: none;
}
.country {
display: none;
}
grid-column: 2/4;
grid-row: 3/4;
font-weight: 800;
color: $teal;
}
> .offre-title {
grid-column: 2/4;
grid-row: 4/5;
font-size: $xl_font_size;
font-weight: 800;
margin-bottom: 2rem;
}
> .offre-nom {
grid-column: 2/4;
grid-row: 2/3;
text-transform: uppercase;
}
> .offre-contact {
grid-column: 2/4;
grid-row: 5/6;
@media (min-width: $breakpoint_desktop) {
grid-column: 2/3;
grid-row: 5/7;
}
span > a {
display: block;
margin-right: 2rem;
background-color: $teal;
line-height: 1.1;
padding: 0.7rem 1rem;
color: white;
font-weight: 800;
font-size: $sm_font_size;
}
}
> .offre-time {
> h2, > div {
display: inline-block;
}
align-self: center;
grid-column: 2/4;
grid-row: 6/7;
font-size: $sm_font_size;
margin-top: 1rem;
margin-bottom: 0.5rem;
@media (min-width: $breakpoint_desktop) {
margin-top: 0;
grid-column: 3/4;
grid-row: 5/7;
}
}
> .offre-description {
grid-column: 1/4;
grid-row: 7/8;
border-top: solid 1px $teal;
margin-top: 2vh;
padding-top: 6vh;
margin-bottom: 4vh;
}
> .file_fixed, > .liens_fixed {
grid-row: 8/9;
> h2 {
display: none;
}
> div {
padding: 0 calc($x_margin / 2);
text-align: right;
margin: 2rem 0;
@include fluo_button();
a {
display: inline-block;
}
@media (min-width: $breakpoint_desktop) {
margin-bottom: 0 !important;
margin: 0;
position: fixed;
left: 75vw;
bottom: 10vh;
> div {
height: 3vh;
}
a {
max-width: calc(25vw - $x_margin * 2);
}
}
}
}
> .file_fixed span:last-of-type {
display: none;
}
}
}
}
}

View File

@ -1,8 +1,8 @@
main[role="main"] { main[role="main"] {
margin-top: 12vh; margin-top: 10vh;
@media (min-width: $breakpoint_desktop) { @media (min-width: $breakpoint_desktop) {
margin-top: 22vh; margin-top: calc(10vh + 3rem);
} }
} }
@ -12,4 +12,8 @@ strong {
em { em {
font-style: italic; font-style: italic;
}
#block-erabletheme-titredepage {
display: none;
} }

View File

@ -5,4 +5,8 @@ $dark_green: #314e41;
@mixin beige_gradient() { @mixin beige_gradient() {
background: linear-gradient(to bottom, $beige 80%, white 100%); background: linear-gradient(to bottom, $beige 80%, white 100%);
}
@mixin white_beige_gradient() {
background: linear-gradient(to bottom, white 0%, $beige 10%, $beige 80%, white 100%);
} }

View File

@ -0,0 +1,72 @@
main.main-login, main.main-user, main.main-register, main.main-contact, main.main-ask {
min-height: 50vh;
.login, .user, .register, .contact, .ask {
padding-top: 5vh;
width: 100vw;
@include white_beige_gradient();
> h2 {
@include sous_titre_alt();
text-align: center;
}
h1 {
@include sous_titre_alt();
text-align: center;
margin-top: 3rem;
margin-bottom: 2rem;
}
> div {
height: 100%;
> div:not(.hidden) {
margin-top: 5vh !important;
display: flex;
align-items: center;
justify-content: center;
form {
width: 95%;
@media screen and (min-width: $breakpoint_desktop) {
padding: 0 20vw;
}
font-family: 'Marianne', sans-serif;
.form-item {
margin: 1.8rem 0;
.form-checkbox {
width: 1rem;
height: 1rem;
-webkit-appearance: auto;
}
.form-required {
font-weight: 800;
padding-right: 1rem;
}
.description {
margin-top: 0.3rem;
}
}
input, textarea {
margin-top: 0.5rem;
border: solid 1px $teal;
}
.button {
font-family: 'Marianne', sans-serif;
font-weight: 800;
border: solid 1px $teal;
background-color: white;
cursor: pointer;
}
.button:hover {
background-color: rgba(255, 255, 255, 0.6);
}
}
}
}
}
}
.user {
.contextual-region > div {
display: flex;
font-family: 'Marianne', sans-serif;
> h4 {
padding-right: 0.5rem;
}
}
}

View File

@ -23,7 +23,6 @@ body.toolbar-fixed header[role="banner"] {
box-shadow: none; box-shadow: none;
} }
> div { > div {
height: 10vh;
display: grid; display: grid;
grid-template-columns: repeat(16, 1fr); grid-template-columns: repeat(16, 1fr);
> div{ > div{
@ -151,6 +150,9 @@ body.toolbar-fixed header[role="banner"] {
padding: 0; padding: 0;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
@media screen and (min-width: $breakpoint_desktop) {
padding-top: 3rem;
}
> li { > li {
width: 100%; width: 100%;
display: flex; display: flex;
@ -224,45 +226,51 @@ body.toolbar-fixed header[role="banner"] {
} }
ul.active { ul.active {
padding: 30px 0; padding: 30px 0;
padding-top: 3rem;
max-height: 100vh; max-height: 100vh;
} }
} }
#block-erabletheme-navigationprincipale { #block-erabletheme-navigationprincipale {
display: none; margin-top: 0 !important;
grid-column: 1 / 17; }
grid-row: 2; }
background-color: white; }
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2); #block-erabletheme-navigationprincipale {
@media (min-width: $breakpoint_desktop) { position: fixed;
display: block; width: 100%;
margin-top: 10vh;
display: none;
grid-column: 1 / 17;
grid-row: 2;
background-color: white;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
@media (min-width: $breakpoint_desktop) {
display: block;
}
ul {
width: 100%;
display: flex;
padding: 1rem 10vw;
justify-content: space-around;
border-top: solid 1px $dark_green;
li {
font-family: 'Marianne', sans-serif;
font-size: $m_font_size;
a {
font-weight: 800;
padding: 4px 6px;
color: black;
background-color: rgba(255, 255, 255, 0);
transition: background-color 0.3s ease;
} }
ul { a:hover {
width: 100%; background-color: $fluo_green;
display: flex; }
padding: 1rem 10vw; a.is-active {
justify-content: space-around; background-color: $fluo_green;
border-top: solid 1px $dark_green;
li {
font-family: 'Marianne', sans-serif;
font-size: $m_font_size;
a {
font-weight: 800;
padding: 4px 6px;
color: black;
background-color: rgba(255, 255, 255, 0);
transition: background-color 0.3s ease;
}
a:hover {
background-color: $fluo_green;
}
a.is-active {
background-color: $fluo_green;
}
}
} }
} }
} }
} }
} }

View File

@ -1,61 +0,0 @@
.login, .user {
width: 100vw;
height: 50vh;
@include beige_gradient();
padding-top: 15vh;
> h2 {
@include sous_titre_alt();
text-align: center;
}
> div {
height: 100%;
> div:not(.hidden) {
// height: 100%;
margin-top: 5vh !important;
display: flex;
align-items: center;
justify-content: center;
form {
font-family: 'Marianne', sans-serif;
.form-item {
margin: 1.8rem 0;
.form-checkbox {
width: 1rem;
height: 1rem;
-webkit-appearance: auto;
}
.form-required {
font-weight: 800;
padding-right: 1rem;
}
.description {
margin-top: 0.3rem;
}
}
input {
border: solid 1px $teal;
}
.button {
font-family: 'Marianne', sans-serif;
font-weight: 800;
border: solid 1px $teal;
background-color: white;
cursor: pointer;
}
.button:hover {
background-color: rgba(255, 255, 255, 0.6);
}
}
}
}
}
.user {
.contextual-region > div {
display: flex;
font-family: 'Marianne', sans-serif;
> h4 {
padding-right: 0.5rem;
}
}
}

View File

@ -13,11 +13,14 @@
@import "partials/_articles"; @import "partials/_articles";
@import "partials/_articles_teaser"; @import "partials/_articles_teaser";
@import "partials/_ornements.scss"; @import "partials/_ornements.scss";
@import "partials/_login.scss"; @import "partials/_forms.scss";
/* PAGES */ /* PAGES */
@import "_home.scss"; @import "_home.scss";
@import "_fullpage.scss"; @import "_fullpage.scss";
@import "_gouvernance.scss"; @import "_gouvernance.scss";
@import "_partenaires.scss"; @import "_partenaires.scss";
@import "_consultation.scss";
@import "_meetup.scss";
@import "_faq.scss";

View File

@ -0,0 +1,40 @@
{#
/**
* @file
* Default theme implementation to display a block.
*
* Available variables:
* - plugin_id: The ID of the block implementation.
* - label: The configured label of the block if visible.
* - configuration: A list of the block's configuration values.
* - label: The configured label for the block.
* - label_display: The display settings for the label.
* - provider: The module or other provider that provided this block plugin.
* - Block plugin specific settings will also be stored here.
* - in_preview: Whether the plugin is being rendered in preview mode.
* - content: The content of this block.
* - attributes: array of HTML attributes populated by modules, intended to
* be added to the main container tag of this template.
* - id: A valid HTML ID and guaranteed unique.
* - title_attributes: Same as attributes, except applied to the main title
* tag that appears in the template.
* - title_prefix: Additional output populated by modules, intended to be
* displayed in front of the main title tag that appears in the template.
* - title_suffix: Additional output populated by modules, intended to be
* displayed after the main title tag that appears in the template.
*
* @see template_preprocess_block()
*
* @ingroup themeable
*/
#}
<div{{ attributes }} class="offre-description">
{{ title_prefix }}
{% if label %}
<h2{{ title_attributes }}>{{ label }}</h2>
{% endif %}
{{ title_suffix }}
{% block content %}
{{ content }}
{% endblock %}
</div>

View File

@ -0,0 +1,40 @@
{#
/**
* @file
* Default theme implementation to display a block.
*
* Available variables:
* - plugin_id: The ID of the block implementation.
* - label: The configured label of the block if visible.
* - configuration: A list of the block's configuration values.
* - label: The configured label for the block.
* - label_display: The display settings for the label.
* - provider: The module or other provider that provided this block plugin.
* - Block plugin specific settings will also be stored here.
* - in_preview: Whether the plugin is being rendered in preview mode.
* - content: The content of this block.
* - attributes: array of HTML attributes populated by modules, intended to
* be added to the main container tag of this template.
* - id: A valid HTML ID and guaranteed unique.
* - title_attributes: Same as attributes, except applied to the main title
* tag that appears in the template.
* - title_prefix: Additional output populated by modules, intended to be
* displayed in front of the main title tag that appears in the template.
* - title_suffix: Additional output populated by modules, intended to be
* displayed after the main title tag that appears in the template.
*
* @see template_preprocess_block()
*
* @ingroup themeable
*/
#}
<div{{ attributes }} class="file_fixed">
{{ title_prefix }}
{% if label %}
<h2{{ title_attributes }}>{{ label }}</h2>
{% endif %}
{{ title_suffix }}
{% block content %}
{{ content }}
{% endblock %}
</div>

View File

@ -0,0 +1,40 @@
{#
/**
* @file
* Default theme implementation to display a block.
*
* Available variables:
* - plugin_id: The ID of the block implementation.
* - label: The configured label of the block if visible.
* - configuration: A list of the block's configuration values.
* - label: The configured label for the block.
* - label_display: The display settings for the label.
* - provider: The module or other provider that provided this block plugin.
* - Block plugin specific settings will also be stored here.
* - in_preview: Whether the plugin is being rendered in preview mode.
* - content: The content of this block.
* - attributes: array of HTML attributes populated by modules, intended to
* be added to the main container tag of this template.
* - id: A valid HTML ID and guaranteed unique.
* - title_attributes: Same as attributes, except applied to the main title
* tag that appears in the template.
* - title_prefix: Additional output populated by modules, intended to be
* displayed in front of the main title tag that appears in the template.
* - title_suffix: Additional output populated by modules, intended to be
* displayed after the main title tag that appears in the template.
*
* @see template_preprocess_block()
*
* @ingroup themeable
*/
#}
<div{{ attributes }} class="liens_fixed">
{{ title_prefix }}
{% if label %}
<h2{{ title_attributes }}>{{ label }}</h2>
{% endif %}
{{ title_suffix }}
{% block content %}
{{ content }}
{% endblock %}
</div>

View File

@ -0,0 +1,40 @@
{#
/**
* @file
* Default theme implementation to display a block.
*
* Available variables:
* - plugin_id: The ID of the block implementation.
* - label: The configured label of the block if visible.
* - configuration: A list of the block's configuration values.
* - label: The configured label for the block.
* - label_display: The display settings for the label.
* - provider: The module or other provider that provided this block plugin.
* - Block plugin specific settings will also be stored here.
* - in_preview: Whether the plugin is being rendered in preview mode.
* - content: The content of this block.
* - attributes: array of HTML attributes populated by modules, intended to
* be added to the main container tag of this template.
* - id: A valid HTML ID and guaranteed unique.
* - title_attributes: Same as attributes, except applied to the main title
* tag that appears in the template.
* - title_prefix: Additional output populated by modules, intended to be
* displayed in front of the main title tag that appears in the template.
* - title_suffix: Additional output populated by modules, intended to be
* displayed after the main title tag that appears in the template.
*
* @see template_preprocess_block()
*
* @ingroup themeable
*/
#}
<div{{ attributes }} class="offre-localisation">
{{ title_prefix }}
{% if label %}
<h2{{ title_attributes }}>{{ label }}</h2>
{% endif %}
{{ title_suffix }}
{% block content %}
{{ content }}
{% endblock %}
</div>

View File

@ -0,0 +1,40 @@
{#
/**
* @file
* Default theme implementation to display a block.
*
* Available variables:
* - plugin_id: The ID of the block implementation.
* - label: The configured label of the block if visible.
* - configuration: A list of the block's configuration values.
* - label: The configured label for the block.
* - label_display: The display settings for the label.
* - provider: The module or other provider that provided this block plugin.
* - Block plugin specific settings will also be stored here.
* - in_preview: Whether the plugin is being rendered in preview mode.
* - content: The content of this block.
* - attributes: array of HTML attributes populated by modules, intended to
* be added to the main container tag of this template.
* - id: A valid HTML ID and guaranteed unique.
* - title_attributes: Same as attributes, except applied to the main title
* tag that appears in the template.
* - title_prefix: Additional output populated by modules, intended to be
* displayed in front of the main title tag that appears in the template.
* - title_suffix: Additional output populated by modules, intended to be
* displayed after the main title tag that appears in the template.
*
* @see template_preprocess_block()
*
* @ingroup themeable
*/
#}
<div{{ attributes }} class="offre-structure">
{{ title_prefix }}
{% if label %}
<h2{{ title_attributes }}>{{ label }}</h2>
{% endif %}
{{ title_suffix }}
{% block content %}
{{ content }}
{% endblock %}
</div>

View File

@ -0,0 +1,40 @@
{#
/**
* @file
* Default theme implementation to display a block.
*
* Available variables:
* - plugin_id: The ID of the block implementation.
* - label: The configured label of the block if visible.
* - configuration: A list of the block's configuration values.
* - label: The configured label for the block.
* - label_display: The display settings for the label.
* - provider: The module or other provider that provided this block plugin.
* - Block plugin specific settings will also be stored here.
* - in_preview: Whether the plugin is being rendered in preview mode.
* - content: The content of this block.
* - attributes: array of HTML attributes populated by modules, intended to
* be added to the main container tag of this template.
* - id: A valid HTML ID and guaranteed unique.
* - title_attributes: Same as attributes, except applied to the main title
* tag that appears in the template.
* - title_prefix: Additional output populated by modules, intended to be
* displayed in front of the main title tag that appears in the template.
* - title_suffix: Additional output populated by modules, intended to be
* displayed after the main title tag that appears in the template.
*
* @see template_preprocess_block()
*
* @ingroup themeable
*/
#}
<div{{ attributes }} class="offre-time">
{{ title_prefix }}
{% if label %}
<h2{{ title_attributes }}>{{ label }}</h2>
{% endif %}
{{ title_suffix }}
{% block content %}
{{ content }}
{% endblock %}
</div>

View File

@ -0,0 +1,40 @@
{#
/**
* @file
* Default theme implementation to display a block.
*
* Available variables:
* - plugin_id: The ID of the block implementation.
* - label: The configured label of the block if visible.
* - configuration: A list of the block's configuration values.
* - label: The configured label for the block.
* - label_display: The display settings for the label.
* - provider: The module or other provider that provided this block plugin.
* - Block plugin specific settings will also be stored here.
* - in_preview: Whether the plugin is being rendered in preview mode.
* - content: The content of this block.
* - attributes: array of HTML attributes populated by modules, intended to
* be added to the main container tag of this template.
* - id: A valid HTML ID and guaranteed unique.
* - title_attributes: Same as attributes, except applied to the main title
* tag that appears in the template.
* - title_prefix: Additional output populated by modules, intended to be
* displayed in front of the main title tag that appears in the template.
* - title_suffix: Additional output populated by modules, intended to be
* displayed after the main title tag that appears in the template.
*
* @see template_preprocess_block()
*
* @ingroup themeable
*/
#}
<div{{ attributes }} class="offre-title">
{{ title_prefix }}
{% if label %}
<h2{{ title_attributes }}>{{ label }}</h2>
{% endif %}
{{ title_suffix }}
{% block content %}
{{ content }}
{% endblock %}
</div>

View File

@ -0,0 +1,40 @@
{#
/**
* @file
* Default theme implementation to display a block.
*
* Available variables:
* - plugin_id: The ID of the block implementation.
* - label: The configured label of the block if visible.
* - configuration: A list of the block's configuration values.
* - label: The configured label for the block.
* - label_display: The display settings for the label.
* - provider: The module or other provider that provided this block plugin.
* - Block plugin specific settings will also be stored here.
* - in_preview: Whether the plugin is being rendered in preview mode.
* - content: The content of this block.
* - attributes: array of HTML attributes populated by modules, intended to
* be added to the main container tag of this template.
* - id: A valid HTML ID and guaranteed unique.
* - title_attributes: Same as attributes, except applied to the main title
* tag that appears in the template.
* - title_prefix: Additional output populated by modules, intended to be
* displayed in front of the main title tag that appears in the template.
* - title_suffix: Additional output populated by modules, intended to be
* displayed after the main title tag that appears in the template.
*
* @see template_preprocess_block()
*
* @ingroup themeable
*/
#}
<div class="offre-nom">
{{ title_prefix }}
{% if label %}
<h2{{ title_attributes }}>{{ label }}</h2>
{% endif %}
{{ title_suffix }}
{% block content %}
{{ content }}
{% endblock %}
</div>

View File

@ -0,0 +1,40 @@
{#
/**
* @file
* Default theme implementation to display a block.
*
* Available variables:
* - plugin_id: The ID of the block implementation.
* - label: The configured label of the block if visible.
* - configuration: A list of the block's configuration values.
* - label: The configured label for the block.
* - label_display: The display settings for the label.
* - provider: The module or other provider that provided this block plugin.
* - Block plugin specific settings will also be stored here.
* - in_preview: Whether the plugin is being rendered in preview mode.
* - content: The content of this block.
* - attributes: array of HTML attributes populated by modules, intended to
* be added to the main container tag of this template.
* - id: A valid HTML ID and guaranteed unique.
* - title_attributes: Same as attributes, except applied to the main title
* tag that appears in the template.
* - title_prefix: Additional output populated by modules, intended to be
* displayed in front of the main title tag that appears in the template.
* - title_suffix: Additional output populated by modules, intended to be
* displayed after the main title tag that appears in the template.
*
* @see template_preprocess_block()
*
* @ingroup themeable
*/
#}
<div class="offre-contact">
{{ title_prefix }}
{% if label %}
<h2{{ title_attributes }}>{{ label }}</h2>
{% endif %}
{{ title_suffix }}
{% block content %}
{{ content }}
{% endblock %}
</div>

View File

@ -0,0 +1,43 @@
{#
/**
* @file
* Default theme implementation to display a region.
*
* Available variables:
* - content: The content for this region, typically blocks.
* - attributes: HTML attributes for the region <div>.
* - region: The name of the region variable as defined in the theme's
* .info.yml file.
*
* @see template_preprocess_region()
*
* @ingroup themeable
*/
#}
{% if content %}
<div class="ornements_top_under">
<div></div>
<div></div>
</div>
<div{{ attributes }} class="fullpage meetup-offre">
<div class="ornements_top_over">
<div></div>
<div></div>
<div></div>
</div>
<div class="ornements_bottom_over">
<div></div>
<div></div>
</div>
<div class="retour-meetup">
<a href="/meetup">← Retour à la liste des annonces</a>
</div>
<h2>{{ elements.erabletheme_contenudelapageprincipale.content['#title'] }}</h2>
<div class="offre-content">
{{ content }}
</div>
</div>
{% endif %}

View File

@ -0,0 +1,44 @@
{#
/**
* @file
* Default theme implementation for a field.
*
* To override output, copy the "field.html.twig" from the templates directory
* to your theme's directory and customize it, just like customizing other
* Drupal templates such as page.html.twig or node.html.twig.
*
* Instead of overriding the theming for all fields, you can also just override
* theming for a subset of fields using
* @link themeable Theme hook suggestions. @endlink For example,
* here are some theme hook suggestions that can be used for a field_foo field
* on an article node type:
* - field--node--field-foo--article.html.twig
* - field--node--field-foo.html.twig
* - field--node--article.html.twig
* - field--field-foo.html.twig
* - field--text-with-summary.html.twig
* - field.html.twig
*
* Available variables:
* - attributes: HTML attributes for the containing element.
* - label_hidden: Whether to show the field label or not.
* - title_attributes: HTML attributes for the title.
* - label: The label for the field.
* - multiple: TRUE if a field can contain multiple items.
* - items: List of all the field items. Each item contains:
* - attributes: List of HTML attributes for each item.
* - content: The field item's content.
* - entity_type: The entity type to which the field belongs.
* - field_name: The name of the field.
* - field_type: The type of the field.
* - label_display: The display settings for the label.
*
* @see template_preprocess_field()
*
* @ingroup themeable
*/
#}
{% for item in items %}
{{ item.content }}
{% endfor %}

View File

@ -0,0 +1,44 @@
{#
/**
* @file
* Default theme implementation for a field.
*
* To override output, copy the "field.html.twig" from the templates directory
* to your theme's directory and customize it, just like customizing other
* Drupal templates such as page.html.twig or node.html.twig.
*
* Instead of overriding the theming for all fields, you can also just override
* theming for a subset of fields using
* @link themeable Theme hook suggestions. @endlink For example,
* here are some theme hook suggestions that can be used for a field_foo field
* on an article node type:
* - field--node--field-foo--article.html.twig
* - field--node--field-foo.html.twig
* - field--node--article.html.twig
* - field--field-foo.html.twig
* - field--text-with-summary.html.twig
* - field.html.twig
*
* Available variables:
* - attributes: HTML attributes for the containing element.
* - label_hidden: Whether to show the field label or not.
* - title_attributes: HTML attributes for the title.
* - label: The label for the field.
* - multiple: TRUE if a field can contain multiple items.
* - items: List of all the field items. Each item contains:
* - attributes: List of HTML attributes for each item.
* - content: The field item's content.
* - entity_type: The entity type to which the field belongs.
* - field_name: The name of the field.
* - field_type: The type of the field.
* - label_display: The display settings for the label.
*
* @see template_preprocess_field()
*
* @ingroup themeable
*/
#}
{% for item in items %}
<p class="adresse">{{ item.content }}</p>
{% endfor %}

View File

@ -0,0 +1,44 @@
{#
/**
* @file
* Default theme implementation for a field.
*
* To override output, copy the "field.html.twig" from the templates directory
* to your theme's directory and customize it, just like customizing other
* Drupal templates such as page.html.twig or node.html.twig.
*
* Instead of overriding the theming for all fields, you can also just override
* theming for a subset of fields using
* @link themeable Theme hook suggestions. @endlink For example,
* here are some theme hook suggestions that can be used for a field_foo field
* on an article node type:
* - field--node--field-foo--article.html.twig
* - field--node--field-foo.html.twig
* - field--node--article.html.twig
* - field--field-foo.html.twig
* - field--text-with-summary.html.twig
* - field.html.twig
*
* Available variables:
* - attributes: HTML attributes for the containing element.
* - label_hidden: Whether to show the field label or not.
* - title_attributes: HTML attributes for the title.
* - label: The label for the field.
* - multiple: TRUE if a field can contain multiple items.
* - items: List of all the field items. Each item contains:
* - attributes: List of HTML attributes for each item.
* - content: The field item's content.
* - entity_type: The entity type to which the field belongs.
* - field_name: The name of the field.
* - field_type: The type of the field.
* - label_display: The display settings for the label.
*
* @see template_preprocess_field()
*
* @ingroup themeable
*/
#}
{% for item in items %}
<p class="occupation">{{ item.content }}</p>
{% endfor %}

View File

@ -0,0 +1,79 @@
{#
/**
* @file
* Default theme implementation to display a node.
*
* Available variables:
* - node: The node entity with limited access to object properties and methods.
* Only method names starting with "get", "has", or "is" and a few common
* methods such as "id", "label", and "bundle" are available. For example:
* - node.getCreatedTime() will return the node creation timestamp.
* - node.hasField('field_example') returns TRUE if the node bundle includes
* field_example. (This does not indicate the presence of a value in this
* field.)
* - node.isPublished() will return whether the node is published or not.
* Calling other methods, such as node.delete(), will result in an exception.
* See \Drupal\node\Entity\Node for a full list of public properties and
* methods for the node object.
* - label: (optional) The title of the node.
* - content: All node items. Use {{ content }} to print them all,
* or print a subset such as {{ content.field_example }}. Use
* {{ content|without('field_example') }} to temporarily suppress the printing
* of a given child element.
* - author_picture: The node author user entity, rendered using the "compact"
* view mode.
* - metadata: Metadata for this node.
* - date: (optional) Themed creation date field.
* - author_name: (optional) Themed author name field.
* - url: Direct URL of the current node.
* - display_submitted: Whether submission information should be displayed.
* - attributes: HTML attributes for the containing element.
* The attributes.class element may contain one or more of the following
* classes:
* - node: The current template type (also known as a "theming hook").
* - node--type-[type]: The current node type. For example, if the node is an
* "Article" it would result in "node--type-article". Note that the machine
* name will often be in a short form of the human readable label.
* - node--view-mode-[view_mode]: The View Mode of the node; for example, a
* teaser would result in: "node--view-mode-teaser", and
* full: "node--view-mode-full".
* The following are controlled through the node publishing options.
* - node--promoted: Appears on nodes promoted to the front page.
* - node--sticky: Appears on nodes ordered above other non-sticky nodes in
* teaser listings.
* - node--unpublished: Appears on unpublished nodes visible only to site
* admins.
* - title_attributes: Same as attributes, except applied to the main title
* tag that appears in the template.
* - content_attributes: Same as attributes, except applied to the main
* content tag that appears in the template.
* - author_attributes: Same as attributes, except applied to the author of
* the node tag that appears in the template.
* - title_prefix: Additional output populated by modules, intended to be
* displayed in front of the main title tag that appears in the template.
* - title_suffix: Additional output populated by modules, intended to be
* displayed after the main title tag that appears in the template.
* - view_mode: View mode; for example, "teaser" or "full".
* - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'.
* - page: Flag for the full page state. Will be true if view_mode is 'full'.
* - readmore: Flag for more state. Will be true if the teaser content of the
* node cannot hold the main body content.
* - logged_in: Flag for authenticated user status. Will be true when the
* current user is a logged-in member.
* - is_admin: Flag for admin user status. Will be true when the current user
* is an administrator.
*
* @see template_preprocess_node()
*
* @ingroup themeable
*/
#}
<article{{ attributes }}>
{{ content }}
<div class="date-offre">
<a href="{{ url }}"><p>Proposé le {{ date }}</p></a>
<p>→</p>
</div>
<a href="{{ url }}" class="author">{{ author_name }}</a>
<a href="{{ url }}" class="offre-title"><h2{{ title_attributes }}>{{ label }}</h2></a>
</article>

View File

@ -64,7 +64,7 @@
{{ page.help }} {{ page.help }}
<main role="main"> <main role="main" class="main-user">
<a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #} <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
<div class="layout-content user"> <div class="layout-content user">

View File

@ -0,0 +1,102 @@
{#
/**
* @file
* Default theme implementation to display a single page.
*
* The doctype, html, head and body tags are not in this template. Instead they
* can be found in the html.html.twig template in this directory.
*
* Available variables:
*
* General utility variables:
* - base_path: The base URL path of the Drupal installation. Will usually be
* "/" unless you have installed Drupal in a sub-directory.
* - is_front: A flag indicating if the current page is the front page.
* - logged_in: A flag indicating if the user is registered and signed in.
* - is_admin: A flag indicating if the user has permission to access
* administration pages.
*
* Site identity:
* - front_page: The URL of the front page. Use this instead of base_path when
* linking to the front page. This includes the language domain or prefix.
*
* Page content (in order of occurrence in the default page.html.twig):
* - messages: Status and error messages. Should be displayed prominently.
* - node: Fully loaded node, if there is an automatically-loaded node
* associated with the page and the node ID is the second argument in the
* page's path (e.g. node/12345 and node/12345/revisions, but not
* comment/reply/12345).
*
* Regions:
* - page.header: Items for the header region.
* - page.primary_menu: Items for the primary menu region.
* - page.secondary_menu: Items for the secondary menu region.
* - page.highlighted: Items for the highlighted content region.
* - page.help: Dynamic help text, mostly for admin pages.
* - page.content: The main content of the current page.
* - page.sidebar_first: Items for the first sidebar.
* - page.sidebar_second: Items for the second sidebar.
* - page.footer_top: Items for the footer region.
* - page.footer_left: Items for the footer region.
* - page.footer_center: Items for the footer region.
* - page.footer_right: Items for the footer region.
* - page.footer_bottom: Items for the footer region.
* - page.breadcrumb: Items for the breadcrumb region.
*
* @see template_preprocess_page()
* @see html.html.twig
*
* @ingroup themeable
*/
#}
<div class="layout-container">
<header role="banner">
{{ page.header }}
</header>
{{ page.primary_menu }}
{{ page.secondary_menu }}
{{ page.breadcrumb }}
{{ page.highlighted }}
{{ page.help }}
<main role="main" class="main-contact">
<a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
<div class="layout-content contact">
<h1>Contact</h1>
{{ page.content }}
</div>{# /.layout-content #}
{% if page.sidebar_first %}
<aside class="layout-sidebar-first" role="complementary">
{{ page.sidebar_first }}
</aside>
{% endif %}
{% if page.sidebar_second %}
<aside class="layout-sidebar-second" role="complementary">
{{ page.sidebar_second }}
</aside>
{% endif %}
</main>
<footer role="contentinfo">
<section id="footer_top">{{ page.footer_top }}</section>
<section id="footer_middle">
<section id="footer_left">{{ page.footer_left }}</section>
<div id="footer_section">
<section id="footer_center">{{ page.footer_center }}</section>
<section id="footer_right">{{ page.footer_right }}</section>
</div>
</section>
<section id="footer_bottom">{{ page.bottom }}</section>
</footer>
</div>{# /.layout-container #}

View File

@ -0,0 +1,101 @@
{#
/**
* @file
* Default theme implementation to display a single page.
*
* The doctype, html, head and body tags are not in this template. Instead they
* can be found in the html.html.twig template in this directory.
*
* Available variables:
*
* General utility variables:
* - base_path: The base URL path of the Drupal installation. Will usually be
* "/" unless you have installed Drupal in a sub-directory.
* - is_front: A flag indicating if the current page is the front page.
* - logged_in: A flag indicating if the user is registered and signed in.
* - is_admin: A flag indicating if the user has permission to access
* administration pages.
*
* Site identity:
* - front_page: The URL of the front page. Use this instead of base_path when
* linking to the front page. This includes the language domain or prefix.
*
* Page content (in order of occurrence in the default page.html.twig):
* - messages: Status and error messages. Should be displayed prominently.
* - node: Fully loaded node, if there is an automatically-loaded node
* associated with the page and the node ID is the second argument in the
* page's path (e.g. node/12345 and node/12345/revisions, but not
* comment/reply/12345).
*
* Regions:
* - page.header: Items for the header region.
* - page.primary_menu: Items for the primary menu region.
* - page.secondary_menu: Items for the secondary menu region.
* - page.highlighted: Items for the highlighted content region.
* - page.help: Dynamic help text, mostly for admin pages.
* - page.content: The main content of the current page.
* - page.sidebar_first: Items for the first sidebar.
* - page.sidebar_second: Items for the second sidebar.
* - page.footer_top: Items for the footer region.
* - page.footer_left: Items for the footer region.
* - page.footer_center: Items for the footer region.
* - page.footer_right: Items for the footer region.
* - page.footer_bottom: Items for the footer region.
* - page.breadcrumb: Items for the breadcrumb region.
*
* @see template_preprocess_page()
* @see html.html.twig
*
* @ingroup themeable
*/
#}
<div class="layout-container">
<header role="banner">
{{ page.header }}
</header>
{{ page.primary_menu }}
{{ page.secondary_menu }}
{{ page.breadcrumb }}
{{ page.highlighted }}
{{ page.help }}
<main role="main" class="main-register">
<a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
<div class="layout-content register">
{{ page.content }}
</div>{# /.layout-content #}
{% if page.sidebar_first %}
<aside class="layout-sidebar-first" role="complementary">
{{ page.sidebar_first }}
</aside>
{% endif %}
{% if page.sidebar_second %}
<aside class="layout-sidebar-second" role="complementary">
{{ page.sidebar_second }}
</aside>
{% endif %}
</main>
<footer role="contentinfo">
<section id="footer_top">{{ page.footer_top }}</section>
<section id="footer_middle">
<section id="footer_left">{{ page.footer_left }}</section>
<div id="footer_section">
<section id="footer_center">{{ page.footer_center }}</section>
<section id="footer_right">{{ page.footer_right }}</section>
</div>
</section>
<section id="footer_bottom">{{ page.bottom }}</section>
</footer>
</div>{# /.layout-container #}

View File

@ -64,7 +64,7 @@
{{ page.help }} {{ page.help }}
<main role="main"> <main role="main" class="main-login">
<a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #} <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
<div class="layout-content login"> <div class="layout-content login">

View File

@ -0,0 +1,103 @@
{#
/**
* @file
* Default theme implementation to display a single page.
*
* The doctype, html, head and body tags are not in this template. Instead they
* can be found in the html.html.twig template in this directory.
*
* Available variables:
*
* General utility variables:
* - base_path: The base URL path of the Drupal installation. Will usually be
* "/" unless you have installed Drupal in a sub-directory.
* - is_front: A flag indicating if the current page is the front page.
* - logged_in: A flag indicating if the user is registered and signed in.
* - is_admin: A flag indicating if the user has permission to access
* administration pages.
*
* Site identity:
* - front_page: The URL of the front page. Use this instead of base_path when
* linking to the front page. This includes the language domain or prefix.
*
* Page content (in order of occurrence in the default page.html.twig):
* - messages: Status and error messages. Should be displayed prominently.
* - node: Fully loaded node, if there is an automatically-loaded node
* associated with the page and the node ID is the second argument in the
* page's path (e.g. node/12345 and node/12345/revisions, but not
* comment/reply/12345).
*
* Regions:
* - page.header: Items for the header region.
* - page.primary_menu: Items for the primary menu region.
* - page.secondary_menu: Items for the secondary menu region.
* - page.highlighted: Items for the highlighted content region.
* - page.help: Dynamic help text, mostly for admin pages.
* - page.content: The main content of the current page.
* - page.sidebar_first: Items for the first sidebar.
* - page.sidebar_second: Items for the second sidebar.
* - page.footer_top: Items for the footer region.
* - page.footer_left: Items for the footer region.
* - page.footer_center: Items for the footer region.
* - page.footer_right: Items for the footer region.
* - page.footer_bottom: Items for the footer region.
* - page.breadcrumb: Items for the breadcrumb region.
*
* @see template_preprocess_page()
* @see html.html.twig
*
* @ingroup themeable
*/
#}
<div class="layout-container">
<header role="banner">
{{ page.header }}
</header>
{{ page.primary_menu }}
{{ page.secondary_menu }}
{{ page.breadcrumb }}
{{ page.highlighted }}
{{ page.help }}
<main role="main" class="main-register">
<a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
<div class="layout-content register">
<h1>Créer un nouveau compte</h1>
{{ page.content }}
</div>{# /.layout-content #}
{% if page.sidebar_first %}
<aside class="layout-sidebar-first" role="complementary">
{{ page.sidebar_first }}
</aside>
{% endif %}
{% if page.sidebar_second %}
<aside class="layout-sidebar-second" role="complementary">
{{ page.sidebar_second }}
</aside>
{% endif %}
</main>
<footer role="contentinfo">
<section id="footer_top">{{ page.footer_top }}</section>
<section id="footer_middle">
<section id="footer_left">{{ page.footer_left }}</section>
<div id="footer_section">
<section id="footer_center">{{ page.footer_center }}</section>
<section id="footer_right">{{ page.footer_right }}</section>
</div>
</section>
<section id="footer_bottom">{{ page.bottom }}</section>
</footer>
</div>{# /.layout-container #}

View File

@ -0,0 +1,103 @@
{#
/**
* @file
* Default theme implementation to display a single page.
*
* The doctype, html, head and body tags are not in this template. Instead they
* can be found in the html.html.twig template in this directory.
*
* Available variables:
*
* General utility variables:
* - base_path: The base URL path of the Drupal installation. Will usually be
* "/" unless you have installed Drupal in a sub-directory.
* - is_front: A flag indicating if the current page is the front page.
* - logged_in: A flag indicating if the user is registered and signed in.
* - is_admin: A flag indicating if the user has permission to access
* administration pages.
*
* Site identity:
* - front_page: The URL of the front page. Use this instead of base_path when
* linking to the front page. This includes the language domain or prefix.
*
* Page content (in order of occurrence in the default page.html.twig):
* - messages: Status and error messages. Should be displayed prominently.
* - node: Fully loaded node, if there is an automatically-loaded node
* associated with the page and the node ID is the second argument in the
* page's path (e.g. node/12345 and node/12345/revisions, but not
* comment/reply/12345).
*
* Regions:
* - page.header: Items for the header region.
* - page.primary_menu: Items for the primary menu region.
* - page.secondary_menu: Items for the secondary menu region.
* - page.highlighted: Items for the highlighted content region.
* - page.help: Dynamic help text, mostly for admin pages.
* - page.content: The main content of the current page.
* - page.sidebar_first: Items for the first sidebar.
* - page.sidebar_second: Items for the second sidebar.
* - page.footer_top: Items for the footer region.
* - page.footer_left: Items for the footer region.
* - page.footer_center: Items for the footer region.
* - page.footer_right: Items for the footer region.
* - page.footer_bottom: Items for the footer region.
* - page.breadcrumb: Items for the breadcrumb region.
*
* @see template_preprocess_page()
* @see html.html.twig
*
* @ingroup themeable
*/
#}
<div class="layout-container">
<header role="banner">
{{ page.header }}
</header>
{{ page.primary_menu }}
{{ page.secondary_menu }}
{{ page.breadcrumb }}
{{ page.highlighted }}
{{ page.help }}
<main role="main" class="main-ask">
<a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
<div class="layout-content ask">
<h1>Poser une question</h1>
{{ page.content }}
</div>{# /.layout-content #}
{% if page.sidebar_first %}
<aside class="layout-sidebar-first" role="complementary">
{{ page.sidebar_first }}
</aside>
{% endif %}
{% if page.sidebar_second %}
<aside class="layout-sidebar-second" role="complementary">
{{ page.sidebar_second }}
</aside>
{% endif %}
</main>
<footer role="contentinfo">
<section id="footer_top">{{ page.footer_top }}</section>
<section id="footer_middle">
<section id="footer_left">{{ page.footer_left }}</section>
<div id="footer_section">
<section id="footer_center">{{ page.footer_center }}</section>
<section id="footer_right">{{ page.footer_right }}</section>
</div>
</section>
<section id="footer_bottom">{{ page.bottom }}</section>
</footer>
</div>{# /.layout-container #}

View File

@ -0,0 +1,35 @@
{#
/**
* @file
* Default theme implementation to display a region.
*
* Available variables:
* - content: The content for this region, typically blocks.
* - attributes: HTML attributes for the region <div>.
* - region: The name of the region variable as defined in the theme's
* .info.yml file.
*
* @see template_preprocess_region()
*
* @ingroup themeable
*/
#}
{% if content %}
<div class="ornements_top_under">
<div></div>
<div></div>
</div>
<div{{ attributes }} class="fullpage faq-fullpage">
<div class="ornements_top_over">
<div></div>
<div></div>
<div></div>
</div>
<div class="ornements_bottom_over">
<div></div>
<div></div>
</div>
<h2>{{ elements.erabletheme_contenudelapageprincipale.content['#title'] }}</h2>
{{ content }}
</div>
{% endif %}

View File

@ -0,0 +1,77 @@
{#
/**
* @file
* Default theme implementation for main view template.
*
* Available variables:
* - attributes: Remaining HTML attributes for the element.
* - css_name: A CSS-safe version of the view name.
* - css_class: The user-specified classes names, if any.
* - header: The optional header.
* - footer: The optional footer.
* - rows: The results of the view query, if any.
* - empty: The content to display if there are no rows.
* - pager: The optional pager next/prev links to display.
* - exposed: Exposed widget form/info to display.
* - feed_icons: Optional feed icons to display.
* - more: An optional link to the next page of results.
* - title: Title of the view, only used when displaying in the admin preview.
* - title_prefix: Additional output populated by modules, intended to be
* displayed in front of the view title.
* - title_suffix: Additional output populated by modules, intended to be
* displayed after the view title.
* - attachment_before: An optional attachment view to be displayed before the
* view content.
* - attachment_after: An optional attachment view to be displayed after the
* view content.
* - dom_id: Unique id for every view being printed to give unique class for
* JavaScript.
*
* @see template_preprocess_views_view()
*
* @ingroup themeable
*/
#}
{%
set classes = [
dom_id ? 'js-view-dom-id-' ~ dom_id,
]
%}
<div class="ornements_top_under">
<div></div>
<div></div>
</div>
<div{{ attributes.addClass(classes).addClass('fullpage', 'meetup') }}>
<div class="ornements_top_over">
<div></div>
<div></div>
<div></div>
</div>
<div class="ornements_bottom_over">
<div></div>
<div></div>
</div>
<h2>
{{ view_array['#title']['#markup'] }}
</h2>
{% if header %}
<header>
{{ header }}
</header>
{% endif %}
{{ exposed }}
{{ attachment_before }}
<div class="meetup_list">
{% if rows -%}
{{ rows }}
{% elseif empty -%}
{{ empty }}
{% endif %}
{{ pager }}
</div>
{{ attachment_after }}
{{ more }}
</div>