foodogsquared/website
1
0
Fork 0
mirror of https://github.com/foo-dogsquared/website.git synced 2025-02-12 06:19:05 +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) => { 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]; event.target.dataset.tooltip = logoQuotes[randomItem];
}); });
// Set up shop for QoL code listing features. // 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) { for (elem of codeListings) {
var parent = elem.parentElement; var parent = elem.parentElement;
@ -31,7 +31,7 @@
fullscreenButton.addEventListener("click", (event) => { fullscreenButton.addEventListener("click", (event) => {
const { target } = event; const { target } = event;
const parent = target.closest(".listingblock"); const parent = target.closest(".listingblock") || target.closest(".literalblock");
if (!document.fullscreenElement) { if (!document.fullscreenElement) {
parent.requestFullscreen(); parent.requestFullscreen();
} else if (document.exitFullscreen) { } else if (document.exitFullscreen) {
@ -51,11 +51,15 @@
const parent = target.closest(".listingblock"); const parent = target.closest(".listingblock");
const codeListing = parent.querySelector(".content"); const codeListing = parent.querySelector(".content");
navigator.clipboard.writeText(codeListing.textContent.trim()); navigator.clipboard.writeText(codeListing.textContent.trim());
}) });
var buttonRow = document.createElement("div"); var buttonRow = document.createElement("div");
buttonRow.classList.add("listingblock__btn-row"); buttonRow.classList.add("listingblock__btn-row");
if (parent.classList.contains("listingblock")) {
buttonRow.appendChild(copyButton); buttonRow.appendChild(copyButton);
}
buttonRow.appendChild(fullscreenButton); buttonRow.appendChild(fullscreenButton);
parent.appendChild(buttonRow); parent.appendChild(buttonRow);
} }

11
assets/scss/asciidoctor.scss
View File

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