feat: better link view for projects

vas3k · Jun 18, 2024 · a102a3a · a102a3a
1 parent 56a1873
commit a102a3a
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 5 deletions.
diff --git 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
@@ -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;