Refactor code structure for improved readability and maintainability

mrepol742 · mrepol742 · commit 9a95a5d0e331 · 2025-08-18T20:56:18.000+08:00
diff --git a/assets/images/ulisha-store-cover.png b/assets/images/ulisha-store-cover.png
diff --git a/includes/footer.php b/includes/footer.php
@@ -1,37 +1,6 @@
 <footer class="mt-5">
   <div class="container">
     <div class="row footer-row">
-      <div class="col-xl-4 col-lg-4 col-md-7 col-sm-7 col-xs-12">
-        <a href="https://facebook.com/melvinjonesrepol" aria-label="Facebook" target="_blank">
-          <i class="fa-brands fa-facebook px-1"></i>
-        </a>
-        <a href="https://instagram.com/melvinjonesrepol" aria-label="Instagram" target="_blank">
-          <i class="fa-brands fa-instagram px-1"></i>
-        </a>
-        <a href="https://pinterest.com/mrepol742" aria-label="Pinterest" target="_blank">
-          <i class="fa-brands fa-pinterest px-1"></i>
-        </a>
-        <a href="https://twitter.com/mrepol742" aria-label="Twitter" target="_blank">
-          <i class="fa-brands fa-twitter px-1"></i>
-        </a>
-        <a href="https://github.com/mrepol742" aria-label="Github" target="_blank">
-          <i class="fa-brands fa-github px-1"></i>
-        </a>
-        <a href="https://linkedin.com/in/mrepol742" aria-label="LinkedIn" target="_blank">
-          <i class="fa-brands fa-linkedin px-1"></i>
-        </a>
-        <a href="https://steamcommunity.com/id/mrepol742/" aria-label="Steam" target="_blank">
-          <i class="fa-brands fa-steam px-1"></i>
-        </a>
-        <a href="https://youtube.com/@mrepol742" aria-label="Youtube" target="_blank">
-          <i class="fa-brands fa-youtube px-1"></i> </a><br />
-        <p>&copy; <?php echo date("Y"); ?>, Melvin Jones Gallano Repol, All Rights Reserved. <br><br>Other brands or product names are the trademarks of their respective owners.</p>
-        <p class="text-muted">
-          My websites may contain links to other sites and resources provided by third parties. These links are provided for your convenience only. I do not have control over the contents of those sites or resources, and accepts no responsibility for them or for any loss or damage that may arise from your use of them.</p>
-        <a href="https://www.melvinjonesrepol" class="text-muted">www.melvinjonesrepol.com</a>
-      </div>
-      <div class="col-xl-1 col-lg-1 col-md-1 col-sm-1 col-xs-12">
-      </div>
       <div class="col-xl-2 col-lg-2 col-md-5 col-sm-5 col-xs-12">
         <h5>Links</h5>
         <ul class="nav flex-column">
@@ -101,6 +70,34 @@
           </li>
         </ul>
       </div>
+      <div class="col-xl-1 col-lg-1 col-md-1 col-sm-1 col-xs-12">
+      </div>
+      <div class="col-xl-4 col-lg-4 col-md-7 col-sm-7 col-xs-12">
+        <a href="https://facebook.com/melvinjonesrepol" aria-label="Facebook" target="_blank">
+          <i class="fa-brands fa-facebook px-1"></i>
+        </a>
+        <a href="https://instagram.com/melvinjonesrepol" aria-label="Instagram" target="_blank">
+          <i class="fa-brands fa-instagram px-1"></i>
+        </a>
+        <a href="https://pinterest.com/mrepol742" aria-label="Pinterest" target="_blank">
+          <i class="fa-brands fa-pinterest px-1"></i>
+        </a>
+        <a href="https://twitter.com/mrepol742" aria-label="Twitter" target="_blank">
+          <i class="fa-brands fa-twitter px-1"></i>
+        </a>
+        <a href="https://github.com/mrepol742" aria-label="Github" target="_blank">
+          <i class="fa-brands fa-github px-1"></i>
+        </a>
+        <a href="https://linkedin.com/in/mrepol742" aria-label="LinkedIn" target="_blank">
+          <i class="fa-brands fa-linkedin px-1"></i>
+        </a>
+        <a href="https://steamcommunity.com/id/mrepol742/" aria-label="Steam" target="_blank">
+          <i class="fa-brands fa-steam px-1"></i>
+        </a>
+        <a href="https://youtube.com/@mrepol742" aria-label="Youtube" target="_blank">
+          <i class="fa-brands fa-youtube px-1"></i> </a><br />
+        <p>&copy; <?php echo date("Y"); ?>, Melvin Jones Gallano Repol. All Rights Reserved.</p>
+      </div>
     </div>
   </div>
 </footer>
diff --git a/includes/nav.php b/includes/nav.php
@@ -1,7 +1,7 @@
 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TFD9TXR" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
-<div class="bg-primary p-2 shadow text-center text-white fs-6">
+<!-- <div class="bg-primary p-2 shadow text-center text-white fs-6">
     At last we have a new website! <a href="https://www.melvinjonesrepol.com" class="text-white fw-bold">www.melvinjonesrepol.com</a>!<br>
