feat: implement navbar on compose page

7b2ae432 · Genvictus · 4852a3ce · 7b2ae432 · 7b2ae432 · 7b2ae432
Commit 7b2ae432 authored 1 year ago by Genvictus
--- a/src/app/view/home.php
+++ b/src/app/view/home.php
@@ -18,6 +18,8 @@ require_once PAGE_PATH . "/templates/navbar.php";
    <?php
      echo Navbar();
    ?>
+    <div id="list-post">
+    </div>
  </div>
    <script src="/public/js/home.js"></script>
 </body>

--- a/src/app/view/post.php
+++ b/src/app/view/post.php
+<?php
+    require_once PAGE_PATH . "/templates/navbar.php"
+?>
 <!DOCTYPE html>
 <html lang="en">
@@ -5,34 +9,40 @@
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="/public/css/post.css">
+    <link rel="stylesheet" href="/public/css/shared.css" />
    <link href="https://fonts.googleapis.com/css?family=Rubik" rel="stylesheet">
    <title>Post Page</title>
 </head>
 <body>
-    <section id="overlay">
+    <div class="layout">
-        <img src="/public/assets/Logo.png" alt="Kicau Logo" id="logo">
+        <?php
-        <hr>
+            echo Navbar();
-        <form enctype="multipart/form-data" action="create" method="POST">
+        ?>
-            <h1>Create a post!</h1>
+        <section id="overlay">
-            <section class="post_body">
+            <img src="/public/assets/Logo.png" alt="Kicau Logo" id="logo">
-                <label for="post_body">Type in the box below:</label>
+            <hr>
+            <form enctype="multipart/form-data" action="create" method="POST">
+                <h1>Create a post!</h1>
+                <section class="post_body">
+                    <label for="post_body">Type in the box below:</label>
+                    <br>
+                    <textarea id="post_body" name="post_body" rows="15" cols="70"></textarea>
+                </section>
                <br>
-                <textarea id="post_body" name="post_body" rows="15" cols="70"></textarea>
-            </section>
-            <br>
-            <section class="file">
+                <section class="file">
-                <label for="file_input">Select a file:</label>
+                    <label for="file_input">Select a file:</label>
-                <input type="file" id="file_input" name="file_input">
+                    <input type="file" id="file_input" name="file_input">
-            </section>
+                </section>
-            <hr>
+                <hr>
-            <section class="submission">
+                <section class="submission">
-                <input type="submit" id="btn-post" value="Post">
+                    <input type="submit" id="btn-post" value="Post">
-            </section>
+                </section>
-        </form>
+            </form>
-    </section>
+        </section>
+    </div>
 </body>
 </html>
\ No newline at end of file
--- a/src/app/view/templates/navbar.php
+++ b/src/app/view/templates/navbar.php
@@ -35,8 +35,6 @@ function Navbar()
            </a>
        </div>
    </div>
-    <div id="list-post">
-    </div>
  EOT;
  return $html;

--- a/src/public/css/shared.css
+++ b/src/public/css/shared.css
@@ -23,7 +23,7 @@ body{
 .layout {
    display: grid;
-    grid-template-columns: 275px auto 150px;
+    grid-template-columns: 275px auto auto;
    /* margin: auto; */
    /* max-width: 2200px; */
 }