foodogsquared/website
1
0
Fork 0
mirror of https://github.com/foo-dogsquared/website.git synced 2025-02-07 09:19:00 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Improve site script

Browse Source
This commit is contained in:
Gabriel Arazas 2023-04-24 16:43:13 +08:00
parent a3bb1842d5
commit 70d4365b14
No known key found for this signature in database
GPG Key ID: ADE0C41DAB221FCC
2 changed files with 20 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
assets/js/site.js
View File

@ -12,12 +12,12 @@
];
logo.addEventListener("mouseenter", (event) => {
const randomItem = Math.floor(Math.random() * logoQuotes.length)
const randomItem = Math.floor(Math.random() * logoQuotes.length);
event.target.dataset.tooltip = logoQuotes[randomItem];
});
// Set up shop for QoL code listing features.
var codeListings = document.querySelectorAll("main .listingblock > .content")
var codeListings = document.querySelectorAll("main .listingblock > .content, main .literalblock > .content");
for (elem of codeListings) {
var parent = elem.parentElement;
@ -31,7 +31,7 @@
fullscreenButton.addEventListener("click", (event) => {
const { target } = event;
const parent = target.closest(".listingblock");
const parent = target.closest(".listingblock") || target.closest(".literalblock");
if (!document.fullscreenElement) {
parent.requestFullscreen();
} else if (document.exitFullscreen) {
@ -51,11 +51,15 @@
const parent = target.closest(".listingblock");
const codeListing = parent.querySelector(".content");
navigator.clipboard.writeText(codeListing.textContent.trim());
})
});
var buttonRow = document.createElement("div");
buttonRow.classList.add("listingblock__btn-row");
if (parent.classList.contains("listingblock")) {
buttonRow.appendChild(copyButton);
}
buttonRow.appendChild(fullscreenButton);
parent.appendChild(buttonRow);
}

11
assets/scss/asciidoctor.scss
View File

@ -94,7 +94,18 @@ p.tableblock {
> .content pre {
margin-top: unset;
}
}
.literalblock {
position: relative;
> .content pre {
background: var(--base00);
font-size: 0.9em;
}
}
.literalblock, .listingblock {
> .listingblock__btn-row {
$gap: 0.3em;