v0.8.2 (#9)v0.8.2

- feat: add page views
- feat: more responsive header size to keep it in one row
- feat: add contacts on main page
- refactor: move like and view count into separate row in blog card

3 files changed, 32 insertions, 7 deletions

diff --git a/views/pages/home-page.html b/views/pages/home-page.html
index 9775ac3..6fd716b 100644
--- a/views/pages/home-page.html
+++ b/views/pages/home-page.html
@@ -10,6 +10,7 @@
             <p class="text-[2vmax]/[2] -indent-[2vmax] ml-[2vmax] p-[0.4vmax]">{{ .L.HomePage.Hymn3 }}</p>
             <p class="text-[2vmax]/[2] -indent-[2vmax] ml-[2vmax] p-[0.4vmax]">{{ .L.HomePage.Hymn4 }}</p>
         </div>
+
         <div class="flex flex-col justify-center items-center">
             <p class="text-[2vmax] w-full font-spectral italic text-left
                 border-l-[0.4vmax] border-solid border-(--background-dark-color)
@@ -24,6 +25,27 @@
     </div>
 
     <div class="ar-gt-0.6:flex-2/5 justify-center content-start p-[5%]">
+        <div class="flex flex-col justify-center items-start mb-[2vmax]">
+            <p class="text-[2vmax] w-full font-spectral italic text-left
+                border-l-[0.4vmax] border-solid border-(--background-dark-color)
+                bg-gradient-to-r from-(--background-dark-color) to-(--background-light-color)">{{ .L.HomePage.Contacts }}</p>
+            <a href="https://t.me/EarlInisMona">
+                <i class="fa-brands fa-telegram w-[1vmax] h-[1vmax] mr-[0.4vmax]"></i>
+                <span class="font-bold">Telegram:</span>
+                <span>@EarlInisMona</span>
+            </a>
+            <a href="https://discord.com/users/356057270951346176">
+                <i class="fa-brands fa-discord w-[1vmax] h-[1vmax] mr-[0.4vmax]"></i>
+                <span class="font-bold">Discord:</span>
+                <span>montferrat</span>
+            </a>
+            <a href="mailto:saya.andy@posteo.com">
+                <i class="fas fa-envelope w-[1vmax] h-[1vmax] mr-[0.4vmax]"></i>
+                <span class="font-bold">E-mail:</span>
+                <span>saya.andy@posteo.com</span>
+            </a>
+        </div>
+
         <div class="flex relative aspect-square justify-center content-center mb-[2vmax]">
             {{- range $_ := iterate .FilledHeartCount }}
                 <div class="home-page-heart z-50">♥</div>
diff --git a/views/partials/catalogue-blog-cards.html b/views/partials/catalogue-blog-cards.html
index 06d99d5..37b3f57 100644
--- a/views/partials/catalogue-blog-cards.html
+++ b/views/partials/catalogue-blog-cards.html
@@ -8,14 +8,17 @@
                 <span class="font-extrabold">{{ .Title }}</span>
                 <span class="font-extrabold select-none text-secondary">//</span>
                 <span class="italic text-secondary">{{ .ActionDate }}</span>
-                <span class="font-extrabold select-none text-secondary">//</span>
-                <i class="fas fa-thumbs-up w-[1vmax] h-[1vmax]"></i>
-                <span class="italic text-secondary">{{ .LikeCount }}</span>
             </a>
-            <div hx-trigger="click from:#user_search_bar" hx-get="/endpoint1" hx-target="#users-list"></div>
             <p class="flex-3/12 grow-0 text-[1vmax] italic text-secondary text-right">{{ .PublishedTime }}</p>
         </div>
         <p class="text-[1vmax] text-main-dark">{{ .ShortDescription }}</p>
+        <p class="text-[1vmax] text-secondary italic">
+            <i class="fas fa-thumbs-up w-[1vmax] h-[1vmax]"></i>
+            <span>{{ .LikeCount }}</span>
+            <span class="font-extrabold select-none">//</span>
+            <i class="fas fa-eye w-[1vmax] h-[1vmax]"></i>
+            <span>{{ .ViewCount }}</span>
+        </p>
         <p class="text-[1vmax] text-secondary">{{ $.L.TagsLabel }} {{ template "catalogue-blog-card-tags.html" . }}</p>
     </div>
 </div>
diff --git a/views/partials/general-page-header.html b/views/partials/general-page-header.html
index 63803bd..6cb87b7 100644
--- a/views/partials/general-page-header.html
+++ b/views/partials/general-page-header.html
@@ -1,8 +1,8 @@
 <div {{ if .PublishedDate }} hx-get="/api/v1/tz" hx-vals='js:{timestamp: "{{ .PublishedDate }}", tz: clientTimeZone}' hx-target="#published-date" hx-swap="innerHTML" hx-trigger="load" {{ end }}
     class="flex flex-row mb-[0.4vmin]">
     <i onclick="changeUrl('/../', true);" class="fas fa-circle-left hover:bg-main-dark hover:bg-opacity-10 cursor-pointer transition-colors duration-300 rounded-md text-[2vmax] mt-auto mb-auto px-[0.8vmin]"></i>
-    <p class="text-[2vmax] font-spectral italic font-extrabold select-none mt-auto pl-[0.8vmin] pr-[1.2vmin]">//</p>
-    <p class="text-[2vmax] font-spectral italic text-left mt-auto">{{ .Title }}</p>
-    <p id="published-date" class="grow text-[1.5vmax] font-spectral text-secondary text-right mt-auto">{{ .PublishedDate }}</p>
+    <p class="text-[2.5vmin] font-spectral italic font-extrabold select-none mt-auto pl-[0.8vmin] pr-[1.2vmin]">//</p>
+    <p class="text-[2.5vmin] font-spectral italic text-left mt-auto">{{ .Title }}</p>
+    <p id="published-date" class="grow text-[1.75vmin] font-spectral text-secondary text-right mt-auto">{{ .PublishedDate }}</p>
 </div>
 {{ block "header" . }}{{ end }}