diff options
| author | Pinapelz <yukais@pinapelz.com> | 2026-06-05 17:02:11 -0700 |
|---|---|---|
| committer | Pinapelz <yukais@pinapelz.com> | 2026-06-05 17:02:11 -0700 |
| commit | 841692600600dce021520f7f1e2c2bf5f95bbea8 (patch) | |
| tree | feb0793003e545d17902edf67e15456e1c3a49a8 | |
| parent | 9ce5df26e2fd0ef9e69c35aa362a63d96b931bd3 (diff) | |
Create loc.html
| -rw-r--r-- | moe.pinapelz.com/loc.html | 1400 |
1 files changed, 1400 insertions, 0 deletions
diff --git a/moe.pinapelz.com/loc.html b/moe.pinapelz.com/loc.html new file mode 100644 index 0000000..920cd22 --- /dev/null +++ b/moe.pinapelz.com/loc.html @@ -0,0 +1,1400 @@ +<!DOCTYPE html> +<html lang="en"><head> +<meta http-equiv="content-type" content="text/html; charset=UTF-8"> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Games</title> + + <style> + * { + box-sizing: border-box; + border-radius: 0px; + + --cl-black: hsl(140, 1%, 6%); + --cl-gray-0: hsl(140, 2%, 8%); + --cl-gray-1: hsl(140, 2%, 12%); + --cl-gray-2: hsl(140, 4%, 16%); + --cl-gray-3: hsl(140, 4%, 24%); + --cl-gray-4: hsl(140, 4%, 36%); + --cl-gray-5: hsl(140, 4%, 44%); + --cl-gray-6: hsl(80, 8%, 52%); + --cl-gray-7: hsl(70, 8%, 58%); + --cl-gray-8: hsl(60, 16%, 66%); + --cl-gray-9: hsl(40, 32%, 78%); + --cl-gray-10: hsl(30, 32%, 84%); + --cl-white: hsl(26, 64%, 88%); + --cl-red-6: hsl(4, 83%, 67%); + --cl-red-7: hsl(4, 75%, 75%); + --cl-orange-6: hsl(26, 84%, 62%); + --cl-orange-7: hsl(26, 84%, 74%); + --cl-yellow: hsl(37, 80%, 69%); + --cl-green-6: hsl(120, 41%, 64%); + --cl-green-7: hsl(120, 42%, 75%); + --cl-cyan-6: hsl(160, 41%, 64%); + --cl-cyan-7: hsl(160, 32%, 75%); + --cl-blue-6: hsl(200, 55%, 64%); + --cl-blue-8: hsl(201, 55%, 80%); + --cl-magenta-7: hsl(320, 59%, 72%); + --cl-magenta-8: hsl(320, 61%, 80%); + } + + body { + margin: 5vh 10vw; + font-family: "Roboto Mono", monospace; + background-color: var(--cl-gray-0); + color: var(--cl-white); + } + + h1 { + margin-top: 0; + color: var(--cl-blue-6); + } + + .tabs { + display: flex; + flex-wrap: wrap; + gap: 8px; + margin-bottom: 20px; + } + + .tab { + background: var(--cl-gray-2); + color: var(--cl-white); + border: 1px solid var(--cl-gray-4); + padding: 10px 16px; + cursor: pointer; + font-family: inherit; + transition: background 0.15s; + } + + .tab:hover { + background: var(--cl-gray-3); + } + + .tab.active { + background: var(--cl-blue-6); + color: var(--cl-black); + font-weight: bold; + } + + .table-container { + overflow-x: auto; + background: var(--cl-gray-1); + border: 1px solid var(--cl-gray-3); + } + + table { + width: 100%; + border-collapse: collapse; + } + + th, + td { + padding: 12px; + border-bottom: 1px solid var(--cl-gray-3); + text-align: left; + vertical-align: top; + } + + th { + background: var(--cl-gray-2); + color: var(--cl-yellow); + position: sticky; + top: 0; + cursor: pointer; + user-select: none; + font-weight: 600; + } + + th:hover { + background: var(--cl-gray-3); + color: var(--cl-orange-7); + } + + tr:hover { + background: var(--cl-gray-2); + } + + img { + width: 240px; + display: block; + border: 1px solid var(--cl-gray-3); + } + + .description { + white-space: normal; + line-height: 1.5; + min-width: 400px; + } + + a:link { + color: var(--cl-orange-6); + text-decoration: none; + } + + a:visited, + a:active { + color: var(--cl-green-6); + } + + a:hover { + color: var(--cl-magenta-7); + text-decoration: underline; + } + + .played-true { + color: var(--cl-green-6); + font-weight: bold; + } + + .played-false { + color: var(--cl-red-6); + font-weight: bold; + } + + .sort-indicator { + margin-left: 4px; + color: var(--cl-cyan-6); + font-size: 0.8em; + } + </style> +<style>.village-iframe{width:100%;height:100%;border:none;display:block;position:fixed;top:0;left:0;z-index:2147483647;background:#0000003d;color-scheme:light}.village-iframe.village-loading{display:flex;justify-content:center;align-items:center}.village-iframe>.village-spinner{width:1.5rem;height:1.5rem;border:2px solid #000;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;animation:spin .45s linear infinite}.village-iframe.village-hidden{display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.village-hidden{display:none}[village-paths-data=facepiles]{display:flex;align-items:center;padding-right:.5rem}[village-paths-data=facepiles] img{width:1.5rem;height:1.5rem;border-radius:50%;margin-right:-.5rem}[village-paths-data=facepiles] img.village-facepiler-avatar-not-found{filter:blur(7px)}[village-paths-data=facepiles] img:last-child{margin-right:0}[village-paths-data=count]{padding-right:.25rem}[village-paths-availability=error],[village-paths-availability=found],[village-paths-availability=not-found],[village-paths-availability=not-activated]{display:none!important}[village-paths-availability=loading]{display:inline-flex!important}</style><script id="simplify-jobs-page-script" src="loc_files/pageScript.bundle.js"></script></head> +<body cz-shortcut-listen="true"> + +<h1>LIST OF CONSIDERATIONS</h1> + +<div id="tabs" class="tabs"> + <button class="tab active" onclick="filterCategory('all', this)"> + All + </button> + + + <button class="tab" onclick="filterCategory('Game', this)"> + Game + </button> + + <button class="tab" onclick="filterCategory('Movie', this)"> + Movie + </button> + +</div> + +<div class="table-container"> +<table id="gamesTable"> + <thead> + <tr> + <th>Image</th> + + <th onclick="sortTable(1)"> + Name + <span class="sort-indicator" id="sort-1"></span> + </th> + + <th onclick="sortTable(2)"> + Type + <span class="sort-indicator" id="sort-2"></span> + </th> + + <th onclick="sortTable(3)"> + Watch/Played + <span class="sort-indicator" id="sort-3"></span> + </th> + + <th>Description</th> + <th>Notes</th> + <th>Link</th> + </tr> + </thead> + + <tbody> + + <tr data-type="Game"> + <td> + + <img src="loc_files/header_014.jpg" alt="RuneScape: Dragonwilds"> + + </td> + + <td>RuneScape: Dragonwilds</td> + + <td>Game</td> + + <td> + <span class="played-true"> + True + </span> + </td> + + <td class="description"> + On RuneScape’s forgotten continent of Ashenfall, dragons + have awoken. Gather, build, skill and craft to survive in this +co-operative (1-4) survival crafting game. Only by mastering survival +and uncovering ancient secrets can they hope to slay the Dragon +Queen—alone or with allies. + </td> + + <td> + + </td> + + <td> + + <a href="https://store.steampowered.com/app/1374490" target="_blank"> + Store Page + </a> + + </td> + </tr> + + <tr data-type="Game"> + <td> + + <img src="loc_files/2lne9y.webp" alt="Veloren"> + + </td> + + <td>Veloren</td> + + <td>Game</td> + + <td> + <span class="played-false"> + False + </span> + </td> + + <td class="description"> + Veloren is a free, open-source multiplayer action-RPG +written in the Rust programming language. Inspired by games like Cube +World, Minecraft, and Legend of Zelda: Breath of the Wild, it features +fully simulated procedural worlds, in-depth crafting, fast-paced combat, + and deep simulation mechanics. + </td> + + <td> + Free and Open Source + </td> + + <td> + + <a href="https://veloren.net/" target="_blank"> + Store Page + </a> + + </td> + </tr> + + <tr data-type="Movie"> + <td> + + <img src="loc_files/j25fgw.jpg" alt="Default Game Image"> + + </td> + + <td>Exit 8</td> + + <td>Movie</td> + + <td> + <span class="played-true"> + True + </span> + </td> + + <td class="description"> + + </td> + + <td> + W movie we are going to exit 8 station. Story is kinda +deep about not being stuck in same mindset but a lil repetitive + </td> + + <td> + + </td> + </tr> + + <tr data-type="Movie"> + <td> + + <img src="loc_files/j25fgw.jpg" alt="Default Game Image"> + + </td> + + <td>Chainsaw Man Reze Arc</td> + + <td>Movie</td> + + <td> + <span class="played-true"> + True + </span> + </td> + + <td class="description"> + + </td> + + <td> + the story is not that deep, gooner bait. Looks good tho + </td> + + <td> + + </td> + </tr> + + <tr data-type="Movie"> + <td> + + <img src="loc_files/j25fgw.jpg" alt="Default Game Image"> + + </td> + + <td>Five Nights at Freddy’s 1</td> + + <td>Movie</td> + + <td> + <span class="played-true"> + True + </span> + </td> + + <td class="description"> + + </td> + + <td> + If someone cranked a 90 got 2 pumped but the enemy had a + revive kit. The cop just knew everything straight up boring ahh + </td> + + <td> + + </td> + </tr> + + <tr data-type="Movie"> + <td> + + <img src="loc_files/j25fgw.jpg" alt="Default Game Image"> + + </td> + + <td>KPOPS!</td> + + <td>Movie</td> + + <td> + <span class="played-false"> + False + </span> + </td> + + <td class="description"> + Follows a washed-up musician who jumps at the chance to +capitalize on his long-lost son's stardom for his own renaissance, but +learns that fatherhood is much more than stardom. + </td> + + <td> + + </td> + + <td> + + </td> + </tr> + + <tr data-type="Movie"> + <td> + + <img src="loc_files/j25fgw.jpg" alt="Default Game Image"> + + </td> + + <td>Iron Lung</td> + + <td>Movie</td> + + <td> + <span class="played-true"> + True + </span> + </td> + + <td class="description"> + + </td> + + <td> + I mean. There was a lot of things left unanswered + </td> + + <td> + + </td> + </tr> + + <tr data-type="Movie"> + <td> + + <img src="loc_files/j25fgw.jpg" alt="Default Game Image"> + + </td> + + <td>The Backrooms</td> + + <td>Movie</td> + + <td> + <span class="played-false"> + False + </span> + </td> + + <td class="description"> + + </td> + + <td> + pending digital ver + </td> + + <td> + + </td> + </tr> + + <tr data-type="Movie"> + <td> + + <img src="loc_files/j25fgw.jpg" alt="Default Game Image"> + + </td> + + <td>Passenger</td> + + <td>Movie</td> + + <td> + <span class="played-false"> + False + </span> + </td> + + <td class="description"> + + </td> + + <td> + pending digital ver + </td> + + <td> + + </td> + </tr> + + <tr data-type="Movie"> + <td> + + <img src="loc_files/j25fgw.jpg" alt="Default Game Image"> + + </td> + + <td>The Holkon</td> + + <td>Movie</td> + + <td> + <span class="played-false"> + False + </span> + </td> + + <td class="description"> + + </td> + + <td> + pending digital ver + </td> + + <td> + + </td> + </tr> + + <tr data-type="Game"> + <td> + + <img src="loc_files/header_002.jpg" alt="OUTBRK"> + + </td> + + <td>OUTBRK</td> + + <td>Game</td> + + <td> + <span class="played-false"> + False + </span> + </td> + + <td class="description"> + Storm Chasing Simulator + </td> + + <td> + + </td> + + <td> + + <a href="https://store.steampowered.com/app/1107320" target="_blank"> + Store Page + </a> + + </td> + </tr> + + <tr data-type="Game"> + <td> + + <img src="loc_files/header_013.jpg" alt="Tabletop Simulator"> + + </td> + + <td>Tabletop Simulator</td> + + <td>Game</td> + + <td> + <span class="played-false"> + False + </span> + </td> + + <td class="description"> + Tabletop Simulator is the only simulator where you can +let your aggression out by flipping the table! There are no rules to +follow: just you, a physics sandbox, and your friends. Make your own +online board games or play the thousands of community created mods. +Unlimited gaming possibilities! + </td> + + <td> + + </td> + + <td> + + <a href="https://store.steampowered.com/app/286160" target="_blank"> + Store Page + </a> + + </td> + </tr> + + <tr data-type="Game"> + <td> + + <img src="loc_files/header_004.jpg" alt="Satisfactory"> + + </td> + + <td>Satisfactory</td> + + <td>Game</td> + + <td> + <span class="played-false"> + False + </span> + </td> + + <td class="description"> + Satisfactory is a first-person open-world factory +building game with a dash of exploration and combat. Play alone or with +friends, explore an alien planet, create multi-story factories, and +enter conveyor belt heaven! + </td> + + <td> + + </td> + + <td> + + <a href="https://store.steampowered.com/app/526870" target="_blank"> + Store Page + </a> + + </td> + </tr> + + <tr data-type="Game"> + <td> + + <img src="loc_files/header_008.jpg" alt="Divinity: Original Sin 2 - Definitive Edition"> + + </td> + + <td>Divinity: Original Sin 2 - Definitive Edition</td> + + <td>Game</td> + + <td> + <span class="played-false"> + False + </span> + </td> + + <td class="description"> + The critically acclaimed RPG that raised the bar, from +the creators of Baldur's Gate 3. Gather your party. Master deep, +tactical combat. Venture as a party of up to four - but know that only +one of you will have the chance to become a God. + </td> + + <td> + + </td> + + <td> + + <a href="https://store.steampowered.com/app/435150" target="_blank"> + Store Page + </a> + + </td> + </tr> + + <tr data-type="Game"> + <td> + + <img src="loc_files/header_005.jpg" alt="HELLDIVERS™ 2"> + + </td> + + <td>HELLDIVERS™ 2</td> + + <td>Game</td> + + <td> + <span class="played-false"> + False + </span> + </td> + + <td class="description"> + The Galaxy’s Last Line of Offence. Enlist in the +Helldivers and join the fight for freedom across a hostile galaxy in a +fast, frantic, and ferocious third-person shooter. + </td> + + <td> + + </td> + + <td> + + <a href="https://store.steampowered.com/app/553850" target="_blank"> + Store Page + </a> + + </td> + </tr> + + <tr data-type="Game"> + <td> + + <img src="loc_files/header_007.jpg" alt="SCP: Secret Laboratory"> + + </td> + + <td>SCP: Secret Laboratory</td> + + <td>Game</td> + + <td> + <span class="played-false"> + False + </span> + </td> + + <td class="description"> + Deep within a secure underground facility, a sudden +containment breach allows many of the secured anomalies to escape from +their chambers. Assist the Foundation in re-securing the facility, help +the Insurgency in their goal to capture it, or wreak havoc as an SCP in a + frantic bid to escape. + </td> + + <td> + + </td> + + <td> + + <a href="https://store.steampowered.com/app/700330" target="_blank"> + Store Page + </a> + + </td> + </tr> + + <tr data-type="Game"> + <td> + + <img src="loc_files/header_alt_assets_5.jpg" alt="Teardown"> + + </td> + + <td>Teardown</td> + + <td>Game</td> + + <td> + <span class="played-false"> + False + </span> + </td> + + <td class="description"> + Prepare the perfect heist in a fully destructible, +simulated voxel world. Tear down walls with vehicles or use explosives +to create your own shortcuts. Shape the environment to your advantage in + the most creative ways you can imagine. Play solo or with up to 12 +players in multiplayer. + </td> + + <td> + + </td> + + <td> + + <a href="https://store.steampowered.com/app/1167630" target="_blank"> + Store Page + </a> + + </td> + </tr> + + <tr data-type="Game"> + <td> + + <img src="loc_files/header_016.jpg" alt="Risk of Rain 2"> + + </td> + + <td>Risk of Rain 2</td> + + <td>Game</td> + + <td> + <span class="played-true"> + True + </span> + </td> + + <td class="description"> + Escape a chaotic alien planet by fighting through hordes + of frenzied monsters – with your friends, or on your own. Combine loot +in surprising ways and master each character until you become the havoc +you feared upon your first crash landing. + </td> + + <td> + + </td> + + <td> + + <a href="https://store.steampowered.com/app/632360" target="_blank"> + Store Page + </a> + + </td> + </tr> + + <tr data-type="Game"> + <td> + + <img src="loc_files/header_015.jpg" alt="Gamble With Your Friends"> + + </td> + + <td>Gamble With Your Friends</td> + + <td>Game</td> + + <td> + <span class="played-true"> + True + </span> + </td> + + <td class="description"> + An online 1-6 player co-op &quot;casino +crawler&quot; where you and your friends share one bank account and +one massive debt. Gamble, buy sketchy items, make terrible decisions, +and climb an ominous casino tower to hit your loan shark’s daily quota +in 5 minutes - or face the consequences. + </td> + + <td> + + </td> + + <td> + + <a href="https://store.steampowered.com/app/3892270" target="_blank"> + Store Page + </a> + + </td> + </tr> + + <tr data-type="Game"> + <td> + + <img src="loc_files/header_010.jpg" alt="YAPYAP"> + + </td> + + <td>YAPYAP</td> + + <td>Game</td> + + <td> + <span class="played-true"> + True + </span> + </td> + + <td class="description"> + A magic-themed co-op horror game where you and up to 5 +friends are minions summoned by a wizard to break into their rival's +towers to cause mayhem. Try to fufill your vandalism target with an +assortment of spells while avoiding magical beasts and monsters that +protect the tower. + </td> + + <td> + waiting for content + </td> + + <td> + + <a href="https://store.steampowered.com/app/3834090" target="_blank"> + Store Page + </a> + + </td> + </tr> + + <tr data-type="Game"> + <td> + + <img src="loc_files/header_006.jpg" alt="Factorio"> + + </td> + + <td>Factorio</td> + + <td>Game</td> + + <td> + <span class="played-false"> + False + </span> + </td> + + <td class="description"> + Factorio is a game about building and creating automated + factories to produce items of increasing complexity, within an infinite + 2D world. Use your imagination to design your factory, combine simple +elements into ingenious structures, and finally protect it from the +creatures who don't really like you. + </td> + + <td> + + </td> + + <td> + + <a href="https://store.steampowered.com/app/427520" target="_blank"> + Store Page + </a> + + </td> + </tr> + + <tr data-type="Game"> + <td> + + <img src="loc_files/header_009.jpg" alt="SAND: Raiders of Sophie"> + + </td> + + <td>SAND: Raiders of Sophie</td> + + <td>Game</td> + + <td> + <span class="played-false"> + False + </span> + </td> + + <td class="description"> + In SAND you build your highly customizable walking mech +fortress. Squad up or go solo. Scavenge the dunes, gather loot, weapons, + priceless artifacts, survive and extract. Clash with other players in a + brutal procedurally generated desert set in an alternate 1910. + </td> + + <td> + + </td> + + <td> + + <a href="https://store.steampowered.com/app/1431300" target="_blank"> + Store Page + </a> + + </td> + </tr> + + <tr data-type="Movie"> + <td> + + <img src="loc_files/j25fgw.jpg" alt="Default Game Image"> + + </td> + + <td>Parasite</td> + + <td>Movie</td> + + <td> + <span class="played-false"> + False + </span> + </td> + + <td class="description"> + + </td> + + <td> + + </td> + + <td> + + </td> + </tr> + + <tr data-type="Game"> + <td> + + <img src="loc_files/gamelogo-vintagestory-square.thumb.png.12f2d8bc78f5d556ca6ac.png" alt="Vintage Story"> + + </td> + + <td>Vintage Story</td> + + <td>Game</td> + + <td> + <span class="played-false"> + False + </span> + </td> + + <td class="description"> + Vintage Story is an uncompromising wilderness survival +sandbox game inspired by eldritch horror themes. Find yourself in a +ruined world reclaimed by nature and permeated by unnerving temporal +disturbances. Relive the advent of human civilization, or take your own +path. + </td> + + <td> + or TerraFirma Craft Mod + </td> + + <td> + + <a href="https://www.vintagestory.at/" target="_blank"> + Store Page + </a> + + </td> + </tr> + + <tr data-type="Game"> + <td> + + <img src="loc_files/modeditiontitle-jpg.jpg" alt="Sengoku Jidai Minecraft Mod"> + + </td> + + <td>Sengoku Jidai Minecraft Mod</td> + + <td>Game</td> + + <td> + <span class="played-false"> + False + </span> + </td> + + <td class="description"> + Sengoku Jidai is an immensely detailed mod I’ve been +working on for the last 2.5 years as a side hobby that began as a +Minecraft world for a Japanese house I made, which turned into a +Japanese City, which turned into a Resource Pack to match the city. Then + I made a datapack to match the resource pack, and now I have this fully + fledged mod, which takes the idea of retheming Minecraft to an all-new +level. Altering every aspect of the game, including blocks, mobs, items, + biomes, and structures, into the world of Japanese history, culture, +and mythology. + </td> + + <td> + + </td> + + <td> + + <a href="https://www.curseforge.com/minecraft/mc-mods/sengoku-jidai-japanese-overhaul" target="_blank"> + Store Page + </a> + + </td> + </tr> + + <tr data-type="Game"> + <td> + + <img src="loc_files/header_011.jpg" alt="100% Orange Juice"> + + </td> + + <td>100% Orange Juice</td> + + <td>Game</td> + + <td> + <span class="played-true"> + True + </span> + </td> + + <td class="description"> + 100% Orange Juice is a digital multiplayer board game +populated by developer Orange Juice's all-star cast. Characters from +Flying Red Barrel, QP Shooting, Suguri and Sora come together with +all-new characters to duke it out... with dice. + </td> + + <td> + + </td> + + <td> + + <a href="https://store.steampowered.com/app/282800" target="_blank"> + Store Page + </a> + + </td> + </tr> + + <tr data-type="Game"> + <td> + + <img src="loc_files/header.jpg" alt="Left 4 Dead 2"> + + </td> + + <td>Left 4 Dead 2</td> + + <td>Game</td> + + <td> + <span class="played-false"> + False + </span> + </td> + + <td class="description"> + Set in the zombie apocalypse, Left 4 Dead 2 is a +co-operative action horror FPS takes you and your friends through the +cities, swamps and cemeteries of the Deep South, from Savannah to New +Orleans across five expansive campaigns. + </td> + + <td> + + </td> + + <td> + + <a href="https://store.steampowered.com/app/550" target="_blank"> + Store Page + </a> + + </td> + </tr> + + <tr data-type="Game"> + <td> + + <img src="loc_files/header_003.jpg" alt="Tower Unite"> + + </td> + + <td>Tower Unite</td> + + <td>Game</td> + + <td> + <span class="played-true"> + True + </span> + </td> + + <td class="description"> + PLAY, CREATE, PARTY! Tower Unite is a community-based +virtual world party game with online games, entertainment, activities, +and absolutely NO microtransactions. + </td> + + <td> + + </td> + + <td> + + <a href="https://store.steampowered.com/app/394690" target="_blank"> + Store Page + </a> + + </td> + </tr> + + <tr data-type="Game"> + <td> + + <img src="loc_files/header_012.jpg" alt="Elevator"> + + </td> + + <td>Elevator</td> + + <td>Game</td> + + <td> + <span class="played-false"> + False + </span> + </td> + + <td class="description"> + Embark on a journey through The Elevator. This is not a +simple trip to the top. Each stop will open your eyes to the mysteries +of the Elevator. What floor will it stop on? What will it show? The +Elevator decides your fate now!!! From the makers of Elevator: Source +comes Elevator, the sequel. + </td> + + <td> + demo only rn + </td> + + <td> + + <a href="https://store.steampowered.com/app/3769800" target="_blank"> + Store Page + </a> + + </td> + </tr> + + <tr data-type="Game"> + <td> + + <img src="loc_files/header_alt_assets_25.jpg" alt="No Man's Sky"> + + </td> + + <td>No Man's Sky</td> + + <td>Game</td> + + <td> + <span class="played-true"> + True + </span> + </td> + + <td class="description"> + No Man's Sky is a game about exploration and survival in an infinite procedurally generated universe. + </td> + + <td> + + </td> + + <td> + + <a href="https://store.steampowered.com/app/275850" target="_blank"> + Store Page + </a> + + </td> + </tr> + + <tr data-type="Game"> + <td> + + <img src="loc_files/header_017.jpg" alt="Mindustry"> + + </td> + + <td>Mindustry</td> + + <td>Game</td> + + <td> + <span class="played-false"> + False + </span> + </td> + + <td class="description"> + An open-ended factory management game with RTS and tower defense elements. + </td> + + <td> + FOSS + </td> + + <td> + + <a href="https://mindustrygame.github.io/" target="_blank"> + Store Page + </a> + + </td> + </tr> + + </tbody> +</table> +</div> + +<script> +const sortState = {}; + +function sortTable(columnIndex) { + const table = document.getElementById("gamesTable"); + const tbody = table.querySelector("tbody"); + + const rows = Array.from( + tbody.querySelectorAll("tr") + ); + + sortState[columnIndex] = + !sortState[columnIndex]; + + const ascending = + sortState[columnIndex]; + + document + .querySelectorAll(".sort-indicator") + .forEach(el => el.textContent = ""); + + document.getElementById( + `sort-${columnIndex}` + ).textContent = ascending ? "▲" : "▼"; + + rows.sort((a, b) => { + let aVal = + a.children[columnIndex] + .innerText + .trim(); + + let bVal = + b.children[columnIndex] + .innerText + .trim(); + + if ( + aVal.toLowerCase() === "true" || + aVal.toLowerCase() === "false" + ) { + aVal = + aVal.toLowerCase() === "true" + ? 1 + : 0; + + bVal = + bVal.toLowerCase() === "true" + ? 1 + : 0; + + return ascending + ? aVal - bVal + : bVal - aVal; + } + + return ascending + ? aVal.localeCompare(bVal) + : bVal.localeCompare(aVal); + }); + + rows.forEach(row => + tbody.appendChild(row) + ); +} + +function filterCategory(category, button) { + const rows = + document.querySelectorAll( + "#gamesTable tbody tr" + ); + + rows.forEach(row => { + const rowType = + row.dataset.type; + + row.style.display = + category === "all" || + rowType === category + ? "" + : "none"; + }); + + document + .querySelectorAll(".tab") + .forEach(tab => + tab.classList.remove("active") + ); + + button.classList.add("active"); +} +</script> + + +</body></html>
\ No newline at end of file |
