drifty/driftywinds.github.io
1
0
Fork 0
mirror of https://github.com/driftywinds/driftywinds.github.io.git synced 2025-12-20 03:13:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
foxster-mp4
2023-04-27 20:27:37 -07:00
commit d35389cc9a
18 changed files with 1468 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

132
js/main.js Normal file
View File

@@ -0,0 +1,132 @@
const urlSearchParams = new URLSearchParams(window.location.search);
const sourceURL = urlSearchParams.get('source');
// If no source
if (!urlSearchParams.has('source') || !sourceURL) {
alert(`No source provided.`);
window.location.replace("index.html");
}
// https://stackoverflow.com/a/31760088
const urlRegex = /(https?:\/\/[^ ]*)/g; // "g": global flag; without this, match() returns only the first matching result
// If source is not a URL
if (!sourceURL.match(urlRegex)) {
alert("Invalid URL.");
window.location.replace("index.html");
}
// Back button
document.getElementById("back")?.addEventListener("click", () => history.back(1));
// Add to AltStore banner
document.getElementById("top")?.insertAdjacentHTML("afterbegin", `
<div class="uibanner">
<img src="https://user-images.githubusercontent.com/705880/65270980-1eb96f80-dad1-11e9-9367-78ccd25ceb02.png" alt="altstore-icon" class="icon">
<div class="content">
<div class="text-container">
<p class="title-text">AltStore <span class="small beta badge"></span></p>
<p class="detail-text">
Add this source to AltStore to receive app updates (requires AltStore beta)
</p>
</div>
<a href="altstore://source?url=${sourceURL}">
<button>Add</button>
</a>
</div>
</div>`);
function waitForAllImagesToLoad() {
const allImages = document.querySelectorAll("img");
var count = 0;
allImages.forEach(image => {
// New img element that won't be rendered to the DOM
var newImage = document.createElement("img");
// Attach load listener
newImage.addEventListener("load", imageLoaded);
// Set src
newImage.src = image.src;
})
function imageLoaded() {
if (++count == allImages.length) {
document.querySelector("body").classList.remove("loading");
document.getElementById("loading").remove();
}
}
}
function setTintColor(color) {
document.querySelector(':root').style.setProperty("--accent-color", `#${color}`);
}
function addNavigationBar(title) {
document.getElementById("top").insertAdjacentHTML("beforeend", `
<div id="nav-bar">
<button id="back" type="button">
<i class="bi bi-chevron-left"></i>
Back
</button>
<div id="title">
<p>${title ?? ""}</p>
</div>
<button id="back" class="hidden">
<i class="bi bi-chevron-left"></i>
Back
</button>
</div>`);
document.getElementById("back")?.addEventListener("click", () => history.back(1));
}
function newsItemHTML(news, apps, minimal) {
let html = `
<div class="news-item-wrapper">`;
if (news.url) html += `
<a href="${news.url}">`;
html += `
<div class="item" style="background-color: #${news.tintColor};">
<div class="text">
<h3>${news.title}</h3>
<p>${news.caption}</p>
</div>`;
if (news.imageURL && !minimal) html += `
<div class="image-wrapper">
<img src="${news.imageURL}">
</div>`;
html += `
</div>`;
if (news.url) html +=
"</a>";
if (news.appID && !minimal) {
const app = apps.find(app => app.bundleIdentifier == news.appID);
if (app) html += appHeaderHTML(app);
}
html += "</div>";
return html;
}
function appHeaderHTML(app) {
return `
<div class="item">
<div class="app-header">
<div class="content">
<img src="${app.iconURL}" alt="">
<div class="right">
<div class="text">
<p class="title">${app.name}</p>
<p class="subtitle">${app.developerName}</p>
</div>
<a href="app.html?source=${sourceURL}&id=${app.bundleIdentifier}">
<button class="uibutton" style="background-color: #${app.tintColor};">View</button>
</a>
</div>
</div>
<div class="background" style="background-color: #${app.tintColor};"></div>
</div>
</div>`;
}