vict3459/itskp-odense
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

v0.0.9 - Added swiper JS/CSS

Browse Source 
Added hover.css
Updated index/login layout frontend
Updated getPost.php
This commit is contained in:
Anders
2021-06-04 13:32:19 +02:00
parent 4ce94621a7
commit dc15757c5f
10 changed files with 1241 additions and 395 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Frontend/login.php
+107
View File
@@ -0,0 +1,107 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ITSKP</title>
<script type="text/javascript" src="Assets/JS/jquery-3.6.0.min.js"></script>
<script src="Assets/JS/swiper-bundle.min.js"></script>
<script type="text/javascript" src="Assets/JS/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="Assets/CSS/main.css"/>
<link rel="stylesheet" type="text/css" href="Assets/CSS/bootstrap.min.css"/>
<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"/>
</head>
<body class="position-relative">
<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>
<li class="content__item"><a class="link link--elara text-white" href="login.php">Login</a></li>
</ul>
</nav>
<input type="checkbox" name="hamburger" id="hamburger" onclick="shownav()"/>
<label for="hamburger">
<ul><li></li><li></li><li></li></ul>
</label>
<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-6 h-100" style="border-radius: 4px">
<div class="card text-black-50 front">
<div class="card-header">Login</div>
<div class="card-body">
<form method="POST" action="../Backend/controller/login.php">
<div class="form-group row mb-4">
<label for="username" class="col-md-4 col-form-label text-md-right">Username</label>
<div class="col-md-6">
<input id="username" type="text" class="form-control" name="username" required autocomplete="username" autofocus>
</div>
</div>
<div class="form-group row mb-4">
<label for="password" class="col-md-4 col-form-label text-md-right">Password</label>
<div class="col-md-6">
<input id="password" type="password" class="form-control" name="password" required autocomplete="current-password">
</div>
</div>
<div class="form-group row">
<div class="col-md-8 offset-md-4">
<button type="submit" name="loginsubmit" class="btn btn-primary">
Login
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</main>
</div>
<script type="text/javascript">
var swiper = new Swiper('.blog-slider', {
effect: 'fade',
loop: true,
mousewheel: {
invert: false,
},
// autoHeight: true,
pagination: {
el: '.blog-slider__pagination',
type: 'bullets',
clickable: true,
dynamicBullets: true,
dynamicMainBullets: 3,
}
});
$(document).ready(function() {
$('#layer').removeClass('showlayer');
$('#front').addClass('transform-none');
$('#hamburger').prop('checked', '');
})
function shownav() {
if($('#layer').hasClass('showlayer')) {
$('#layer').removeClass('showlayer');
$('#front').addClass('transform-none');
}
else {
$('#layer').addClass('showlayer');
$('#front').removeClass('transform-none');
}
}
</script>
</body>
</html>