공개: 저장소 링크와 이미지 렌더링 정비

SHOWCASE.md

@@ -25,26 +25,23 @@ KoTalk의 현재 공개 표면을 짧게 훑어보는 문서가 아니라, 지
 
 ### Desktop Screens
 
-<table>
-  <tr>
-    <td align="center">
-      <img src="docs/assets/latest/hero-shell.png" alt="Desktop shell" width="520"><br>
-      <strong>Desktop shell</strong><br>
-      <sub>현재 데스크톱 전체 셸의 구조와 밀도</sub>
-    </td>
-    <td align="center">
-      <img src="docs/assets/latest/onboarding.png" alt="Desktop onboarding" width="520"><br>
-      <strong>Desktop onboarding</strong><br>
-      <sub>첫 진입에서 먼저 보이는 정보</sub>
-    </td>
-  </tr>
-</table>
+#### Desktop shell
 
-<p align="center">
-  <img src="docs/assets/latest/conversation.png" alt="Desktop conversation" width="430"><br>
-  <strong>Desktop conversation</strong><br>
-  <sub>실제 대화 화면의 읽기 흐름과 입력 밀도</sub>
-</p>
+![Desktop shell](docs/assets/latest/hero-shell.png)
+
+현재 데스크톱 전체 셸의 구조와 밀도
+
+#### Desktop onboarding
+
+![Desktop onboarding](docs/assets/latest/onboarding.png)
+
+첫 진입에서 먼저 보이는 정보
+
+#### Desktop conversation
+
+![Desktop conversation](docs/assets/latest/conversation.png)
+
+실제 대화 화면의 읽기 흐름과 입력 밀도
 
 ## Mobile Web Walkthrough
 
@@ -59,38 +56,35 @@ KoTalk의 현재 공개 표면을 짧게 훑어보는 문서가 아니라, 지
 
 ### Mobile Web Screens
 
-<table>
-  <tr>
-    <td align="center">
-      <img src="docs/assets/latest/vstalk-web-onboarding.png" alt="Mobile onboarding" width="220"><br>
-      <strong>Onboarding</strong><br>
-      <sub>초기 진입과 가입 흐름</sub>
-    </td>
-    <td align="center">
-      <img src="docs/assets/latest/vstalk-web-list.png" alt="Mobile inbox" width="220"><br>
-      <strong>Inbox</strong><br>
-      <sub>현재 받은함 구조</sub>
-    </td>
-    <td align="center">
-      <img src="docs/assets/latest/vstalk-web-search.png" alt="Mobile search" width="220"><br>
-      <strong>Search</strong><br>
-      <sub>검색과 재발견 흐름</sub>
-    </td>
-  </tr>
-  <tr>
-    <td align="center">
-      <img src="docs/assets/latest/vstalk-web-saved.png" alt="Mobile saved" width="220"><br>
-      <strong>Saved</strong><br>
-      <sub>보관과 후속조치 허브</sub>
-    </td>
-    <td align="center">
-      <img src="docs/assets/latest/vstalk-web-chat.png" alt="Mobile chat" width="220"><br>
-      <strong>Chat</strong><br>
-      <sub>모바일 대화 화면의 현재 밀도</sub>
-    </td>
-    <td></td>
-  </tr>
-</table>
+#### Onboarding
+
+![Mobile onboarding](docs/assets/latest/vstalk-web-onboarding.png)
+
+초기 진입과 가입 흐름
+
+#### Inbox
+
+![Mobile inbox](docs/assets/latest/vstalk-web-list.png)
+
+현재 받은함 구조
+
+#### Search
+
+![Mobile search](docs/assets/latest/vstalk-web-search.png)
+
+검색과 재발견 흐름
+
+#### Saved
+
+![Mobile saved](docs/assets/latest/vstalk-web-saved.png)
+
+보관과 후속조치 허브
+
+#### Chat
+
+![Mobile chat](docs/assets/latest/vstalk-web-chat.png)
+
+모바일 대화 화면의 현재 밀도
 
 ## Build And Artifact Shelf