diff --git a/_layouts/post.html b/_layouts/post.html index 93779e7..1659c3e 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -36,5 +36,6 @@ + \ No newline at end of file diff --git a/_layouts/shr4pnel.html b/_layouts/shr4pnel.html index 2d552d9..2be249d 100644 --- a/_layouts/shr4pnel.html +++ b/_layouts/shr4pnel.html @@ -427,5 +427,6 @@ + \ No newline at end of file diff --git a/assets/css/index.css b/assets/css/index.css index a2e6cfe..b45810b 100644 --- a/assets/css/index.css +++ b/assets/css/index.css @@ -50,7 +50,7 @@ p > img { .title-container { width: fit-content; - padding: 0 5%; + padding: 0; } .logo { diff --git a/assets/css/post.css b/assets/css/post.css index 403c318..50ec234 100644 --- a/assets/css/post.css +++ b/assets/css/post.css @@ -59,13 +59,15 @@ footer > a { .title-container { width: fit-content; - padding: 0 5%; + padding: 0; + border-bottom: white; } .logo { letter-spacing: 5px; text-shadow: -4px 3px green; text-align: center; + margin-bottom: 0; } .highlighted { @@ -112,6 +114,11 @@ footer > a { display: block; } +main > .container { + margin-top: 0; + border-top: white; +} + @media only screen and (max-width: 467px) { .container { margin: 10px auto 0; @@ -134,10 +141,6 @@ footer > a { .highlighted { padding: 5px 15px; } - - .title-container { - padding: 5px; - } } .ducks { diff --git a/assets/js/width-hack.js b/assets/js/width-hack.js new file mode 100644 index 0000000..3a392f8 --- /dev/null +++ b/assets/js/width-hack.js @@ -0,0 +1,9 @@ +const resizeHeader = () => { + const container = document.querySelector("main > .container") + const containerWidth = container.scrollWidth + const header = document.querySelector(".container.title-container") + header.style.setProperty("min-width", `${containerWidth}px`) +} + +window.addEventListener("resize", resizeHeader) +resizeHeader()