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;
ul{
ul {
display: flex;
flex-wrap: wrap;
padding: 0;
margin: 0;
li{
margin: 0 -1rem;
li {
padding: 1rem;
width: 100%;
text-align: center;
@media screen and (min-width: 576px) {
width: auto!important;
width: auto !important;
}
&:first-child{
margin-right: 1rem;
}
a{
a {
display: block;
padding: 0.5rem 1rem;
border: 1px solid $color2;
@@ -21,14 +21,14 @@
background: white;
transition: color 0.3s ease, background 0.3s ease;
font-size: 2rem;
font-family: 'dukefill';
font-family: "dukefill";
letter-spacing: 0.05rem;
text-transform: uppercase;
@media screen and (min-width: 768px) {
// padding: 1rem 1rem;
font-size: 2.5rem;
}
&:hover{
&:hover {
text-decoration: none;
color: white;
background: $color2;
web/themes/custom/popsu_colloque/css/components/slides/slides.scss
+29 -28
View File
@@ -1,6 +1,6 @@
.flickity-button {
background: transparent;
&:hover{
&:hover {
background: transparent;
}
}
@@ -14,9 +14,9 @@
}
#block-views-block-slide-programme-block-1,
#block-views-block-slide-programme-node-intervenant-block-1{
.__slide{
article{
#block-views-block-slide-programme-node-intervenant-block-1 {
.__slide {
article {
width: calc(100% - 30px);
height: 325px;
// background: none;
@@ -32,26 +32,26 @@
@media screen and (min-width: 1200px) {
width: calc(100% / 4 - #{$gutter} * 2);
}
a{
a {
width: 100%;
height: 100%;
background: white;
@include shadow;
.__wrap{
.__wrap {
background: white;
}
}
&.first{
& > span{
font-family: 'truenolight';
&.first {
& > span {
font-family: "truenolight";
position: absolute;
top: -2.5rem;
width: max-content;
font-size: 1.2rem;
line-height: 1.2;
}
&:not(:first-child){
&::before{
&:not(:first-child) {
&::before {
position: absolute;
display: block;
content: " ";
@@ -70,23 +70,24 @@
#block-views-block-gallerie-block-1,
#block-views-block-slide-programme-block-1,
#block-views-block-slide-programme-node-intervenant-block-1,
#block-views-block-dernieres-publications-block-1{
section:not(.wrap_head){
#block-views-block-dernieres-publications-block-1,
#block-views-block-slide-interviews-block-1 {
section:not(.wrap_head) {
margin: 1rem 0;
}
.views{
section.wrap_head{
.views {
section.wrap_head {
@include croix_or;
.head{
.head {
display: block;
}
}
}
@media screen and (min-width: 576px) {
.views{
section{
.head{
display: flex!important;
.views {
section {
.head {
display: flex !important;
width: 100%;
justify-content: space-between;
align-items: center;
@@ -96,23 +97,23 @@
}
}
.paragraph--type--role-de-l-intervenant{
.paragraph--type--role-de-l-intervenant {
margin-bottom: 2rem;
.__slide{
.__slide {
&:after {
content: 'flickity';
content: "flickity";
display: none;
@media screen and ( min-width: 768px ) {
content: '';
@media screen and (min-width: 768px) {
content: "";
}
}
.flickity-viewport{
.flickity-viewport {
// overflow: initial;
}
.flickity-slider > div{
.flickity-slider > div {
width: 70%;
padding: 0 0.5rem;
@media screen and ( min-width: 768px ) {
@media screen and (min-width: 768px) {
width: 100%;
}
}
web/themes/custom/popsu_colloque/css/components/thumbnails/thumbnails.scss
+119 -66
View File
@@ -1,21 +1,21 @@
// thumbnails global
section{
article.thumbnails.programme{
.__content{
span{
section {
article.thumbnails.programme {
.__content {
span {
color: $color2;
font-size: 0.8rem;
font-family: 'truenoregular_italic';
text-transform: none!important;
strong{
font-family: 'truenobold_italic';
font-family: "truenoregular_italic";
text-transform: none !important;
strong {
font-family: "truenobold_italic";
}
}
}
}
& > div:not(.__slide){
article.thumbnails.programme{
a{
& > div:not(.__slide) {
article.thumbnails.programme {
a {
display: block;
width: 100%;
height: 100%;
@@ -26,7 +26,7 @@ section{
}
}
.thumbnails{
.thumbnails {
width: 100%;
height: auto;
background: white;
@@ -34,27 +34,28 @@ section{
@media screen and (min-width: 768px) {
margin: calc(#{$gutter});
}
&:not(.bibliographie):not(.programme){
&:not(.bibliographie):not(.programme) {
@include shadow;
}
figure{
figure {
height: 150px;
margin: 0;
}
.__wrap{
.__wrap {
padding: 1rem;
time, .type_moment{
font-family: 'truenoregular';
time,
.type_moment {
font-family: "truenoregular";
font-size: 0.8rem;
text-transform: uppercase;
}
& > .d-flex{
& > .d-flex {
margin-bottom: 0.5rem;
}
}
// thumbnails publications
&.publications{
&.publications {
@media screen and (min-width: 768px) {
width: calc(100% / 2 - #{$gutter} * 2);
}
@@ -64,31 +65,31 @@ section{
@media screen and (min-width: 1200px) {
width: calc(100% / 4 - #{$gutter} * 2);
}
.__media{
.__media {
padding: 0.5rem 0 0.5rem 0.5rem;
.__img{
.__img {
width: 100px;
}
}
.__wrap{
.__wrap {
padding: 0.5rem;
}
& > div{
& > div {
height: 100%;
}
div > *{
color:$color2;
div > * {
color: $color2;
}
a{
a {
display: block;
height: 100%;
}
}
&.bibliographie{
background: white!important;
&.bibliographie {
background: white !important;
padding: 0.5rem;
&.link_ext{
&.link_ext {
@include shadow;
}
@media screen and (min-width: 768px) {
@@ -100,26 +101,57 @@ section{
@media screen and (min-width: 1200px) {
width: calc(100% / 4 - #{$gutter} * 2);
}
& > div * {
& > div * {
color: $color2;
&.__auteur *{
&.__auteur * {
font-size: 1.4rem;
}
&.__body{
margin:1rem 0;
&.__body {
margin: 1rem 0;
}
}
a{
a {
text-decoration: underline;
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
.container{
&.programme{
.thumbnails{
.container {
&.programme {
.thumbnails {
@media screen and (min-width: 768px) {
width: calc(100% / 2 - #{$gutter} * 2);
margin: 0.5rem;
@@ -127,15 +159,15 @@ section{
@media screen and (min-width: 992px) {
width: calc(100% / 3 - #{$gutter} * 2);
}
.inter{
.inter {
margin-top: 0.5rem;
span{
span {
color: $color2;
font-size: 0.8rem;
font-family: 'truenoregular_italic';
text-transform: none!important;
strong{
font-family: 'truenobold_italic';
font-family: "truenoregular_italic";
text-transform: none !important;
strong {
font-family: "truenobold_italic";
}
}
}
@@ -143,14 +175,14 @@ section{
}
}
// page moment
.__ressources{
.__publications{
.publications{
.__ressources {
.__publications {
.publications {
// margin: $gutter;
.__media{
.__media {
padding: 0.5rem 0 0.5rem 0.5rem;
}
.__wrap{
.__wrap {
padding: 0.5rem;
}
@media screen and (min-width: 768px) {
@@ -164,12 +196,14 @@ section{
}
}
}
.__bibliographie{
.thumbnails{
.__bibliographie {
.thumbnails {
background: transparent;
a{
& > div{
div, span, p{
a {
& > div {
div,
span,
p {
display: inline;
background: white;
}
@@ -184,32 +218,51 @@ section{
@media screen and (min-width: 1200px) {
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_participants{
figure{
& > div{
.thumbnails_participants {
figure {
& > div {
width: 100px;
height: 100px;
margin-left: 0.5rem;
img{
img {
border-radius: 50%;
width: 100%;
height: 100%;
object-fit: cover;
}
}
figcaption{
&.__info{
padding: 4rem 0.5rem 0.5rem 0.5rem;
margin-top: -3rem;
background: white;
.__name{
text-transform: uppercase;
}
figcaption {
&.__info {
padding: 4rem 0.5rem 0.5rem 0.5rem;
margin-top: -3rem;
background: white;
.__name {
text-transform: uppercase;
}
}
}
}
web/themes/custom/popsu_colloque/css/configs/typography.scss
+123 -114
View File
@@ -1,79 +1,77 @@
@font-face {
font-family: 'dukefill';
src: url('../fonts/duke_fill-webfont.woff') format('woff'),
url('../fonts/duke_fill-webfont.woff2') format('woff2');
font-weight: normal;
font-style: normal;
font-family: "dukefill";
src: url("../fonts/duke_fill-webfont.woff") format("woff"),
url("../fonts/duke_fill-webfont.woff2") format("woff2");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'cormorantBold';
src: url('../fonts/Cormorant-Bold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
font-family: "cormorantBold";
src: url("../fonts/Cormorant-Bold-webfont.woff") format("woff");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'cormorantBoldItalic';
src: url('../fonts/Cormorant-BoldItalic-webfont.woff') format('woff');
font-weight: lighter;
font-style: normal;
}
@font-face {
font-family: 'truenolight';
src: url('../fonts/trueno/truenolt-webfont.woff') format('woff'),
url('../fonts/trueno/truenolt-webfont.woff2') format('woff2');
font-weight: normal;
font-style: normal;
font-family: "cormorantBoldItalic";
src: url("../fonts/Cormorant-BoldItalic-webfont.woff") format("woff");
font-weight: lighter;
font-style: normal;
}
@font-face {
font-family: 'truenolight_italic';
src: url('../fonts/trueno/truenoltit-webfont.woff') format('woff'),
url('../fonts/trueno/truenoltit-webfont.woff2') format('woff2');
font-weight: normal;
font-style: normal;
font-family: "truenolight";
src: url("../fonts/trueno/truenolt-webfont.woff") format("woff"),
url("../fonts/trueno/truenolt-webfont.woff2") format("woff2");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'truenoregular';
src: url('../fonts/trueno/truenorg-webfont.woff') format('woff'),
url('../fonts/trueno/truenorg-webfont.woff2') format('woff2');
font-weight: normal;
font-style: normal;
font-family: "truenolight_italic";
src: url("../fonts/trueno/truenoltit-webfont.woff") format("woff"),
url("../fonts/trueno/truenoltit-webfont.woff2") format("woff2");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'truenoregular_italic';
src: url('../fonts/trueno/truenorgit-webfont.woff') format('woff'),
url('../fonts/trueno/truenorgit-webfont.woff2') format('woff2');
font-weight: normal;
font-style: normal;
font-family: "truenoregular";
src: url("../fonts/trueno/truenorg-webfont.woff") format("woff"),
url("../fonts/trueno/truenorg-webfont.woff2") format("woff2");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'truenobold';
src: url('../fonts/trueno/truenobd-webfont.woff') format('woff'),
url('../fonts/trueno/truenobd-webfont.woff2') format('woff2');
font-weight: normal;
font-style: normal;
font-family: "truenoregular_italic";
src: url("../fonts/trueno/truenorgit-webfont.woff") format("woff"),
url("../fonts/trueno/truenorgit-webfont.woff2") format("woff2");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'truenobold_italic';
src: url('../fonts/trueno/truenobdit-webfont.woff') format('woff'),
url('../fonts/trueno/truenobdit-webfont.woff2') format('woff2');
font-weight: normal;
font-style: normal;
font-family: "truenobold";
src: url("../fonts/trueno/truenobd-webfont.woff") format("woff"),
url("../fonts/trueno/truenobd-webfont.woff2") format("woff2");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "truenobold_italic";
src: url("../fonts/trueno/truenobdit-webfont.woff") format("woff"),
url("../fonts/trueno/truenobdit-webfont.woff2") format("woff2");
font-weight: normal;
font-style: normal;
}
#block-renderedsitesettingsblock-2{
.site_setting_entity{
h1{
font-family: 'dukefill';
#block-renderedsitesettingsblock-2 {
.site_setting_entity {
h1 {
font-family: "dukefill";
font-size: 2rem;
line-height: 2rem;
text-transform: uppercase;
@@ -81,115 +79,126 @@
align-self: stretch;
margin: auto;
}
.__info_colloque{
& > div{
&:first-child{
font-family: 'truenoregular';
.__info_colloque {
& > div {
&:first-child {
font-family: "truenoregular";
font-size: 0.9rem;
}
&:last-child{
font-family: 'truenoregular';
font-weight: bold;
font-size: 0.7rem;
line-height: 1;
&:last-child {
font-family: "truenoregular";
font-weight: bold;
font-size: 0.7rem;
line-height: 1;
}
}
}
}
}
form{
label{
font-family: 'truenolight';
form {
label {
font-family: "truenolight";
}
.select-items{
div{
font-family: 'truenolight';
.select-items {
div {
font-family: "truenolight";
}
}
.select-selected{
font-family: 'truenoregular';
.select-selected {
font-family: "truenoregular";
}
input{
font-family: 'truenolight';
input {
font-family: "truenolight";
}
}
.thumbnails{
&.programme{
.__content{
font-family: 'truenobold';
.thumbnails {
&.programme {
.__content {
font-family: "truenobold";
font-size: 1rem;
text-transform: uppercase;
}
}
&.publications{
.__content{
div{
font-family: 'cormorantBold';
&.publications {
.__content {
div {
font-family: "cormorantBold";
font-size: 1.2rem;
}
span{
font-family: 'cormorantBoldItalic';
span {
font-family: "cormorantBoldItalic";
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;
div,p{
font-family: 'cormorantBold';
div,
p {
font-family: "cormorantBold";
font-size: 1.2rem;
}
span{
font-family: 'cormorantBoldItalic';
span {
font-family: "cormorantBoldItalic";
font-size: 1.2rem;
}
}
}
// thumbnails_participants
.thumbnails_participants{
.thumbnails_participants {
@include shadow_participants;
*{
color: $color2;
}
.__name{
font-family: 'truenoregular';
font-size: 1rem;
}
.__qualite{
font-family: 'truenoregular_italic';
font-size: 0.8rem;
}
* {
color: $color2;
}
.__name {
font-family: "truenoregular";
font-size: 1rem;
}
.__qualite {
font-family: "truenoregular_italic";
font-size: 0.8rem;
}
}
.paragraph--type--role-de-l-intervenant{
.___title_inter{
div{
font-family: 'truenobold';
font-size: 0.8rem;
text-transform: uppercase;
}
.paragraph--type--role-de-l-intervenant {
.___title_inter {
div {
font-family: "truenobold";
font-size: 0.8rem;
text-transform: uppercase;
}
}
}
// page shadow_participants
article{
&.participant_full{
.__auteur{
h2{
font-family: 'truenoregular';
article {
&.participant_full {
.__auteur {
h2 {
font-family: "truenoregular";
font-size: 2rem;
line-height: 1;
letter-spacing: normal;
}
}
.status{
div{
font-family: 'truenoregular_italic';
.status {
div {
font-family: "truenoregular_italic";
color: $color2;
font-size: 1rem;
line-height: 1.2rem;
web/themes/custom/popsu_colloque/css/pages/front.scss
+90 -90
View File
@@ -1,18 +1,18 @@
header{
#block-mainnavigation{
ul{
li{
header {
#block-mainnavigation {
ul {
li {
font-size: 0.8rem;
a{
a {
color: black;
font-family: 'truenoregular';
&.is-active{
font-family: 'truenobold';
font-family: "truenoregular";
&.is-active {
font-family: "truenobold";
color: black;
text-decoration: none;
}
&:hover{
font-family: 'truenobold';
&:hover {
font-family: "truenobold";
color: black;
text-decoration: none;
}
@@ -22,159 +22,159 @@ header{
}
}
#txt_present{
margin: 3rem 0;
@media screen and (min-width: 992px) {
margin: 5rem 0;
}
#txt_present {
margin: 3rem 0;
@media screen and (min-width: 992px) {
margin: 5rem 0;
}
& * {
color: $color2;
}
& * {
color: $color2;
}
& > div{
margin: 2rem auto;
}
& > div {
margin: 2rem auto;
}
.__title-present{
h2{
font-size: 1.9rem;
font-family: 'truenoregular';
line-height: normal;
}
}
.__title-present {
h2 {
font-size: 1.9rem;
font-family: "truenoregular";
line-height: normal;
}
}
.__sub-title-present{
p{
font-family: 'truenoregular_italic';
font-size: 0.9rem;
line-height: 1.3rem;
}
}
.__sub-title-present {
p {
font-family: "truenoregular_italic";
font-size: 0.9rem;
line-height: 1.3rem;
}
}
.__body-present{
p{
font-family: 'truenolight';
font-size: 1.2rem;
line-height: 1.8rem;
}
}
.more_link{
padding: 0rem 1rem 0.2rem 1rem;
background: white;
a{
font-size: 0.7rem
}
}
.__body-present {
p {
font-family: "truenolight";
font-size: 1.2rem;
line-height: 1.8rem;
}
}
.more_link {
padding: 0rem 1rem 0.2rem 1rem;
background: white;
a {
font-size: 0.7rem;
}
}
}
#block-views-block-dernieres-publications-block-1{
.views{
section:not(.wrap_head){
#block-views-block-dernieres-publications-block-1,
#block-views-block-slide-interviews-block-1 {
.views {
section:not(.wrap_head) {
margin: 1rem 0;
@media screen and (min-width: 768px) {
margin: 1rem calc( 0rem - #{$gutter});
margin: 1rem calc(0rem - #{$gutter});
}
}
}
}
#block-views-block-gallerie-block-1{
section:not(.wrap_head){
#block-views-block-gallerie-block-1 {
section:not(.wrap_head) {
display: flex;
flex-wrap: wrap;
margin:0 -1rem!important;
figure{
margin: 0 -1rem !important;
figure {
padding: 1rem;
margin: 0;
width: 100%;
max-height: 400px;
@media screen and (min-width: 768px) {
width: calc( 100% / 3);
width: calc(100% / 3);
max-height: 300px;
}
@media screen and (min-width: 1024px) {
width: calc( 100% / 6);
max-height:200px;
width: calc(100% / 6);
max-height: 200px;
}
img{
img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
}
.pager{
.pager {
text-align: center;
margin: 2rem;
.wrap--btn{
a{
.wrap--btn {
a {
@include shadow;
background: white;
width: fit-content;
margin: auto;
padding: 0.5rem 1rem;
padding: 0.5rem 1rem;
font-size: 12px;
display: block;
font-family: 'truenobold';
font-family: "truenobold";
color: $color2;
}
}
}
}
.lightbox{
position: fixed!important;
top: 50%!important;
transform: translateY(-50%)!important;
}
.lightbox {
position: fixed !important;
top: 50% !important;
transform: translateY(-50%) !important;
}
.lb-dataContainer{
.lb-dataContainer {
width: 100%;
background:white;
.lb-details{
background: white;
.lb-details {
width: 100%;
}
span{
span {
display: block;
text-align: center;
color: black;
}
.lb-number{
font-family: 'truenobold';
padding-bottom:0;
.lb-number {
font-family: "truenobold";
padding-bottom: 0;
}
}
#block-views-block-gallerie-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;
@media screen and (min-width: 992px) {
margin: 5rem 0;
}
h3{
h3 {
text-transform: uppercase;
margin: 0;
font-family: 'dukefill';
font-family: "dukefill";
font-size: 2rem;
letter-spacing: $letter_spacingH;
color: $color2
color: $color2;
}
}
#block-views-block-slide-programme-block-1{
h3{
&::after{
display: inline-flex;
#block-views-block-slide-programme-block-1 {
h3 {
&::after {
display: inline-flex;
width: 60px;
height: 60px;
vertical-align: middle;
margin-left:20px;
margin-left: 20px;
@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) {
padding: 1.5rem 0!important;
padding: 1.5rem 0 !important;
}
@media screen and (min-width: 992px) {
padding: 4rem 0!important;
padding: 4rem 0 !important;
}
}
//
body{
body {
position: relative;
&::before{
&::before {
z-index: -1;
content: " ";
width: 100%;
@@ -22,15 +22,16 @@ body{
top: 0;
left: 0;
}
&::after{
&::after {
z-index: -1;
content: " ";
width: 100%;
height: 100%;
background:
linear-gradient(
background: linear-gradient(
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;
position: absolute;
@@ -40,14 +41,15 @@ body{
}
}
article{
.__title{
article {
.__title {
@include croix_or;
}
&.publications{
&.publications,
&.interviews {
margin-top: 1rem;
.paragraph--type--images{
img{
.paragraph--type--images {
img {
max-width: 100%;
max-height: 400px;
object-fit: contain;
@@ -58,6 +60,6 @@ article{
}
}
}
h4{
h4 {
@include croix_or;
}
web/themes/custom/popsu_colloque/css/pages/node_participants.scss
+6 -4
View File
@@ -1,8 +1,10 @@
.participant_full{
.__wrap_content{
.participant_full {
.__wrap_content {
margin: 3rem auto;
}
.__publications,.__bibliographie{
.__publications,
.__bibliographie,
.__interviews {
margin: 3rem auto;
}
}
}
web/themes/custom/popsu_colloque/css/pages/ressources.scss
+10 -9
View File
@@ -1,6 +1,8 @@
.publications, .bibliographie{
.views{
section{
.publications,
.bibliographie,
.interviews {
.views {
section {
@media screen and (min-width: 768px) {
margin: 0 calc(0rem - #{$gutter});
}
@@ -8,10 +10,9 @@
}
}
#block-popsu-colloque-submenu{
.is-active{
color:white;
background:#1d378eff;
#block-popsu-colloque-submenu {
.is-active {
color: white;
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'] %}
{% 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' %}
{% 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">
{{content.field_bibliographie}}
</section>
<section class="__bibliographie">
{{content.field_interviews}}
</section>
</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>