Broken to templates
parent
05fac7ffac
commit
b5c2f35bac
@ -0,0 +1,75 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<!--<link rel="stylesheet" href="{{ url_for('static', filename='default.css')}}">-->
|
||||||
|
{% assets "scss_all" %}
|
||||||
|
<link rel="stylesheet" href="{{ ASSET_URL }}">
|
||||||
|
{% endassets %}
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||||
|
|
||||||
|
<title>YaDc</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<a href="#" class="logo">
|
||||||
|
<span>YaDc</span>
|
||||||
|
</a>
|
||||||
|
<nav id="main-nav">
|
||||||
|
<a href="#">Posts</a>
|
||||||
|
<a href="#">Threads</a>
|
||||||
|
<a href="#">Upload</a>
|
||||||
|
|
||||||
|
<div class="user">
|
||||||
|
<a href="#" id="user-menu">KuxaBeast</a>
|
||||||
|
<!--<span class="user fa fa-user"></span>-->
|
||||||
|
<div class="user_dropdown">
|
||||||
|
<a href="#">Profile</a>
|
||||||
|
<a href="#">Settings</a>
|
||||||
|
<a href="#">Log out</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="_overlay"></div>
|
||||||
|
</nav>
|
||||||
|
<span id="nav-menu" class="fa fa-bars"></span>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div class="main_wrap">
|
||||||
|
{% block content %}{% endblock %}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
Produced by KuxaBeast
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
let nav_menu = document.querySelectorAll("#nav-menu, nav#main-nav > ._overlay")
|
||||||
|
let nav_menu_event = function(ev) {
|
||||||
|
let drop = document.getElementById("main-nav")
|
||||||
|
let html = document.getElementsByTagName('html')[0]
|
||||||
|
if (!drop.classList.contains("_drop")) {
|
||||||
|
drop.classList.add("_drop")
|
||||||
|
html.classList.add("oh")
|
||||||
|
|
||||||
|
window.scrollTo(0, 0);
|
||||||
|
} else {
|
||||||
|
drop.classList.remove("_drop")
|
||||||
|
html.classList.remove("oh")
|
||||||
|
}
|
||||||
|
}
|
||||||
|
nav_menu.forEach(element => {
|
||||||
|
element.addEventListener('click', nav_menu_event)
|
||||||
|
});
|
||||||
|
|
||||||
|
document.getElementById("user-menu").addEventListener('click', (ev) => {
|
||||||
|
let drop = document.getElementsByClassName("user_dropdown")[0]
|
||||||
|
if (!drop.classList.contains("_drop")) {
|
||||||
|
drop.classList.add("_drop")
|
||||||
|
} else {
|
||||||
|
drop.classList.remove("_drop")
|
||||||
|
}
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
Loading…
Reference in New Issue