height thumbnails page programùme

This commit is contained in:
2024-05-16 15:07:55 +02:00
parent 7232b25e0d
commit a14a70fb46
10 changed files with 5612 additions and 3629 deletions
+1170 -46
View File
File diff suppressed because it is too large Load Diff
+2 -1
View File
@@ -3,7 +3,8 @@
"version": "1.0.0", "version": "1.0.0",
"main": "index.js", "main": "index.js",
"dependencies": { "dependencies": {
"flickity": "^2.2.1" "flickity": "^2.2.1",
"gulp": "^5.0.0"
}, },
"devDependencies": { "devDependencies": {
"node-sass": "^9.0.0" "node-sass": "^9.0.0"
@@ -574,7 +574,8 @@ header #block-colloque2024-mainnavigation ul li {
line-height: 1.8rem; } line-height: 1.8rem; }
#txt_present .more_link { #txt_present .more_link {
padding: 0rem 1rem 0.2rem 1rem; padding: 0rem 1rem 0.2rem 1rem;
background: white; } background: white;
margin: auto; }
#txt_present .more_link a { #txt_present .more_link a {
font-size: 0.7rem; font-size: 0.7rem;
color: #038788; } color: #038788; }
@@ -613,6 +614,7 @@ header #block-colloque2024-mainnavigation ul li {
text-align: center; text-align: center;
margin: 2rem; } margin: 2rem; }
#block-colloque2024-views-block-gallerie-block-1 .pager .wrap--btn a { #block-colloque2024-views-block-gallerie-block-1 .pager .wrap--btn a {
border: 1px solid #038788;
box-shadow: none; box-shadow: none;
transition: 0.3s transform ease, 0.3s box-shadow ease; transition: 0.3s transform ease, 0.3s box-shadow ease;
background: white; background: white;
@@ -622,7 +624,7 @@ header #block-colloque2024-mainnavigation ul li {
font-size: 12px; font-size: 12px;
display: block; display: block;
font-family: "Mariannebold"; font-family: "Mariannebold";
color: #1d378eff; } color: #038788; }
#block-colloque2024-views-block-gallerie-block-1 .pager .wrap--btn a:hover { #block-colloque2024-views-block-gallerie-block-1 .pager .wrap--btn a:hover {
transform: scale(1.05); transform: scale(1.05);
box-shadow: 0px 0px 13px 0px #038788; box-shadow: 0px 0px 13px 0px #038788;
@@ -732,18 +734,6 @@ header #block-colloque2024-mainnavigation ul li {
font-size: 1.5rem; font-size: 1.5rem;
order: 1; } } order: 1; } }
#txt_present .medias {
display: none; }
#block-colloque2024-views-block-slide-interviews-block-1 {
display: none; }
#block-colloque2024-views-block-gallerie-block-1 {
display: none; }
#block-colloque2024-views-block-dernieres-publications-block-1 {
display: none; }
#presentation { #presentation {
margin-top: 0.5rem; } margin-top: 0.5rem; }
#presentation .__title h2 { #presentation .__title h2 {
@@ -1804,7 +1794,6 @@ html.sr.js body div.dialog-off-canvas-main-canvas div.layout-container main#main
opacity: 1 !important; } opacity: 1 !important; }
section article.thumbnails.programme { section article.thumbnails.programme {
border: 1px solid #6f6d7dff;
overflow: hidden; } overflow: hidden; }
section article.thumbnails.programme:hover { section article.thumbnails.programme:hover {
border: none; border: none;
@@ -1840,6 +1829,7 @@ section > div:not(.__slide) article.thumbnails.programme a {
width: 100%; width: 100%;
height: auto; height: auto;
background: white; background: white;
border: 1px solid #6f6d7dff;
margin: calc(0.5rem) 0; } margin: calc(0.5rem) 0; }
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
.thumbnails { .thumbnails {
@@ -1937,24 +1927,24 @@ section > div:not(.__slide) article.thumbnails.programme a {
display: block; display: block;
height: 100%; } height: 100%; }
@media screen and (min-width: 768px) { .container.programme .thumbnails {
.container.programme .thumbnails { height: 325px !important; }
width: calc(100% / 2 - 0.5rem * 2); @media screen and (min-width: 768px) {
margin: 0.5rem; } } .container.programme .thumbnails {
width: calc(100% / 2 - 0.5rem * 2);
@media screen and (min-width: 992px) { margin: 0.5rem; } }
.container.programme .thumbnails { @media screen and (min-width: 992px) {
width: calc(100% / 3 - 0.5rem * 2); } } .container.programme .thumbnails {
width: calc(100% / 3 - 0.5rem * 2); } }
.container.programme .thumbnails .inter { .container.programme .thumbnails .inter {
margin-top: 0.5rem; } margin-top: 0.5rem; }
.container.programme .thumbnails .inter span { .container.programme .thumbnails .inter span {
color: #038788; color: #038788;
font-size: 0.8rem; font-size: 0.8rem;
font-family: "Marianneregular_italic"; font-family: "Marianneregular_italic";
text-transform: none !important; } text-transform: none !important; }
.container.programme .thumbnails .inter span strong { .container.programme .thumbnails .inter span strong {
font-family: "Mariannebold_italic"; } font-family: "Mariannebold_italic"; }
.__ressources .__publications .publications .__media { .__ressources .__publications .publications .__media {
padding: 0.5rem 0 0.5rem 0.5rem; } padding: 0.5rem 0 0.5rem 0.5rem; }
@@ -2076,7 +2066,7 @@ section > div:not(.__slide) article.thumbnails.programme a {
margin: 4rem auto; } margin: 4rem auto; }
.link_live > div a { .link_live > div a {
padding: 0.7rem 2rem; padding: 0.7rem 2rem;
background: #1d378eff; background: #038788;
color: white !important; color: white !important;
font-family: 'Marianneregular'; font-family: 'Marianneregular';
text-transform: uppercase; text-transform: uppercase;
@@ -39,7 +39,7 @@
margin: 4rem auto; margin: 4rem auto;
a{ a{
padding: 0.7rem 2rem; padding: 0.7rem 2rem;
background: $color2; background: $color2024;
color: white!important; color: white!important;
font-family:'Marianneregular'; font-family:'Marianneregular';
text-transform: uppercase; text-transform: uppercase;
@@ -1,7 +1,7 @@
// thumbnails global // thumbnails global
section { section {
article.thumbnails.programme { article.thumbnails.programme {
border: 1px solid $lightgrey; // border: 1px solid $lightgrey;
overflow: hidden; overflow: hidden;
&:hover{ &:hover{
border: none; border: none;
@@ -48,6 +48,8 @@ section {
width: 100%; width: 100%;
height: auto; height: auto;
background: white; background: white;
border: 1px solid $lightgrey;
margin: calc(#{$gutter}) 0; margin: calc(#{$gutter}) 0;
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
margin: calc(#{$gutter}); margin: calc(#{$gutter});
@@ -170,6 +172,8 @@ section {
.container { .container {
&.programme { &.programme {
.thumbnails { .thumbnails {
height: 325px !important;
@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;
@@ -66,6 +66,7 @@ header {
.more_link { .more_link {
padding: 0rem 1rem 0.2rem 1rem; padding: 0rem 1rem 0.2rem 1rem;
background: white; background: white;
margin: auto;
a { a {
font-size: 0.7rem; font-size: 0.7rem;
color: $color2024; color: $color2024;
@@ -115,6 +116,7 @@ header {
margin: 2rem; margin: 2rem;
.wrap--btn { .wrap--btn {
a { a {
border: 1px solid #038788;
@include shadow; @include shadow;
background: white; background: white;
width: fit-content; width: fit-content;
@@ -123,7 +125,7 @@ header {
font-size: 12px; font-size: 12px;
display: block; display: block;
font-family: "Mariannebold"; font-family: "Mariannebold";
color: $color2; color: $color2024;
} }
} }
} }
@@ -259,18 +261,18 @@ header {
#txt_present{ #txt_present{
.medias{ .medias{
display: none; // display: none;
} }
} }
#block-colloque2024-views-block-slide-interviews-block-1{ // #block-colloque2024-views-block-slide-interviews-block-1{
display: none; // display: none;
} // }
#block-colloque2024-views-block-gallerie-block-1{ // #block-colloque2024-views-block-gallerie-block-1{
display: none; // display: none;
} // }
#block-colloque2024-views-block-dernieres-publications-block-1{ // #block-colloque2024-views-block-dernieres-publications-block-1{
display: none; // display: none;
} // }
@@ -2,11 +2,7 @@
h4, h2{ h4, h2{
color: $color2024; color: $color2024;
} }
// //////////////////////// à enlever quand images
// .__img-hero{
// display: none;
// }
// ////////////////////////////////
.__wrapper{ .__wrapper{
.__title{ .__title{
margin: 0.5rem 0; margin: 0.5rem 0;
@@ -1,3 +1,6 @@
const loadJsonFileModule = await import('load-json-file');
var gulp = require('gulp'); var gulp = require('gulp');
var sass = require('gulp-sass'); var sass = require('gulp-sass');
var cleancss = require('gulp-clean-css'); var cleancss = require('gulp-clean-css');
File diff suppressed because it is too large Load Diff
+20 -21
View File
@@ -1,28 +1,27 @@
{ {
"name": "popsu_colloque", "name": "colloque2024",
"version": "1.0.0", "version": "1.0.0",
"description": "ABOUT Popsu -----------", "main": "gulpfile.js",
"main": "index.js",
"dependencies": {
"bootstrap": "^4.5.0",
"composer": "^4.1.0",
"gulp": "^4.0.2",
"gulp-autoprefixer": "^7.0.1",
"gulp-clean-css": "^4.3.0",
"gulp-csscomb": "^3.1.0",
"gulp-rename": "^2.0.0",
"gulp-sass": "^4.1.0",
"gulp-sourcemaps": "^2.6.5",
"jquery": "^3.5.1",
"popper.js": "^1.16.1"
},
"devDependencies": {
"node-sass": "*"
},
"scripts": { "scripts": {
"test": "echo \"Error: no test specified\" && exit 1", "test": "echo \"Error: no test specified\" && exit 1",
"sass": "node-sass -w css -o css-compiled" "sass": "node-sass -w css/ -o css-compiled/"
}, },
"author": "", "author": "",
"license": "ISC" "license": "ISC",
"description": "",
"type": "commonjs",
"devDependencies": {
"gulp-cli": "^3.0.0",
"gulp-sass": "^5.1.0",
"node-sass": "*"
},
"dependencies": {
"gulp": "^5.0.0",
"gulp-autoprefixer": "^9.0.0",
"gulp-clean-css": "^4.3.0",
"gulp-csscomb": "^0.1.0",
"gulp-rename": "^2.0.0",
"node": "^22.2.0",
"node-fetch": "^3.3.2"
}
} }