From d1a861a33b01a5d0ac4b4c9d6d6a4b27e715c342 Mon Sep 17 00:00:00 2001
From: grey-cat-1908 <grey.cat1908@gmail.com>
Date: Fri, 8 Nov 2024 19:43:41 +0300
Subject: [PATCH] better ui for gallery && more photos

---
 README.md                          |  1 +
 build.py                           |  4 +--
 content/gallery/meta.json          |  7 ++++++
 content/gallery/qatar/gallery.data | 40 ++++++++++++++++++++++++++++++
 templates/blog.html                |  1 +
 templates/gallery.html             | 21 ++++++++++++++++
 templates/general.html             |  1 +
 7 files changed, 72 insertions(+), 3 deletions(-)
 create mode 100644 content/gallery/meta.json

diff --git a/README.md b/README.md
index 18c5646..3247f66 100644
--- a/README.md
+++ b/README.md
@@ -14,6 +14,7 @@ At the moment, the site is hosted on CloudFlare Pages, but once GitVerse Pages i
 
 - [/](https://mrkrk.me/) - Main page
 - [/projects](https://mrkrk.me/projects) - List of projects
+- [/gallery](https://mrkrk.me/gallery) - My photos gallery
 - [/blog](https://mrkrk.me/blog) - Old blog posts
 
 **NOTE:** After deleting my Telegram channel, I wanted to delete all my blog posts. However, I decided not to delete the publications from this site, so the page is just hidden, but you can still access it. 
diff --git a/build.py b/build.py
index 85aec04..5aa93c1 100644
--- a/build.py
+++ b/build.py
@@ -116,9 +116,7 @@ def process_content_directory(source_dir, target_dir):
             process_content_directory(source_path, target_path)
         else:
             if filename.endswith(".md"):
-                par = os.path.relpath(source_path, start="content").split(
-                    os.sep
-                )
+                par = os.path.relpath(source_path, start="content").split(os.sep)
                 status = 0
 
                 if "blog" in par:
diff --git a/content/gallery/meta.json b/content/gallery/meta.json
new file mode 100644
index 0000000..ece89af
--- /dev/null
+++ b/content/gallery/meta.json
@@ -0,0 +1,7 @@
+{
+    "title": "Gallery",
+    "tags": {
+      "description": "Main page of mrkrk's gallery"
+    },
+    "og": {}
+}
diff --git a/content/gallery/qatar/gallery.data b/content/gallery/qatar/gallery.data
index d965c47..239ae88 100644
--- a/content/gallery/qatar/gallery.data
+++ b/content/gallery/qatar/gallery.data
@@ -6,5 +6,45 @@
     {
       src: "https://cdn.mrkrk.me/img/doha-qatar/im2.jpg",
       subHtml: `<h4>Photo by <a href="https://mrkrk.me/">Viktor K.</a></h4><p>Published on November 06, 2024</p>`,
+    },
+    {
+      src: "https://cdn.mrkrk.me/img/doha-qatar/im3.jpg",
+      subHtml: `<h4>Photo by <a href="https://mrkrk.me/">Viktor K.</a></h4><p>Published on November 08, 2024</p>`,
+    },
+    {
+      src: "https://cdn.mrkrk.me/img/doha-qatar/im4.jpg",
+      subHtml: `<h4>Photo by <a href="https://mrkrk.me/">Viktor K.</a></h4><p>Published on November 08, 2024</p>`,
+    },
+    {
+      src: "https://cdn.mrkrk.me/img/doha-qatar/im5.jpg",
+      subHtml: `<h4>Photo by <a href="https://mrkrk.me/">Viktor K.</a></h4><p>Published on November 08, 2024</p>`,
+    },
+    {
+      src: "https://cdn.mrkrk.me/img/doha-qatar/im6.jpg",
+      subHtml: `<h4>Photo by <a href="https://mrkrk.me/">Viktor K.</a></h4><p>Published on November 08, 2024</p>`,
+    },
+    {
+      src: "https://cdn.mrkrk.me/img/doha-qatar/im7.jpg",
+      subHtml: `<h4>Photo by <a href="https://mrkrk.me/">Viktor K.</a></h4><p>Published on November 08, 2024</p>`,
+    },
+    {
+      src: "https://cdn.mrkrk.me/img/doha-qatar/im8.jpg",
+      subHtml: `<h4>Photo by <a href="https://mrkrk.me/">Viktor K.</a></h4><p>Published on November 08, 2024</p>`,
+    },
+    {
+      src: "https://cdn.mrkrk.me/img/doha-qatar/im9.jpg",
+      subHtml: `<h4>Photo by <a href="https://mrkrk.me/">Viktor K.</a></h4><p>Published on November 08, 2024</p>`,
+    },
+    {
+      src: "https://cdn.mrkrk.me/img/doha-qatar/verblud.jpg",
+      subHtml: `<h4>Photo by <a href="https://mrkrk.me/">Viktor K.</a></h4><p>Published on November 08, 2024</p>`,
+    },
+    {
+      src: "https://cdn.mrkrk.me/img/doha-qatar/loshad.jpg",
+      subHtml: `<h4>Photo by <a href="https://mrkrk.me/">Viktor K.</a></h4><p>Published on November 08, 2024</p>`,
+    },
+    {
+      src: "https://cdn.mrkrk.me/img/doha-qatar/bird.jpg",
+      subHtml: `<h4>Photo by <a href="https://mrkrk.me/">Viktor K.</a></h4><p>Published on November 08, 2024</p>`,
     }
 ]
diff --git a/templates/blog.html b/templates/blog.html
index 698ea3e..512a527 100644
--- a/templates/blog.html
+++ b/templates/blog.html
@@ -21,6 +21,7 @@
       <b>mrkrk</b>
       <a href="/">Home</a>
       <a href="/projects">Projects</a>
+      <a href="/gallery">Gallery</a>
     </nav>
     <main class="mc">{{%CONTENT%}}</main>
     <script>
diff --git a/templates/gallery.html b/templates/gallery.html
index c1a1474..c19044c 100644
--- a/templates/gallery.html
+++ b/templates/gallery.html
@@ -10,12 +10,32 @@
 
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.2/css/lightgallery.min.css" integrity="sha512-F2E+YYE1gkt0T5TVajAslgDfTEUQKtlu4ralVq78ViNxhKXQLrgQLLie8u1tVdG2vWnB3ute4hcdbiBtvJQh0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.2/css/lg-zoom.min.css" integrity="sha512-vIrTyLijDDcUJrQGs1jduUCSVa3+A2DaWpVfNyj4lmXkqURVQJ8LL62nebC388QV3P4yFBSt/ViDX8LRW0U6uw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+  
+    <style>
+      #gallery {
+        padding: 20px 60px;
+        border-radius: 10px;
+        background: none;
+        color: white;
+        border-color: white;
+        border: dashed;
+        width: 100%;
+        font-weight: bold;
+        font-size: 1.03em;
+        margin-top: 0.5rem;
+      }
+
+      #gallery:hover {
+          transform: translateY(-2px);
+      }
+    </style>
   </head>
   <body>
     <nav>
       <b>mrkrk</b>
       <a href="/">Home</a>
       <a href="/projects">Projects</a>
+      <a href="/gallery">Gallery</a>
     </nav>
     <main class="mc">
       {{%CONTENT%}}
@@ -29,6 +49,7 @@
         licenseKey: "878B9FB0-9D9145BB-819AB58C-184A267D",
         download: false,
         dynamic: true,
+        closeOnTap: false,
         plugins: [lgZoom],
         dynamicEl: {{%GALLERY%}}
       });
diff --git a/templates/general.html b/templates/general.html
index 20f1b7d..ad38d62 100644
--- a/templates/general.html
+++ b/templates/general.html
@@ -13,6 +13,7 @@
       <b>mrkrk</b>
       <a href="/">Home</a>
       <a href="/projects/">Projects</a>
+      <a href="/gallery">Gallery</a>
     </nav>
     <main class="mc">{{%CONTENT%}}</main>
   </body>