mirror of
https://github.com/grey-cat-1908/website.git
synced 2024-11-14 20:17:27 +03:00
62 lines
No EOL
2.5 KiB
HTML
62 lines
No EOL
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
{{%META%}}
|
|
<link rel="stylesheet" href="/custom.css">
|
|
<link rel="icon" href="/favicon.ico">
|
|
<title>{{%TITLE%}}</title>
|
|
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.2/css/lightgallery.min.css" integrity="sha512-F2E+YYE1gkt0T5TVajAslgDfTEUQKtlu4ralVq78ViNxhKXQLrgQLLie8u1tVdG2vWnB3ute4hcdbiBtvJQh0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.2/css/lg-zoom.min.css" integrity="sha512-vIrTyLijDDcUJrQGs1jduUCSVa3+A2DaWpVfNyj4lmXkqURVQJ8LL62nebC388QV3P4yFBSt/ViDX8LRW0U6uw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
|
|
|
<style>
|
|
#gallery {
|
|
padding: 20px 60px;
|
|
border-radius: 10px;
|
|
background: none;
|
|
color: white;
|
|
border-color: white;
|
|
border: dashed;
|
|
width: 100%;
|
|
font-weight: bold;
|
|
font-size: 1.03em;
|
|
margin-top: 0.5rem;
|
|
}
|
|
|
|
#gallery:hover {
|
|
transform: translateY(-2px);
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<nav>
|
|
<b>mrkrk</b>
|
|
<a href="/">Home</a>
|
|
<a href="/projects">Projects</a>
|
|
<a href="/gallery">Gallery</a>
|
|
</nav>
|
|
<main class="mc">
|
|
{{%CONTENT%}}
|
|
<button id="gallery">Open Gallery</a>
|
|
</main>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.2/lightgallery.min.js" integrity="sha512-jEJ0OA9fwz5wUn6rVfGhAXiiCSGrjYCwtQRUwI/wRGEuWRZxrnxoeDoNc+Pnhx8qwKVHs2BRQrVR9RE6T4UHBg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.2/plugins/zoom/lg-zoom.min.js" integrity="sha512-BLW2Jrofiqm6m7JhkQDIh2olT0EBI58+hIL/AXWvo8gOXKmsNlU6myJyEkTy6rOAAZjn0032FRk8sl9RgXPYIQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
|
<script type="text/javascript">
|
|
const $dynamicGallery = document.getElementById("gallery");
|
|
const dynamicGallery = window.lightGallery($dynamicGallery, {
|
|
licenseKey: "878B9FB0-9D9145BB-819AB58C-184A267D",
|
|
download: false,
|
|
dynamic: true,
|
|
closeOnTap: false,
|
|
plugins: [lgZoom],
|
|
dynamicEl: {{%GALLERY%}}
|
|
});
|
|
$dynamicGallery.addEventListener("click", () => {
|
|
dynamicGallery.openGallery(0);
|
|
});
|
|
|
|
</script>
|
|
</body>
|
|
</html> |