Removed JS.
This commit is contained in:
parent
82dc9ee101
commit
06127a9f48
@ -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");
|
|
||||||
});
|
|
||||||
});
|
|
@ -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%;
|
||||||
|
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user