-</div>
+</div> -->
 <header class="autohide navbar navbar-expand-lg fixed-top scrolled-up scrolled-up-tr">
     <nav class="container-fluid">
         <a class="navbar-brand" href="/">
diff --git a/index.php b/index.php
@@ -173,7 +173,7 @@
             <img loading="lazy" src="https://opengraph.githubassets.com/1/mrepol742/melvinjonesrepol.com" class="rounded d-block img-fluid" alt="Project Canis">
             <div class="card-body">
               <h5 class="card-title">melvinjonesrepol.com</h5>
-              <p class="card-text">A modern, enhanced personal portfolio site.</p>
+              <p class="card-text">A fast, modern portfolio website built for performance and style. Showcases my work and skills with a sleek, responsive design.</p>
               <p>
                 Technologies: <br>
                 nextjs
@@ -199,15 +199,16 @@
         </div>
         <div class="col-sm-6 col-md-6 col-lg-4">
           <div class="card " data-aos="fade-up">
-            <img loading="lazy" src="https://opengraph.githubassets.com/1/Elitexv/Ulisha-store" class="rounded d-block img-fluid" alt="Ulisha Store">
+            <img loading="lazy" src="/assets/images/ulisha-store-cover.png" class="rounded d-block img-fluid" alt="Ulisha Store">
             <div class="card-body">
               <h5 class="card-title">Ulisha Store</h5>
               <p class="card-text">A premier destination for quality fashion, accessories, and electronics. Bringing you the best products at competitive prices.</p>
               <p>
                 Technologies: <br>
-                react · tailwind · supabase
+                nextjs · supabase
               </p>
-              <a class="btn" href="https://ulishastore.com" target="_blank"><i class="fa-solid fa-view"></i>&nbsp;&nbsp;<b>View</b></a><br>
+              <a class="btn" href="https://github.com/ulisha-limited" target="_blank"><i class="fa-solid fa-code"></i>&nbsp;&nbsp;<b>Source</b></a>
+              <a class="btn" href="https://www.ulishastore.com" target="_blank"><i class="fa-solid fa-view"></i>&nbsp;&nbsp;<b>View</b></a><br>
             </div>
           </div>
         </div>
@@ -971,10 +972,10 @@
         <div class="col-12 col-md-4 mb-4">
           <div class="card shadow-sm border-0 h-100" data-aos="fade-up">
             <div class="card-body">
-              <img src="https://avatars.githubusercontent.com/yourbusinessname" alt="Your Business Name Logo" class="mb-3 rounded-circle" width="70" height="70">
-              <h4 class="mb-1">Your Business Name</h4>
+              <img src="https://avatars.githubusercontent.com/ulisha-limited" alt="Ulisha Limited Logo" class="mb-3 rounded-circle" width="70" height="70">
+              <h4 class="mb-1">Ulisha Limited</h4>
               <p class="mb-0 text-muted">Organization</p>
-              <a href="https://github.com/yourbusinessname" target="_blank" class="d-block mt-2"><i class="fa-brands fa-github"></i> GitHub</a>
+              <a href="https://github.com/ulisha-limited" target="_blank" class="d-block mt-2"><i class="fa-brands fa-github"></i> GitHub</a>
             </div>
           </div>
         </div>
@@ -1011,42 +1012,6 @@
       </div>
     </div>
     <br>
-    <h2 class="text-center mt-5" id="posts">Deep</h2>
-    <?php
-    // Fetch the JSON feed
-    $feedUrl = 'https://projectdeep.vercel.app/feed.json';
-    $feedJson = @file_get_contents($feedUrl);
-
-    if ($feedJson !== false) {
-      $feed = json_decode($feedJson, true);
-      if (isset($feed['items']) && is_array($feed['items'])) {
-        echo '<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4">';
-        foreach ($feed['items'] as $item) {
-          $title = htmlspecialchars($item['title'] ?? '');
-          $summary = htmlspecialchars($item['summary'] ?? '');
-          $url = htmlspecialchars($item['url'] ?? '');
-          $date = isset($item['date_modified']) ? date('F j, Y', strtotime($item['date_modified'])) : '';
-          echo '<div class="col">';
-          echo '<div class="card h-100">';
-          echo '<div class="card-body">';
-          echo '<h5 class="card-title"><a href="' . $url . '" target="_blank">' . $title . '</a></h5>';
-          echo '<p class="card-text">' . $summary . '</p>';
-          if ($date) {
-            echo '<p class="card-text"><small class="text-muted">' . $date . '</small></p>';
-          }
-          echo '</div>';
-          echo '</div>';
-          echo '</div>';
-        }
-        echo '</div>';
-      } else {
-        echo '<div class="alert alert-warning">No Deep found.</div>';
-      }
-    } else {
-      echo '<div class="alert alert-danger">Unable to fetch Deep at this time.</div>';
-    }
-    ?>
-    <br>
     <div class="card mb-5">
       <div class="card-body">
         <h5 class="card-title">Found a problem with this page?</h5>
