better ui for gallery && more photos

This commit is contained in:
grey-cat-1908 2024-11-08 19:43:41 +03:00
parent fa256d31f1
commit d1a861a33b
7 changed files with 72 additions and 3 deletions

View file

@ -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.

View file

@ -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:

View file

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

View file

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

View file

@ -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>

View file

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

View file

@ -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>