haskal
/
Plume
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Removed JS.

This commit is contained in:
Madeorsk 2018-09-01 19:14:15 +02:00
parent 82dc9ee101
commit 06127a9f48
3 changed files with 6 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
static/js/menu.js
View File

@ -1,10 +0,0 @@
document.addEventListener("DOMContentLoaded", () => {
let content = document.getElementById("content");
document.getElementById("menu").querySelector("a").addEventListener("click", () => {
content.classList.add("opened");
});
content.addEventListener("click", (e) => {
if (e.target === content)
content.classList.remove("opened");
});
});

12
static/main.css
View File

@ -593,7 +593,7 @@ form.new-post input[type="submit"]:hover { background: #DADADA; }
}
}
header #content.opened, header:focus-within #content {
header:focus-within #content {
position: fixed;
display: flex;
flex-direction: column;
@ -607,7 +607,7 @@ form.new-post input[type="submit"]:hover { background: #DADADA; }
animation: 0.2s menuOpening;
}
header #content.opened::before, header:focus-within #content::before {
header:focus-within #content::before {
content: "";
position: absolute;
transform: skewX(-10deg);
@ -620,21 +620,21 @@ form.new-post input[type="submit"]:hover { background: #DADADA; }
background: #7765E3;
}
header #content.opened > nav, header:focus-within #content > nav {
header:focus-within #content > nav {
flex-direction: column;
align-items: flex-start;
}
header #content.opened > nav a, header:focus-within #content > nav a {
header:focus-within #content > nav a {
margin: 0;
padding: 1rem 1.5rem;
color: #F4F4F4;
font-size: 1.4em;
font-weight: 300;
}
header #content.opened > nav a.title, header:focus-within #content > nav a.title {
header:focus-within #content > nav a.title {
font-size: 1.8em;
}
header #content.opened > nav hr, header:focus-within #content > nav hr {
header:focus-within #content > nav hr {
display: block;
margin: 0;
width: 100%;

1
templates/base.html.tera
View File

@ -6,7 +6,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="/static/main.css" />
<link rel="stylesheet" href="/static/fontawesome-5.0.10/css/fontawesome-all.min.css" />
<script src="/static/js/menu.js"></script>
</head>
<body>
<header>