dwd-projects/scc24php
1
0
Fork 0
Code Issues 5 Pull Requests Packages Projects Releases Wiki Activity

s1

Browse Source
This commit is contained in:
Suvodip
2024-12-26 18:22:47 +05:30
parent aa252de5c9
commit d212f88f27
4 changed files with 89 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
.hta_slug/_home.php
View File

@@ -5,7 +5,7 @@
$conn = new PDO("mysql:host=$mariaServer;dbname=$mariaDb", $mariaUser, $mariaPass);
$conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
// $stmt = $conn->prepare("SELECT * FROM `scc22` WHERE `type` = 'notice'");
$stmt = $conn->prepare("SELECT * FROM `scc24` WHERE `type` = 'notice' ORDER BY `date_created` DESC");
$stmt = $conn->prepare("SELECT * FROM `scc24` WHERE `type` = 'notice' ORDER BY `date_created` DESC LIMIT 20");
$stmt->execute();
$notices = $stmt->fetchAll(PDO::FETCH_ASSOC);
@@ -21,18 +21,17 @@
$in_page_message = "<p class='text-danger'>Error: " . $e->getMessage() . "</p>";
}
?>
<div style="width: 100%;height: 480px;">
<div style="width: 100%;height: 100%;">
<img style="width: 100%;height: 100%;" src="/assets/adminstration/clg.jpg" alt="clg">
</div>
<main class="container my-5 ">
<div class="container row ">
<div class=" fw-normal col-lg-9 col-12">
<!-- Main Heading -->
<h3 class="mb-4 text-center" style="color: #6b6245;">Vision of The College <hr></h3>
<p class="text-center mb-4">Character Formation through Knowledge and Value-based Education for
<h3 class="mb-2 text-center" style="color: #6b6245;">Vision of The College <hr></h3>
<p class="text-center mb-2">Character Formation through Knowledge and Value-based Education for
Transformation
of the Society and the Nation</p>
@@ -73,42 +72,81 @@
</p>
</div>
</div>
<div class="col-lg-3 col-12">
<div class="card" style="width: 250px; border: 1px solid #ccc;">
<div class="card-header text-white fw-bold" style="background-color: #868756">Notice</div>
<div class="list-group list-group-flush" style="height: 200px; overflow-y: auto;">
<div class="col-lg-3 col-12 gap-3">
<div class="card" style="width: 250px; border: 1px solid #ccc; margin-bottom: 10px;">
<div class="card-header fw-bold" style="color: #402517; background-color: #ffddcc">Notice</div>
<div id="scrollable" class="content list-group list-group-flush" style="height: 200px; overflow-y: auto;">
<?php
foreach ($notices as $notice) {
echo '<a href="/notice/'.$notice['slug'].'" class="list-group-item list-group-item-action" style="color: #6b6245;">'.$notice['title'].'</a>';
echo '<a id="" href="/notice/'.$notice['slug'].'.html" class="list-group-item list-group-item-action" style="color: #6b6245;">'.$notice['title'].'</a>';
}
?>
</div>
<div class="text-center" style="background-color: #868756; padding: 5px;">
<a href="/notice" class="w-100" style="color: #ffffff;">View All</a>
<div class="text-center" style="background-color: #ffddcc; padding: 5px;">
<a href="/notice?type=notice" class="w-100" style="color: #402517; text-decoration: none;">View All</a>
</div>
</div>
<div class="card" style="width: 250px; border: 1px solid #ccc;">
<div class="card-header text-white fw-bold" style="background-color: #868756">Important Links</div>
<div class="card" style="width: 250px; border: 1px solid #ccc; margin-bottom: 10px;">
<div class="card-header fw-bold" style="color: #402517; background-color: #ffddcc">Important Links</div>
<div class="list-group list-group-flush" style="height: 200px; overflow-y: auto;">
<?php
foreach ($importants as $important) {
echo '<a href="/notice/'.$important['slug'].'" class="list-group-item list-group-item-action" style="color: #6b6245;">'.$important['title'].'</a>';
echo '<a href="/notice/'.$important['slug'].'.html" class="list-group-item list-group-item-action" style="color: #6b6245;">'.$important['title'].'</a>';
}
?>
</div>
</div>
<div class="card" style="width: 250px; border: 1px solid #ccc;">
<div class="card-header text-white fw-bold" style="background-color: #868756">Important Links</div>
<div class="card-header fw-bold" style="color: #402517; background-color: #ffddcc">Events</div>
<div class="list-group list-group-flush" style="height: 200px; overflow-y: auto;">
<?php
foreach ($events as $event) {
echo '<a href="/notice/'.$event['slug'].'" class="list-group-item list-group-item-action" style="color: #6b6245;">'.$event['title'].'</a>';
echo '<a href="/notice/'.$event['slug'].'.html" class="list-group-item list-group-item-action" style="color: #6b6245;">'.$event['title'].'</a>';
}
?>
</div>
</div>
</div>
</div>
</main>
</main>
<script>
const scrollableContent = document.querySelector("#scrollable .content");
let scrollInterval;
function startAutoScroll() {
scrollInterval = setInterval(() => {
scrollable.scrollTop += 1; // Adjust the increment as needed
if (scrollable.scrollTop + scrollable.clientHeight >= scrollable.scrollHeight) {
scrollable.scrollTop = 0; // Reset to the top if reached the end
}
}, 20); // Adjust the speed in milliseconds
}
function stopAutoScroll() {
clearInterval(scrollInterval);
}
// Start scrolling when the page loads
startAutoScroll();
// Optionally, stop scrolling on mouse hover
scrollableContent.addEventListener("mouseover", stopAutoScroll);
scrollableContent.addEventListener("mouseout", startAutoScroll);
</script>
<style>
#scrollable {
overflow: scroll; /* Enable scrolling */
border: 1px solid #ccc;
}
/* Hide scrollbar for modern browsers */
#scrollable::-webkit-scrollbar {
display: none; /* For Chrome, Safari, and Edge */
}
#scrollable {
scrollbar-width: none; /* For Firefox */
-ms-overflow-style: none; /* For Internet Explorer and Edge */
}
</style>