2022-12-01 18:48:31 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<title>Gallery</title>
|
|
|
|
|
<link rel="stylesheet" href="{{url_for('static', filename='css/style.css')}}" defer>
|
|
|
|
|
<script
|
|
|
|
|
src="https://code.jquery.com/jquery-3.6.0.min.js"
|
|
|
|
|
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
|
|
|
|
|
crossorigin="anonymous">
|
|
|
|
|
</script>
|
2023-01-08 15:14:35 +00:00
|
|
|
<!--<script src="https://unpkg.com/phosphor-icons" defer></script>-->
|
2022-12-01 18:48:31 +00:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2022-12-19 15:07:41 +00:00
|
|
|
<nav id="navRoot">
|
2022-12-01 18:48:31 +00:00
|
|
|
<div>
|
2023-01-08 15:14:35 +00:00
|
|
|
<a href="{{ url_for('home') }}">
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -2 24 24" width="24" fill="currentColor">
|
|
|
|
|
<path d="M18 18V7.132l-8-4.8-8 4.8V18h4v-2.75a4 4 0 1 1 8 0V18h4zm-6 2v-4.75a2 2 0 1 0-4 0V20H2a2 2 0 0 1-2-2V7.132a2 2 0 0 1 .971-1.715l8-4.8a2 2 0 0 1 2.058 0l8 4.8A2 2 0 0 1 20 7.132V18a2 2 0 0 1-2 2h-6z"></path>
|
|
|
|
|
</svg>
|
|
|
|
|
<span>Home</span>
|
|
|
|
|
</a>
|
|
|
|
|
<a href="{{ url_for('home') }}">
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -2 24 24" width="24" fill="currentColor">
|
|
|
|
|
<path d="M2 8v10h12V8H2zm2-2V2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-2v4a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h2zm2 0h8a2 2 0 0 1 2 2v4h2V2H6v4zm0 9a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"></path><path d="M7 6a3 3 0 1 1 6 0h-2a1 1 0 0 0-2 0H7zm1.864 13.518l2.725-4.672a1 1 0 0 1 1.6-.174l1.087 1.184 1.473-1.354-1.088-1.183a3 3 0 0 0-4.8.52L7.136 18.51l1.728 1.007zm6.512-12.969a2.994 2.994 0 0 1 3.285.77l1.088 1.183-1.473 1.354-1.087-1.184A1 1 0 0 0 16 8.457V8c0-.571-.24-1.087-.624-1.451z"></path>
|
|
|
|
|
</svg>
|
|
|
|
|
<span>Groups</span>
|
|
|
|
|
</a>
|
|
|
|
|
<a href="{{ url_for('home') }}">
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-5 -5 24 24" width="24" fill="currentColor">
|
|
|
|
|
<path d="M8 3.414v5.642a1 1 0 1 1-2 0V3.414L4.879 4.536A1 1 0 0 1 3.464 3.12L6.293.293a1 1 0 0 1 1.414 0l2.829 2.828A1 1 0 1 1 9.12 4.536L8 3.414zM1 12h12a1 1 0 0 1 0 2H1a1 1 0 0 1 0-2z"></path>
|
|
|
|
|
</svg>
|
|
|
|
|
<span>Upload</span>
|
|
|
|
|
</a>
|
2022-12-01 18:48:31 +00:00
|
|
|
</div>
|
|
|
|
|
<div>
|
2023-01-08 15:14:35 +00:00
|
|
|
<a href="{{ url_for('home') }}">
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -2 24 24" width="24" fill="currentColor">
|
|
|
|
|
<path d="M10 20C4.477 20 0 15.523 0 10S4.477 0 10 0s10 4.477 10 10-4.477 10-10 10zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm0-14a4 4 0 0 1 4 4v2a4 4 0 1 1-8 0V8a4 4 0 0 1 4-4zm0 2a2 2 0 0 0-2 2v2a2 2 0 1 0 4 0V8a2 2 0 0 0-2-2zM5.91 16.876a8.033 8.033 0 0 1-1.58-1.232 5.57 5.57 0 0 1 2.204-1.574 1 1 0 1 1 .733 1.86c-.532.21-.993.538-1.358.946zm8.144.022a3.652 3.652 0 0 0-1.41-.964 1 1 0 1 1 .712-1.868 5.65 5.65 0 0 1 2.284 1.607 8.032 8.032 0 0 1-1.586 1.225z"></path>
|
|
|
|
|
</svg>
|
|
|
|
|
<span>Profile</span>
|
|
|
|
|
</a>
|
|
|
|
|
<a href="{{ url_for('home') }}">
|
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-5 -7 24 24" width="24" fill="currentColor">
|
|
|
|
|
<path d="M1 0h5a1 1 0 1 1 0 2H1a1 1 0 1 1 0-2zm7 8h5a1 1 0 0 1 0 2H8a1 1 0 1 1 0-2zM1 4h12a1 1 0 0 1 0 2H1a1 1 0 1 1 0-2z"></path>
|
|
|
|
|
</svg>
|
|
|
|
|
<span>Settings</span>
|
|
|
|
|
</a>
|
2022-12-01 18:48:31 +00:00
|
|
|
</div>
|
|
|
|
|
</nav>
|
|
|
|
|
<main>
|
|
|
|
|
{% block content %}
|
|
|
|
|
{% endblock %}
|
2022-12-19 21:15:56 +00:00
|
|
|
<i class="ph-arrow-circle-up" id="topButton"></i>
|
2022-12-01 18:48:31 +00:00
|
|
|
</main>
|
|
|
|
|
|
|
|
|
|
<script>
|
2022-12-19 15:07:41 +00:00
|
|
|
let navToggle = true;
|
|
|
|
|
|
2022-12-01 18:48:31 +00:00
|
|
|
document.onscroll = function() {
|
|
|
|
|
document.querySelector('header').style.opacity = `${1 - window.scrollY / 169}`;
|
2022-12-19 15:07:41 +00:00
|
|
|
document.querySelector('header img').style.cssText = `object-position: center ${window.scrollY / 2}px`;
|
2022-12-01 18:48:31 +00:00
|
|
|
|
|
|
|
|
if (document.body.scrollTop > 300 || document.documentElement.scrollTop > 20) {
|
|
|
|
|
document.querySelector('#topButton').style.opacity = 1;
|
2022-12-19 15:07:41 +00:00
|
|
|
document.querySelector('#topButton').style.right = "0.75rem";
|
2022-12-01 18:48:31 +00:00
|
|
|
} else {
|
|
|
|
|
document.querySelector('#topButton').style.opacity = 0;
|
|
|
|
|
document.querySelector('#topButton').style.right = "-3rem";
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
document.querySelector('#topButton').onclick = function() {
|
|
|
|
|
document.body.scrollTop = 0;
|
|
|
|
|
document.documentElement.scrollTop = 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function imgFade(obj) {
|
2022-12-14 19:55:40 +00:00
|
|
|
$(obj).fadeIn(621);
|
2022-12-01 18:48:31 +00:00
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
