-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
153 lines (132 loc) · 6.95 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html lang="en" class="has-background-grey">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Gallery Title</title>
<link rel="icon" type="image/png" href="favicon/icon.png" />
<link rel="stylesheet" type="text/css" href="css/bulma.css" />
<link rel="stylesheet" type="text/css" href="css/bulma.colors.extended.css" />
<link rel="stylesheet" type="text/css" href="css/images.css" />
<link rel="stylesheet" type="text/css" href="css/lightbox.css" />
<script type="text/javascript" src="js/jquery-3.7.0.min.js"></script>
<script type="text/javascript" src="js/lightbox-plus-jquery.js"></script>
<script type="text/javascript" src="js/gallery.js"></script>
<script src="https://kit.fontawesome.com/87ab3ff454.js" crossorigin="anonymous"></script>
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', () => {
// Get all "navbar-burger" elements
const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
// Check if there are any navbar burgers
if ($navbarBurgers.length > 0) {
// Add a click event on each of them
$navbarBurgers.forEach( el => {
el.addEventListener('click', () => {
// Get the target from the "data-target" attribute
const target = el.dataset.target;
const $target = document.getElementById(target);
// Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
el.classList.toggle('is-active');
$target.classList.toggle('is-active');
});
});
}
});
</script>
</head>
<body class="has-background-eggplant">
<!-- Content -->
<section class="section">
<div class="container is-max-widescreen">
<!-- Navigation -->
<nav class="navbar has-background-eggplant has-text-white" role="navigation" aria-label="main-menu">
<div class="navbar-brand has-background-eggplant has-text-white">
<strong class="navbar-item has-text-white">MATHDAD'S LEWD GALLERY</strong>
<a role="button" class="navbar-burger has-text-white" aria-label="menu" aria-expanded="false" data-target="navMenu">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div id="navMenu" class="navbar-menu has-background-eggplant has-text-white">
<div class="navbar-start">
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link has-background-eggplant has-text-white">
Images
</a>
<div class="navbar-dropdown has-background-eggplant has-text-white">
<a href="#" id="view-images-link" class="navbar-item has-background-eggplant has-text-white">
View Pages
</a>
<a href="#" id="view-all-images-link" class="navbar-item has-background-eggplant has-text-white">
View All
</a>
<a href="#" id="tags-link" class="navbar-item has-background-eggplant has-text-white">
Tags
</a>
</div>
</div>
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link has-background-eggplant has-text-white">
Videos
</a>
<div class="navbar-dropdown has-background-eggplant has-text-white">
<a href="#" id="view-videos-link" class="navbar-item has-background-eggplant has-text-white">
View Pages
</a>
<a href="#" id="view-all-videos-link" class="navbar-item has-background-eggplant has-text-white">
View All
</a>
</div>
</div>
</div>
<div class="navbar-end">
<div class="navbar-item">
<form name="form_search" id="form_search">
<div class="field has-addons">
<div class="control">
<input class="input" title="Tag List" type="text" name="search_term" placeholder="Search for a tag" list="tags">
<datalist id="tags">
<?php foreach (Tags::getAllTags() as $tag) { ?>
<option value="<?=$tag->tag;?>">
<?php } ?>
</datalist>
</div>
<div class="control">
<button name="submit" value="Search" class="button has-background-cadet-grey">Search</button>
</div>
</div>
</form>
</div>
<div class="navbar-item">
<div class="buttons">
<a class="button is-primary has-background-van-dyke has-text-white">
<strong>Total: <span id="total"></span></strong>
</a>
</div>
</div>
</div>
</div>
</nav>
<!-- Pagination -->
<div id="pagination-top"></div>
<div class="columns is-flex-direction-column" style="min-height:75vh;">
<div class="column">
<div class="columns" id="content-display">
</div>
</div>
</div>
<!-- Pagination -->
<div id="pagination-bottom"></div>
</div>
</section>
<footer class="footer has-background-taupe-grey has-text-white has-text-centered">
<div class="block">
Programmed by MathDad. Utilizes the <a href="https://bulma.io/" target="_blank">Bulma</a> CSS Framework.<br/>
Repository on <a href="https://github.com/jwill89/simple-image-gallery/">GitHub</a>. The source code is licensed
under the <a href="http://opensource.org/licenses/mit-license.php" target="_blank">MIT</a> license.<br/> All images
are owned by their respective creators.<br/> All rights to characters used in images are reserved to the copyright owners.
</div>
</footer>
</body>
</html>