hiina/minecraft-crawler
hiina/minecraft-crawler
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

improve mod list html

Browse source 
it's pretty readable and categorized now.
This commit is contained in:
hiina 2024-08-15 13:27:18 -06:00
parent 94262a6d0d
commit 145c83d5f2
8 changed files with 31264 additions and 28113 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
.packwizignore
View file

@ -6,3 +6,4 @@
website website
venv venv
requirements.txt

22
requirements.txt Normal file
View file

@ -0,0 +1,22 @@
attrs==24.2.0
beautifulsoup4==4.12.3
cattrs==23.2.3
certifi==2024.7.4
charset-normalizer==3.3.2
colorama==0.4.6
exceptiongroup==1.2.2
idna==3.7
Markdown==3.6
modrinth==0.1.5
ordered-set==4.1.0
platformdirs==4.2.2
requests==2.32.3
requests-cache==1.2.1
six==1.16.0
soupsieve==2.6
toml==0.10.2
tqdm==4.66.5
typing_extensions==4.12.2
url-normalize==1.4.3
urllib3==2.2.2
yattag==1.16.0

731
website/collect-mod-descriptions.py
View file

@ -30,34 +30,429 @@ So the update.modrinth.mod-id is the one to look up.
import os import os
import toml import toml
import requests
from yattag import Doc, indent from yattag import Doc, indent
import requests_cache import requests_cache
import logging import logging
from tqdm import tqdm from tqdm import tqdm
import json
import os import os
import markdown import markdown
from bs4 import BeautifulSoup from bs4 import BeautifulSoup
from ordered_set import OrderedSet
from dataclasses import dataclass, field
from typing import List, Dict
logging.basicConfig(level=logging.INFO) logging.basicConfig(level=logging.INFO)
logger = logging.getLogger(__name__) logger = logging.getLogger(__name__)
session = requests_cache.CachedSession('collectmoddescriptions', cache_control=True) session = requests_cache.CachedSession("collectmoddescriptions", cache_control=True)
@dataclass
class ModCategory:
title: str
description: str
mod_slugs: OrderedSet[str]
subcategories: List["ModCategory"] = field(default_factory=list)
hide_by_default: bool = False
mod_categories = [
ModCategory(
title="Centerpieces",
description="Mods that really tie the pack together.",
mod_slugs=OrderedSet(),
subcategories=[
ModCategory(
title="VR",
description="Make the game an actual VR game.",
mod_slugs=OrderedSet(
[
"vivecraft",
"immersivemc",
"vrjesterapi",
"simple-voice-chat",
]
),
),
ModCategory(
title="Crawlin'",
description="Make the murder-hobo dungeon crawling lifestyle viable and fun.",
mod_slugs=OrderedSet(
[
"when-dungeons-arise",
"paladins-and-priests",
"rogues-and-warriors",
"wizards",
"archers",
"simply-skills",
"combat-roll",
"wall-jump-txf",
"myloot",
]
),
),
],
),
ModCategory(
title="Quality of Life",
description="Make the basics less tedious.",
mod_slugs=OrderedSet(
[
"cadmus",
"jei",
"jade",
"mob-plaques",
"inventory-sorting",
"reacharound",
"xaeros-world-map",
"xaeros-minimap",
]
),
),
ModCategory(
title="New Content (Spoilers)",
description="New stuff you'll come across but is usually self-explanatory or has in-game guides. Show only if you want a preview of what's in the pack.",
mod_slugs=OrderedSet(),
subcategories=[
ModCategory(
title="Exploration",
description="Make traversal more interesting.",
mod_slugs=OrderedSet(
[
"lets-do-camping",
"gliders",
"grappling-hook-mod-fabric",
"small-ships",
"mythic-mounts",
"fwaystones",
"explorers-compass",
"natures-compass",
]
),
),
ModCategory(
title="Combat",
description="More ways to kill.",
mod_slugs=OrderedSet(
[
"better-combat",
"mythquest",
"mariums-soulslike-weaponry",
"epic-knights-shields-armor-and-weapons",
"epic-knightsnmages-fabric",
"simply-swords",
"basic-weapons",
"jewelry",
"artifacts",
"mythic-upgrades",
"tieredz",
"kevs-tieredz-modifiers",
"kevs-equipment-sets",
"immersive-armors",
]
),
),
ModCategory(
title="Mobs",
description="More stuff to kill.",
mod_slugs=OrderedSet(
[
"guard-villagers-(fabricquilt)",
"bosses-of-mass-destruction",
"cave-dweller-fabric",
"friends-and-foes",
"mobs-of-mythology",
"mutant-monsters",
]
),
),
ModCategory(
title="Magic",
description="Complicated ways to do stuff.",
mod_slugs=OrderedSet(
[
"archon",
"invocations",
"runes",
"more-totems-of-undying",
"zephyr-mod",
"vein-mining",
"zenith",
"revive",
]
),
),
ModCategory(
title="Structures",
description="Places to crawl.",
mod_slugs=OrderedSet(
[
"minecells",
"dungeon-now-loading",
"dungeons-and-taverns",
"wabi-sabi-structures",
"immersive-structures",
"immersive-structures-ii",
"the-graveyard-fabric",
"the-lost-castle",
"kobold-outposts",
"repurposed-structures-fabric",
"adventurez",
"better-archeology",
"aquamirae",
"villagersplus",
"villages-and-pillages",
"ct-overhaul-village",
"friends-and-foes-beekeeper-hut-fabric",
"friends-and-foes-flowery-mooblooms-fabric",
"gazebos",
]
),
),
ModCategory(
title="Biomes",
description="More nature.",
mod_slugs=OrderedSet(
[
"terralith",
"biomes-o-plenty",
"bingusandfloppa",
"promenade",
"eldritch-end",
"naturalist",
"more-mob-variants",
"valentines-blessing-lilypads-roses",
]
),
),
ModCategory(
title="Ambiance",
description="More pleasant sights and sounds.",
mod_slugs=OrderedSet(
[
"ambientsounds",
"dynamic-lights",
"presence-footsteps",
"sound-physics-remastered",
"nicer-skies",
"distanthorizons",
"true-darkness-fabric",
]
),
),
ModCategory(
title="Vanilla Overhauls",
description="Expanded vanilla content.",
mod_slugs=OrderedSet(
[
"mcda",
"mcdw",
"oxidized",
"hellions-sniffer+",
"geophilic",
"betternether",
"betterend",
"deeperdarker",
"nether-depths-upgrade",
"yungs-better-desert-temples",
"yungs-better-dungeons",
"yungs-better-end-island",
"yungs-better-jungle-temples",
"yungs-better-mineshafts",
"yungs-better-nether-fortresses",
"yungs-better-ocean-monuments",
"yungs-better-strongholds",
"yungs-better-witch-huts",
"yungs-bridges",
"yungs-extras",
"endrem",
"macaws-bridges",
"block-runner",
"creeper-overhaul",
]
),
),
ModCategory(
title="Decoration",
description="More blocks for structures to be built with (your own or otherwise).",
mod_slugs=OrderedSet(
[
"convenient-decor",
"decorative-blocks",
"double-doors",
"handcrafted",
"macaws-doors",
"macaws-fences-and-walls",
"macaws-furniture",
"macaws-lights-and-lamps",
"macaws-paintings",
"macaws-paths-and-pavings",
"macaws-roofs",
"macaws-trapdoors",
"macaws-windows",
]
),
),
],
hide_by_default=True,
),
ModCategory(
title="Internals",
description="Mods that make the pack work, but you don't have to be aware of, unless you're really curious.",
mod_slugs=OrderedSet(),
subcategories=[
ModCategory(
title="Balancing",
description="Tweak the balance for multiplayer crawlin'",
mod_slugs=OrderedSet(
[
"village-spawn-point",
"dungeon-difficulty",
"rebalance",
"protection-balancer",
"starter-kit",
"gravestones",
"fallingtree",
]
),
),
ModCategory(
title="Optimization",
description="Make the game run faster",
mod_slugs=OrderedSet(
[
"badoptimizations",
"clumps",
"ebe",
"entityculling",
"entitytexturefeatures",
"immediatelyfast",
"indium",
"iris",
"lithium",
"memoryleakfix",
"moreculling",
"sodium",
"starlight",
"ferrite-core",
"deuf-refabricated",
"spark",
"modernfix",
]
),
),
ModCategory(
title="Fixes",
description="just bugfixes or annoyances.",
mod_slugs=OrderedSet(
[
"dimensional-sync-fixes",
"yungs-menu-tweaks",
"too-fast",
"no-chat-reports",
"netherportalfix",
"neruina",
"debugify",
"packet-fixer",
"remove-terralith-intro-message",
]
),
),
ModCategory(
title="Libraries",
description="Dependencies that are used by other mods.",
mod_slugs=OrderedSet(
[
"skills",
"heracles",
"zenith-attributes",
"attributes",
"way2wayfabric",
"owo-lib",
"spell-power",
"spell-engine",
"spoornpacks",
"projectile-damage-attribute",
"loot-patcher",
"libz",
"legendary-tooltips",
"just-enough-resources-jer",
"geckoanimfix",
"forge-config-screens",
"obscure-api",
"vr-combat",
"prism-lib",
"yungs-api",
"kevs-library",
"lithostitched",
"load-my-resources",
"questbind",
"lmft",
"autotag",
"almost-unified",
"architectury-api",
"attributefix",
"azurelib",
"azurelib-armor",
"balm",
"bclib",
"bookshelf-lib",
"cardinal-components-api",
"cloth-config",
"collective",
"creativecore",
"cristel-lib",
"dawn",
"terrablender",
"mc-vr-api",
"smartbrainlib",
"ranged-weapon-api",
"emi",
"entity-model-features",
"fabric-api",
"fabric-language-kotlin",
"fakerlib",
"forge-config-api-port",
"fzzy-core",
"gear-core",
"geckolib",
"iceberg",
"modmenu",
"necronomicon",
"patchouli",
"playeranimator",
"polymorph",
"puzzles-lib",
"resourceful-config",
"resourceful-lib",
"sodium-extra",
"trinkets",
"yacl",
"azurelib",
"azurelib-armor",
"autotag",
"argonauts",
]
),
),
],
hide_by_default=True,
),
]
def collect_mod_info(directory): def collect_mod_info(directory):
mods = {} mods = {}
files = os.listdir(directory) files = os.listdir(directory)
for filename in tqdm(files, desc="Processing mod files", unit="file"): for filename in tqdm(files, desc="Processing mod files", unit="file"):
if filename.endswith('.toml'): if filename.endswith(".toml"):
file_path = os.path.join(directory, filename) file_path = os.path.join(directory, filename)
logger.debug(f"Processing file: {file_path}") logger.debug(f"Processing file: {file_path}")
with open(file_path, 'r') as file: with open(file_path, "r") as file:
data = toml.load(file) data = toml.load(file)
if 'update' in data and 'modrinth' in data['update']: if "update" in data and "modrinth" in data["update"]:
mod_id = data['update']['modrinth'].get('mod-id') mod_id = data["update"]["modrinth"].get("mod-id")
if mod_id: if mod_id:
url = f"https://api.modrinth.com/v2/project/{mod_id}" url = f"https://api.modrinth.com/v2/project/{mod_id}"
response = session.get(url) response = session.get(url)
@ -65,201 +460,219 @@ def collect_mod_info(directory):
project_data = response.json() project_data = response.json()
mods[mod_id] = project_data mods[mod_id] = project_data
else: else:
raise Exception(f"Failed to fetch data for mod ID: {mod_id}") raise Exception(
f"Failed to fetch data for mod ID: {mod_id}"
)
return mods return mods
"""
Calculate the dependency tree of the flat list of mod version ids, such that mods that aren't
depended on by other mods are at the top level, and other mods are nested
under the top-level mods that depend on them (possibly mulitiple times).
In the Modrinth schema, a project has versions, which have dependencies on other
project's versions.
"""
def get_mod_dependencies(version_id):
url = f"https://api.modrinth.com/v2/version/{version_id}"
response = requests.get(url)
if response.status_code == 200:
version_data = response.json()
dependencies = version_data.get('dependencies', [])
return [dep["project_id"] for dep in dependencies if dep.get('dependency_type') == 'required']
else:
print(f"Error fetching version data: {response.status_code}")
return []
def build_dependency_tree(directory):
cache_file = 'dependency_tree_cache.json'
if os.path.exists(cache_file):
with open(cache_file, 'r') as f:
return json.load(f)
dependency_tree = {}
files = os.listdir(directory)
for filename in tqdm(files, desc="Building dependency tree", unit="file"):
if filename.endswith('.toml'):
file_path = os.path.join(directory, filename)
with open(file_path, 'r') as file:
data = toml.load(file)
if 'update' in data and 'modrinth' in data['update']:
mod_id = data['update']['modrinth'].get('mod-id')
version_id = data['update']['modrinth'].get('version')
if mod_id and version_id:
dependencies = get_mod_dependencies(version_id)
dependency_tree[mod_id] = {
'name': data['name'],
'version_id': version_id,
'dependencies': dependencies
}
with open(cache_file, 'w') as f:
json.dump(dependency_tree, f)
return dependency_tree
def get_modrinth_url(slug): def get_modrinth_url(slug):
return f"https://modrinth.com/mod/{slug}" return f"https://modrinth.com/mod/{slug}"
def render_dependency_tree(tree, mod_id, mod_info, level=0):
doc, tag, text = Doc().tagtext()
mod_data = tree.get(mod_id)
if mod_data:
with tag('div', style=f"margin-left: {level * 20}px;"):
with tag('h3'):
with tag('a', href=get_modrinth_url(mod_info[mod_id]['slug'])):
text(mod_data['name'])
for dep_id in mod_data['dependencies']:
if dep_id in tree:
doc.asis(render_dependency_tree(tree, dep_id, mod_info, level + 1))
return doc.getvalue()
# mods you need to know about
# content you can find in the world
# optimization
# dependencies
def generate_html(mod_info, dependency_tree): def make_mod_descriptions_html(info, doc, tag, text):
doc, tag, text = Doc().tagtext() with tag("article", klass="mod-description"):
with tag("details", klass="mod-description-details"):
doc.asis('<!DOCTYPE html>') with tag("summary"):
with tag('html'): with tag("span"):
with tag('head'): with tag("a", href=get_modrinth_url(info["slug"])):
with tag('title'): if "icon_url" in info and info["icon_url"]:
text('Mod Descriptions and Dependencies') src = "" + info["icon_url"]
doc.stag('link', rel='stylesheet', href='pico.min.css') doc.stag("img", src=src, klass="mod-icon")
doc.stag('link', rel='stylesheet', href='style.css') text(info["title"])
text(" : ")
with tag('main', klass="container"): with tag("span", klass="mod-summary"):
with tag('h1'): text(info["description"])
text('Mod Descriptions and Dependencies') with tag("div", klass="full-description"):
bodydoc = BeautifulSoup(
with tag('h2'): markdown.markdown(info["body"]),
text('Mod Descriptions') features="html.parser",
with tag('div', id='mod-descriptions'): )
for mod_id, info in mod_info.items(): # lazy load images when seen.
with tag('article', klass='mod-description'): for img in bodydoc.find_all("img"):
with tag('header'): img["loading"] = "lazy"
with tag('h3'): # Remove all iframe embeds
if 'icon_url' in info and info['icon_url']: for iframe in bodydoc.find_all("iframe"):
src = ""+info['icon_url'] iframe.decompose()
doc.stag('img', src=src, klass='mod-icon')
with tag('a', href=get_modrinth_url(info['slug'])):
text(info['title'])
with tag('ul', klass='categories'):
for category in info['categories']:
with tag('li', klass=category.lower().replace(' ', '-')):
text(category)
with tag('p'):
with tag('details'):
with tag('summary'):
text(info['description'])
with tag('div', klass='full-description'):
bodydoc = BeautifulSoup(markdown.markdown(info['body']), features='html.parser')
doc.asis(bodydoc.prettify()) doc.asis(bodydoc.prettify())
with tag('h2'):
text('Mods by Category')
categories = {}
for mod_id, mod_info_dict in mod_info.items():
for category in mod_info_dict['categories']:
if category not in categories:
categories[category] = []
categories[category].append((mod_info_dict['title'], mod_info_dict['slug'], mod_info_dict['description'], mod_info_dict['icon_url']))
for category, mods in categories.items(): def _render_category_content(category, mod_info_by_slug, doc, tag, text):
with tag('h3'): for slug in category.mod_slugs:
text(category) if slug in mod_info_by_slug:
with tag('ul'): make_mod_descriptions_html(mod_info_by_slug[slug], doc, tag, text)
for (mod_name, slug, description, icon_url) in mods:
with tag('li'):
if icon_url:
doc.stag('img', src=icon_url, alt=f"{mod_name} icon", klass="mod-icon-category")
with tag('a', href=get_modrinth_url(slug)):
text(mod_name)
text(f": {description}")
with tag('h2'): for subcategory in category.subcategories:
text('Dependency Tree') with tag("section", klass="mod-subcategory"):
for mod_id in dependency_tree: with tag("h3"):
if not any(mod_id in dep['dependencies'] for dep in dependency_tree.values()): text(subcategory.title)
doc.asis(render_dependency_tree(dependency_tree, mod_id, mod_info)) with tag("p"):
text(subcategory.description)
if subcategory.hide_by_default:
with tag("details"):
with tag("summary"):
text("Show mods")
_render_category_content(
subcategory, mod_info_by_slug, doc, tag, text
)
else:
_render_category_content(subcategory, mod_info_by_slug, doc, tag, text)
def generate_html(mod_info):
doc, tag, text = Doc().tagtext()
mod_info_by_slug = {}
for id, info in mod_info.items():
mod_info_by_slug[info["slug"]] = info
doc.asis("<!DOCTYPE html>")
with tag("html"):
with tag("head"):
with tag("title"):
text("VR Crawler Mod List")
doc.stag("link", rel="stylesheet", href="pico.red.min.css")
doc.stag("link", rel="stylesheet", href="style.css")
with tag("main", klass="container"):
with tag("header"):
with tag("h1"):
text("VR Crawler Mod List")
for category in mod_categories:
with tag("section", klass="mod-category"):
with tag("h2"):
text(category.title)
with tag("p"):
text(category.description)
if category.hide_by_default:
with tag("details"):
with tag("summary"):
text("(Show mods)")
_render_category_content(
category, mod_info_by_slug, doc, tag, text
)
else:
_render_category_content(
category, mod_info_by_slug, doc, tag, text
)
return doc.getvalue() return doc.getvalue()
def generate_dot_graph(mod_info, dependency_tree): def generate_dot_graph(mod_info, dependency_tree):
dot_content = "digraph ModDependencies {\n" dot_content = "digraph ModDependencies {\n"
dot_content += " node [shape=box];\n" dot_content += " node [shape=box];\n"
for mod_id, info in mod_info.items(): for mod_id, info in mod_info.items():
url = get_modrinth_url(info['slug']) url = get_modrinth_url(info["slug"])
dot_content += f' "{mod_id}" [label="{info["title"]}", URL="{url}"];\n' dot_content += f' "{mod_id}" [label="{info["title"]}", URL="{url}"];\n'
for mod_id, deps in dependency_tree.items(): for mod_id, deps in dependency_tree.items():
for dep in deps['dependencies']: for dep in deps["dependencies"]:
dot_content += f' "{mod_id}" -> "{dep}";\n' dot_content += f' "{mod_id}" -> "{dep}";\n'
dot_content += "}" dot_content += "}"
return dot_content return dot_content
def main(directory, output_filename, output_format='html'): def generate_text(mod_info):
text_content = ""
for mod_id, info in mod_info.items():
text_content += f"Title: {info['title']}\n"
text_content += f"Slug: {info['slug']}\n"
text_content += f"Categories: {', '.join(info['categories'])}\n"
text_content += f"Summary: {info['description']}\n"
# Extract text from long body using markdown and BeautifulSoup
bodydoc = BeautifulSoup(markdown.markdown(info["body"]), features="html.parser")
long_description = bodydoc.get_text(separator="\n", strip=True)
text_content += f"Description (truncated):\n{long_description[:200]}\n\n"
return text_content
def main(directory, output_filename, output_format="html"):
mod_info = collect_mod_info(directory) mod_info = collect_mod_info(directory)
dependency_tree = build_dependency_tree(directory) # Check for discrepancies between mod_info and manual_mod_categories
mod_info_set = set(info["slug"] for info in mod_info.values())
if output_format == 'html': manual_categories_set = set()
output_content = generate_html(mod_info, dependency_tree) slug_category_count = {}
elif output_format == 'json': for category in mod_categories:
import json slugs = category.mod_slugs
output_content = json.dumps({ manual_categories_set.update(slugs)
'mod_info': mod_info, for slug in slugs:
'dependency_tree': dependency_tree if slug in slug_category_count:
}, indent=2) slug_category_count[slug].append(category.title)
elif output_format == 'dot':
output_content = generate_dot_graph(mod_info, dependency_tree)
else: else:
raise ValueError("Invalid output format. Use 'html', 'json', or 'dot'.") slug_category_count[slug] = [category.title]
for subcategory in category.subcategories:
slugs = subcategory.mod_slugs
manual_categories_set.update(slugs)
for slug in slugs:
if slug in slug_category_count:
slug_category_count[slug].append(category.title)
else:
slug_category_count[slug] = [category.title]
with open(output_filename, 'w', encoding='utf-8') as f: for slug, categories in slug_category_count.items():
if len(categories) > 1:
print(
f"Warning: Slug '{slug}' is present in multiple categories: {', '.join(categories)}"
)
mods_not_in_categories = mod_info_set - manual_categories_set
categories_not_in_mods = manual_categories_set - mod_info_set
if mods_not_in_categories:
logger.warning(
"Mods not in manual categories:" + ",\n".join(mods_not_in_categories)
)
if categories_not_in_mods:
logger.warning(
"Mods manually categorized but not in pack:"
+ ",\n".join(categories_not_in_mods)
)
if output_format == "html":
output_content = generate_html(mod_info)
elif output_format == "text":
output_content = generate_text(mod_info)
else:
raise ValueError("Invalid output format.")
with open(output_filename, "w", encoding="utf-8") as f:
f.write(output_content) f.write(output_content)
print(f"File with mod descriptions and dependency tree has been generated: {output_filename}") print(
f"File with mod descriptions and dependency tree has been generated: {output_filename}"
)
if __name__ == '__main__':
if __name__ == "__main__":
import sys import sys
if len(sys.argv) != 3: if len(sys.argv) != 3:
print("Usage: python script.py <directory> <output_filename>") print("Usage: python script.py <directory> <output_filename>")
print("output_filename should end with '.html', '.json', or '.dot'") print("output_filename should end with '.html', '.json', '.dot', or '.txt'")
sys.exit(1) sys.exit(1)
directory = sys.argv[1] directory = sys.argv[1]
output_filename = sys.argv[2] output_filename = sys.argv[2]
if output_filename.lower().endswith('.html'): if output_filename.lower().endswith(".html"):
output_format = 'html' output_format = "html"
elif output_filename.lower().endswith('.json'): elif output_filename.lower().endswith(".json"):
output_format = 'json' output_format = "json"
elif output_filename.lower().endswith('.dot'): elif output_filename.lower().endswith(".dot"):
output_format = 'dot' output_format = "dot"
elif output_filename.lower().endswith(".txt"):
output_format = "text"
else: else:
print("Error: output_filename must end with '.html', '.json', or '.dot'") print(
"Error: output_filename must end with '.html', '.json', '.dot', or '.txt'"
)
sys.exit(1) sys.exit(1)
main(directory, output_filename, output_format) main(directory, output_filename, output_format)

