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