Abstraced the logged in header into a template file and included it on the index and page pages.

philipnorton42 · philipnorton42 · commit c8923de66308 · 2024-08-10T17:11:12.000+01:00
diff --git a/header.php b/header.php
@@ -0,0 +1,11 @@
+<div class="container">
+  <header class="d-flex flex-wrap py-3 mb-4 border-bottom">
+    <a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none">
+      <span class="fs-4">Authentication Example</span>
+    </a>
+
+    <ul class="nav nav-pills">
+      <li class="nav-item"><a href=/logout.php#" class="nav-link">Log out</a></li>
+    </ul>
+  </header>
+</div>
diff --git a/web/index.php b/web/index.php
@@ -17,21 +17,11 @@
         <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
     </head>
     <body>
-        <div class="container">
-            <header class="d-flex flex-wrap py-3 mb-4 border-bottom">
-                <a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none">
-                    <span class="fs-4">Authentication Example</span>
-                </a>
-
-                <ul class="nav nav-pills">
-                    <li class="nav-item"><a href=/logout.php#" class="nav-link">Log out</a></li>
-                </ul>
-            </header>
-        </div>
+        <?php include '../header.php'; ?>
 
         <div class="container">
             <h1>Homepage</h1>
-            <p>Welcome <?php echo $_SESSION['name']; ?></p>
+            <p>Welcome <?php echo htmlspecialchars($_SESSION['name']); ?></p>
             <p><a href="/page.php">Visit inner page.</a></p>
         </div>
     </body>
diff --git a/web/page.php b/web/page.php
@@ -17,17 +17,8 @@
         <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
     </head>
     <body>
-        <div class="container">
-            <header class="d-flex flex-wrap py-3 mb-4 border-bottom">
-                <a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none">
-                    <span class="fs-4">Authentication Example</span>
-                </a>
+    <?php include '../header.php'; ?>
 
-                <ul class="nav nav-pills">
-                    <li class="nav-item"><a href=/logout.php#" class="nav-link">Log out</a></li>
-                </ul>
-            </header>
-        </div>
         <div class="container">
             <h1>Inner Page</h1>
             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ac quam sit amet neque maximus dictum.</p>
