From 133ebb443ff99acafab4bd86f74b6427f37eca2d Mon Sep 17 00:00:00 2001
From: Kentai Radiquum <kentai.waah@gmail.com>
Date: Fri, 10 Jan 2025 17:41:08 +0500
Subject: [PATCH] feat: add Telegram Photo Channel Link

---
 index.html                | 16 +++++++++++++---
 static/i18n/strings/ru.js |  4 +++-
 static/tailwind.css       | 18 +++++++++++++-----
 3 files changed, 29 insertions(+), 9 deletions(-)

diff --git a/index.html b/index.html
index f91ec34..195a482 100644
--- a/index.html
+++ b/index.html
@@ -305,6 +305,16 @@
                                 PHOTOS</p>
                         </div>
                     </div>
+                    <a class="hover:border-bg-blue border-transparent border-2 border-solid transition-[border-color] w-full aspect-[2/1] max-h-[182px] overflow-hidden rounded-lg"
+                        href="https://t.me/photowah" target="_blank" referrerpolicy="origin">
+                        <div class="flex items-center justify-center w-full h-full gap-4 p-4 text-white bg-[#2f7ca3]">
+                            <img class="w-16 h-16" alt="" src="./static/assets/Telegram.png" />
+                            <div class="flex flex-col gap-1">
+                                <p class="text-2xl font-medium ">Photo-Wah</p>
+                                <p class="text-base font-light " data-i18n="LNK_PHOTO_PHOTOWAH">My Telegram Photo Channel</p>
+                            </div>
+                        </div>
+                    </a>
                     <a class="hover:border-bg-blue w-[170px] xs:flex-1 border-transparent border-2 border-solid transition-[border-color] aspect-square overflow-hidden rounded-lg"
                         href="https://pixey.org/radiquum" target="_blank" referrerpolicy="origin">
                         <div class="flex flex-col justify-around w-full h-full p-4 text-white bg-[#353231]">
@@ -326,12 +336,12 @@
                         </div>
                     </a>
                     <a class="hover:border-bg-blue border-transparent border-2 border-solid transition-[border-color] w-full aspect-[2/1] max-h-[182px] overflow-hidden rounded-lg"
-                        href="https://wah.su/photos" target="_blank" referrerpolicy="origin">
+                        href="https://photos.wah.su/share/1bc2wt0jpNrv_zNzq50C5wfBKL6sKj8zPmU6pOYpK7d8hWKyaNWaFGkFD4-r5bcY7Q0" target="_blank" referrerpolicy="origin">
                         <div class="flex items-center justify-center w-full h-full gap-4 p-4 text-white bg-[#615141]">
                             <img class="w-16 h-16" alt="" src="./static/assets/immich.png" />
                             <div class="flex flex-col gap-1">
-                                <p class="text-2xl font-medium ">wah.su/photos</p>
-                                <p class="text-base font-light " data-i18n="LNK_PHOTO_IMMICH">View gallery like in google photos</p>
+                                <p class="text-2xl font-medium " data-i18n="LNK_PHOTO_IMMICH_TITLE">Online Gallery</p>
+                                <p class="text-base font-light " data-i18n="LNK_PHOTO_IMMICH">Alternative versions and unreleased photos</p>
                             </div>
                         </div>
                     </a>
diff --git a/static/i18n/strings/ru.js b/static/i18n/strings/ru.js
index 06fb6dd..dcd6918 100644
--- a/static/i18n/strings/ru.js
+++ b/static/i18n/strings/ru.js
@@ -46,9 +46,11 @@ const i18n_ru = {
   // LINKS
     LNK_TITLE: "ССЫЛКИ",
   LNK_PHOTO_HEADER: "ФОТОГРАФИИ",
+  LNK_PHOTO_PHOTOWAH: "Мой телеграм канал с фотографиями",
   LNK_PHOTO_PIXEY: "Смотри фото как в инстаграме",
   LNK_PHOTO_INSTAFOPS: "Более фурри фото",
-  LNK_PHOTO_IMMICH: "Смотри фото как в Гугл Фото",
+  LNK_PHOTO_IMMICH_TITLE: "Онлайн Галерея",
+  LNK_PHOTO_IMMICH: "Альтернативные версии и невышедшие фотографии",
   LNK_ARTS_HEADER: "АРТЫ",
   LNK_SOCIALS_HEADER: "СОЦ. СЕТИ",
   LNK_PROJECTS_HEADER: "ПРОЕКТЫ",
diff --git a/static/tailwind.css b/static/tailwind.css
index 96c9561..13c3fde 100644
--- a/static/tailwind.css
+++ b/static/tailwind.css
@@ -1515,6 +1515,11 @@ body {
     text-align: right;
   }
 
+  .sm\:text-3xl {
+    font-size: 1.875rem;
+    line-height: 2.25rem;
+  }
+
   .sm\:text-4xl {
     font-size: 2.25rem;
     line-height: 2.5rem;
@@ -1530,11 +1535,6 @@ body {
     line-height: 1.75rem;
   }
 
-  .sm\:text-3xl {
-    font-size: 1.875rem;
-    line-height: 2.25rem;
-  }
-
   .sm\:no-underline {
     text-decoration-line: none;
   }
@@ -1561,6 +1561,10 @@ body {
     display: inline;
   }
 
+  .md\:grid {
+    display: grid;
+  }
+
   .md\:hidden {
     display: none;
   }
@@ -1573,6 +1577,10 @@ body {
     width: auto;
   }
 
+  .md\:grid-cols-fluid {
+    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+  }
+
   .md\:gap-4 {
     gap: 1rem;
   }