Compare commits
10 Commits
16f6e0778a
...
dev
| Author | SHA1 | Date | |
|---|---|---|---|
| e6761ec734 | |||
| fccbc08b31 | |||
| 5201c1d772 | |||
| abffc172ba | |||
| 6480eee97c | |||
| a2ec68d02e | |||
| 9ca53a4176 | |||
| 302f51dcb3 | |||
| 002486725d | |||
| c7dcc688e7 |
2
.gitmodules
vendored
2
.gitmodules
vendored
@ -1,3 +1,3 @@
|
||||
[submodule "photos"]
|
||||
path = photos
|
||||
url = https://git.n700.ovh/keb/ginou-photos.git
|
||||
url = https://git.marchal.dev/keb/ginou-photos.git
|
||||
|
||||
@ -8,7 +8,7 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="shortcut icon" href="images/favicon.png">
|
||||
<link rel="stylesheet" href="styles/main.css" media="screen">
|
||||
<script src="plugins/jquery-3.5.1.min.js"></script>
|
||||
<script src="plugins/jquery-3.6.0.min.js"></script>
|
||||
<script src="scripts/menu.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
42
divers.html
42
divers.html
@ -8,11 +8,11 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="shortcut icon" href="images/favicon.png">
|
||||
<link rel="stylesheet" href="styles/main.css" media="screen">
|
||||
<link rel="stylesheet" href="styles/fancybox.css" media="screen">
|
||||
<link rel="stylesheet" href="plugins/jquery.fancybox.min.css" media="screen">
|
||||
<link rel="stylesheet" href="plugins/chart.min.css" media="screen">
|
||||
<script src="plugins/jquery-3.5.1.min.js"></script>
|
||||
<script src="plugins/jquery-3.6.0.min.js"></script>
|
||||
<script src="plugins/jquery.fancybox.min.js"></script>
|
||||
<script src="plugins/chart.bundle.min.js"></script>
|
||||
<script src="plugins/chart-3.9.1.min.js"></script>
|
||||
<script src="scripts/menu.js"></script>
|
||||
<script src="scripts/divers.js"></script>
|
||||
<script src="scripts/stats.js"></script>
|
||||
@ -125,10 +125,34 @@
|
||||
|
||||
<h2>Presse</h2>
|
||||
|
||||
<p>Ginou a eu plusieurs articles à son propos dans le journal local, cependant nous n'en possédons qu'un seul. N'hésitez pas <a href="informations.html">à nous contacter</a> si vous avez un en votre possession.</p>
|
||||
<p>Ginou est apparue régulièrement dans le journal local, preuve de son engagement dans la communauté.</p>
|
||||
<div class="gallery">
|
||||
<a data-fancybox="divers" href="photos/divers/normal/ainesdugny.jpg" data-caption="Ginou était engagée dans des œuvres caritatives, comme le montre cette coupure de presse.">
|
||||
<img src="photos/divers/mini/ainesdugny.jpg" alt="Ginou était engagée dans des œuvres caritatives, comme le montre cette coupure de presse.">
|
||||
<a data-fancybox="divers" href="photos/divers/normal/presse-2003-11-12.jpg" data-caption="Un portrait dédié à Ginou dans l'Est Républicain du 12 novembre 2003.">
|
||||
<img src="photos/divers/mini/presse-2003-11-12.jpg" alt="Un portrait dédié à Ginou dans l'Est Républicain du 12 novembre 2003.">
|
||||
</a>
|
||||
|
||||
<a data-fancybox="divers" href="photos/divers/normal/presse-2010-09-21.jpg" data-caption="Ginou en photo pour la 30ème édition du salon de peinture de Thierville-sur-Meuse (Est Républicain du 21 septembre 2010)">
|
||||
<img src="photos/divers/mini/presse-2010-09-21.jpg" alt="Ginou en photo pour la 30ème édition du salon de peinture de Thierville-sur-Meuse (Est Républicain du 21 septembre 2010).">
|
||||
</a>
|
||||
|
||||
<a data-fancybox="divers" href="photos/divers/normal/presse-2013-09-17.jpg" data-caption="Ginou en photo pour la 33ème édition du salon de peinture de Thierville-sur-Meuse (Est Républicain du 17 septembre 2013).">
|
||||
<img src="photos/divers/mini/presse-2013-09-17.jpg" alt="Ginou en photo pour la 33ème édition du salon de peinture de Thierville-sur-Meuse (Est Républicain du 17 septembre 2013).">
|
||||
</a>
|
||||
|
||||
<a data-fancybox="divers" href="photos/divers/normal/presse-2015-10-06.jpg" data-caption="Ginou en photo pour la 35ème édition du salon de peinture de Thierville-sur-Meuse (Est Républicain du 06 octobre 2015).">
|
||||
<img src="photos/divers/mini/presse-2015-10-06.jpg" alt="Ginou en photo pour la 35ème édition du salon de peinture de Thierville-sur-Meuse (Est Républicain du 06 octobre 2015).">
|
||||
</a>
|
||||
|
||||
<a data-fancybox="divers" href="photos/divers/normal/presse-2010.jpg" data-caption="Un article de 2010 sur la participation de l'association des anciens au profit du Téléthon.">
|
||||
<img src="photos/divers/mini/presse-2010.jpg" alt="Un article de 2010 sur la participation de l'association des anciens au profit du Téléthon.">
|
||||
</a>
|
||||
|
||||
<a data-fancybox="divers" href="photos/divers/normal/presse-2014.jpg" data-caption="Un article de 2014 sur la participation de l'association des anciens au profit du Téléthon.">
|
||||
<img src="photos/divers/mini/presse-2014.jpg" alt="Un article de 2014 sur la participation de l'association des anciens au profit du Téléthon.">
|
||||
</a>
|
||||
|
||||
<a data-fancybox="divers" href="photos/divers/normal/presse-2016.jpg" data-caption="Ginou était engagée dans des œuvres caritatives, comme le montre cette coupure de presse de 2016.">
|
||||
<img src="photos/divers/mini/presse-2016.jpg" alt="Ginou était engagée dans des œuvres caritatives, comme le montre cette coupure de presse de 2016.">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@ -161,13 +185,13 @@
|
||||
|
||||
<div id="stats">
|
||||
<div class="stat">
|
||||
<canvas id="month" width="400" height="200"></canvas>
|
||||
<canvas id="month"></canvas>
|
||||
</div>
|
||||
<div class="stat">
|
||||
<canvas id="year" width="400" height="200"></canvas>
|
||||
<canvas id="year"></canvas>
|
||||
</div>
|
||||
<div class="stat">
|
||||
<canvas id="dimension" width="400" height="200"></canvas>
|
||||
<canvas id="dimension"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
@ -12,7 +12,7 @@
|
||||
<link rel="stylesheet" href="styles/pagination.css" media="screen">
|
||||
<link rel="stylesheet" href="plugins/jquery.fancybox.min.css" media="screen">
|
||||
<link rel="stylesheet" href="plugins/pagination.css" media="screen">
|
||||
<script src="plugins/jquery-3.5.1.min.js"></script>
|
||||
<script src="plugins/jquery-3.6.0.min.js"></script>
|
||||
<script src="plugins/jquery.fancybox.min.js"></script>
|
||||
<script src="plugins/pagination.min.js"></script>
|
||||
<script src="scripts/menu.js"></script>
|
||||
|
||||
@ -12,7 +12,7 @@
|
||||
<link rel="stylesheet" href="styles/pagination.css" media="screen">
|
||||
<link rel="stylesheet" href="plugins/pagination.css" media="screen">
|
||||
<link rel="stylesheet" href="plugins/jquery.fancybox.min.css" media="screen">
|
||||
<script src="plugins/jquery-3.5.1.min.js"></script>
|
||||
<script src="plugins/jquery-3.6.0.min.js"></script>
|
||||
<script src="plugins/jquery.fancybox.min.js"></script>
|
||||
<script src="plugins/pagination.min.js"></script>
|
||||
<script src="scripts/menu.js"></script>
|
||||
|
||||
@ -8,7 +8,7 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="shortcut icon" href="images/favicon.png">
|
||||
<link rel="stylesheet" href="styles/main.css" media="screen">
|
||||
<script src="plugins/jquery-3.5.1.min.js"></script>
|
||||
<script src="plugins/jquery-3.6.0.min.js"></script>
|
||||
<script src="scripts/menu.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
@ -8,9 +8,8 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="shortcut icon" href="images/favicon.png">
|
||||
<link rel="stylesheet" href="styles/main.css" media="screen">
|
||||
<link rel="stylesheet" href="plugins/chart.min.css" media="screen">
|
||||
<script src="plugins/jquery-3.5.1.min.js"></script>
|
||||
<script src="plugins/chart.bundle.min.js"></script>
|
||||
<script src="plugins/jquery-3.6.0.min.js"></script>
|
||||
<script src="plugins/chart-3.9.1.min.js"></script>
|
||||
<script src="scripts/menu.js"></script>
|
||||
<script src="scripts/informations.js"></script>
|
||||
</head>
|
||||
@ -60,17 +59,17 @@
|
||||
|
||||
<h4>Explorer</h4>
|
||||
<p>Cette rubrique quant à elle est interactive et permet de visualiser l'ensemble des créations de Ginou. En effet, elle regorge d'options pour pouvoir choisir précisément les tableaux à afficher. Par exemple, il est possible de créer un filtre pour voir tous les tableaux de chiens dont la photo est de bonne qualité réalisés un mois de février : il suffit de sélectionner ces options et de cliquer sur le bouton <strong>Générer</strong>. Bien évidemment, il est possible qu'il n'existe pas de tableau réunissant ces critères, ce qui sera alors indiqué.<br>
|
||||
Le résultat affiché sera sous la forme d'une liste, mais il est également possible de l'afficher sous forme d'une galerie (comme dans la rubrique Exposition) en cliquant sur le bouton en haut à droite. Dans ce mode, les tableaux n’ayant pas de photo disponible montreront une icône indiquant que la photo est manquante.</p>
|
||||
Le résultat affiché sera sous la forme d'une liste, mais il est également possible de l'afficher sous forme d'une galerie (comme dans la rubrique Exposition) en cliquant sur le bouton en haut à droite. Dans ce mode, les tableaux n'ayant pas de photo disponible montreront une icône indiquant que la photo est manquante.</p>
|
||||
|
||||
<h4>Divers</h4>
|
||||
<p>Cette page regroupe diverses photos et informations en complément de la biographie : une vue de son atelier, des photos d'expositions, des coupures de presse, ainsi que des statistiques intéressantes (on peut remarquer que le printemps l'inspirait !). N'hésitez pas à nous contacter si vous avez un document, une photo, des coupures de presse, tout ce qui peut être en relation avec l’art de Ginou.</p>
|
||||
<p>Cette page regroupe diverses photos et informations en complément de la biographie : une vue de son atelier, des photos d'expositions, des coupures de presse, ainsi que des statistiques intéressantes (on peut remarquer que le printemps l'inspirait !). N'hésitez pas à nous contacter si vous avez un document, une photo, des coupures de presse, tout ce qui peut être en relation avec l'art de Ginou.</p>
|
||||
|
||||
<h2>Informations technique</h2>
|
||||
<p>Ce site a été développé à l'aide de la librairie <a href="https://jquery.com/">jQuery</a>, ainsi que des plugins <a href="https://fancyapps.com/fancybox/3/">fancybox 3</a>, <a href="https://www.chartjs.org/">Chart.js</a> et <a href="https://pagination.js.org/">Pagination.js</a>. Les polices de caractères utilisées sont <a href="https://github.com/googlefonts/Rubik">Rubik</a> et <a href="https://github.com/kosbarts/Commissioner">Commissioner</a>. Emoji "tableau" par <a href="https://openmoji.org/">OpenMoji</a>.</p>
|
||||
|
||||
<p>Le code source est librement disponible <em>via git</em> en <a href="https://git.n700.ovh/keb/ginou">cliquant ici</a>. Cela signifie qu'il est possible d'obtenir le site en local pour son utilisation personnelle, moyennant quelques connaissances techniques.</p>
|
||||
<p>Le code source est librement disponible <em>via git</em> en <a href="https://git.marchal.dev/keb/ginou">cliquant ici</a>. Cela signifie qu'il est possible d'obtenir le site en local pour son utilisation personnelle, moyennant quelques connaissances techniques.</p>
|
||||
|
||||
<p>Site réalisé par <a href="https://theo.marchal.dev">Théo</a> et Denis Marchal avec la participation de toute la famille. Dernière mise à jour en août 2022.</p>
|
||||
<p>Site réalisé par <a href="https://theo.marchal.dev">Théo</a> et Denis Marchal avec la participation de toute la famille. Dernière mise à jour en juin 2025.</p>
|
||||
</article>
|
||||
</body>
|
||||
</html>
|
||||
@ -8,7 +8,7 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="shortcut icon" href="images/favicon.png">
|
||||
<link rel="stylesheet" href="styles/main.css" media="screen">
|
||||
<script src="plugins/jquery-3.5.1.min.js"></script>
|
||||
<script src="plugins/jquery-3.6.0.min.js"></script>
|
||||
<script src="scripts/menu.js"></script>
|
||||
<script src="scripts/painting.js"></script>
|
||||
</head>
|
||||
|
||||
2
photos
2
photos
Submodule photos updated: 64e7a332b3...5e70e3e4a4
13
plugins/chart-3.9.1.min.js
vendored
Normal file
13
plugins/chart-3.9.1.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
7
plugins/chart.bundle.min.js
vendored
7
plugins/chart.bundle.min.js
vendored
File diff suppressed because one or more lines are too long
1
plugins/chart.min.css
vendored
1
plugins/chart.min.css
vendored
@ -1 +0,0 @@
|
||||
@keyframes chartjs-render-animation{from{opacity:.99}to{opacity:1}}.chartjs-render-monitor{animation:chartjs-render-animation 1ms}.chartjs-size-monitor,.chartjs-size-monitor-expand,.chartjs-size-monitor-shrink{position:absolute;direction:ltr;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1}.chartjs-size-monitor-expand>div{position:absolute;width:1000000px;height:1000000px;left:0;top:0}.chartjs-size-monitor-shrink>div{position:absolute;width:200%;height:200%;left:0;top:0}
|
||||
2
plugins/jquery-3.5.1.min.js
vendored
2
plugins/jquery-3.5.1.min.js
vendored
File diff suppressed because one or more lines are too long
2
plugins/jquery-3.6.0.min.js
vendored
Normal file
2
plugins/jquery-3.6.0.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@ -5,8 +5,12 @@ jQuery(document).ready(function($)
|
||||
infobar: false,
|
||||
toolbar: true,
|
||||
smallBtn: false,
|
||||
buttons : [ "close" ],
|
||||
arrows: true,
|
||||
buttons: ["arrowLeft", "arrowRight", "close"],
|
||||
arrows: false,
|
||||
transitionEffect: "fade",
|
||||
baseClass: 'fancybox-custom-layout',
|
||||
mobile: {
|
||||
preventCaptionOverlap: true,
|
||||
},
|
||||
});
|
||||
});
|
||||
@ -50,6 +50,9 @@ jQuery(document).ready(function($)
|
||||
gatherYear(tens, 2010, 2020);
|
||||
}
|
||||
|
||||
Chart.defaults.font.family = "'Rubik', Helvetica";
|
||||
Chart.defaults.color = "#000000";
|
||||
|
||||
var canvasPhoto = document.getElementById("photo").getContext('2d');
|
||||
var chartPhoto = new Chart(canvasPhoto, {
|
||||
type: 'bar',
|
||||
@ -83,40 +86,60 @@ jQuery(document).ready(function($)
|
||||
}]
|
||||
},
|
||||
options: {
|
||||
tooltips: {
|
||||
plugins: {
|
||||
tooltip: {
|
||||
mode: 'index',
|
||||
intersect: false
|
||||
intersect: false,
|
||||
titleFont: {
|
||||
size: 14
|
||||
},
|
||||
responsive: true,
|
||||
scales: {
|
||||
yAxes: [{
|
||||
ticks: {
|
||||
beginAtZero: true
|
||||
}, gridLines: {
|
||||
display: true
|
||||
bodyFont: {
|
||||
size: 14
|
||||
},
|
||||
scaleLabel: {
|
||||
display: true,
|
||||
labelString: 'Tableaux'
|
||||
},
|
||||
stacked: true,
|
||||
}],
|
||||
xAxes: [{
|
||||
gridLines: {
|
||||
display: false
|
||||
},
|
||||
stacked: true,
|
||||
}]
|
||||
},
|
||||
legend: {
|
||||
display: false,
|
||||
position: "bottom",
|
||||
},
|
||||
},
|
||||
responsive: true,
|
||||
scales: {
|
||||
y: {
|
||||
ticks: {
|
||||
font: {
|
||||
size: 14
|
||||
},
|
||||
beginAtZero: true
|
||||
},
|
||||
grid: {
|
||||
lineWidth: 0
|
||||
},
|
||||
title: {
|
||||
display: true,
|
||||
text: 'Tableaux',
|
||||
font: {
|
||||
size: 16
|
||||
}
|
||||
},
|
||||
stacked: true,
|
||||
},
|
||||
x: {
|
||||
ticks: {
|
||||
font: {
|
||||
size: 14
|
||||
},
|
||||
},
|
||||
grid: {
|
||||
lineWidth: 0
|
||||
},
|
||||
stacked: true,
|
||||
},
|
||||
},
|
||||
animation: {
|
||||
duration: 0
|
||||
},
|
||||
responsiveAnimationDuration: 0
|
||||
}
|
||||
responsiveAnimationDuration: 0,
|
||||
},
|
||||
});
|
||||
});
|
||||
});
|
||||
158
scripts/stats.js
158
scripts/stats.js
@ -1,5 +1,9 @@
|
||||
jQuery(document).ready(function($)
|
||||
{
|
||||
document.fonts.ready.then(function() {
|
||||
Chart.defaults.font.family = "'Rubik', Helvetica";
|
||||
Chart.defaults.color = "#000000";
|
||||
|
||||
var canvasMonth = document.getElementById("month").getContext('2d');
|
||||
var chartMonth = new Chart(canvasMonth, {
|
||||
type: 'bar',
|
||||
@ -9,31 +13,43 @@ jQuery(document).ready(function($)
|
||||
label: 'nombre de tableaux',
|
||||
data: [11, 30, 40, 34, 50, 33, 27, 24, 17, 26, 37, 19],
|
||||
backgroundColor: '#2589BD',
|
||||
borderColor: '#187795',
|
||||
borderWidth: 1
|
||||
}]
|
||||
},
|
||||
options: {
|
||||
scales: {
|
||||
yAxes: [{
|
||||
ticks: {
|
||||
beginAtZero: true
|
||||
}, gridLines: {
|
||||
display: false
|
||||
plugins: {
|
||||
tooltip: {
|
||||
mode: 'index',
|
||||
intersect: false,
|
||||
titleFont: {
|
||||
size: 13
|
||||
},
|
||||
bodyFont: {
|
||||
size: 13
|
||||
},
|
||||
scaleLabel: {
|
||||
display: true,
|
||||
labelString: 'Tableaux'
|
||||
}
|
||||
}],
|
||||
xAxes: [{
|
||||
gridLines: {
|
||||
display: false
|
||||
}
|
||||
}]
|
||||
},
|
||||
legend: {
|
||||
display: false
|
||||
display: false,
|
||||
position: "bottom",
|
||||
},
|
||||
},
|
||||
scales: {
|
||||
y: {
|
||||
ticks: {
|
||||
beginAtZero: true
|
||||
},
|
||||
grid: {
|
||||
lineWidth: 0
|
||||
},
|
||||
title: {
|
||||
display: true,
|
||||
text: 'Tableaux'
|
||||
}
|
||||
},
|
||||
xAxes: {
|
||||
grid: {
|
||||
lineWidth: 0
|
||||
},
|
||||
}
|
||||
},
|
||||
animation: {
|
||||
duration: 0
|
||||
@ -51,31 +67,43 @@ jQuery(document).ready(function($)
|
||||
label: 'nombre de tableaux',
|
||||
data: [24, 16, 7, 57, 117, 112, 52],
|
||||
backgroundColor: '#2589BD',
|
||||
borderColor: '#187795',
|
||||
borderWidth: 1
|
||||
}]
|
||||
},
|
||||
options: {
|
||||
scales: {
|
||||
yAxes: [{
|
||||
ticks: {
|
||||
beginAtZero: true
|
||||
}, gridLines: {
|
||||
display: false
|
||||
plugins: {
|
||||
tooltip: {
|
||||
mode: 'index',
|
||||
intersect: false,
|
||||
titleFont: {
|
||||
size: 13
|
||||
},
|
||||
bodyFont: {
|
||||
size: 13
|
||||
},
|
||||
scaleLabel: {
|
||||
display: true,
|
||||
labelString: 'Tableaux'
|
||||
}
|
||||
}],
|
||||
xAxes: [{
|
||||
gridLines: {
|
||||
display: false
|
||||
}
|
||||
}]
|
||||
},
|
||||
legend: {
|
||||
display: false
|
||||
display: false,
|
||||
position: "bottom",
|
||||
},
|
||||
},
|
||||
scales: {
|
||||
y: {
|
||||
ticks: {
|
||||
beginAtZero: true
|
||||
},
|
||||
grid: {
|
||||
lineWidth: 0
|
||||
},
|
||||
title: {
|
||||
display: true,
|
||||
text: 'Tableaux'
|
||||
}
|
||||
},
|
||||
x: {
|
||||
grid: {
|
||||
lineWidth: 0
|
||||
},
|
||||
}
|
||||
},
|
||||
animation: {
|
||||
duration: 0
|
||||
@ -93,31 +121,46 @@ jQuery(document).ready(function($)
|
||||
label: 'nombre de tableaux',
|
||||
data: [2, 42, 173, 59, 107],
|
||||
backgroundColor: '#2589BD',
|
||||
borderColor: '#187795',
|
||||
borderWidth: 1
|
||||
}]
|
||||
},
|
||||
options: {
|
||||
scales: {
|
||||
yAxes: [{
|
||||
ticks: {
|
||||
beginAtZero: true
|
||||
}, gridLines: {
|
||||
display: false
|
||||
plugins: {
|
||||
tooltip: {
|
||||
mode: 'index',
|
||||
intersect: false,
|
||||
titleFont: {
|
||||
size: 13
|
||||
},
|
||||
bodyFont: {
|
||||
size: 13
|
||||
},
|
||||
scaleLabel: {
|
||||
display: true,
|
||||
labelString: 'Tableaux'
|
||||
}
|
||||
}],
|
||||
xAxes: [{
|
||||
gridLines: {
|
||||
display: false
|
||||
}
|
||||
}]
|
||||
},
|
||||
legend: {
|
||||
display: false
|
||||
display: false,
|
||||
position: "bottom",
|
||||
},
|
||||
},
|
||||
responsive: true,
|
||||
scales: {
|
||||
y: {
|
||||
ticks: {
|
||||
beginAtZero: true
|
||||
},
|
||||
grid: {
|
||||
lineWidth: 0
|
||||
},
|
||||
title: {
|
||||
display: true,
|
||||
text: 'Tableaux'
|
||||
},
|
||||
stacked: true,
|
||||
},
|
||||
x: {
|
||||
grid: {
|
||||
lineWidth: 0
|
||||
},
|
||||
stacked: true,
|
||||
}
|
||||
},
|
||||
animation: {
|
||||
duration: 0
|
||||
@ -125,4 +168,5 @@ jQuery(document).ready(function($)
|
||||
responsiveAnimationDuration: 0
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
@ -26,6 +26,10 @@ a {
|
||||
color:#38686A;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color:#2589BD;
|
||||
}
|
||||
|
||||
.gallery a, nav a {
|
||||
text-decoration:none;
|
||||
}
|
||||
@ -372,6 +376,10 @@ article .gallery img {
|
||||
|
||||
/* Painting */
|
||||
|
||||
article.painting {
|
||||
width:unset;
|
||||
}
|
||||
|
||||
article.painting .container {
|
||||
display:flex;
|
||||
flex-direction:row;
|
||||
@ -390,13 +398,14 @@ article.painting .container img {
|
||||
}
|
||||
|
||||
article.painting .container ul.metadata {
|
||||
width:15vw;
|
||||
display:block;
|
||||
margin:auto;
|
||||
margin-left:0;
|
||||
position:absolute;
|
||||
bottom:0;
|
||||
list-style-type:square;
|
||||
padding-left: 1.5rem;
|
||||
list-style-position:outside;
|
||||
}
|
||||
|
||||
article.painting .container ul.metadata .metadata-help {
|
||||
@ -859,9 +868,13 @@ article.infos h4 + p {
|
||||
@media only screen and (max-width:1200px) {
|
||||
article, article.main {
|
||||
width:95vw;
|
||||
text-align:justify;
|
||||
}
|
||||
|
||||
article .center {
|
||||
text-align:left;
|
||||
text-align:justify;
|
||||
}
|
||||
|
||||
article.explorer .center {
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user