From 6953427c18c4351fae79dda2ac04fa2039fc7907 Mon Sep 17 00:00:00 2001 From: Haidar <16521522@mahasiswa.itb.ac.id> Date: Mon, 9 Oct 2023 12:36:57 +0700 Subject: [PATCH] feat: edit landing page html --- app/views/landing/index.php | 55 +++++++++++++++++++++---------------- 1 file changed, 32 insertions(+), 23 deletions(-) diff --git a/app/views/landing/index.php b/app/views/landing/index.php index 8bd8043..a92e875 100644 --- a/app/views/landing/index.php +++ b/app/views/landing/index.php @@ -1,5 +1,6 @@ <?php session_start(); + ?> <!DOCTYPE html> @@ -22,20 +23,27 @@ session_start(); <header> <div class="container"> <div class="logo"> - <img src="../../../public/img/logo.jpg" alt="Logo"> - <h3>Darmodar</h3> </div> <div class="links"> <ul> - <li><a href="#">Home</a></li> - <li><a href="#">About</a></li> - <li><a href="#">Flag</a></li> + <!-- <li><a href="#">Home</a></li> --> + <li><a id="openPopup" href="#">About</a></li> + <!-- <button id="openPopup">Open Popup</button> --> + <div id="popup" class="popup"> + <div class="popup-content"> + <h2 class="close" id="closePopup">×</h2> + <h2>About Us</h2> + <p>At Mahasiswa Leveling, we're on a mission to revolutionize the way you experience fitness. We understand that staying active and healthy can sometimes be a challenge, which is why we've turned it into an exciting adventure.</p> + </div> + </div> + <script src="../../../public/js/landing.js"></script> + <?php // Cek apakah sesi pengguna ada if (isset($_SESSION['username'])) { // Jika sesi username ada, tampilkan username sebagai teks tombol - echo '<li><a href="../dashboard" class = "btn">' . $_SESSION['username'] . '</a></li>'; + echo '<li><a href="../challenge" class = "btn">' . $_SESSION['username'] . '</a></li>'; } else { // Jika sesi username tidak ada, tampilkan tombol Sign In echo '<li><a href="../login/" class="btn">Sign in</a></li>'; @@ -49,22 +57,22 @@ session_start(); <div class="showcase-area"> <div class="container"> <div class="left"> + + + </div> + <div class="right"> + <!-- <img src="../../../public/img/desktop-wallpaper-weightlifting-background-gym-equipment-thumbnail.jpg" alt="Person image" class="person"> --> <div class="big-title"> - <h1>Hello there,</h1> - <h1>here is your flag:</h1> + <h1>Mahasiswa Leveling</h1> + </div> <p class="text"> - CTFITB{l34rn1n9_15_fun_y0u_kn0w?} - + Welcome to the Ultimate Fitness Quest + Join us on a fitness adventure like no other, where challenges and quests await to elevate your exercise experience. </p> - <div class="cta"> + <!-- <div class="cta"> <a href="#" class="btn">Get started</a> - </div> - - </div> - <div class="right"> - <img src="../../../public/img/desktop-wallpaper-weightlifting-background-gym-equipment-thumbnail.jpg" alt="Person image" class="person"> - + </div> --> </div> </div> @@ -74,16 +82,17 @@ session_start(); </div> </div> - <footer> + + <!-- <footer> <div class="container"> <div class="links2"> <ul> <img src="../../../public/img/logo.jpg" alt="Test"> - <a href="#" class="">© 2023 Darmodar. All rights reserved.</a> + <a href="#" class="">© 2023 Mahasiswa. All rights reserved.</a> - <svg class="Icontact" xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M96 0C60.7 0 32 28.7 32 64V448c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H96zM208 288h64c44.2 0 80 35.8 80 80c0 8.8-7.2 16-16 16H144c-8.8 0-16-7.2-16-16c0-44.2 35.8-80 80-80zm-32-96a64 64 0 1 1 128 0 64 64 0 1 1 -128 0zM512 80c0-8.8-7.2-16-16-16s-16 7.2-16 16v64c0 8.8 7.2 16 16 16s16-7.2 16-16V80zM496 192c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm16 144c0-8.8-7.2-16-16-16s-16 7.2-16 16v64c0 8.8 7.2 16 16 16s16-7.2 16-16V336z"/></svg> - <a href="#">Contact Us</a> + <svg class="Icontact" xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512">! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc.<path d="M96 0C60.7 0 32 28.7 32 64V448c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H96zM208 288h64c44.2 0 80 35.8 80 80c0 8.8-7.2 16-16 16H144c-8.8 0-16-7.2-16-16c0-44.2 35.8-80 80-80zm-32-96a64 64 0 1 1 128 0 64 64 0 1 1 -128 0zM512 80c0-8.8-7.2-16-16-16s-16 7.2-16 16v64c0 8.8 7.2 16 16 16s16-7.2 16-16V80zM496 192c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm16 144c0-8.8-7.2-16-16-16s-16 7.2-16 16v64c0 8.8 7.2 16 16 16s16-7.2 16-16V336z"/></svg> --> + <!-- <a href="#">Contact Us</a> <li><a href="#"></a></li> @@ -95,12 +104,12 @@ session_start(); </div> </div> - </footer> + </footer> --> </div> </main> </body> </html> - <!-- wow you found the 2nd flag :D --> + <!-- wow you found the flag :D --> <!-- <h3> Here is your flag CTFITB{S4n7a1_Du1u_g4k51h}</h3> --> -- GitLab