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

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");
});
});

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

View File

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