<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta http-equiv="Content-Language" content="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>{{ page.title ? (page.title ~ ' - ' ~ site.name) : site.name }}</title>
<meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no"/>
<meta name="description" content="{{ page.desc ?? site.desc }}">
<meta name="keywords" content="{{ page.keywords ?? site.keywords }}">
<meta name="msapplication-tap-highlight" content="no">
<!-- Font Awesome -->
<link rel="stylesheet" href="/assets/css/fontawesome-all.min.css">
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="/assets/css/bootstrap.min.css">
<!-- Material Design Bootstrap -->
<link rel="stylesheet" href="/assets/css/mdb.min.css">
<!-- Your custom styles (optional) -->
<style>
.header-button {
font-size: 10px;
}
</style>
</head>
<!--Big blue-->
<body class="fixed-sn animated rgba-mdb-color-slight lighten-3">
<!-- Navbar -->
<nav class="navbar primary-color-dark fixed-top navbar-expand-lg scrolling-navbar double-nav">
<!-- Breadcrumb -->
<div class="breadcrumb-dn mr-auto">
<a href="/" class="text-white pt-4">
<div class="px-3 py-2 font-weight-bolder">
<i class="fa fa-home"></i>
{{ site.name|upper }}
</div>
</a>
</div>
<div class="d-flex change-mode">
<!-- Navbar links -->
<ul class="nav navbar-nav nav-flex-icons ml-auto">
<!-- Dropdown -->
<li class="nav-item">
<a href="/movies" class="nav-link btn btn-outline-default btn-sm waves-effect">
<i class="fa fa-film" style="font-size: 14px"></i>
<span class="d-none d-md-inline-block font-weight-bold header-button">
Movies
</span>
</a>
</li>
<li class="nav-item">
<a href="/tvshows" class="nav-link btn btn-outline-default btn-sm waves-effect">
<i class="fa fa-tv" style="font-size: 14px"></i>
<span class="d-none d-md-inline-block font-weight-bold header-button">
TV Shows
</span>
</a>
</li>
<li class="nav-item">
<a href="/others" class="nav-link btn btn-outline-default btn-sm waves-effect">
<i class="fa fa-archive" style="font-size: 14px"></i>
<span class="d-none d-md-inline-block font-weight-bold header-button">
Others
</span>
</a>
</li>
</ul>
</div>
</nav>
<!-- Navbar -->
<!-- Main layout -->
<main style="padding-top:80px">
<div class="container mt-5" id="root">
{% block contents %}
{% endblock contents %}
</div>
</main>
<div class="modal fade" id="modal_general" data-backdrop="static" data-keyboard="false" tabindex="-1"
aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="staticBackdropLabel">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer"></div>
</div>
</div>
</div>
<!-- Main layout -->
<!-- Footer -->
<div class="row mt-5 z-depth-1-half p-3">
<div class="col-md">
<div class="">
The source code of this website can be found on <a href="https://github.com/Ahmard/utiweb">GitHub</a>.<br/>
Please feel free to submit your <a href="https://github.com/Ahmard/utiweb/pulls"><b>Pull Requests</b></a>
as well as any encountered <a href="https://github.com/Ahmard/utiweb/issues"><b>Issues</b></a>.
</div>
</div>
<div class="col-md">
<div class="row d-flex justify-content-end">
<div class="col-md-auto">
<a href="https://github.com/Ahmard" class="btn btn-sm btn-dark rounded">
<i class="fab fa-github"></i> Ahmard
</a>
</div>
<div class="col-md-auto">
<a href="https://twitter.com/Ahmardiy" class="btn btn-sm btn-info rounded ml-1">
<i class="fab fa-twitter"></i> Ahmardiy
</a>
</div>
<div class="col-md-auto">
<a href="/contact/send-message" class="btn btn-sm btn-primary circle ml-1">
<i class="fa fa-envelope"></i> Message
</a>
</div>
</div>
</div>
</div>
<footer class="page-footer primary-color-dark">
<!-- Copyright -->
<div class="footer-copyright py-3 text-center">
<div class="container-fluid">
© {{ date }} Copyright: <a href="/" target="_blank">{{ site.name }}</a>
</div>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
<script src="/assets/js/jquery-3.5.1.min.js"></script>
<script src="/assets/js/jquery.ajax-retry.min.js"></script>
<script src="/assets/js/bootstrap.bundle.min.js"></script>
<script src="/assets/js/mdb.min.js"></script>
<script src="/assets/js/sweetalert.min.js"></script>
<script src="/assets/js/handlebars.min-v4.7.6.js"></script>
<script src="/assets/js/EventEmitter.min.js"></script>
<script src="/assets/js/howler.min.js"></script>
<script src="/assets/js/app/ui.js"></script>
<script src="/assets/js/app/ajax.js"></script>
<script src="/assets/js/app/root.js"></script>
<script>
$(function () {
// Tooltips Initialization
$('[data-toggle="tooltip"]').tooltip();
$('#dark-mode').on('click', function (e) {
e.preventDefault();
$('footer').toggleClass('mdb-color lighten-4 dark-card-admin');
$('body, .navbar').toggleClass('white-skin navy-blue-skin');
$(this).toggleClass('white text-dark btn-outline-black');
$('body').toggleClass('dark-bg-admin');
$('.card').toggleClass('dark-card-admin');
$('h6, .card, p, td, th, i, li a, h4, input, label').not(
'#slide-out i, #slide-out a, .dropdown-item i, .dropdown-item').toggleClass('text-white');
$('.btn-dash').toggleClass('grey blue').toggleClass('lighten-3 darken-3');
$('.gradient-card-header').toggleClass('white dark-card-admin');
});
});
</script>
{% block scripts %}
{% endblock scripts %}
</body>
</html>
|