show preview card

src/main/resources/templates/profil.vm

@@ -19,7 +19,7 @@
         }
 
         .container {
-            max-width: 600px;
+            max-width: 960px;
             margin: 0 auto;
             background: #282c37;
             min-height: 100vh;
@@ -218,7 +218,7 @@
 
         .media-item img {
             width: 100%;
-            height: 200px;
+            height: 360px;
             object-fit: cover;
             cursor: pointer;
         }
@@ -335,6 +335,16 @@
 #end
     			    </div>
 				</div>
+#else
+#if( $post.card )
+				<div class="post-media">
+				    <div class="media-grid single">
+ 				        <div class="media-item">
+ 				            <img src="$post.card.image" alt="$post.card.description" onclick="window.open('$post.card.url', '_blank')"> 
+    			        </div>
+    			    </div>
+				</div>
+#end
 #end
 				<div class="post-stats">
 				  	<span>🔄 $post.reblogs_count</span>
@@ -402,6 +412,16 @@
 #end
     			    </div>
 				</div>
+#else
+#if( $post.card )
+				<div class="post-media">
+				    <div class="media-grid single">
+ 				        <div class="media-item">
+ 				            <img src="$post.card.image" alt="$post.card.description" onclick="window.open('$post.card.url', '_blank')"> 
+    			        </div>
+    			    </div>
+				</div>
+#end
 #end
 				<div class="post-stats">
 				  	<span>🔄 $post.reblogs_count</span>