AlexandraCeleste.com/gallery.html

71 lines
3.3 KiB
HTML

<!DOCTYPE HTML>
<html>
<head>
<title>Gallery</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/css/variables.css">
<link rel="stylesheet" href="/css/reset.css">
<link rel="stylesheet" href="/css/fonts.css">
<link rel="stylesheet" href="/css/header.css">
<link rel="stylesheet" href="/css/body.css">
<link rel="stylesheet" href="/css/footer.css">
<link rel="icon" href="/images/favicon.svg" sizes="any" type="image/svg+xml">
</head>
<body>
<div class="mobile_background"></div>
<div id="age_gate_blur">
<div>
<h2>This website contains pornography:</h2>
<button onclick="hide_age_gate()">I am 18+</button>
<br>
<a href="https://google.com"><button>Get me outta here:</button></a>
</div>
<script src="/js/age_gate_blur.js" type="text/javascript"></script>
</div>
<iframe src="/templates/header.html" onload="this.before((this.contentDocument.body||this.contentDocument).children[0]);this.remove()"></iframe>
<div class="gallery_overlay" id="gallery_overlay">
<button id="close_overlay">X</button>
</div>
<div class="container">
<div class="gallery_content_selector_button">
<button onclick="display_content_selector(event)">Click here to show, blur, or hide images:</button>
</div>
<div id="gallery_content_selector_blur">
<div id="gallery_content_selector">
<form id="template.selector" style="display: none;">
<fieldset>
<legend>Show, Hide, or Blur all images tagged with: <b>'template'</b></legend>
<div>
<input type="radio" id="template.show" name="template" value="Show" onchange = "update_content_warnings(event)" />
<label for="template.show">Show</label>
<input type="radio" id="template.blur" name="template" value="Blur" onchange = "update_content_warnings(event)" />
<label for="template.blur">Blur</label>
<input type="radio" id="template.hide" name="template" value="Hide" onchange = "update_content_warnings(event)" />
<label for="template.hide">Hide</label>
</div>
</fieldset>
</form>
</div>
</div>
<div class="gallery" id="gallery">
<noscript>
Sorry you need javascript enabled for this gallery to work. It doesn't track you. Promise.
<br>
The code is at <code>/js/gallery.js</code> if you want a read.
</noscript>
<script src="/js/gallery.js" type="text/javascript"></script>
</div>
<div id="gallery_nav_bar"></div>
</div>
<iframe src="/templates/footer.html" onload="this.before((this.contentDocument.body||this.contentDocument).children[0]);this.remove()"></iframe>
</body>
</html>