56252
website/mods.html
View file

File diff suppressed because one or more lines are too long

2315
website/mods.txt Normal file
View file

File diff suppressed because it is too large Load diff

4
website/pico.min.css vendored
View file

File diff suppressed because one or more lines are too long

4
website/pico.red.min.css vendored Normal file
View file

File diff suppressed because one or more lines are too long

76
website/style.css
View file

@ -1,85 +1,15 @@
/* Layout mods in two columns if wide enough */
@media screen and (min-width: 768px) {
#mod-descriptions {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
}
.full-description { .full-description {
max-height: 80vh; max-height: 80vh;
overflow-y: auto; overflow-y: auto;
} }
.mod-icon, .mod-icon,
.mod-icon-category { .mod-icon-category {
width: 48px; height: 2em;
height: 48px;
vertical-align: middle; vertical-align: middle;
margin-right: 5px; margin-right: 5px;
} }
.mod-icon-category {
width: 16px;
height: 16px;
}
/* Mod categories styling */ .mod-description-details {
.categories { --pico-spacing: 0;
list-style: none;
padding: 0;
margin: 10px 0;
display: flex;
flex-wrap: wrap;
gap: 5px;
}
.categories li {
display: inline-block;
padding: 3px 8px;
border-radius: 5px;
font-size: 0.6em;
color: white;
}
/* Unique colors for different categories */
.categories .technology {
background-color: #007bff;
}
.categories .magic {
background-color: #9c27b0;
}
.categories .adventure {
background-color: #28a745;
}
.categories .utility {
background-color: #ffc107;
}
.categories .library {
background-color: #17a2b8;
}
.categories .worldgen {
background-color: #6c757d;
}
.categories .storage {
background-color: #dc3545;
}
.categories .optimization {
background-color: #20c997;
}
.categories .decoration {
background-color: #fd7e14;
}
.categories .misc {
background-color: #6610f2;
} }