better ui for gallery && more photos

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. 

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(
+                par = os.path.relpath(source_path, start="content").split(os.sep)
-                    os.sep
-                )
                 status = 0
 
                 if "blog" in par:

content/gallery/meta.json

@@ -0,0 +1,7 @@
+{
+    "title": "Gallery",
+    "tags": {
+      "description": "Main page of mrkrk's gallery"
+    },
+    "og": {}
+}

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>`,
     }
 ]

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>

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%}}
       });

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>