kevin/Popsu-coloque
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add interviews post_type

Browse Source
This commit is contained in:
kevin
2021-04-19 13:10:04 +02:00
parent 7707f7f2c2
commit e7e5c22bb9
22 changed files with 1107 additions and 404 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/popsu_colloque/css-compiled/index.css
+94 -64
View File
File diff suppressed because one or more lines are too long
web/themes/custom/popsu_colloque/css-compiled/index.min.css
Vendored
+2 -2
View File
File diff suppressed because one or more lines are too long
web/themes/custom/popsu_colloque/css/components/header/sub_menu.scss
+11 -11
View File
@@ -1,19 +1,19 @@
#block-popsu-colloque-submenu{ #block-popsu-colloque-submenu {
margin: 1rem auto; margin: 1rem auto;
ul{ ul {
display: flex; display: flex;
flex-wrap: wrap;
padding: 0; padding: 0;
margin: 0; margin: 0 -1rem;
li{
li {
padding: 1rem;
width: 100%; width: 100%;
text-align: center; text-align: center;
@media screen and (min-width: 576px) { @media screen and (min-width: 576px) {
width: auto!important; width: auto !important;
} }
&:first-child{ a {
margin-right: 1rem;
}
a{
display: block; display: block;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
border: 1px solid $color2; border: 1px solid $color2;
@@ -21,14 +21,14 @@
background: white; background: white;
transition: color 0.3s ease, background 0.3s ease; transition: color 0.3s ease, background 0.3s ease;
font-size: 2rem; font-size: 2rem;
font-family: 'dukefill'; font-family: "dukefill";
letter-spacing: 0.05rem; letter-spacing: 0.05rem;
text-transform: uppercase; text-transform: uppercase;
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
// padding: 1rem 1rem; // padding: 1rem 1rem;
font-size: 2.5rem; font-size: 2.5rem;
} }
&:hover{ &:hover {
text-decoration: none; text-decoration: none;
color: white; color: white;
background: $color2; background: $color2;
web/themes/custom/popsu_colloque/css/components/slides/slides.scss
+29 -28
View File
@@ -1,6 +1,6 @@
.flickity-button { .flickity-button {
background: transparent; background: transparent;
&:hover{ &:hover {
background: transparent; background: transparent;
} }
} }
@@ -14,9 +14,9 @@
} }
#block-views-block-slide-programme-block-1, #block-views-block-slide-programme-block-1,
#block-views-block-slide-programme-node-intervenant-block-1{ #block-views-block-slide-programme-node-intervenant-block-1 {
.__slide{ .__slide {
article{ article {
width: calc(100% - 30px); width: calc(100% - 30px);
height: 325px; height: 325px;
// background: none; // background: none;
@@ -32,26 +32,26 @@
@media screen and (min-width: 1200px) { @media screen and (min-width: 1200px) {
width: calc(100% / 4 - #{$gutter} * 2); width: calc(100% / 4 - #{$gutter} * 2);
} }
a{ a {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: white; background: white;
@include shadow; @include shadow;
.__wrap{ .__wrap {
background: white; background: white;
} }
} }
&.first{ &.first {
& > span{ & > span {
font-family: 'truenolight'; font-family: "truenolight";
position: absolute; position: absolute;
top: -2.5rem; top: -2.5rem;
width: max-content; width: max-content;
font-size: 1.2rem; font-size: 1.2rem;
line-height: 1.2; line-height: 1.2;
} }
&:not(:first-child){ &:not(:first-child) {
&::before{ &::before {
position: absolute; position: absolute;
display: block; display: block;
content: " "; content: " ";
@@ -70,23 +70,24 @@
#block-views-block-gallerie-block-1, #block-views-block-gallerie-block-1,
#block-views-block-slide-programme-block-1, #block-views-block-slide-programme-block-1,
#block-views-block-slide-programme-node-intervenant-block-1, #block-views-block-slide-programme-node-intervenant-block-1,
#block-views-block-dernieres-publications-block-1{ #block-views-block-dernieres-publications-block-1,
section:not(.wrap_head){ #block-views-block-slide-interviews-block-1 {
section:not(.wrap_head) {
margin: 1rem 0; margin: 1rem 0;
} }
.views{ .views {
section.wrap_head{ section.wrap_head {
@include croix_or; @include croix_or;
.head{ .head {
display: block; display: block;
} }
} }
} }
@media screen and (min-width: 576px) { @media screen and (min-width: 576px) {
.views{ .views {
section{ section {
.head{ .head {
display: flex!important; display: flex !important;
width: 100%; width: 100%;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@@ -96,23 +97,23 @@
} }
} }
.paragraph--type--role-de-l-intervenant{ .paragraph--type--role-de-l-intervenant {
margin-bottom: 2rem; margin-bottom: 2rem;
.__slide{ .__slide {
&:after { &:after {
content: 'flickity'; content: "flickity";
display: none; display: none;
@media screen and ( min-width: 768px ) { @media screen and (min-width: 768px) {
content: ''; content: "";
} }
} }
.flickity-viewport{ .flickity-viewport {
// overflow: initial; // overflow: initial;
} }
.flickity-slider > div{ .flickity-slider > div {
width: 70%; width: 70%;
padding: 0 0.5rem; padding: 0 0.5rem;
@media screen and ( min-width: 768px ) { @media screen and (min-width: 768px) {
width: 100%; width: 100%;
} }
} }
web/themes/custom/popsu_colloque/css/components/thumbnails/thumbnails.scss
+113 -60
View File
@@ -1,21 +1,21 @@
// thumbnails global // thumbnails global
section{ section {
article.thumbnails.programme{ article.thumbnails.programme {
.__content{ .__content {
span{ span {
color: $color2; color: $color2;
font-size: 0.8rem; font-size: 0.8rem;
font-family: 'truenoregular_italic'; font-family: "truenoregular_italic";
text-transform: none!important; text-transform: none !important;
strong{ strong {
font-family: 'truenobold_italic'; font-family: "truenobold_italic";
} }
} }
} }
} }
& > div:not(.__slide){ & > div:not(.__slide) {
article.thumbnails.programme{ article.thumbnails.programme {
a{ a {
display: block; display: block;
width: 100%; width: 100%;
height: 100%; height: 100%;
@@ -26,7 +26,7 @@ section{
} }
} }
.thumbnails{ .thumbnails {
width: 100%; width: 100%;
height: auto; height: auto;
background: white; background: white;
@@ -34,27 +34,28 @@ section{
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
margin: calc(#{$gutter}); margin: calc(#{$gutter});
} }
&:not(.bibliographie):not(.programme){ &:not(.bibliographie):not(.programme) {
@include shadow; @include shadow;
} }
figure{ figure {
height: 150px; height: 150px;
margin: 0; margin: 0;
} }
.__wrap{ .__wrap {
padding: 1rem; padding: 1rem;
time, .type_moment{ time,
font-family: 'truenoregular'; .type_moment {
font-family: "truenoregular";
font-size: 0.8rem; font-size: 0.8rem;
text-transform: uppercase; text-transform: uppercase;
} }
& > .d-flex{ & > .d-flex {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
} }
// thumbnails publications // thumbnails publications
&.publications{ &.publications {
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
width: calc(100% / 2 - #{$gutter} * 2); width: calc(100% / 2 - #{$gutter} * 2);
} }
@@ -64,31 +65,31 @@ section{
@media screen and (min-width: 1200px) { @media screen and (min-width: 1200px) {
width: calc(100% / 4 - #{$gutter} * 2); width: calc(100% / 4 - #{$gutter} * 2);
} }
.__media{ .__media {
padding: 0.5rem 0 0.5rem 0.5rem; padding: 0.5rem 0 0.5rem 0.5rem;
.__img{ .__img {
width: 100px; width: 100px;
} }
} }
.__wrap{ .__wrap {
padding: 0.5rem; padding: 0.5rem;
} }
& > div{ & > div {
height: 100%; height: 100%;
} }
div > *{ div > * {
color:$color2; color: $color2;
} }
a{ a {
display: block; display: block;
height: 100%; height: 100%;
} }
} }
&.bibliographie{ &.bibliographie {
background: white!important; background: white !important;
padding: 0.5rem; padding: 0.5rem;
&.link_ext{ &.link_ext {
@include shadow; @include shadow;
} }
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
@@ -102,24 +103,55 @@ section{
} }
& > div * { & > div * {
color: $color2; color: $color2;
&.__auteur *{ &.__auteur * {
font-size: 1.4rem; font-size: 1.4rem;
} }
&.__body{ &.__body {
margin:1rem 0; margin: 1rem 0;
} }
} }
a{ a {
text-decoration: underline; text-decoration: underline;
color: $color1; color: $color1;
} }
} }
&.interviews {
@media screen and (min-width: 768px) {
width: calc(100% / 2 - #{$gutter} * 2);
}
@media screen and (min-width: 992px) {
width: calc(100% / 3 - #{$gutter} * 2);
}
@media screen and (min-width: 1200px) {
width: calc(100% / 4 - #{$gutter} * 2);
}
.__media {
padding: 0.5rem 0 0.5rem 0.5rem;
max-width: 50%;
.__img {
width: 100px;
}
}
.__wrap {
padding: 0.5rem;
}
& > div {
height: 100%;
}
div > * {
color: $color2;
}
a {
display: block;
height: 100%;
}
}
} }
// Page programme // Page programme
.container{ .container {
&.programme{ &.programme {
.thumbnails{ .thumbnails {
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
width: calc(100% / 2 - #{$gutter} * 2); width: calc(100% / 2 - #{$gutter} * 2);
margin: 0.5rem; margin: 0.5rem;
@@ -127,15 +159,15 @@ section{
@media screen and (min-width: 992px) { @media screen and (min-width: 992px) {
width: calc(100% / 3 - #{$gutter} * 2); width: calc(100% / 3 - #{$gutter} * 2);
} }
.inter{ .inter {
margin-top: 0.5rem; margin-top: 0.5rem;
span{ span {
color: $color2; color: $color2;
font-size: 0.8rem; font-size: 0.8rem;
font-family: 'truenoregular_italic'; font-family: "truenoregular_italic";
text-transform: none!important; text-transform: none !important;
strong{ strong {
font-family: 'truenobold_italic'; font-family: "truenobold_italic";
} }
} }
} }
@@ -143,14 +175,14 @@ section{
} }
} }
// page moment // page moment
.__ressources{ .__ressources {
.__publications{ .__publications {
.publications{ .publications {
// margin: $gutter; // margin: $gutter;
.__media{ .__media {
padding: 0.5rem 0 0.5rem 0.5rem; padding: 0.5rem 0 0.5rem 0.5rem;
} }
.__wrap{ .__wrap {
padding: 0.5rem; padding: 0.5rem;
} }
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
@@ -164,12 +196,14 @@ section{
} }
} }
} }
.__bibliographie{ .__bibliographie {
.thumbnails{ .thumbnails {
background: transparent; background: transparent;
a{ a {
& > div{ & > div {
div, span, p{ div,
span,
p {
display: inline; display: inline;
background: white; background: white;
} }
@@ -184,30 +218,49 @@ section{
@media screen and (min-width: 1200px) { @media screen and (min-width: 1200px) {
width: calc(100% / 2 - #{$gutter} * 2); width: calc(100% / 2 - #{$gutter} * 2);
} }
}
}
.__interviews {
.interviews {
// margin: $gutter;
.__media {
padding: 0.5rem 0 0.5rem 0.5rem;
}
.__wrap {
padding: 0.5rem;
}
@media screen and (min-width: 768px) {
width: calc(100% / 2 - #{$gutter} * 2);
}
@media screen and (min-width: 992px) {
width: calc(100% / 2 - #{$gutter} * 2);
}
@media screen and (min-width: 1200px) {
width: calc(100% / 2 - #{$gutter} * 2);
}
} }
} }
} }
// thumbnails participant // thumbnails participant
.thumbnails_participants{ .thumbnails_participants {
figure{ figure {
& > div{ & > div {
width: 100px; width: 100px;
height: 100px; height: 100px;
margin-left: 0.5rem; margin-left: 0.5rem;
img{ img {
border-radius: 50%; border-radius: 50%;
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; object-fit: cover;
} }
} }
figcaption{ figcaption {
&.__info{ &.__info {
padding: 4rem 0.5rem 0.5rem 0.5rem; padding: 4rem 0.5rem 0.5rem 0.5rem;
margin-top: -3rem; margin-top: -3rem;
background: white; background: white;
.__name{ .__name {
text-transform: uppercase; text-transform: uppercase;
} }
} }
web/themes/custom/popsu_colloque/css/configs/typography.scss
+93 -84
View File
@@ -1,79 +1,77 @@
@font-face { @font-face {
font-family: 'dukefill'; font-family: "dukefill";
src: url('../fonts/duke_fill-webfont.woff') format('woff'), src: url("../fonts/duke_fill-webfont.woff") format("woff"),
url('../fonts/duke_fill-webfont.woff2') format('woff2'); url("../fonts/duke_fill-webfont.woff2") format("woff2");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'cormorantBold'; font-family: "cormorantBold";
src: url('../fonts/Cormorant-Bold-webfont.woff') format('woff'); src: url("../fonts/Cormorant-Bold-webfont.woff") format("woff");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'cormorantBoldItalic'; font-family: "cormorantBoldItalic";
src: url('../fonts/Cormorant-BoldItalic-webfont.woff') format('woff'); src: url("../fonts/Cormorant-BoldItalic-webfont.woff") format("woff");
font-weight: lighter; font-weight: lighter;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'truenolight'; font-family: "truenolight";
src: url('../fonts/trueno/truenolt-webfont.woff') format('woff'), src: url("../fonts/trueno/truenolt-webfont.woff") format("woff"),
url('../fonts/trueno/truenolt-webfont.woff2') format('woff2'); url("../fonts/trueno/truenolt-webfont.woff2") format("woff2");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'truenolight_italic'; font-family: "truenolight_italic";
src: url('../fonts/trueno/truenoltit-webfont.woff') format('woff'), src: url("../fonts/trueno/truenoltit-webfont.woff") format("woff"),
url('../fonts/trueno/truenoltit-webfont.woff2') format('woff2'); url("../fonts/trueno/truenoltit-webfont.woff2") format("woff2");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'truenoregular'; font-family: "truenoregular";
src: url('../fonts/trueno/truenorg-webfont.woff') format('woff'), src: url("../fonts/trueno/truenorg-webfont.woff") format("woff"),
url('../fonts/trueno/truenorg-webfont.woff2') format('woff2'); url("../fonts/trueno/truenorg-webfont.woff2") format("woff2");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'truenoregular_italic'; font-family: "truenoregular_italic";
src: url('../fonts/trueno/truenorgit-webfont.woff') format('woff'), src: url("../fonts/trueno/truenorgit-webfont.woff") format("woff"),
url('../fonts/trueno/truenorgit-webfont.woff2') format('woff2'); url("../fonts/trueno/truenorgit-webfont.woff2") format("woff2");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'truenobold'; font-family: "truenobold";
src: url('../fonts/trueno/truenobd-webfont.woff') format('woff'), src: url("../fonts/trueno/truenobd-webfont.woff") format("woff"),
url('../fonts/trueno/truenobd-webfont.woff2') format('woff2'); url("../fonts/trueno/truenobd-webfont.woff2") format("woff2");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'truenobold_italic'; font-family: "truenobold_italic";
src: url('../fonts/trueno/truenobdit-webfont.woff') format('woff'), src: url("../fonts/trueno/truenobdit-webfont.woff") format("woff"),
url('../fonts/trueno/truenobdit-webfont.woff2') format('woff2'); url("../fonts/trueno/truenobdit-webfont.woff2") format("woff2");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
#block-renderedsitesettingsblock-2 {
#block-renderedsitesettingsblock-2{ .site_setting_entity {
.site_setting_entity{ h1 {
h1{ font-family: "dukefill";
font-family: 'dukefill';
font-size: 2rem; font-size: 2rem;
line-height: 2rem; line-height: 2rem;
text-transform: uppercase; text-transform: uppercase;
@@ -81,14 +79,14 @@
align-self: stretch; align-self: stretch;
margin: auto; margin: auto;
} }
.__info_colloque{ .__info_colloque {
& > div{ & > div {
&:first-child{ &:first-child {
font-family: 'truenoregular'; font-family: "truenoregular";
font-size: 0.9rem; font-size: 0.9rem;
} }
&:last-child{ &:last-child {
font-family: 'truenoregular'; font-family: "truenoregular";
font-weight: bold; font-weight: bold;
font-size: 0.7rem; font-size: 0.7rem;
line-height: 1; line-height: 1;
@@ -98,98 +96,109 @@
} }
} }
form {
form{ label {
label{ font-family: "truenolight";
font-family: 'truenolight';
} }
.select-items{ .select-items {
div{ div {
font-family: 'truenolight'; font-family: "truenolight";
} }
} }
.select-selected{ .select-selected {
font-family: 'truenoregular'; font-family: "truenoregular";
} }
input{ input {
font-family: 'truenolight'; font-family: "truenolight";
} }
} }
.thumbnails{ .thumbnails {
&.programme{ &.programme {
.__content{ .__content {
font-family: 'truenobold'; font-family: "truenobold";
font-size: 1rem; font-size: 1rem;
text-transform: uppercase; text-transform: uppercase;
} }
} }
&.publications{ &.publications {
.__content{ .__content {
div{ div {
font-family: 'cormorantBold'; font-family: "cormorantBold";
font-size: 1.2rem; font-size: 1.2rem;
} }
span{ span {
font-family: 'cormorantBoldItalic'; font-family: "cormorantBoldItalic";
font-size: 1.2rem; font-size: 1.2rem;
} }
} }
} }
&.bibliographie{ &.interviews {
.__content {
div {
font-family: "cormorantBold";
font-size: 1.2rem;
}
span {
font-family: "cormorantBoldItalic";
font-size: 1.2rem;
}
}
}
&.bibliographie {
background: transparent; background: transparent;
div,p{ div,
font-family: 'cormorantBold'; p {
font-family: "cormorantBold";
font-size: 1.2rem; font-size: 1.2rem;
} }
span{ span {
font-family: 'cormorantBoldItalic'; font-family: "cormorantBoldItalic";
font-size: 1.2rem; font-size: 1.2rem;
} }
} }
} }
// thumbnails_participants // thumbnails_participants
.thumbnails_participants{ .thumbnails_participants {
@include shadow_participants; @include shadow_participants;
*{ * {
color: $color2; color: $color2;
} }
.__name{ .__name {
font-family: 'truenoregular'; font-family: "truenoregular";
font-size: 1rem; font-size: 1rem;
} }
.__qualite{ .__qualite {
font-family: 'truenoregular_italic'; font-family: "truenoregular_italic";
font-size: 0.8rem; font-size: 0.8rem;
} }
} }
.paragraph--type--role-de-l-intervenant{ .paragraph--type--role-de-l-intervenant {
.___title_inter{ .___title_inter {
div{ div {
font-family: 'truenobold'; font-family: "truenobold";
font-size: 0.8rem; font-size: 0.8rem;
text-transform: uppercase; text-transform: uppercase;
} }
} }
} }
// page shadow_participants // page shadow_participants
article{ article {
&.participant_full{ &.participant_full {
.__auteur{ .__auteur {
h2{ h2 {
font-family: 'truenoregular'; font-family: "truenoregular";
font-size: 2rem; font-size: 2rem;
line-height: 1; line-height: 1;
letter-spacing: normal; letter-spacing: normal;
} }
} }
.status{ .status {
div{ div {
font-family: 'truenoregular_italic'; font-family: "truenoregular_italic";
color: $color2; color: $color2;
font-size: 1rem; font-size: 1rem;
line-height: 1.2rem; line-height: 1.2rem;
web/themes/custom/popsu_colloque/css/pages/front.scss
+62 -62
View File
@@ -1,18 +1,18 @@
header{ header {
#block-mainnavigation{ #block-mainnavigation {
ul{ ul {
li{ li {
font-size: 0.8rem; font-size: 0.8rem;
a{ a {
color: black; color: black;
font-family: 'truenoregular'; font-family: "truenoregular";
&.is-active{ &.is-active {
font-family: 'truenobold'; font-family: "truenobold";
color: black; color: black;
text-decoration: none; text-decoration: none;
} }
&:hover{ &:hover {
font-family: 'truenobold'; font-family: "truenobold";
color: black; color: black;
text-decoration: none; text-decoration: none;
} }
@@ -22,7 +22,7 @@ header{
} }
} }
#txt_present{ #txt_present {
margin: 3rem 0; margin: 3rem 0;
@media screen and (min-width: 992px) { @media screen and (min-width: 992px) {
margin: 5rem 0; margin: 5rem 0;
@@ -32,85 +32,85 @@ header{
color: $color2; color: $color2;
} }
& > div{ & > div {
margin: 2rem auto; margin: 2rem auto;
} }
.__title-present{ .__title-present {
h2{ h2 {
font-size: 1.9rem; font-size: 1.9rem;
font-family: 'truenoregular'; font-family: "truenoregular";
line-height: normal; line-height: normal;
} }
} }
.__sub-title-present{ .__sub-title-present {
p{ p {
font-family: 'truenoregular_italic'; font-family: "truenoregular_italic";
font-size: 0.9rem; font-size: 0.9rem;
line-height: 1.3rem; line-height: 1.3rem;
} }
} }
.__body-present{ .__body-present {
p{ p {
font-family: 'truenolight'; font-family: "truenolight";
font-size: 1.2rem; font-size: 1.2rem;
line-height: 1.8rem; line-height: 1.8rem;
} }
} }
.more_link{ .more_link {
padding: 0rem 1rem 0.2rem 1rem; padding: 0rem 1rem 0.2rem 1rem;
background: white; background: white;
a{ a {
font-size: 0.7rem font-size: 0.7rem;
} }
} }
} }
#block-views-block-dernieres-publications-block-1{ #block-views-block-dernieres-publications-block-1,
.views{ #block-views-block-slide-interviews-block-1 {
section:not(.wrap_head){ .views {
section:not(.wrap_head) {
margin: 1rem 0; margin: 1rem 0;
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
margin: 1rem calc( 0rem - #{$gutter}); margin: 1rem calc(0rem - #{$gutter});
} }
} }
} }
} }
#block-views-block-gallerie-block-1{ #block-views-block-gallerie-block-1 {
section:not(.wrap_head){ section:not(.wrap_head) {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin:0 -1rem!important; margin: 0 -1rem !important;
figure{ figure {
padding: 1rem; padding: 1rem;
margin: 0; margin: 0;
width: 100%; width: 100%;
max-height: 400px; max-height: 400px;
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
width: calc( 100% / 3); width: calc(100% / 3);
max-height: 300px; max-height: 300px;
} }
@media screen and (min-width: 1024px) { @media screen and (min-width: 1024px) {
width: calc( 100% / 6); width: calc(100% / 6);
max-height:200px; max-height: 200px;
} }
img{ img {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; object-fit: cover;
} }
} }
} }
.pager{ .pager {
text-align: center; text-align: center;
margin: 2rem; margin: 2rem;
.wrap--btn{ .wrap--btn {
a{ a {
@include shadow; @include shadow;
background: white; background: white;
width: fit-content; width: fit-content;
@@ -118,62 +118,62 @@ header{
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
font-size: 12px; font-size: 12px;
display: block; display: block;
font-family: 'truenobold'; font-family: "truenobold";
color: $color2; color: $color2;
} }
} }
} }
} }
.lightbox{ .lightbox {
position: fixed!important; position: fixed !important;
top: 50%!important; top: 50% !important;
transform: translateY(-50%)!important; transform: translateY(-50%) !important;
} }
.lb-dataContainer{ .lb-dataContainer {
width: 100%; width: 100%;
background:white; background: white;
.lb-details{ .lb-details {
width: 100%; width: 100%;
} }
span{ span {
display: block; display: block;
text-align: center; text-align: center;
color: black; color: black;
} }
.lb-number{ .lb-number {
font-family: 'truenobold'; font-family: "truenobold";
padding-bottom:0; padding-bottom: 0;
} }
} }
#block-views-block-gallerie-block-1, #block-views-block-gallerie-block-1,
#block-views-block-slide-programme-block-1, #block-views-block-slide-programme-block-1,
#block-views-block-dernieres-publications-block-1{ #block-views-block-dernieres-publications-block-1,
#block-views-block-slide-interviews-block-1 {
margin: 2rem 0; margin: 2rem 0;
@media screen and (min-width: 992px) { @media screen and (min-width: 992px) {
margin: 5rem 0; margin: 5rem 0;
} }
h3{ h3 {
text-transform: uppercase; text-transform: uppercase;
margin: 0; margin: 0;
font-family: 'dukefill'; font-family: "dukefill";
font-size: 2rem; font-size: 2rem;
letter-spacing: $letter_spacingH; letter-spacing: $letter_spacingH;
color: $color2 color: $color2;
} }
} }
#block-views-block-slide-programme-block-1{ #block-views-block-slide-programme-block-1 {
h3{ h3 {
&::after{ &::after {
display: inline-flex; display: inline-flex;
width: 60px; width: 60px;
height: 60px; height: 60px;
vertical-align: middle; vertical-align: middle;
margin-left:20px; margin-left: 20px;
@include labelOnline; @include labelOnline;
} }
} }
web/themes/custom/popsu_colloque/css/pages/interviews.scss
+30
View File
@@ -0,0 +1,30 @@
article {
&.interviews {
.__wrap_content {
.__head {
& * {
color: $color2;
}
.__auteur {
div {
font-family: "cormorantBold";
font-size: 1.5rem;
}
}
.__titre {
span {
font-family: "cormorantBoldItalic";
font-size: 1.5rem;
}
}
.__info {
margin: 1rem 0;
div {
font-family: "cormorantBold";
font-size: 1rem;
}
}
}
}
}
}
web/themes/custom/popsu_colloque/css/pages/layout.scss
+17 -15
View File
@@ -1,16 +1,16 @@
main:not(.home){ main:not(.home) {
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
padding: 1.5rem 0!important; padding: 1.5rem 0 !important;
} }
@media screen and (min-width: 992px) { @media screen and (min-width: 992px) {
padding: 4rem 0!important; padding: 4rem 0 !important;
} }
} }
// //
body{ body {
position: relative; position: relative;
&::before{ &::before {
z-index: -1; z-index: -1;
content: " "; content: " ";
width: 100%; width: 100%;
@@ -22,15 +22,16 @@ body{
top: 0; top: 0;
left: 0; left: 0;
} }
&::after{ &::after {
z-index: -1; z-index: -1;
content: " "; content: " ";
width: 100%; width: 100%;
height: 100%; height: 100%;
background: background: linear-gradient(
linear-gradient(
to top, to top,
rgba(255, 255, 255, 0.8), white, rgba(255, 255, 255, 0.8) rgba(255, 255, 255, 0.8),
white,
rgba(255, 255, 255, 0.8)
); );
display: block; display: block;
position: absolute; position: absolute;
@@ -40,14 +41,15 @@ body{
} }
} }
article{ article {
.__title{ .__title {
@include croix_or; @include croix_or;
} }
&.publications{ &.publications,
&.interviews {
margin-top: 1rem; margin-top: 1rem;
.paragraph--type--images{ .paragraph--type--images {
img{ img {
max-width: 100%; max-width: 100%;
max-height: 400px; max-height: 400px;
object-fit: contain; object-fit: contain;
@@ -58,6 +60,6 @@ article{
} }
} }
} }
h4{ h4 {
@include croix_or; @include croix_or;
} }
web/themes/custom/popsu_colloque/css/pages/node_participants.scss
+5 -3
View File
@@ -1,8 +1,10 @@
.participant_full{ .participant_full {
.__wrap_content{ .__wrap_content {
margin: 3rem auto; margin: 3rem auto;
} }
.__publications,.__bibliographie{ .__publications,
.__bibliographie,
.__interviews {
margin: 3rem auto; margin: 3rem auto;
} }
} }
web/themes/custom/popsu_colloque/css/pages/ressources.scss
+9 -8
View File
@@ -1,6 +1,8 @@
.publications, .bibliographie{ .publications,
.views{ .bibliographie,
section{ .interviews {
.views {
section {
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
margin: 0 calc(0rem - #{$gutter}); margin: 0 calc(0rem - #{$gutter});
} }
@@ -8,10 +10,9 @@
} }
} }
#block-popsu-colloque-submenu {
#block-popsu-colloque-submenu{ .is-active {
.is-active{ color: white;
color:white; background: #1d378eff;
background:#1d378eff;
} }
} }
web/themes/custom/popsu_colloque/template/block/block--mainpagecontent--interviews.html.twig
+44
View File
@@ -0,0 +1,44 @@
{#
/**
* @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.
* - 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
*/
#}
{% set id = [elements][0].content['#view_id'] %}
<div class="container {{id}}">
{% if id == 'programme'%}
{{ title_prefix }}
{% if label %}
<h2{{ title_attributes }}>{{ label }}</h2>
{% endif %}
{% endif %}
{{ title_suffix }}
{% block content %}
{{ content }}
{% endblock %}
</div>
web/themes/custom/popsu_colloque/template/block/block--mainpagecontent.html.twig
+1 -1
View File
@@ -30,7 +30,7 @@
{% set class = [elements][0].content['#view_id'] %} {% set class = [elements][0].content['#view_id'] %}
{% if class == 'programme' or class == 'publications' or class == 'bibliographie' or class == 'search' or class == 'les_intervenants' %} {% if class == 'programme' or class == 'publications' or class == 'bibliographie' or class == 'interviews' or class == 'search' or class == 'les_intervenants' %}
{% set addClass = 'container' %} {% set addClass = 'container' %}
{% endif %} {% endif %}
web/themes/custom/popsu_colloque/template/node/node--interviews--full.html.twig
+117
View File
@@ -0,0 +1,117 @@
{#
/**
* @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()
*
* @todo Remove the id attribute (or make it a class), because if that gets
* rendered twice on a page this is invalid CSS for example: two lists
* in different view modes.
*
* @ingroup themeable
*/
#}
<article class="row d-sm-flex flex-wrap d-block publications">
<div class="__wrap_side col-sm-12 col-md-12 col-lg-1">
{% include 'themes/custom/popsu_colloque/template/components/share_rs.html.twig' %}
{% if content.field_telecharger_la_ressource['#field_name']|length > 0 %}
{{content.field_telecharger_la_ressource}}
{% elseif content.field_ressource_externe['#field_name']|length > 0 %}
{{content.field_ressource_externe}}
{% endif %}
</div>
<div class="__wrapper col-sm-12 col-md-9 col-lg-8">
<div class="__hero mb-4">
{{content.field_embed}}
</div>
<div class="__wrap_content d-flex flex-wrap flex-lg-nowrap">
{% if content.field_ajouter_un_media[0]['#paragraph'].field_image %}
<div class="__hero col-12 col-md-12 col-lg-4 px-0 pr-lg-4 m-0 my-4 mx-sm-0 my-lg-0">
<a href="{{content.field_telecharger_la_ressource[0]["#markup"]}}" target="_blank">
{{content.field_ajouter_un_media}}
</a>
</div>
{% endif %}
<div>
<div class="__head">
<div class="__auteur">
{{content.field_auteur}}
</div>
<div class="__titre">
{{label}}
</div>
<div class="__info">
{{content.field_complement_d_info}}
</div>
</div>
<div class="__content">
{{content.body}}
</div>
</div>
</div>
</div>
web/themes/custom/popsu_colloque/template/node/node--moments.html.twig
+3
View File
@@ -128,6 +128,9 @@
<section class="__bibliographie"> <section class="__bibliographie">
{{content.field_bibliographie}} {{content.field_bibliographie}}
</section> </section>
<section class="__bibliographie">
{{content.field_interviews}}
</section>
</div> </div>
</div> </div>
web/themes/custom/popsu_colloque/template/node/node--thumbnails-interviews.html.twig
+93
View File
@@ -0,0 +1,93 @@
{#
/**
* @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()
*
* @todo Remove the id attribute (or make it a class), because if that gets
* rendered twice on a page this is invalid CSS for example: two lists
* in different view modes.
*
* @ingroup themeable
*/
#}
<article class="thumbnails interviews">
<div{{ content_attributes }}>
<a href="{{ url }}">
<div class="d-flex">
<div class="__media">
{{content.field_embed}}
</div>
<div class="__wrap">
<div class="__content">
{{content.field_auteur|raw}}
{{ label|raw }}
{{content.field_complement_d_info|raw}}
</div>
</div>
</div>
</a>
</div>
</article>
web/themes/custom/popsu_colloque/template/views/fields/back__node--view--slide-interviews.html.twig
+89
View File
@@ -0,0 +1,89 @@
{#
/**
* @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()
*
* @todo Remove the id attribute (or make it a class), because if that gets
* rendered twice on a page this is invalid CSS for example: two lists
* in different view modes.
*
* @ingroup themeable
*/
#}
<a href="{{ url }}" rel="nofollow">
<div class="d-flex">
<div class="__media">
{{content.field_ajouter_un_media}}
</div>
<div class="__wrap">
<div class="__content">
{{content.field_auteur|raw}}
{{ label|raw }}
{{content.field_complement_d_info|raw}}
</div>
</div>
</div>
</a>
web/themes/custom/popsu_colloque/template/views/lists/views-view-unformatted--dernieres_interviews.html.twig
+34
View File
@@ -0,0 +1,34 @@
{#
/**
* @file
* Default theme implementation to display a view of unformatted rows.
*
* Available variables:
* - title: The title of this group of rows. May be empty.
* - rows: A list of the view's row items.
* - attributes: The row's HTML attributes.
* - content: The row's content.
* - view: The view object.
* - default_row_class: A flag indicating whether default classes should be
* used on rows.
*
* @see template_preprocess_views_view_unformatted()
*
* @ingroup themeable
*/
#}
{% if title %}
<h3>{{ title }}</h3>
{% endif %}
<div class="d-flex flex-wrap">
{% for row in rows %}
{%
set row_classes = [
default_row_class ? 'views-row',
]
%}
{# <article class="thumbnails"> #}
{{- row.content -}}
{# </article> #}
{% endfor %}
</div>
web/themes/custom/popsu_colloque/template/views/lists/views-view-unformatted--interviews.html.twig
+31
View File
@@ -0,0 +1,31 @@
{#
/**
* @file
* Default theme implementation to display a view of unformatted rows.
*
* Available variables:
* - title: The title of this group of rows. May be empty.
* - rows: A list of the view's row items.
* - attributes: The row's HTML attributes.
* - content: The row's content.
* - view: The view object.
* - default_row_class: A flag indicating whether default classes should be
* used on rows.
*
* @see template_preprocess_views_view_unformatted()
*
* @ingroup themeable
*/
#}
{% if title %}
<h3>{{ title }}</h3>
{% endif %}
{% for row in rows %}
{%
set row_classes = [
default_row_class ? 'views-row',
]
%}
{{- row.content -}}
{% endfor %}
web/themes/custom/popsu_colloque/template/views/lists/views-view-unformatted--interviews_node_intervenant.html.twig
+30
View File
@@ -0,0 +1,30 @@
{#
/**
* @file
* Default theme implementation to display a view of unformatted rows.
*
* Available variables:
* - title: The title of this group of rows. May be empty.
* - rows: A list of the view's row items.
* - attributes: The row's HTML attributes.
* - content: The row's content.
* - view: The view object.
* - default_row_class: A flag indicating whether default classes should be
* used on rows.
*
* @see template_preprocess_views_view_unformatted()
*
* @ingroup themeable
*/
#}
{% if title %}
<h3>{{ title }}</h3>
{% endif %}
{% for row in rows %}
{%
set row_classes = [
default_row_class ? 'views-row',
]
%}
{{- row.content -}}
{% endfor %}
web/themes/custom/popsu_colloque/template/views/views-view--interviews.html.twig
+64
View File
@@ -0,0 +1,64 @@
{#
/**
* @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
*/
#}
<div class="views __interviews">
{{ title_prefix }}
{{ title }}
{{ title_suffix }}
{{ exposed }}
{{ attachment_before }}
{% if rows -%}
<section class="grid d-flex flex-wrap" >
{{ rows }}
</section>
{% elseif empty -%}
{{ empty }}
{% endif %}
{{ pager }}
{{ attachment_after }}
{% if footer %}
<footer>
{{ footer }}
</footer>
{% endif %}
{{ feed_icons }}
</div>
web/themes/custom/popsu_colloque/template/views/views-view--slide_interviews.html.twig
+70
View File
@@ -0,0 +1,70 @@
{#
/**
* @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
*/
#}
<div class="views">
{{ title_prefix }}
{{ title }}
{{ title_suffix }}
{% if header %}
<section class="wrap_head">
{% include 'themes/custom/popsu_colloque/template/components/header_slide.html.twig' with { croix : true } %}
</section>
{% endif %}
{{ exposed }}
{{ attachment_before }}
{% if rows -%}
<section>
{{ rows }}
</section>
{% elseif empty -%}
{{ empty }}
{% endif %}
{{ pager }}
{{ attachment_after }}
{% if footer %}
<footer>
{{ footer }}
</footer>
{% endif %}
{{ feed_icons }}
</div>