diff --git a/prettier.config.js b/prettier.config.js index f1dba39..3b8a2db 100644 --- a/prettier.config.js +++ b/prettier.config.js @@ -6,6 +6,7 @@ const config = { bracketSameLine: true, arrowParens: "always", plugins: ["prettier-plugin-astro"], + printWidth: 100, }; export default config; diff --git a/src/components/CloakLoader.astro b/src/components/CloakLoader.astro index 92a703b..4034d30 100644 --- a/src/components/CloakLoader.astro +++ b/src/components/CloakLoader.astro @@ -6,9 +6,7 @@ if (parsedCloak) { if (parsedCloak.name != "None") { document.title = parsedCloak.name; - let link = document.querySelector( - "link[rel~='icon']" - ) as HTMLLinkElement; + let link = document.querySelector("link[rel~='icon']") as HTMLLinkElement; if (!link) { link = document.createElement("link"); link.rel = "icon"; diff --git a/src/components/GameItem.astro b/src/components/GameItem.astro index 10f3180..91cd955 100644 --- a/src/components/GameItem.astro +++ b/src/components/GameItem.astro @@ -3,9 +3,9 @@ const { name, image, slugName } = Astro.props; ---
- + + +

{name}

diff --git a/src/components/Input.astro b/src/components/Input.astro index 0dee668..7d0632a 100644 --- a/src/components/Input.astro +++ b/src/components/Input.astro @@ -1,7 +1,6 @@ --- const { inputName, defaultTextContent, height, placeholder } = Astro.props; - interface Props { inputName: string; defaultTextContent?: string; diff --git a/src/components/SettingsContent/CloakingTab.astro b/src/components/SettingsContent/CloakingTab.astro index 7520d76..d59f877 100644 --- a/src/components/SettingsContent/CloakingTab.astro +++ b/src/components/SettingsContent/CloakingTab.astro @@ -10,8 +10,7 @@ const presetCloaks = [ }, { cloakTitle: "Instructure", - favicon: - "https://du11hjcvx0uqb.cloudfront.net/dist/images/favicon-e10d657a73.ico", + favicon: "https://du11hjcvx0uqb.cloudfront.net/dist/images/favicon-e10d657a73.ico", }, { cloakTitle: "Google Classroom", @@ -24,13 +23,11 @@ const presetCloaks = [ }, { cloakTitle: "Google Drive", - favicon: - "https://ssl.gstatic.com/docs/doclist/images/drive_2022q3_32dp.png", + favicon: "https://ssl.gstatic.com/docs/doclist/images/drive_2022q3_32dp.png", }, { cloakTitle: "Schoology", - favicon: - "https://asset-cdn.schoology.com/sites/all/themes/schoology_theme/favicon.ico", + favicon: "https://asset-cdn.schoology.com/sites/all/themes/schoology_theme/favicon.ico", }, ]; --- @@ -45,27 +42,15 @@ const presetCloaks = [ class="cloak-item" data-cloak-name={cloak.cloakTitle} data-cloak-icon={cloak.favicon}> - {cloak.cloakTitle} + {cloak.cloakTitle} ); }) }
- - + +
diff --git a/src/components/SettingsContent/CreditsTab.astro b/src/components/SettingsContent/CreditsTab.astro index edf56f4..c3a06e0 100644 --- a/src/components/SettingsContent/CreditsTab.astro +++ b/src/components/SettingsContent/CreditsTab.astro @@ -7,18 +7,13 @@ const t = useTranslations(lang);

- {t("ultraviolet")} - Titanium Network + {t("ultraviolet")} - Titanium Network

- {t("settings.credits.japaneseTranslations")} - wearr + {t("settings.credits.japaneseTranslations")} - wearr

- {t("settings.credits.mochaandmacchiatothemes")} - Catppuccin + {t("settings.credits.mochaandmacchiatothemes")} - Catppuccin

diff --git a/src/components/SettingsContent/CustomizationTab.astro b/src/components/SettingsContent/CustomizationTab.astro index f690eef..ca49889 100644 --- a/src/components/SettingsContent/CustomizationTab.astro +++ b/src/components/SettingsContent/CustomizationTab.astro @@ -21,12 +21,7 @@ const languageList = [
- +
diff --git a/src/components/SettingsContent/ProxyTab.astro b/src/components/SettingsContent/ProxyTab.astro index db40a37..ae6b4a8 100644 --- a/src/components/SettingsContent/ProxyTab.astro +++ b/src/components/SettingsContent/ProxyTab.astro @@ -56,19 +56,11 @@ const openPageWith = [ />
- +
- - + +
diff --git a/src/components/SettingsTablist.astro b/src/components/SettingsTablist.astro index 4b45795..8d23cf0 100644 --- a/src/components/SettingsTablist.astro +++ b/src/components/SettingsTablist.astro @@ -31,34 +31,13 @@ const t = useTranslations(lang);
- + - + - + - +
@@ -96,12 +75,8 @@ const t = useTranslations(lang); setTimeout(() => { currentContent.innerHTML = window.loadedContentStorage[tabID]; currentContent.style.opacity = "1"; - document.dispatchEvent( - new CustomEvent("setting-tabChange", { detail: tabID }) - ); - document.dispatchEvent( - new CustomEvent("setting-tabLoad", { detail: tabID }) - ); + document.dispatchEvent(new CustomEvent("setting-tabChange", { detail: tabID })); + document.dispatchEvent(new CustomEvent("setting-tabLoad", { detail: tabID })); }, 250); } } @@ -112,10 +87,7 @@ const t = useTranslations(lang); toggle.addEventListener("click", () => { let dropdown = document.getElementById(toggle.id + "-menu"); if (dropdown) { - if ( - dropdown.style.maxHeight == "0px" || - dropdown.style.maxHeight == "" - ) { + if (dropdown.style.maxHeight == "0px" || dropdown.style.maxHeight == "") { dropdown.style.maxHeight = dropdown.scrollHeight + "px"; toggle.style.borderRadius = "10px 10px 0 0"; } else { @@ -142,9 +114,7 @@ const t = useTranslations(lang); if (dropdown) { dropdown.style.maxHeight = "0px"; setTimeout(() => { - let dropdown_toggle = document.getElementById( - dropdownID.replace("-menu", "") - ); + let dropdown_toggle = document.getElementById(dropdownID.replace("-menu", "")); dropdown_toggle.style.borderRadius = "10px"; }, 300); } @@ -158,10 +128,7 @@ const t = useTranslations(lang); if (dropdown && dropdownMenu) { // Now we find the child that matches localStorageItem.value. let dropdownItem = Array.from(dropdownMenu.children).find((item) => { - return ( - JSON.parse(localStorage.getItem(localStorageItem)).value == - item.dataset.setting - ); + return JSON.parse(localStorage.getItem(localStorageItem)).value == item.dataset.setting; }); // Now set the inner text to the name in the dropdownItem. return dropdownItem.innerText; @@ -172,30 +139,19 @@ const t = useTranslations(lang); if (localStorage.getItem(localStorageItem)) { let dropdown_toggle = document.getElementById(dropdownID); if (dropdown_toggle) { - dropdown_toggle.innerText = getLocalStorageValue( - localStorageItem, - dropdownID - ); + dropdown_toggle.innerText = getLocalStorageValue(localStorageItem, dropdownID); } } } - function applyDropdownEventListeners( - item, - dropdownID, - localStorageItem, - optionalCallback - ) { + function applyDropdownEventListeners(item, dropdownID, localStorageItem, optionalCallback) { Array.from(item.children).forEach((item) => { item.addEventListener("click", () => { let localStorageItemContent = { name: item.innerText, value: item.dataset.setting, }; - localStorage.setItem( - localStorageItem, - JSON.stringify(localStorageItemContent) - ); + localStorage.setItem(localStorageItem, JSON.stringify(localStorageItemContent)); applySavedLocalStorage(localStorageItem, dropdownID); closeDropdown(item.parentElement.id); if (typeof optionalCallback == "function") { @@ -228,16 +184,9 @@ const t = useTranslations(lang); function setupCustomizationSettings() { applySavedLocalStorage("alu__selectedTheme", "dropdown__selected-theme"); - applySavedLocalStorage( - "alu__selectedLanguage", - "dropdown__selected-language" - ); - let themeDropdown = document.getElementById( - "dropdown__selected-theme-menu" - ); - let languageDropdown = document.getElementById( - "dropdown__selected-language-menu" - ); + applySavedLocalStorage("alu__selectedLanguage", "dropdown__selected-language"); + let themeDropdown = document.getElementById("dropdown__selected-theme-menu"); + let languageDropdown = document.getElementById("dropdown__selected-language-menu"); applyDropdownEventListeners( themeDropdown, "dropdown__selected-theme", @@ -253,80 +202,18 @@ const t = useTranslations(lang); } function setupCloakingSettings() { - Array.from(document.getElementById("cloak-list").children).forEach( - (cloak) => { - cloak.addEventListener("click", () => { - let cloakName = cloak.dataset.cloakName; - let cloakIcon = cloak.dataset.cloakIcon; + Array.from(document.getElementById("cloak-list").children).forEach((cloak) => { + cloak.addEventListener("click", () => { + let cloakName = cloak.dataset.cloakName; + let cloakIcon = cloak.dataset.cloakIcon; - let localStorageItem = { - name: cloakName, - icon: cloakIcon, - isCustom: false, - }; - localStorage.setItem( - "alu__selectedCloak", - JSON.stringify(localStorageItem) - ); - - if (cloakName == "None") { - localStorage.removeItem("alu__selectedCloak"); - cloakName = "Settings | Alu"; - cloakIcon = "/favicon.png"; - } - let link = document.querySelector("link[rel~='icon']"); - if (!link) { - link = document.createElement("link"); - link.rel = "icon"; - document.head.appendChild(link); - } - link.href = cloakIcon; - document.title = cloakName; - - if (!cloak.classList.contains("selected")) { - Array.from(document.getElementById("cloak-list").children).forEach( - (cloak2) => { - cloak2.classList.remove("selected"); - } - ); - cloak.classList.add("selected"); - } - }); - } - ); - - let customNameInput = document.getElementById("cloak-custom-name-input"); - let customFaviconInput = document.getElementById( - "cloak-custom-favicon-input" - ); - if (localStorage.getItem("alu__selectedCloak")) { - let selectedCloak = JSON.parse( - localStorage.getItem("alu__selectedCloak") - ); - if (selectedCloak.isCustom) { - customNameInput.value = selectedCloak.name; - customFaviconInput.value = selectedCloak.icon; - } - } - - document - .getElementById("cloak-custom-button") - .addEventListener("click", () => { - let cloakName = document.getElementById( - "cloak-custom-name-input" - ).value; - let cloakIcon = document.getElementById( - "cloak-custom-favicon-input" - ).value; let localStorageItem = { name: cloakName, icon: cloakIcon, - isCustom: true, + isCustom: false, }; - localStorage.setItem( - "alu__selectedCloak", - JSON.stringify(localStorageItem) - ); + localStorage.setItem("alu__selectedCloak", JSON.stringify(localStorageItem)); + if (cloakName == "None") { localStorage.removeItem("alu__selectedCloak"); cloakName = "Settings | Alu"; @@ -340,7 +227,49 @@ const t = useTranslations(lang); } link.href = cloakIcon; document.title = cloakName; + + if (!cloak.classList.contains("selected")) { + Array.from(document.getElementById("cloak-list").children).forEach((cloak2) => { + cloak2.classList.remove("selected"); + }); + cloak.classList.add("selected"); + } }); + }); + + let customNameInput = document.getElementById("cloak-custom-name-input"); + let customFaviconInput = document.getElementById("cloak-custom-favicon-input"); + if (localStorage.getItem("alu__selectedCloak")) { + let selectedCloak = JSON.parse(localStorage.getItem("alu__selectedCloak")); + if (selectedCloak.isCustom) { + customNameInput.value = selectedCloak.name; + customFaviconInput.value = selectedCloak.icon; + } + } + + document.getElementById("cloak-custom-button").addEventListener("click", () => { + let cloakName = document.getElementById("cloak-custom-name-input").value; + let cloakIcon = document.getElementById("cloak-custom-favicon-input").value; + let localStorageItem = { + name: cloakName, + icon: cloakIcon, + isCustom: true, + }; + localStorage.setItem("alu__selectedCloak", JSON.stringify(localStorageItem)); + if (cloakName == "None") { + localStorage.removeItem("alu__selectedCloak"); + cloakName = "Settings | Alu"; + cloakIcon = "/favicon.png"; + } + let link = document.querySelector("link[rel~='icon']"); + if (!link) { + link = document.createElement("link"); + link.rel = "icon"; + document.head.appendChild(link); + } + link.href = cloakIcon; + document.title = cloakName; + }); } function changeTheme() { @@ -359,21 +288,14 @@ const t = useTranslations(lang); applySavedLocalStorage("alu__selectedProxy", "dropdown__selected-proxy"); applySavedLocalStorage("alu__search_engine", "dropdown__search-engine"); applySavedLocalStorage("alu__selectedOpenWith", "dropdown__open-with"); - let selectedProxyDropdown = document.getElementById( - "dropdown__selected-proxy-menu" - ); - let searchEngineDropdown = document.getElementById( - "dropdown__search-engine-menu" - ); - let openWithDropdown = document.getElementById( - "dropdown__open-with-menu" - ); + let selectedProxyDropdown = document.getElementById("dropdown__selected-proxy-menu"); + let searchEngineDropdown = document.getElementById("dropdown__search-engine-menu"); + let openWithDropdown = document.getElementById("dropdown__open-with-menu"); let bareUrlInput = document.getElementById("bare-url-input"); let searxngUrlInput = document.getElementById("searxng-url-input"); let savedSearxngUrl = localStorage.getItem("alu__searxngUrl"); if (savedSearxngUrl != undefined) { - if (savedSearxngUrl == "") - localStorage.setItem("alu__searxngUrl", "https://searxng.site/"); + if (savedSearxngUrl == "") localStorage.setItem("alu__searxngUrl", "https://searxng.site/"); searxngUrlInput.value = localStorage.getItem("alu__searxngUrl"); } // Proxy settings @@ -390,11 +312,7 @@ const t = useTranslations(lang); "dropdown__selected-proxy", "alu__selectedProxy" ); - applyDropdownEventListeners( - openWithDropdown, - "dropdown__open-with", - "alu__selectedOpenWith" - ); + applyDropdownEventListeners(openWithDropdown, "dropdown__open-with", "alu__selectedOpenWith"); if (localStorage.getItem("bareUrl")) { bareUrlInput.value = localStorage.getItem("bareUrl"); } else { @@ -411,18 +329,10 @@ const t = useTranslations(lang); function checkSearxng() { // This function checks if the "searxng" option was clicked, display an additional option if so. if (localStorage.getItem("alu__search_engine")) { - if ( - JSON.parse( - localStorage.getItem("alu__search_engine") - ).value.toLowerCase() == "searx" - ) { - document.getElementsByClassName( - "setting__searxng-url" - )[0].style.opacity = "1"; + if (JSON.parse(localStorage.getItem("alu__search_engine")).value.toLowerCase() == "searx") { + document.getElementsByClassName("setting__searxng-url")[0].style.opacity = "1"; } else { - document.getElementsByClassName( - "setting__searxng-url" - )[0].style.opacity = "0"; + document.getElementsByClassName("setting__searxng-url")[0].style.opacity = "0"; } } } diff --git a/src/components/Switch.astro b/src/components/Switch.astro index 3101999..c55c047 100644 --- a/src/components/Switch.astro +++ b/src/components/Switch.astro @@ -181,10 +181,7 @@ const { inputID } = Astro.props; } .switch input:checked + .slider::before { - left: calc( - 100% - var(--effect-width) - (var(--effect-width) / 2) - - var(--switch-offset) - ); + left: calc(100% - var(--effect-width) - (var(--effect-width) / 2) - var(--switch-offset)); } .switch input:checked + .slider .circle { diff --git a/src/components/UVRegistrar.astro b/src/components/UVRegistrar.astro index 628e9ff..434a375 100644 --- a/src/components/UVRegistrar.astro +++ b/src/components/UVRegistrar.astro @@ -15,8 +15,7 @@ loadingContent.style.opacity = 1; let url = input.value.trim(); if (!isUrl(url)) url = getSearchEngine() + url; - else if (!(url.startsWith("https://") || url.startsWith("http://"))) - url = "http://" + url; + else if (!(url.startsWith("https://") || url.startsWith("http://"))) url = "http://" + url; let iframe = document.getElementById("proxy-frame"); iframe.src = window.__uv$config.prefix + window.__uv$config.encodeUrl(url); @@ -39,9 +38,7 @@ }); let urlText = document.createElement("p"); urlText.classList.add("url-text"); - urlText.innerText = window.__uv$config.decodeUrl( - iframe.src.split(__uv$config.prefix)[1] - ); + urlText.innerText = window.__uv$config.decodeUrl(iframe.src.split(__uv$config.prefix)[1]); iframe.style.opacity = 1; topBar.style.opacity = 1; topBar.style.pointerEvents = "auto"; @@ -52,11 +49,7 @@ }); function isUrl(val = "") { - if ( - /^http(s?):\/\//.test(val) || - (val.includes(".") && val.substr(0, 1) !== " ") - ) - return true; + if (/^http(s?):\/\//.test(val) || (val.includes(".") && val.substr(0, 1) !== " ")) return true; return false; } @@ -65,9 +58,7 @@ if (!localStorageSearchEngine) { return "https://google.com/search?q="; } - switch ( - JSON.parse(localStorage.getItem("alu__search_engine")).value.toLowerCase() - ) { + switch (JSON.parse(localStorage.getItem("alu__search_engine")).value.toLowerCase()) { case "google": { return "https://google.com/search?q="; } @@ -82,8 +73,7 @@ if (localStorageURL) { if (localStorageURL == "") return "https://searxng.site/search?q="; // Ugly hack to remove the trailing slash :) - if (localStorageURL.endsWith("/")) - localStorageURL = localStorageURL.slice(0, -1); + if (localStorageURL.endsWith("/")) localStorageURL = localStorageURL.slice(0, -1); return localStorageURL + "/search?q="; } else return "https://searxng.site/search?q="; } diff --git a/src/components/WelcomeLogging.astro b/src/components/WelcomeLogging.astro index 5cbd8dd..6f95914 100644 --- a/src/components/WelcomeLogging.astro +++ b/src/components/WelcomeLogging.astro @@ -1,36 +1,40 @@ - diff --git a/src/env.d.ts b/src/env.d.ts index 3a80c36..07eac92 100644 --- a/src/env.d.ts +++ b/src/env.d.ts @@ -53,9 +53,7 @@ declare module "astro-i18n" { srcDir: string; } /** Typed astro-i18n config definition. */ - export function defineAstroI18nConfig( - config: Partial - ): Partial; + export function defineAstroI18nConfig(config: Partial): Partial; /** The `astro-i18n` middleware. */ export function useAstroI18n( config?: Partial | string, @@ -63,9 +61,7 @@ declare module "astro-i18n" { ): (...args: any[]) => any; /** Workaround function to make astroI18n work inside getStaticPaths. This is because Astro's getStaticPaths runs before everything which doesn't allows astroI18n to update its state automatically. */ function createGetStaticPaths( - callback: ( - props: GetStaticPathsProps - ) => GetStaticPathsItem[] | Promise + callback: (props: GetStaticPathsProps) => GetStaticPathsItem[] | Promise ): ( props: GetStaticPathsProps & { astroI18n?: { @@ -227,9 +223,7 @@ declare module "astro-i18n" { /** Adds new translation formatters at runtime. */ addFormatters(translationFormatters: TranslationFormatters): this; /** Adds new translation loading rules at runtime. */ - addTranslationLoadingRules( - translationLoadingRules: TranslationLoadingRules - ): this; + addTranslationLoadingRules(translationLoadingRules: TranslationLoadingRules): this; /** Adds new route segment translations at runtime. */ addRoutes(routes: SegmentTranslations): this; /** Tries to parse one of the configured locales out of the given route. If no configured locale is found it will return `null`. */ diff --git a/src/json/games.json b/src/json/games.json new file mode 100644 index 0000000..befc188 --- /dev/null +++ b/src/json/games.json @@ -0,0 +1,262 @@ +{ + "1v1.lol": { + "name": "1v1.lol", + "image": "/games/1v1.lol/logo.png", + "slug": "1v1.lol" + }, + "2048": { + "name": "2048", + "image": "/games/2048/logo.png", + "slug": "2048" + }, + "backrooms": { + "name": "The Backrooms", + "image": "/games/backrooms/logo.png", + "slug": "backrooms" + }, + "baldi": { + "name": "Baldi's Basics", + "image": "/games/baldi/logo.png", + "slug": "baldi" + }, + "cannon-basketball-4": { + "name": "Cannon Basketball 4", + "image": "/games/cannon-basketball-4/logo.png", + "slug": "cannon-basketball-4" + }, + "cell-machine": { + "name": "Cell Machine", + "image": "/games/cell-machine/logo.png", + "slug": "cell-machine" + }, + "chrome-dino": { + "name": "Chrome Dino", + "image": "/games/chrome-dino/logo.png", + "slug": "chrome-dino" + }, + "cookie-clicker": { + "name": "Cookie Clicker", + "image": "/games/cookie-clicker/logo.png", + "slug": "cookie-clicker" + }, + "csgo-clicker": { + "name": "CSGO Clicker", + "image": "/games/csgo-clicker/logo.png", + "slug": "csgo-clicker" + }, + "ctr": { + "name": "Cut The Rope", + "image": "/games/ctr/logo.png", + "slug": "ctr" + }, + "ctr-holiday": { + "name": "Cut The Rope - Holiday", + "image": "/games/ctr-holiday/logo.png", + "slug": "ctr-holiday" + }, + "ctr-tr": { + "name": "Cut The Rope - Time Travel", + "image": "/games/ctr-tr/logo.png", + "slug": "ctr-tr" + }, + "death-run-3d": { + "name": "Death Run 3D", + "image": "/games/death-run-3d/logo.png", + "slug": "death-run-3d" + }, + "doge-miner": { + "name": "Doge Miner", + "image": "/games/doge-miner/logo.png", + "slug": "doge-miner" + }, + "doodle-jump": { + "name": "Doodle Jump", + "image": "/games/doodle-jump/logo.png", + "slug": "doodle-jump" + }, + "doom": { + "name": "Doom", + "image": "/games/doom/logo.png", + "slug": "doom" + }, + "draw-the-hill": { + "name": "Draw The Hill", + "image": "/games/draw-the-hill/logo.png", + "slug": "draw-the-hill" + }, + "evil-glitch": { + "name": "Evil Glitch", + "image": "/games/evil-glitch/logo.png", + "slug": "evil-glitch" + }, + "fall-boys": { + "name": "Fall Boys", + "image": "/games/fall-boys/logo.png", + "slug": "fall-boys" + }, + "firewater": { + "name": "Fireboy and Watergirl", + "image": "/games/firewater/logo.png", + "slug": "firewater" + }, + "firewater2": { + "name": "Fireboy and Watergirl 2", + "image": "/games/firewater2/logo.png", + "slug": "firewater2" + }, + "fnaf": { + "name": "Five Nights at Freddy's", + "image": "/games/fnaf/logo.png", + "slug": "fnaf" + }, + "fnaf2": { + "name": "Five Nights at Freddy's 2", + "image": "/games/fnaf2/logo.png", + "slug": "fnaf2" + }, + "fnaf3": { + "name": "Five Nights at Freddy's 3", + "image": "/games/fnaf3/logo.png", + "slug": "fnaf3" + }, + "fnaf4": { + "name": "Five Nights at Freddy's 4", + "image": "/games/fnaf4/logo.png", + "slug": "fnaf4" + }, + "game-inside": { + "name": "Game Inside", + "image": "/games/game-inside/logo.png", + "slug": "game-inside" + }, + "google-snake": { + "name": "Google Snake", + "image": "/games/google-snake/logo.png", + "slug": "google-snake" + }, + "grindcraft": { + "name": "Grindcraft", + "image": "/games/grindcraft/logo.png", + "slug": "grindcraft" + }, + "idle-breakout": { + "name": "Idle Breakout", + "image": "/games/idle-breakout/logo.png", + "slug": "idle-breakout" + }, + "just-one-boss": { + "name": "Just One Boss", + "image": "/games/just-one-boss/logo.png", + "slug": "just-one-boss" + }, + "line-rider": { + "name": "Line Rider", + "image": "/games/line-rider/logo.png", + "slug": "line-rider" + }, + "minecraft-classic": { + "name": "Minecraft Classic", + "image": "/games/minecraft-classic/logo.png", + "slug": "minecraft-classic" + }, + "minesweeper": { + "name": "Minesweeper", + "image": "/games/minesweeper/logo.png", + "slug": "minesweeper" + }, + "moto-x3m": { + "name": "Moto X3M", + "image": "/games/moto-x3m/logo.png", + "slug": "moto-x3m" + }, + "moto-x3m-pool": { + "name": "Moto X3M Pool Party", + "image": "/games/moto-x3m-pool/logo.png", + "slug": "moto-x3m-pool" + }, + "moto-x3m-spooky": { + "name": "Moto X3M Spooky Land", + "image": "/games/moto-x3m-spooky/logo.png", + "slug": "moto-x3m-spooky" + }, + "moto-x3m-winter": { + "name": "Moto X3M Winter", + "image": "/games/moto-x3m-winter/logo.png", + "slug": "moto-x3m-winter" + }, + "osu": { + "name": "osu!", + "image": "/games/osu/logo.png", + "slug": "osu" + }, + "retro-bowl": { + "name": "Retro Bowl", + "image": "/games/retro-bowl/logo.png", + "slug": "retro-bowl" + }, + "slope": { + "name": "Slope", + "image": "/games/slope/logo.png", + "slug": "slope" + }, + "sm64": { + "name": "Super Mario 64", + "image": "/games/sm64/logo.png", + "slug": "sm64" + }, + "solitaire": { + "name": "Solitaire", + "image": "/games/solitaire/logo.png", + "slug": "solitaire" + }, + "superhot": { + "name": "Superhot", + "image": "/games/superhot/logo.png", + "slug": "superhot" + }, + "there-is-no-game": { + "name": "There is No Game", + "image": "/games/there-is-no-game/logo.png", + "slug": "there-is-no-game" + }, + "ul6": { + "name": "Ultima 6", + "image": "/games/ul6/logo.png", + "slug": "ul6" + }, + "vex3": { + "name": "Vex 3", + "image": "/games/vex3/logo.png", + "slug": "vex3" + }, + "vex4": { + "name": "Vex 4", + "image": "/games/vex4/logo.png", + "slug": "vex4" + }, + "vex5": { + "name": "Vex 5", + "image": "/games/vex5/logo.png", + "slug": "vex5" + }, + "vex6": { + "name": "Vex 6", + "image": "/games/vex6/logo.png", + "slug": "vex6" + }, + "worlds-hardest-game": { + "name": "World's Hardest Game", + "image": "/games/worlds-hardest-game/logo.png", + "slug": "worlds-hardest-game" + }, + "worlds-hardest-game-2": { + "name": "World's Hardest Game 2", + "image": "/games/worlds-hardest-game-2/logo.png", + "slug": "worlds-hardest-game-2" + }, + "you-are-bezos": { + "name": "You are Bezos", + "image": "/games/you-are-bezos/logo.png", + "slug": "you-are-bezos" + } +} diff --git a/src/pages/[lang]/games.astro b/src/pages/[lang]/games.astro index e2b9444..dfd2744 100644 --- a/src/pages/[lang]/games.astro +++ b/src/pages/[lang]/games.astro @@ -1,5 +1,6 @@ --- import Layout from "../../layouts/Layout.astro"; +import games from "../../json/games.json"; import GameItem from "../../components/GameItem.astro"; import { getLangFromUrl, useTranslations } from "../../i18n/utils"; @@ -14,222 +15,12 @@ export function getStaticPaths() {

{t("games.title")}

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + { + Object.keys(games).map((key) => { + const game = (games as any)[key]; + return ; + }) + }
diff --git a/src/pages/index.astro b/src/pages/index.astro index 77dde47..b3f87a5 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -8,8 +8,7 @@ import { ViewTransitions } from "astro:transitions";