JezK
Edit File: indexold.php
<?php //phpinfo(); exit; require_once('../wp-load.php'); ?> <?php define('WP_USE_THEMES', false); require('../wp-blog-header.php'); get_header(); //Include header function custom_page_title($title, $separator) { // Modify the page title here $new_title = 'New Page Title'; // Return the modified title return $new_title; } add_filter('wp_title', 'custom_page_title', 10, 2); ?> <?php include 'db_connection.php'; ?> <!DOCTYPE html> <head> <link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <style> .site-content .ast-container { display: block; } a.anchor-h { color: black; } a.anchor-h:hover { color: #000000 !important; } .buttons:hover { color: #fff !important; } .buttons:focus { color: #fff !important; } .card-single img { width: 150px; height: 150px; border-radius: 10px; object-fit: contain; background-color: #e9e9e9; } </style> </head> <body> <div> <div class="header"> <div class="container"> <h2 style="color: white" class="pt-0">Events</h2> </div> </div> <div class="container"> <h2 class="mt-4 mb-2">Our Next Event</h2> <?php $current_date = date('Y-m-d'); // $today_event = ("SELECT * FROM `events` WHERE event_date BETWEEN CURDATE() AND DATE_ADD(CURDATE(), INTERVAL 150 DAY) ORDER BY `event_date` ASC"); $today_event = ("SELECT * FROM `events` WHERE `id` = '30' "); $result = $conn->query($today_event); $data = $result->fetch_assoc(); if ($result->num_rows > 0) { ?> <div class="d-flex align-items-center"> <div> <img src="../admin/assets/events/<?php echo $data['image']; ?>" class="main-image" style="width:100%; height:400px; border-radius: 15px;object-fit:contain; background-color:#e9e9e9; " /> </div> <div class="p-3"> <h5> <?php echo $data['title']; ?> </h5> <?php $fullMonth = date('F', strtotime($data['event_date'])); $fullyear = date('Y', strtotime($data['event_date'])); $start_date = date('d', strtotime($data['event_date'])); $end_date = date('d', strtotime($data['event_end_date'])); ?> <h3 class="image-text">DATE : <?php echo $fullMonth; ?> <?php echo $start_date ?>, <?php if (empty($data['event_end_date'])) { echo ""; } else { echo $end_date; } ?> <?php echo $fullyear; ?> </h3> <h3 class="image-text">LOCATION : <?php echo $data['event_location']; ?> </h3> <div style="margin-top: 30px; margin-bottom: 10px;"> <a class="anchor-h" href="event_details.php?event_id=<?php echo base64_encode($data['id']) ?>"><button class="buttons px-4">Register Now <i class="fa fa-arrow-right"></i></button></a> </div> </div> </div> <?php } else { ?> <center> <img src="assets/no_events.png"> </center> <?php } ?> </div> <div class="container"> <h2 class="mt-2">Future Events</h2> <div class="future_events"> <?php $feature_events = ("SELECT * FROM `events` WHERE event_date BETWEEN CURDATE()+1 AND DATE_ADD(CURDATE(), INTERVAL 300 DAY) ORDER BY `event_date` ASC"); $result = $conn->query($feature_events); if ($result->num_rows > 0) { while ($row = $result->fetch_assoc()) { $fullMonth = date('F', strtotime($row['event_date'])); $end_fullMonth = date('F', strtotime($row['event_end_date'])); $fullyear = date('Y', strtotime($row['event_date'])); $end_fullyear = date('Y', strtotime($row['event_end_date'])); $start_date = date('d', strtotime($row['event_date'])); $end_date = date('d', strtotime($row['event_end_date'])); $event_date_same = strtotime($row['event_date']); $event_end_date_same = strtotime($row['event_end_date']); ?> <a class="anchor-h" href="event_details.php?event_id=<?php echo base64_encode($row['id']); ?>"> <div class="cards"> <div class="card-single"> <img src="../admin/assets/events/<?php echo $row['image']; ?>" class="card-image" /> <div class="card-text"> <p><span>Date:</span> <?php if($row['event_end_date']!='') { ?> <?php echo $fullMonth; ?> <?php echo $start_date ?>, <?php echo $fullyear; ?> - <?php echo $end_fullMonth; ?> <?php echo $end_date ?> , <?php echo $end_fullyear; ?> <?php } else { ?> <?php echo $fullMonth; ?> <?php echo $start_date ?>, <?php echo $fullyear; ?> <?php } ?> </p> <p><span>Location:</span> <?php echo $row['event_location']; ?> </p> <h5> <?php echo $row['title']; ?> </h5> </div> </div> </div> </a> <?php } } else { ?> <p> No events found </p> <?php } ?> </div> </div> <div class="container"> <h2 class="mt-2">Past Events</h2> <div class="future_events"> <?php $past_events = ("SELECT * FROM events WHERE event_date < CURDATE()"); $result = $conn->query($past_events); if ($result->num_rows > 0) { while ($row = $result->fetch_assoc()) { $fullMonth = date('F', strtotime($row['event_date'])); $end_fullMonth = date('F', strtotime($row['event_end_date'])); $fullyear = date('Y', strtotime($row['event_date'])); $end_fullyear = date('Y', strtotime($row['event_end_date'])); $start_date = date('d', strtotime($row['event_date'])); $end_date = date('d', strtotime($row['event_end_date'])); $event_date_same = strtotime($row['event_date']); $event_end_date_same = strtotime($row['event_end_date']); ?> <div id="<?php echo $row['id']; ?>"> <a class="anchor-h" href="event_details.php?event_id=<?php echo base64_encode($row['id']) ?>"> <div class="cards"> <div class="card-single"> <img src="../admin/assets/events/<?php echo $row['image']; ?>" class="card-image" /> <div class="card-text"> <p><span></span> <?php echo $row['title']; ?> </p> <?php if ($event_date_same !== $event_end_date_same) { ?> <p><span>Date:</span> <?php if($row['event_end_date']!='') { ?> <?php echo $fullMonth; ?> <?php echo $start_date ?> , <?php echo $fullyear; ?> - <?php echo $end_fullMonth; ?> <?php echo $end_date ?> , <?php echo $end_fullyear; ?> <?php } else { ?> <?php echo $fullMonth; ?> <?php echo $start_date ?> , <?php echo $fullyear; ?> <?php } ?> </p> <?php } ?> <p><span>Location:</span> <?php echo $row['event_location']; ?> </p> </div> </div> </div> </a> </div> <?php } } else { ?> <p> No events found </p> <?php } ?> </div> <div class="view-button" style="margin-top: 30px; margin-bottom: 50px;"> <button class="buttons" id="view_more_button" onclick="event_view_more()">View more <i class="fa fa-arrow-right"></i></button> </div> </div> </div> </body> </html> <script> document.addEventListener('DOMContentLoaded', function() { document.getElementById("13").style.display = "none"; document.getElementById("14").style.display = "none"; document.getElementById("15").style.display = "none"; document.getElementById("16").style.display = "none"; document.getElementById("17").style.display = "none"; document.getElementById("18").style.display = "none"; document.getElementById("19").style.display = "none"; document.getElementById("20").style.display = "none"; document.getElementById("21").style.display = "none"; document.getElementById("22").style.display = "none"; document.getElementById("23").style.display = "none"; document.getElementById("24").style.display = "none"; document.getElementById("25").style.display = "none"; document.getElementById("26").style.display = "none"; document.getElementById("27").style.display = "none"; document.getElementById("28").style.display = "none"; document.getElementById("29").style.display = "none"; document.getElementById("30").style.display = "none"; document.getElementById("31").style.display = "none"; document.getElementById("32").style.display = "none"; document.getElementById("33").style.display = "none"; document.getElementById("34").style.display = "none"; document.getElementById("35").style.display = "none"; document.getElementById("36").style.display = "none"; document.getElementById("37").style.display = "none"; document.getElementById("38").style.display = "none"; document.getElementById("39").style.display = "none"; document.getElementById("40").style.display = "none"; }, false); let count = 0; function event_view_more() { document.getElementById("13").style.display = "block"; document.getElementById("14").style.display = "block"; document.getElementById("15").style.display = "block"; document.getElementById("16").style.display = "block"; document.getElementById("view_more_button").style.display = "none"; count = count + 1; console.log(count); if (count == 2) { document.getElementById("17").style.display = "block"; document.getElementById("18").style.display = "block"; document.getElementById("19").style.display = "block"; document.getElementById("20").style.display = "block"; } if (count == 3) { document.getElementById("21").style.display = "block"; document.getElementById("22").style.display = "block"; document.getElementById("23").style.display = "block"; document.getElementById("24").style.display = "block"; } if (count == 4) { document.getElementById("25").style.display = "block"; document.getElementById("26").style.display = "block"; document.getElementById("27").style.display = "block"; document.getElementById("28").style.display = "block"; } if (count == 5) { document.getElementById("29").style.display = "block"; document.getElementById("30").style.display = "block"; document.getElementById("31").style.display = "block"; document.getElementById("32").style.display = "block"; } if (count == 6) { document.getElementById("33").style.display = "block"; document.getElementById("34").style.display = "block"; document.getElementById("35").style.display = "block"; document.getElementById("36").style.display = "block"; } if (count == 7) { document.getElementById("37").style.display = "block"; document.getElementById("38").style.display = "block"; document.getElementById("39").style.display = "block"; document.getElementById("40").style.display = "block"; } } </script> <?php get_footer(); //Include header ?>