From 4556e821d96d8849692d077493f5576fd4478f78 Mon Sep 17 00:00:00 2001 From: Florrie Date: Thu, 4 Jun 2020 15:24:52 -0300 Subject: collapse sidebar on small screens the site is fully accessible through the header navbar so we can hide the sidebar when it takes up more screen than its worth now! --- site.css | 6 ++++++ upd8.js | 9 ++++++++- 2 files changed, 14 insertions(+), 1 deletion(-) diff --git a/site.css b/site.css index addc8598..5beed493 100644 --- a/site.css +++ b/site.css @@ -77,6 +77,12 @@ a:hover { white-space: nowrap; } +@media (max-width: 780px) { + #sidebar { + display: none; + } +} + #sidebar, #content, #header { background-color: rgba(var(--bg-shade), var(--bg-shade), var(--bg-shade), 0.6); border: 1px dotted var(--fg-color); diff --git a/upd8.js b/upd8.js index 87f89b72..a5904231 100644 --- a/upd8.js +++ b/upd8.js @@ -1383,7 +1383,8 @@ function writeListingPages() {

Listings

-

Feel free to explore any of the listings linked in the sidebar!

+

Feel free to explore any of the listings linked below and in the sidebar!

+ ${generateLinkIndexForListings(listingDescriptors)}
@@ -1525,6 +1526,12 @@ function generateHeaderForListings(listingDescriptors, currentDirectoryParts) { function generateSidebarForListings(listingDescriptors, currentDirectoryParts) { return fixWS`

Listings

+ ${generateLinkIndexForListings(listingDescriptors, currentDirectoryParts)} + `; +} + +function generateLinkIndexForListings(listingDescriptors, currentDirectoryParts) { + return fixWS`