PostV1

index.html

@@ -226,6 +226,35 @@
             </button>
         </nav>
     </div>
+
+    <!-- Create Post View -->
+    <div id="create-post-view" class="hidden">
+        <header class="feed-header">
+            <button class="text-btn" id="cancel-post-btn">Cancel</button>
+            <span class="header-title">New Post</span>
+            <button class="text-btn accent" id="share-post-btn">Share</button>
+        </header>
+
+        <div class="post-creation-area">
+            <div class="image-upload-wrapper" id="upload-trigger">
+                <input type="file" id="post-image-input" accept="image/*" hidden>
+                <div class="upload-placeholder">
+                    <svg viewBox="0 0 24 24" width="48" height="48" stroke="white" fill="none" stroke-width="1">
+                        <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+                        <circle cx="8.5" cy="8.5" r="1.5"></circle>
+                        <polyline points="21 15 16 10 5 21"></polyline>
+                    </svg>
+                    <span>Tap to Select Photo</span>
+                </div>
+                <img id="image-preview" class="hidden" src="" alt="Preview">
+            </div>
+
+            <div class="caption-wrapper">
+                <img src="https://i.pravatar.cc/150?img=12" alt="User" class="avatar-sm">
+                <textarea id="post-caption-input" placeholder="Write a caption..."></textarea>
+            </div>
+        </div>
+    </div>
     <script src="script.js"></script>
 </body>