2021-06-01 09:29:56 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
2021-06-02 11:27:27 +00:00
|
|
|
<title>ITSKP</title>
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript" src="Assets/JS/jquery-3.6.0.min.js"></script>
|
2021-06-04 11:32:19 +00:00
|
|
|
<script src="Assets/JS/swiper-bundle.min.js"></script>
|
2021-06-02 11:27:27 +00:00
|
|
|
<script type="text/javascript" src="Assets/JS/bootstrap.min.js"></script>
|
|
|
|
|
|
2021-06-04 11:32:19 +00:00
|
|
|
<link rel="stylesheet" type="text/css" href="Assets/CSS/main.css"/>
|
2021-06-02 11:27:27 +00:00
|
|
|
<link rel="stylesheet" type="text/css" href="Assets/CSS/bootstrap.min.css"/>
|
2021-06-04 11:32:19 +00:00
|
|
|
<link rel="stylesheet" type="text/css" href="Assets/CSS/swiper-bundle.min.css"/>
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="Assets/CSS/pagination.min.css"/>
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="Assets/CSS/hover.css"/>
|
2021-06-01 09:29:56 +00:00
|
|
|
</head>
|
2021-06-09 06:50:45 +00:00
|
|
|
<style>
|
|
|
|
|
.swiper-slide-active .blog-slider__content {
|
|
|
|
|
height: -webkit-fill-available;
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
height: 100%;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
2021-06-02 11:27:27 +00:00
|
|
|
<body class="position-relative">
|
2021-06-04 11:32:19 +00:00
|
|
|
<nav class="layer" id="layer">
|
|
|
|
|
<ul>
|
|
|
|
|
<li class="content__item"><a class="link link--elara text-white" href="index.php">Home</a></li>
|
|
|
|
|
<li class="content__item"><a class="link link--elara text-white" href="https://bib.itskp-odense.dk/">Bulltitin Board</a></li>
|
|
|
|
|
<li class="content__item"><a class="link link--elara text-white" href="https://udlaan.itskp-odense.dk/">Udlån af udstyr</a></li>
|
2021-06-07 13:01:28 +00:00
|
|
|
<?php
|
|
|
|
|
session_start();
|
|
|
|
|
|
|
|
|
|
if (isset($_SESSION['token'])){
|
2021-06-08 07:07:58 +00:00
|
|
|
echo '<li class="content__item"><a class="link link--elara text-white" href="admin.php">Admin panel</a></li>';
|
2021-06-07 13:01:28 +00:00
|
|
|
}else{
|
|
|
|
|
echo '<li class="content__item"><a class="link link--elara text-white" href="login.php">Login</a></li>';
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
?>
|
2021-06-04 11:32:19 +00:00
|
|
|
</ul>
|
|
|
|
|
</nav>
|
|
|
|
|
<input type="checkbox" name="hamburger" id="hamburger" onclick="shownav()"/>
|
|
|
|
|
<label for="hamburger">
|
|
|
|
|
<ul><li></li><li></li><li></li></ul>
|
|
|
|
|
</label>
|
2021-06-02 11:27:27 +00:00
|
|
|
<div id="app" class="min-vh-100 d-flex flex-column">
|
|
|
|
|
<main class="d-flex position-relative" style="flex: auto;">
|
|
|
|
|
<div class="container d-grid align-items-center pt-5 pb-5" style="contain: content">
|
|
|
|
|
<div class="row justify-content-center">
|
|
|
|
|
<div class="col-md-12 h-100" style="border-radius: 4px">
|
2021-06-04 11:32:19 +00:00
|
|
|
<div class="blog-slider front home" id="front">
|
2021-06-07 06:53:37 +00:00
|
|
|
<div class="blog-slider__wrp swiper-wrapper" id="swiper-wrapper">
|
2021-06-02 11:27:27 +00:00
|
|
|
</div>
|
|
|
|
|
<div class="blog-slider__pagination"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</main>
|
|
|
|
|
</div>
|
|
|
|
|
|
2021-06-07 06:53:37 +00:00
|
|
|
<div id="K"></div>
|
|
|
|
|
|
2021-06-02 11:27:27 +00:00
|
|
|
<script type="text/javascript">
|
|
|
|
|
var swiper = new Swiper('.blog-slider', {
|
|
|
|
|
spaceBetween: 30,
|
|
|
|
|
effect: 'fade',
|
|
|
|
|
loop: true,
|
2021-06-07 10:59:21 +00:00
|
|
|
observer: true,
|
|
|
|
|
observeParents: true,
|
2021-06-09 06:50:45 +00:00
|
|
|
updateOnWindowResize: true,
|
2021-06-02 11:27:27 +00:00
|
|
|
mousewheel: {
|
|
|
|
|
invert: false,
|
|
|
|
|
},
|
|
|
|
|
// autoHeight: true,
|
|
|
|
|
pagination: {
|
|
|
|
|
el: '.blog-slider__pagination',
|
|
|
|
|
type: 'bullets',
|
|
|
|
|
clickable: true,
|
|
|
|
|
dynamicBullets: true,
|
2021-06-04 11:32:19 +00:00
|
|
|
dynamicMainBullets: 1,
|
2021-06-02 11:27:27 +00:00
|
|
|
}
|
|
|
|
|
});
|
2021-06-03 10:50:28 +00:00
|
|
|
|
2021-06-09 06:50:45 +00:00
|
|
|
var rtime;
|
|
|
|
|
var timeout = false;
|
|
|
|
|
var delta = 200;
|
|
|
|
|
$(window).resize(function() {
|
|
|
|
|
rtime = new Date();
|
|
|
|
|
if (timeout === false) {
|
|
|
|
|
timeout = true;
|
|
|
|
|
setTimeout(resizeend, delta);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
function resizeend() {
|
|
|
|
|
if (new Date() - rtime < delta) {
|
|
|
|
|
setTimeout(resizeend, delta);
|
|
|
|
|
} else {
|
|
|
|
|
timeout = false;
|
|
|
|
|
swiper.update();
|
|
|
|
|
swiper.updateSize();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2021-06-04 11:32:19 +00:00
|
|
|
$(document).ready(function() {
|
|
|
|
|
$('#layer').removeClass('showlayer');
|
|
|
|
|
$('#front').addClass('transform-none');
|
|
|
|
|
$('#hamburger').prop('checked', '');
|
2021-06-07 06:53:37 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
|
$.ajax({
|
|
|
|
|
url: '../Backend/controller/getPost.php',
|
|
|
|
|
type: 'POST',
|
|
|
|
|
success: function (data) {
|
|
|
|
|
console.log(data);
|
|
|
|
|
data.forEach(el =>
|
|
|
|
|
document.getElementById('swiper-wrapper').innerHTML += ('<div class="blog-slider__item swiper-slide">'+
|
|
|
|
|
'<div class="blog-slider__content">'+
|
2021-06-08 09:23:05 +00:00
|
|
|
'<span class="blog-slider__code">'+ new Date(el.created_at).getDate() + '/' + (new Date(el.created_at).getMonth()+1) + '-' + new Date(el.created_at).getFullYear() +'</span>'+
|
2021-06-07 06:53:37 +00:00
|
|
|
'<div class="blog-slider__title">'+ el.title +'</div>'+
|
|
|
|
|
'<div class="blog-slider__text">'+ el.description +'</div>'+
|
|
|
|
|
'</div>'+
|
|
|
|
|
'</div>')
|
|
|
|
|
);
|
|
|
|
|
},
|
|
|
|
|
error: function (data) {
|
|
|
|
|
console.log(data);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
2021-06-04 11:32:19 +00:00
|
|
|
})
|
2021-06-03 10:50:28 +00:00
|
|
|
|
2021-06-04 11:32:19 +00:00
|
|
|
function shownav() {
|
|
|
|
|
if($('#layer').hasClass('showlayer')) {
|
|
|
|
|
$('#layer').removeClass('showlayer');
|
|
|
|
|
$('#front').addClass('transform-none');
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
$('#layer').addClass('showlayer');
|
|
|
|
|
$('#front').removeClass('transform-none');
|
|
|
|
|
}
|
|
|
|
|
}
|
2021-06-02 11:27:27 +00:00
|
|
|
</script>
|
2021-06-01 09:29:56 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
