Add author name to gallery card

noeltock · Dec 17, 2024 · 7089ec7 · 7089ec7
1 parent e1f2609
commit 7089ec7
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 8 deletions.
diff --git a/src/gallery/content.json b/src/gallery/content.json
@@ -2,7 +2,7 @@
   {
     "id": 1,
     "authorName": "OKSANA MEISTER",
-    "pictureName": "the sunrise near the Rivne",
+    "pictureName": "The sunrise near the Rivne",
     "pictureDescription": "The photos is a part of the DUO series, which I worked on in 2023. This work is about finding an alternative time of security.",
     "pictureSize": "80x55",
     "picturePreview": "gallery/oksana_meister_1.jpg",
@@ -82,7 +82,7 @@
   {
     "id": 26,
     "authorName": "NAZAR FURYK",
-    "pictureName": "untitled / from the series Landmark / Ukrainian forest. A place of fierce battles / Kyiv region / 2022",
+    "pictureName": "Untitled / from the series Landmark / Ukrainian forest. A place of fierce battles / Kyiv region / 2022",
     "pictureDescription": "Ukrainian forest. A place of fierce battles.",
     "pictureSize": "30x40",
     "picturePreview": "gallery/nazar_furyk_1.jpg",
@@ -92,7 +92,7 @@
   {
     "id": 27,
     "authorName": "NAZAR FURYK",
-    "pictureName": "untitled / from the series Landmark / Ukrainian forest. A place of fierce battles / Kyiv region / 2023",
+    "pictureName": "Untitled / from the series Landmark / Ukrainian forest. A place of fierce battles / Kyiv region / 2023",
     "pictureDescription": "Ukrainian forest. A place of fierce battles.",
     "pictureSize": "30x40",
     "picturePreview": "gallery/nazar_furyk_1.jpg",
@@ -112,7 +112,7 @@
   {
     "id": 9,
     "authorName": "DARIA SVERTILOVA",
-    "pictureName": "flowers at home",
+    "pictureName": "Flowers at home",
     "pictureDescription": "",
     "pictureSize": "40x52",
     "picturePreview": "gallery/daria_svertilova_1.jpg",
@@ -122,7 +122,7 @@
   {
     "id": 10,
     "authorName": "Aria Shahrokhshahi",
-    "pictureName": "from Sketchbook Volume 2, Ukraine 2024",
+    "pictureName": "From Sketchbook Volume 2, Ukraine 2024",
     "pictureDescription": "",
     "pictureSize": "75x60",
     "picturePreview": "https://drive.google.com/drive/folders/19xzYhqzw6643LSjdO7mNORso4mk9Qp1S",
@@ -132,7 +132,7 @@
   {
     "id": 11,
     "authorName": "Vadim Khudoliy",
-    "pictureName": "absolute spontaneity 2023",
+    "pictureName": "Absolute spontaneity 2023",
     "pictureDescription": "",
     "pictureSize": "64x34",
     "picturePreview": "https://drive.google.com/drive/folders/16lZQcLuCnYcugYE_bjEF9QIIPoMt83MJ",
@@ -162,7 +162,7 @@
   {
     "id": 14,
     "authorName": "Ira Lupu",
-    "pictureName": "no name/без назви September 2024",
+    "pictureName": "No name, September 2024",
     "pictureDescription": "Khrystyna and Evhen in Vasilkiv Carpathians",
     "pictureSize": "70x47",
     "picturePreview": "https://drive.google.com/drive/folders/1anB1b1LeFgCL14wa8vh22btpUX-itAyp",

diff --git a/src/main-styles.css b/src/main-styles.css
@@ -1086,4 +1086,8 @@ video {
 
 .gallery-image{
   height: 200px;
+}
+
+.italic {
+  font-style: italic;
 }
diff --git a/src/script.js b/src/script.js
@@ -58,7 +58,7 @@ function createGalleryCard(item) {
 
     const descriptionDiv = document.createElement('div');
     descriptionDiv.classList.add('bg-[rgba(0,0,0,0.8)]', 'text-center', 'text-hat', 'p-2', 'pb-5', 'leading-6');
-    descriptionDiv.innerHTML = `<strong>${title}</strong><br />${pictureSize}<br />${price}`;
+    descriptionDiv.innerHTML = `<strong>${title}</strong><br /><p class="italic">${authorName}</p>${pictureSize}<br />${price}`;
 
     galleryDiv.appendChild(descriptionDiv); // Добавляем описание и кнопки под изображением