From a102a3a7888bbd42ff437a9e1840f6d0c887b58d Mon Sep 17 00:00:00 2001
From: vas3k <me@vas3k.ru>
Date: Tue, 18 Jun 2024 13:29:41 +0200
Subject: [PATCH] feat: better link view for projects

---
 frontend/html/posts/show/project.html    | 15 ++++++++++-----
 frontend/static/css/components/posts.css | 11 +++++++++++
 2 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/frontend/html/posts/show/project.html b/frontend/html/posts/show/project.html
index fb9cf1456..6697e46a1 100644
--- a/frontend/html/posts/show/project.html
+++ b/frontend/html/posts/show/project.html
@@ -3,7 +3,7 @@
 {% load posts %}
 {% load text_filters %}
 
-{# this type in inherited from "post" #}
+{# this type is inherited from "post" #}
 {% block post_header %}
     <header class="post-header">
         <div class="post-title p-name">
@@ -42,10 +42,15 @@
             {% endif %}
 
             {% if post.image %}
-                <div class="post-image">
-                    <a href="{{ post.url }}" target="_blank" rel="noopener">
-                        <img src="{{ post.image }}" alt="{{ post.title }}">
-                    </a>
+                <div class="post-project-image block">
+                    <div class="post-image">
+                        <a href="{{ post.url }}" target="_blank" rel="noopener">
+                            <img src="{{ post.image }}" alt="{{ post.title }}">
+                        </a>
+                    </div>
+                    <div class="post-project-link">
+                        <a href="{{ post.url }}" target="_blank" rel="noopener">{{ post.url }}</a>
+                    </div>
                 </div>
             {% endif %}
         </div>
diff --git a/frontend/static/css/components/posts.css b/frontend/static/css/components/posts.css
index 6817c1b3e..e18577cf2 100644
--- a/frontend/static/css/components/posts.css
+++ b/frontend/static/css/components/posts.css
@@ -212,6 +212,17 @@
         max-width: 100%;
     }
 
+    .post-project-image .post-image {
+        padding-top: 0;
+        margin-bottom: 30px;
+        max-height: none;
+    }
+
+    .post-project-link {
+        font-size: 200%;
+        font-weight: 600;
+    }
+
 .text-body {
     position: relative;
     font-style: normal;