Icon Changes

This commit is contained in:
2026-04-23 16:29:06 +02:00
parent 3dcc9553c4
commit 908fffb091
22 changed files with 120 additions and 35 deletions
+29 -2
View File
@@ -109,8 +109,35 @@ Complete the following:
- [x] Define the exact ACP custom classes to enter for each category/subcategory, based on `GAME_ICONS.md`, so setup can happen without theme code knowing category IDs. - [x] Define the exact ACP custom classes to enter for each category/subcategory, based on `GAME_ICONS.md`, so setup can happen without theme code knowing category IDs.
- [x] Document setup steps for admins: where to enter the custom class, which class names map to which icons, and when to rebuild/restart NodeBB after theme changes. - [x] Document setup steps for admins: where to enter the custom class, which class names map to which icons, and when to rebuild/restart NodeBB after theme changes.
- [x] Validate implementation scaffolding: `./nodebb build` succeeds, compiled templates emit `{./class}`, compiled CSS contains the `wg-icon-*` mask rules, and `/assets/plugins/nodebb-theme-westgate/game-icons/drama-masks.svg` returns HTTP 200. - [x] Validate implementation scaffolding: `./nodebb build` succeeds, compiled templates emit `{./class}`, compiled CSS contains the `wg-icon-*` mask rules, and `/assets/plugins/nodebb-theme-westgate/game-icons/drama-masks.svg` returns HTTP 200.
- [ ] Enter the `wg-icon-*` values from `GAME_ICONS.md` into the live ACP category custom class fields. The current live data still contains legacy layout classes like `col-md-3 col-6`; keep them only if they are still intentionally used for layout, and append the `wg-icon-*` class alongside them. - [x] Enter the `wg-icon-*` values from `GAME_ICONS.md` into the live ACP category custom class fields. The current live data still contains legacy layout classes like `col-md-3 col-6`; keep them only if they are still intentionally used for layout, and append the `wg-icon-*` class alongside them.
- [ ] Validate actual game-icon visuals on the live website after ACP class entry: desktop and mobile `/categories`, one category page with subcategories, "load more subcategories" if present, and at least one category with no game-icon class to confirm Font Awesome fallback still works. - [x] Removed `col-md-3 col-6` legacy layout classes.
- [-] Validate actual game-icon visuals on the live website after ACP class entry: desktop and mobile `/categories`, one category page with subcategories, "load more subcategories" if present, and at least one category with no game-icon class to confirm Font Awesome fallback still works.
- [ ] Icons don't fit into their containers: either too small or cropped wrong. Especially noticeable when viewing `category` page
- [ ] Missing "signet ring" style ornamentation namely on `category` page (above topic or subcategory list)
- [ ] Subcategory containers no longer tidy; maybe subcategory icon and container should be bigger (1.5x current size) on the `categories` page with text remaining the same size.
- [ ] Some icons need to be changed. When adding new icons, add new classes for them, and deprecate unused ones:
- [ ] INFORMATION: `scroll-unfurled`
- [ ] Announcements: `trumpet-flag`
- [ ] Player Guide: `compass`
- [ ] COMMUNITY
- [ ] General Discussion:`beer-stein`
- [ ] Screenshots: `wood-frame`
- [ ] Creations: `harp`
- [ ] ROLEPLAY: `duality-mask`
- [ ] Notices: `stabbed-note`
- [ ] Rumors & Gossip: `mute`
- [ ] Journals & Biographies: `sword-altar`
- [ ] Factions & Guilds: `cowled`
- [ ] Keep `wax-seal` for "Organization Registry" (subcategory of Factions & Guilds)
- [ ] SUPPORT: `candle-flame`
- [ ] Common Issues & Questions: `key-lock`
- [ ] Feedback: `envelope`
- [ ] Technical Help:`round-potion`
- [ ] DEVELOPMENT: `anvil`
- [ ] Tools & References: `spanner`
- [ ] Programming: `gears`
- [ ] General: `wax-tablet`
- [ ] Lore: `classical-knowledge`
- [ ] Decide whether uploaded category background images should be cleared for icon-driven categories after seeing the final ACP-configured visuals. - [ ] Decide whether uploaded category background images should be cleared for icon-driven categories after seeing the final ACP-configured visuals.
- [ ] Explain any operational follow-up after ACP setup, especially asset rebuild, restart/cache behavior, and whether legacy Bootstrap layout classes should remain in category custom class fields. - [ ] Explain any operational follow-up after ACP setup, especially asset rebuild, restart/cache behavior, and whether legacy Bootstrap layout classes should remain in category custom class fields.
+27 -24
View File
@@ -12,36 +12,39 @@ The SVGs in `public/game-icons/` were sanitized for theme use by removing the de
| Category | Recommended icon | ACP custom class | Asset | | Category | Recommended icon | ACP custom class | Asset |
| --- | --- | --- | --- | | --- | --- | --- | --- |
| INFORMATION | Scroll and quill | `wg-icon-scroll-quill` | `public/game-icons/scroll-quill.svg` | | INFORMATION | Scroll unfurled | `wg-icon-scroll-unfurled` | `public/game-icons/scroll-unfurled.svg` |
| Player Guide | Rule book | `wg-icon-rule-book` | `public/game-icons/rule-book.svg` | | Player Guide | Compass | `wg-icon-compass` | `public/game-icons/compass.svg` |
| Announcements | Ringing bell | `wg-icon-ringing-bell` | `public/game-icons/ringing-bell.svg` | | Announcements | Trumpet flag | `wg-icon-trumpet-flag` | `public/game-icons/trumpet-flag.svg` |
| Patch Notes | Spinning wheel | `wg-icon-spinning-wheel` | `public/game-icons/spinning-wheel.svg` | | Patch Notes | Spinning wheel | `wg-icon-spinning-wheel` | `public/game-icons/spinning-wheel.svg` |
| COMMUNITY | Tavern sign | `wg-icon-tavern-sign` | `public/game-icons/tavern-sign.svg` | | COMMUNITY | Tavern sign | `wg-icon-tavern-sign` | `public/game-icons/tavern-sign.svg` |
| General Discussion | Saloon | `wg-icon-saloon` | `public/game-icons/saloon.svg` | | General Discussion | Beer stein | `wg-icon-beer-stein` | `public/game-icons/beer-stein.svg` |
| Introductions | Shaking hands | `wg-icon-shaking-hands` | `public/game-icons/shaking-hands.svg` | | Introductions | Shaking hands | `wg-icon-shaking-hands` | `public/game-icons/shaking-hands.svg` |
| Screenshots | Large paint brush | `wg-icon-large-paint-brush` | `public/game-icons/large-paint-brush.svg` | | Screenshots | Wood frame | `wg-icon-wood-frame` | `public/game-icons/wood-frame.svg` |
| Creations | Flute | `wg-icon-flute` | `public/game-icons/flute.svg` | | Creations | Harp | `wg-icon-harp` | `public/game-icons/harp.svg` |
| ROLEPLAY | Drama masks | `wg-icon-drama-masks` | `public/game-icons/drama-masks.svg` | | ROLEPLAY | Duality mask | `wg-icon-duality-mask` | `public/game-icons/duality-mask.svg` |
| Notices | Target poster | `wg-icon-target-poster` | `public/game-icons/target-poster.svg` | | Notices | Stabbed note | `wg-icon-stabbed-note` | `public/game-icons/stabbed-note.svg` |
| Rumors & Gossip | Chat bubble | `wg-icon-chat-bubble` | `public/game-icons/chat-bubble.svg` | | Rumors & Gossip | Mute | `wg-icon-mute` | `public/game-icons/mute.svg` |
| Journals & Biographies | Notebook | `wg-icon-notebook` | `public/game-icons/notebook.svg` | | Journals & Biographies | Sword altar | `wg-icon-sword-altar` | `public/game-icons/sword-altar.svg` |
| Factions & Guilds | Wax seal | `wg-icon-wax-seal` | `public/game-icons/wax-seal.svg` | | Factions & Guilds | Cowled | `wg-icon-cowled` | `public/game-icons/cowled.svg` |
| SUPPORT | Glowing hands | `wg-icon-glowing-hands` | `public/game-icons/glowing-hands.svg` | | Organization Registry | Wax seal | `wg-icon-wax-seal` | `public/game-icons/wax-seal.svg` |
| Common Issues & Questions | Question badge | `wg-icon-question` | `public/game-icons/question.svg` | | SUPPORT | Candle flame | `wg-icon-candle-flame` | `public/game-icons/candle-flame.svg` |
| Technical Help | Monkey wrench | `wg-icon-monkey-wrench` | `public/game-icons/monkey-wrench.svg` | | Common Issues & Questions | Key lock | `wg-icon-key-lock` | `public/game-icons/key-lock.svg` |
| Technical Help | Round potion | `wg-icon-round-potion` | `public/game-icons/round-potion.svg` |
| Bug Reports | Long antennae bug | `wg-icon-long-antennae-bug` | `public/game-icons/long-antennae-bug.svg` | | Bug Reports | Long antennae bug | `wg-icon-long-antennae-bug` | `public/game-icons/long-antennae-bug.svg` |
| Feedback | Idea | `wg-icon-idea` | `public/game-icons/idea.svg` | | Feedback | Envelope | `wg-icon-envelope` | `public/game-icons/envelope.svg` |
| DEVELOPMENT | Gears | `wg-icon-gears` | `public/game-icons/gears.svg` | | DEVELOPMENT | Anvil | `wg-icon-anvil` | `public/game-icons/anvil.svg` |
| Tools & References | Toolbox | `wg-icon-toolbox` | `public/game-icons/toolbox.svg` | | Tools & References | Spanner | `wg-icon-spanner` | `public/game-icons/spanner.svg` |
| General | Compass | `wg-icon-compass` | `public/game-icons/compass.svg` | | General | Wax tablet | `wg-icon-wax-tablet` | `public/game-icons/wax-tablet.svg` |
| Lore | Open book | `wg-icon-open-book` | `public/game-icons/open-book.svg` | | Lore | Classical knowledge | `wg-icon-classical-knowledge` | `public/game-icons/classical-knowledge.svg` |
| Designs | Pencil ruler | `wg-icon-pencil-ruler` | `public/game-icons/pencil-ruler.svg` | | Designs | Pencil ruler | `wg-icon-pencil-ruler` | `public/game-icons/pencil-ruler.svg` |
| Programming | Processor | `wg-icon-processor` | `public/game-icons/processor.svg` | | Programming | Gears | `wg-icon-gears` | `public/game-icons/gears.svg` |
| Area Building | Castle ruins | `wg-icon-castle-ruins` | `public/game-icons/castle-ruins.svg` | | Area Building | Castle ruins | `wg-icon-castle-ruins` | `public/game-icons/castle-ruins.svg` |
The stylesheet still defines earlier classes such as `wg-icon-scroll-quill`, `wg-icon-rule-book`, `wg-icon-ringing-bell`, `wg-icon-saloon`, `wg-icon-large-paint-brush`, `wg-icon-flute`, `wg-icon-drama-masks`, `wg-icon-target-poster`, `wg-icon-chat-bubble`, `wg-icon-notebook`, `wg-icon-glowing-hands`, `wg-icon-question`, `wg-icon-monkey-wrench`, `wg-icon-idea`, `wg-icon-toolbox`, `wg-icon-open-book`, and `wg-icon-processor` as legacy fallbacks. Prefer the table above for new ACP configuration.
## Setup ## Setup
1. In the NodeBB ACP, open `Manage > Categories`, choose a category, and put the matching `wg-icon-*` value in the category's custom class field. If that field already has layout classes such as `col-md-3 col-6`, append the icon class instead of replacing them until the layout classes are confirmed unnecessary. 1. In the NodeBB ACP, open `Manage > Categories`, choose a category, and put the matching `wg-icon-*` value in the category's custom class field. Do not re-add old layout classes such as `col-md-3 col-6`; the theme layout no longer uses them.
2. Keep the regular ACP icon configured as a Font Awesome fallback. The theme hides it only when a matching `wg-icon-*` class is present. 2. Keep the regular ACP icon configured as a Font Awesome fallback. The theme hides it only when a matching `wg-icon-*` class is present.
3. Use the ACP text/icon color for category-specific glyph tinting. Prefer muted gold, green, blue, red, or violet accents over bright saturated colors. 3. Use the ACP text/icon color for category-specific glyph tinting. Prefer muted gold, green, blue, red, or violet accents over bright saturated colors.
4. After theme file changes, rebuild NodeBB assets and restart if the running process does not pick up `plugin.json` static directory changes. 4. After theme file changes, rebuild NodeBB assets and restart if the running process does not pick up `plugin.json` static directory changes.
@@ -51,6 +54,6 @@ The SVGs in `public/game-icons/` were sanitized for theme use by removing the de
The following Game Icons authors are represented in this curated set: The following Game Icons authors are represented in this curated set:
- Badges: `question.svg` - Badges: `question.svg`
- Caro Asercion: `spinning-wheel.svg` - Caro Asercion: `round-potion.svg`, `spinning-wheel.svg`
- Delapouite: `castle-ruins.svg`, `chat-bubble.svg`, `flute.svg`, `idea.svg`, `large-paint-brush.svg`, `monkey-wrench.svg`, `notebook.svg`, `pencil-ruler.svg`, `rule-book.svg`, `saloon.svg`, `scroll-quill.svg`, `shaking-hands.svg`, `target-poster.svg`, `tavern-sign.svg`, `toolbox.svg` - Delapouite: `castle-ruins.svg`, `chat-bubble.svg`, `classical-knowledge.svg`, `flute.svg`, `harp.svg`, `idea.svg`, `key-lock.svg`, `large-paint-brush.svg`, `monkey-wrench.svg`, `mute.svg`, `notebook.svg`, `pencil-ruler.svg`, `rule-book.svg`, `saloon.svg`, `scroll-quill.svg`, `shaking-hands.svg`, `stabbed-note.svg`, `sword-altar.svg`, `target-poster.svg`, `tavern-sign.svg`, `toolbox.svg`, `trumpet-flag.svg`, `wax-tablet.svg`, `wood-frame.svg`
- Lorc: `compass.svg`, `drama-masks.svg`, `gears.svg`, `glowing-hands.svg`, `long-antennae-bug.svg`, `open-book.svg`, `processor.svg`, `ringing-bell.svg`, `wax-seal.svg` - Lorc: `anvil.svg`, `beer-stein.svg`, `candle-flame.svg`, `compass.svg`, `cowled.svg`, `drama-masks.svg`, `duality-mask.svg`, `envelope.svg`, `gears.svg`, `glowing-hands.svg`, `long-antennae-bug.svg`, `open-book.svg`, `processor.svg`, `ringing-bell.svg`, `scroll-unfurled.svg`, `spanner.svg`, `wax-seal.svg`
+1
View File
@@ -0,0 +1 @@
<svg class="wg-game-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M128.688 115.594v147.75h285v-147.75h-285zm-111.844 20.47c17.374 47.14 54.372 80.413 94.906 93.81v-93.81H16.844zm414.375 12.31v88.657c21.457-9.083 42.92-25.257 64.374-47.374-21.52-22.562-42.633-35.173-64.375-41.28zm-226.25 132.47c-12.15 38.536-33.897 71.5-60.595 100.47l257.844-.002c-28.705-29.016-49.952-62.054-61.5-100.468H204.97zM101.843 400v43.78h337.562V400H101.844z"/></svg>

After

Width:  |  Height:  |  Size: 491 B

+1
View File
@@ -0,0 +1 @@
<svg class="wg-game-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M252.094 19.438c-18.092-.063-35.548 9.82-43.125 28.437v9.688l-11.376-2.5c-14.316-3.17-25.792-1.15-33.375 3.843-7.585 4.994-12.174 12.898-12.345 25.438-.13 9.54 1.93 15.82 4.813 20 2.882 4.18 6.673 6.672 11.906 8.062 10.465 2.78 26.67-.357 41.094-8.75l5.968-3.47 5.063 4.658c8.405 7.744 14.51 11.07 20.56 12.25 6.052 1.18 13.046.318 23.44-2.875l9.842-3.032 2.063 10.093c2.695 13.158 14.91 23.407 29.125 23.407 13.237 0 23.67-9.028 27.313-21.468l2.218-7.532 7.783.843c8.855.99 19.41-4.045 25-10.343l6-6.75 6.968 5.782c18.61 15.487 35.46 16.96 47.283 11.468 11.82-5.494 20.18-18.602 19.25-38.782-.88-18.827-10.97-30.448-25.5-35.812-14.532-5.364-33.76-3.61-51.282 8.218l-7.436 5.032-5.344-7.25c-7.038-9.585-17.09-15.485-26.72-17-9.628-1.516-18.487.928-25.374 8.406l-7.406 8.03-6.78-8.56c-10.443-13.165-25.214-19.482-39.626-19.532zM65.22 119.968C37.8 203.65 25.784 289.07 28.812 376.19c39.55 17.23 81.422 18.105 123.437 18a956.588 956.588 0 0 0 6.594-34.22c-32.102 1.678-64.094 2.52-94.313-9.124-2.33-66.88 6.917-121.622 28-187.03 27.318 6.5 55.01 8.61 83.25 7.467-.07-11.715-.387-22.556-1.03-32.31-37.168-1.726-73.593-8.642-109.53-19zm148 2.97c-6.57 3.29-13.37 5.82-20.19 7.406 3.092 33.456 1.947 78.392-2.186 127.094-4.777 56.28-13.866 116.5-26.438 166.718H434.25c-9.932-52.565-18.812-111.61-23.594-166.72-3.87-44.618-5.233-86.115-2.03-119.717-10.777-1.282-22.047-5.642-32.938-13.22-7.498 5.988-16.954 10.145-27.25 10.75-7.46 16.247-23.42 28.125-42.688 28.125-19.644 0-36.84-11.86-44.344-28.938-8.26 1.885-15.993 2.507-23.72 1-8.57-1.67-16.468-6.014-24.467-12.5zm-78.376 319.906L116.22 491.25h358.686l-21.72-48.406h-318.34z"/></svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

+1
View File
@@ -0,0 +1 @@
<svg class="wg-game-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M334.656 17.125c-39.668 10.85-74.78 27.46-100.75 51.97-.7-12.52-4.5-25.147-13.28-38.032-.99 44.914-50.315 103.934-30.5 153.53.003.01-.005.023 0 .032 7.68 30.364 37.266 53.535 65.468 58.313-2.05-19.67-7.09-37.707-14.47-54.72l17.157-7.437c8.366 19.287 13.92 39.993 16 62.47 23.252-3.66 41.33-23.623 38.283-67.594-3.658-52.788-.63-114.802 22.093-158.53zM209.53 258.72c-31.372.18-59.653 7.37-81.81 19.936-22.914 12.996-39.443 32.518-44.376 55.5-2.557 8.937-4.03 19.326-4.03 30.406 0 32.55 12.64 59.1 28.5 60.532V489.5h301.155v-18.47c1.204.15 2.44.22 3.686.22 16.484 0 29.844-13.362 29.844-29.844 0-15.464-11.78-28.173-26.844-29.687-2.632-46.515-15.848-80.1-41.875-103.47-23.49-21.094-56.093-33.432-98.592-41.78-.3 21.733-3.715 45.06-10.75 70.28l-18.032-5.03c7.006-25.113 10.208-47.738 10.22-68.533a731.357 731.357 0 0 0-14.813-2.25c-11.03-1.55-21.824-2.28-32.282-2.218zm-103.186 79.186h18.687c0 5.588 2.556 11.307 8.69 17.5 6.13 6.194 15.744 12.395 28.06 17.656 24.636 10.524 59.83 17.375 98.75 17.375 49.15 0 92.438-11.197 115.845-26.312l10.125 15.72c-28.443 18.366-74.097 29.28-125.97 29.28-41.077 0-78.3-7.003-106.092-18.875-13.897-5.936-25.473-13.075-34-21.688-8.528-8.612-14.094-19.157-14.094-30.656z"/></svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

@@ -0,0 +1 @@
<svg class="wg-game-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M104 37.25V215.1c3.6 9.9 10 14.1 20.9 17 11.4 2.9 27.1 3.1 43.9 3.1 16.8 0 34.6-.1 51.4 3.6 9.5 2.1 18.7 5.7 26.8 11.2V55.43c-7.2-9.9-15.9-13.69-27.3-15.09-12.2-1.49-27.3.55-42.9 2.83-15.7 2.28-31.9 4.81-47.7 2.88-8.7-1.07-17.3-3.87-25.1-8.8zm304 0c-7.8 4.93-16.4 7.73-25.1 8.8-15.8 1.93-32-.6-47.7-2.88-15.6-2.28-30.7-4.32-42.9-2.83-11.4 1.4-20.1 5.19-27.3 15.09V250c8.1-5.5 17.3-9.1 26.8-11.2 16.8-3.7 34.6-3.6 51.4-3.6 16.8 0 32.5-.2 43.9-3.1 10.9-2.9 17.3-7.1 20.9-17V37.25zM130.8 80.03h89.4v18h-89.4v-18zm161 0h89.4v18h-89.4v-18zm-161 44.47h89.4v18h-89.4v-18zm161 0h89.4v18h-89.4v-18zm-161 46.8h89.4v18h-89.4v-18zm161 0h89.4v18h-89.4v-18zM96 249c-17.3 0-29.19 7.3-37.77 18.9C49.66 279.4 45 295.7 45 312s4.66 32.6 13.23 44.1C66.81 367.7 78.7 375 96 375c22 0 35.7-7.1 44.4-14 8.6-6.9 11.5-13 11.5-13l2.5-5h203.2l2.5 5s2.9 6.1 11.5 13c8.7 6.9 22.4 14 44.4 14 17.3 0 29.2-7.3 37.8-18.9 8.5-11.5 13.2-27.8 13.2-44.1s-4.7-32.6-13.2-44.1c-8.6-11.6-20.5-18.9-37.8-18.9-22 0-35.7 7.1-44.4 14-8.6 6.9-11.5 13-11.5 13l-2.5 5H154.4l-2.5-5s-2.9-6.1-11.5-13c-8.7-6.9-22.4-14-44.4-14zm4.6 21.9c.9 0 1.9 0 2.9.1 13.5 1.2 28.2 8.9 44.1 24h216.8c15.9-15.1 30.6-22.8 44.1-24 14.2-1.2 26.6 5.8 33.1 16.2 13.1 20.9 7 53.9-20.6 72.3l-10-15c20.4-13.6 22.3-36.6 15.4-47.7-3.5-5.6-8.1-8.6-16.4-7.8-8.2.7-20.6 6.3-35.6 21.4l-2.7 2.6H140.3l-2.7-2.6c-15-15.1-27.4-20.7-35.6-21.4-8.26-.8-12.9 2.2-16.37 7.8-6.92 11.1-4.99 34.1 15.37 47.7l-9.99 15c-27.65-18.4-33.72-51.4-20.64-72.3 5.72-9.1 15.9-15.6 27.92-16.3h2.31zM169 361v126h30V361h-30zm48 0v126h30V361h-30zm48 0v126h30V361h-30zm48 0v126h30V361h-30z"/></svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

+1
View File
@@ -0,0 +1 @@
<svg class="wg-game-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M254.1 18.63c-81.4 0-231.43 155.97-171.63 300.77 8 25.3 27.83 50.4 49.13 77.1 24.4 30.6 51.6 63.2 68.7 96.9h20.5c-18.1-39.8-48.5-75.9-74.6-108.6-27.4-34.3-48.73-65.2-48.73-87.9.1-9.1 2.23-18.1 5.53-26.3 23-61.4 114-119.7 148.5-135l3.6-2 3.9 1.3c60.9 20.9 129.3 66.7 154 135.7 4.1 11.7 5.9 18 5.6 27.3-.5 15.8-24.5 54.7-55 88.7-29.1 32.4-62.4 67.7-80 106.7h20.5c16.8-32.2 46.2-64 73.3-94.2 23.2-25.6 45.3-50 54.9-74.8 52.9-124-99.2-305.67-178.2-305.67zm.8 135.47c-38.7 21.5-85.1 52.2-113.7 88.2 9.7 83 59 146.1 118.3 146.1 59.2 0 108.3-62.7 118.2-145.3-28.9-42.1-78-72.9-122.8-89zm-58.3 83h2.4c13.1.1 26.1 2.7 39.1 7.4-16.8 40.6-59 42-78.1 0 12.2-4.8 24.4-7.2 36.6-7.4zm124.9 0c13-.1 26 2.3 39.1 7.4-19.2 42-61.3 40.6-78.2 0 13.1-4.7 26.1-7.3 39.1-7.4z"/></svg>

After

Width:  |  Height:  |  Size: 872 B

+1
View File
@@ -0,0 +1 @@
<svg class="wg-game-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="m65.44 18.39-2.327 9.717C53.95 66.384 49.07 107.884 49.07 151.293c0 93.415 23.097 178.085 61.047 240.014 17.218 28.096 37.652 51.6 60.447 68.92 26.69 21.257 56.353 32.962 87.377 32.962.364 0 1.147-.12 1.927-.25.623.008 1.247.02 1.87.02 60.13 0 113.67-39.724 151.62-101.653 37.95-61.93 61.047-146.598 61.047-240.014 0-41.557-4.858-81.203-13.256-118.012l-2.324-10.19-9.582 4.176c-50.92 22.196-113.98 35.705-182.086 35.713a561.96 561.96 0 0 1-6.002-.103V62.8c-1.296 0-2.586-.017-3.88-.03-69.783-2.053-125.493-18.078-182.545-40.698l-9.29-3.683zm380.816 28.747c6.792 32.774 10.824 67.647 10.824 104.156 0 90.547-22.596 172.38-58.494 230.963-35.9 58.582-84.36 93.38-136.848 93.38-.195 0-.39-.006-.584-.007v-63.987c-2.64.023-5.28-.03-7.914-.163-55.358-2.77-109.316-38.91-122.03-99.742l-2.355-11.256h94.895l37.404 14.207V80.206c1.946.042 3.896.078 5.862.098h.087c66.168 0 127.672-12.383 179.152-33.168zm-279.53 98.12c35.365 0 64.036 13.248 64.036 29.59 0 16.34-28.668 29.585-64.035 29.585-35.365 0-64.036-13.246-64.036-29.586 0-16.34 28.67-29.588 64.037-29.588zm186.282 0c-35.367 0-64.035 13.248-64.035 29.59 0 16.34 28.67 29.585 64.035 29.585 35.367 0 64.035-13.246 64.035-29.586 0-16.34-28.67-29.588-64.035-29.588zM152.572 319.17c14.72 45.053 57.247 71.428 101.602 73.646 44.8 2.24 90.238-19.45 110.416-73.646h-57.447l-44.204 16.187-42.62-16.187h-67.748z"/></svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

+1
View File
@@ -0,0 +1 @@
<svg class="wg-game-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M182.78 80.125c3.367 19.498 10.608 52.67 19.126 84.813 8.126 30.663 17.73 60.122 25.063 75.062 57.968-.962 148.212-16.707 252.343-46.344-91.756-70.023-188.486-99.376-296.532-113.53zM164.657 85c-65.62 51.243-106.43 120.106-138.5 196.25 54.866-38.51 111.644-60.42 169.313-70.906-3.995-12.636-7.88-26.486-11.626-40.625-8.425-31.79-15.554-64.12-19.188-84.72zm322.281 125.906c-74.123 21.218-141.43 35.68-196.25 42.813 24.018 51.794 36.448 106.688 43.688 160.936 70.634-58.76 125.36-118.495 152.563-203.75zM201.53 228.28c-56.563 9.917-111.78 30.946-165.56 68.907 89.478 61.396 189.91 97.037 279.874 119.844-7.362-55.057-20.104-109.997-44.75-161.03-18.39 1.897-35.134 2.875-49.938 2.875h-5.344l-2.718-4.625c-3.898-6.69-7.77-15.598-11.563-25.97z"/></svg>

After

Width:  |  Height:  |  Size: 858 B

+1
View File
@@ -0,0 +1 @@
<svg class="wg-game-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="m120.7 27.53-28.93 8.56C112.1 187.8 125.6 321.9 183.9 455H228c-40-140.6-84.2-280.4-107.3-427.47zm19.9 10.36c2.6 16.05 5.5 32.03 8.7 47.95 9.8 2.67 19.9 6.9 30.1 11.85 18.3 8.71 37.3 19.81 56.1 29.51 18.8 9.7 37.3 17.9 53.6 21.1 16.4 3.2 29.8 1.7 41.6-7 22.2-16.4 38.4-26.2 51.3-31.4 12.8-5.2 23.3-5.9 31.6-1.8 7.8 4 11.5 11.1 14.2 17.1l5.1-11.3c-7.3-12.9-18.1-21.38-32.9-23.26-16.2-2.05-38.4 4.06-66 25.66-14.4 11.3-33 9.7-50.6 2.8-17.5-6.9-35.7-18.9-54.2-31.64-18.6-12.74-37.3-26.21-54.8-35.98-12.3-6.86-23.8-11.66-33.8-13.59zm12.8 68.31c4.8 23 10 45.9 15.6 68.7v-62.2c-5.4-2.6-10.6-4.8-15.6-6.5zM404.8 124c-27 110.6-55.1 223.8-97.7 331h38.6c34.5-94.4 51-203.5 70.3-311.3-1.8-3.8-3-7.4-4.3-10.4-2.3-5.3-4.3-8.1-6.3-9.1-.2-.1-.4-.2-.6-.2zM199 128.1v160.4c5.9 21.1 11.9 42.1 18 63.1V137.8c-6.1-3.2-12.1-6.5-18-9.7zM361 142c-5.4 3.6-11.4 7.8-18 12.6V288h1c5.9-20.9 11.5-41.8 17-62.8V142zm-114 10.8V455h18V160.2c-6-2.2-12-4.7-18-7.4zm66 14.3c-5.9.7-11.9.8-18 .2v269.8c6.3-16.4 12.3-32.9 18-49.6V167.1zM163.9 473l-15.1 16h214.4l-15.1-16H163.9z"/></svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

+1
View File
@@ -0,0 +1 @@
<svg class="wg-game-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M288.7 30.45h-1.1c-.9.1-1.8.21-2.6.45-3.5.96-6.5 3.01-9 8.19L139.7 319.5c4.7 1.7 9.3 3.7 13.9 5.9 4.5 2.2 8.9 4.6 13.1 7.2L303 52.23c2.5-5.17 2.3-8.82.9-12.09-1.3-3.27-4.2-6.2-7.8-7.95-2.4-1.15-5-1.74-7.4-1.74zm19.6 52.13-34.1 70.12 16.1 7.9 24-49.3 10.2-20.85zm39.4 1.36-48.2 98.86 45 21.9 7.7-15.6-21.8-28.4 18.8-38.8 35.7-.4 7.7-15.7zm37.6 191.16c-57 0-103 46-103 103s46 103 103 103 103-46 103-103-46-103-103-103zm0 27a32 32 0 0 1 32 32 32 32 0 0 1-18.5 29l18.5 83h-64l18.5-83a32 32 0 0 1-18.5-29 32 32 0 0 1 32-32zM93.19 329.4c-6.31.1-12.42.7-18.2 1.9-21.01 4.3-37.52 15.6-45.78 32.6-8.26 17-6.97 37 2.6 56.2 9.61 19.4 27.7 37.5 51.81 49.2C107.8 481 133.2 484 154.4 479.6c21-4.3 37.5-15.6 45.7-32.6 8.3-17 7-37-2.6-56.2-9.6-19.4-27.7-37.5-51.8-49.2-16.6-8-33.8-12-49.8-12.2zm-3.31 28.2c6.42 0 13.02 1.5 19.22 4.5 7.9 3.9 14.3 9.8 18.5 16.7 1.8-.2 3.7-.3 5.5-.3 6.4.1 12.9 1.6 19.1 4.6 19.7 9.6 30.1 32.1 21 50.8-9.1 18.7-33.2 24.4-52.9 14.9-7.9-3.9-14.3-9.8-18.5-16.7-8.14.9-16.77-.4-24.69-4.3-19.7-9.6-30.01-32.1-20.92-50.8 6.25-12.9 19.57-19.6 33.69-19.4z"/></svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

+1
View File
@@ -0,0 +1 @@
<svg class="wg-game-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M25.78 18v140.684c15.804 55.05 35.45 105.15 69.534 141.127 29.986 31.652 71.13 53.17 133.186 58.106-1.465-21.612-2.782-44.32-3.77-68.687-8.28 1.9-18.098 4.388-30.546 7.5l-4.368-17.46c13.796-3.45 24.812-6.15 34.26-8.112-.565-17.64-.957-36.102-1.068-55.773-24.658-2.122-51.63-6.376-86.008-12.608V208h-18v-32h18v5.81c39.205-4.887 66.136-8.12 89.102-9.67 3.264-9.885 9.035-18.425 17.01-24.765 11.33-9.01 26.565-13.45 44.077-12.875 2.5.082 5.05.267 7.64.555l7.383.822.594 7.402c.802 9.988 1.367 20.126 1.843 30.402 18.964 1.793 41.274 4.504 70.35 8.13V176h18v32h-18v-5.066c-26.533 5.123-48.64 8.784-68.684 11.082.872 20.248 2.045 41.043 4.444 62.418 3.592.882 7.386 1.826 11.424 2.836l-4.368 17.46c-1.735-.433-2.93-.728-4.568-1.138 2.71 18.324 6.478 37.062 11.902 56.242 40.524-9.445 70.1-27.748 93.098-52.023 34.084-35.977 53.73-86.076 69.533-141.126V18H325.4c2.027 10.094 3.343 20.117 3.596 29.764l-17.992.472c-.247-9.402-1.785-19.666-4.14-30.236H204.995C202.512 29.056 201 39.368 201 48h-18c0-9.32 1.253-19.484 3.355-30zm162.08 49.887c3.933-.04 7.64.68 10.935 2.092 7.532 3.227 12.568 8.657 17.568 13.657C226.363 93.637 235 103 256 103s29.637-9.363 39.637-19.363c5-5 10.036-10.43 17.568-13.658 7.532-3.23 17.21-2.836 26.82 1.97l-.004.007c5.888 2.693 10.056 8.65 10.056 15.467 0 9.282-7.718 17-17 17-8.693 0-16.01-6.77-16.906-15.252-2.246 1.778-4.84 4.224-7.807 7.19C298.363 106.363 283 121 256 121s-42.363-14.637-52.363-24.637c-2.968-2.967-5.56-5.413-7.807-7.19-.895 8.482-8.214 15.25-16.906 15.25-9.282 0-17-7.717-17-17 0-6.815 4.168-12.773 10.055-15.466l-.005-.008c4.805-2.403 9.627-3.703 14.19-4 .57-.036 1.135-.057 1.696-.063zm84.93 85.547c.27 22.19-.193 39.466 2.6 48.912 1.55 5.247 3.35 7.76 6.753 9.734 1.467.852 3.46 1.59 6.01 2.13-.92-21.412-1.5-41.967-2.825-61.53-4.22-.41-8.644.04-12.537.754zm-18.022 7.685c-.15.115-.307.227-.455.345C245.813 168.223 241 178.245 241 192v.045c-.466 92.33 4.96 159.972 9.81 223.818a1253.43 1253.43 0 0 0 51.19 9.352c13.76 2.227 24.982 3.81 34.55 5.326-35.895-71.67-44.2-138.057-47.505-197.91-6.045-.726-11.33-2.307-15.94-4.984-7.74-4.493-12.573-12.06-14.978-20.2-3.815-12.905-3.428-28.14-3.36-46.327zm-117.49 258.24c-6.108 7.06-11.408 19.73-15.366 34.786-3.253 12.375-5.668 26.162-7.873 39.854h33.308c-.47-20.78 5.12-37.688 24.004-39 71.475 12.15 148.648 12.283 207.306 30.576-.96-4.436-1.874-8.294-2.773-11.465-2.262-9.82-7.972-17.038-15.862-19.99-10.02-3.684-29.098-5.988-60.898-11.136-31.8-5.147-76.5-13.428-139.68-30.298-8.803-2.765-17.193 1.01-22.166 6.673zm-33.423 32.806c-4.966 1.588-10.514 4.09-15.714 7.324-12.333 7.672-21.705 18.87-22.072 30.05l.99 4.46h28.637c2.237-13.862 4.762-28.343 8.16-41.834zM162.328 494h190.93c-29.295-9.362-83.06-14.25-177.9-21.023-10.978.135-13.992 15.12-13.03 21.023z"/></svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

+1
View File
@@ -0,0 +1 @@
<svg class="wg-game-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="m381.7 27-14.5 20.4 49.5 35.1 14.5-20.3L381.7 27zm-57.4 12.3L310.2 60l111.3 76.2 14.1-20.7-111.3-76.2zM317 92.7l-69.9 82.8c-10.3-2.1-20.9-3.2-31.8-3.2-86.8 0-157.25 70.5-157.25 157.3C58.05 416 128.5 487 215.3 487s157.3-71 157.3-157.4c0-37.8-13.4-72.5-35.6-99.6l51.4-86.9L317 92.7zm7.4 39 29.5 19.5-46.5 78c26.1 23.9 42.5 58.2 42.5 96.4 0 72-58.5 130.4-130.6 130.4-72 0-130.55-58.4-130.55-130.4 0-72.1 58.55-130.6 130.55-130.6 22.6 0 43.9 5.8 62.5 15.9l42.6-79.2zm-31.5 180.5c-47.3-.7-126.2 58.3-178.3 13.5.1 57.7 47 104.3 104.7 104.3 56.1 0 102-44 104.6-99.5-7-13.2-17.8-18.1-31-18.3zm-11.5 23.3c5.1-.1 9.7 1.5 12.7 5 6.9 7.9 3.2 22.4-8.3 32.4-11.4 10-26.3 11.7-33.2 3.8-6.9-7.9-3.2-22.4 8.2-32.4 6.5-5.6 14-8.6 20.6-8.8zm-56.5 49.1c1.2 0 2.4.1 3.7.3 9.9 1.5 17.2 8.2 16.2 15.1-1 7-9.8 11-19.8 10-9.9-2-17.2-8-16.2-15.3.9-6 7.7-10.1 16.1-10.1z"/></svg>

After

Width:  |  Height:  |  Size: 964 B

+1
View File
@@ -0,0 +1 @@
<svg class="wg-game-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M103.432 17.844a86.782 86.782 0 0 0-3.348.08c-2.547.11-5.083.334-7.604.678-20.167 2.747-39.158 13.667-52.324 33.67-24.613 37.4 2.194 98.025 56.625 98.025.536 0 1.058-.012 1.583-.022v.704h60.565c-10.758 31.994-30.298 66.596-52.448 101.43a283.192 283.192 0 0 0-6.29 10.406l34.878 35.733-56.263 9.423c-32.728 85.966-27.42 182.074 48.277 182.074v-.002l9.31.066c23.83-.57 46.732-4.298 61.325-12.887 4.174-2.458 7.63-5.237 10.467-8.42h-32.446c-20.33 5.95-40.8-6.94-47.396-25.922-8.956-25.77 7.52-52.36 31.867-60.452a55.552 55.552 0 0 1 17.565-2.834v-.406h178.33c-.57-44.403 16.35-90.125 49.184-126 23.955-26.176 42.03-60.624 51.3-94.846l-41.225-24.932 38.272-6.906-43.37-25.807h-.005l.002-.002.002.002 52.127-8.85c-5.232-39.134-28.84-68.113-77.37-68.113C341.14 32.26 222.11 35.29 149.34 28.496c-14.888-6.763-30.547-10.723-45.908-10.652zm.464 18.703c13.137.043 27.407 3.804 41.247 10.63l.033-.07c4.667 4.735 8.542 9.737 11.68 14.985H82.92l10.574 14.78c10.608 14.83 19.803 31.99 21.09 42.024.643 5.017-.11 7.167-1.814 8.836-1.705 1.67-6.228 3.875-15.99 3.875-40.587 0-56.878-44.952-41.012-69.06C66.238 46.64 79.582 39.22 95.002 37.12a64.146 64.146 0 0 1 8.894-.573zM118.5 80.78h46.28c4.275 15.734 3.656 33.07-.544 51.51H131.52c1.9-5.027 2.268-10.574 1.6-15.77-1.527-11.913-7.405-24.065-14.62-35.74zm101.553 317.095c6.44 6.84 11.192 15.31 13.37 24.914 3.797 16.736 3.092 31.208-1.767 43.204-4.526 11.175-12.576 19.79-22.29 26h237.19c14.448 0 24.887-5.678 32.2-14.318 7.312-8.64 11.2-20.514 10.705-32.352a47.733 47.733 0 0 0-2.407-13.18l-69.91-8.205 42.017-20.528c-8.32-3.442-18.64-5.537-31.375-5.537H220.053zm-42.668.506a36.999 36.999 0 0 0-3.457.153 34.825 34.825 0 0 0-7.824 1.63c-15.11 5.02-25.338 21.54-20.11 36.583 3.673 10.57 15.347 17.71 25.654 13.938l1.555-.57h43.354c.946-6.36.754-13.882-1.358-23.192-3.71-16.358-20.543-28.483-37.815-28.54z"/></svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

+1
View File
@@ -0,0 +1 @@
<svg class="wg-game-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M331.188 16.72c-40.712-.002-81.41 15.408-112.438 46.436-43.866 43.864-56.798 107-38.813 162.25L17.03 388.312v25.75l170.22-170.218c2.75 5.84 5.847 11.555 9.344 17.094L17.03 440.5v51.78H64l181.875-181.874a158.498 158.498 0 0 0 17.03 9.438L90.44 492.28h27.03l164.75-164.75c55.182 17.85 118.21 4.884 162-38.905 41.415-41.414 54.998-99.91 41.282-152.813L380.22 241.125l-90.033-23.938-23.968-90.03L371.53 21.843a161.459 161.459 0 0 0-40.342-5.125z"/></svg>

After

Width:  |  Height:  |  Size: 562 B

+1
View File
@@ -0,0 +1 @@
<svg class="wg-game-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M453.295 17.117c-.546 7.232 1.619 15.478 5.957 22.612 4.338 7.133 10.666 12.847 17.338 15.69 9.655-11.206-5.483-37.974-20.092-38.624-1.09-.07-2.254.137-3.203.322zm-111.547 8.38L329.492 49.61l61.018 100.326 25.627-2.127 13.676-21.777-9.063-14.9-27.34 16.628-37.931-62.371L350.8 57.7l27.34-16.628-9.346-15.368zm93.977 1.62-60.194 36.61 23.905 39.303 60.193-36.61c-6.345-4.604-11.676-10.635-15.754-17.34-4.078-6.704-6.981-14.21-8.15-21.963zm-125.01 19.711-161.647 2.62c10.403 24.036 7.492 47.197-4.388 65.648-18.658-14.237-44.341-15.374-63.407-17.717-14.06 123.827-6.22 225.967-6.271 342.149-.004 9.469-1.157 23.12 4.826 32.947 1.887 3.1 4.37 5.928 8.129 8.342 17.708-6.206 41.405-12.44 54.87-22.274-6.951-.825-14.755.952-21.138.955-8.458-.04-19.144-6.11-24.748-19.496-2.919-6.973-6.636-18.193-.181-29.072 2.838-4.785 9.383-10.302 14.26-10.328 94.651.504 191.392-.32 279.568.154-5.523-76.851-10.013-154.096-5.53-232.308l-4.146.343-14.842-24.404-66.867 40.668 6.781 10.598-15.162 9.699-59.097-92.371 15.16-9.7L255 115.966l68.46-41.637-11.95-19.65-2.606-4.285zm-180.17 4.383c-15.366 8.213-29.102 17.702-40.99 28.707 16.167 1.495 33.74 3.063 48.64 9.95 3.139-13.836-3.247-26.896-7.65-38.657zm202.268 38.494-66.645 40.534 7.275 11.962 33.325-20.265 9.351 15.377-33.322 20.267 7.277 11.963 66.643-40.533zM201.41 136.278l.445 17.992c-30.522.253-58.62 2.029-90.013 2.11v-18a35163.72 35163.72 0 0 0 89.568-2.103zm144.983 78.98.24 17.996-234.346 3.143-.242-17.996zm.078 40.684.408 17.992-123.654 2.81-.41-17.994zm-235.178 3.097h90.602v17.998h-90.602zm234.795 33.237.406 17.992-62.158 1.406-.406-17.994zm-83.686 1.455.338 17.996-150.3 2.808-.337-17.994zm85.946 52.806.402 17.995-125.647 2.808-.402-17.992zm-196.323 70.79c10.05 9.261 17.925 22.065 15.078 36.718-2.074 10.682-10.422 17.606-19.814 23.106s-20.775 9.866-32.512 13.914a1395.68 1395.68 0 0 1-12.238 4.154l301.387-7.672c7.772-.45 14.658-5.66 19.734-13.406 5.082-7.754 7.477-17.817 6.895-23.236-.583-5.419-4.857-14.677-10.973-21.48-6.116-6.805-13.547-10.824-19.025-10.618l-.198.008zm-39.785 2.787c-1.07 1.802-.466 8.714 1.303 12.939 3.72 8.887 6.028 8.437 8.232 8.447 8.877 2.102 17.347.269 25.85-1.025-2.053-4.123-5.283-8.704-10.283-12.113-4.12-2.809-20.675-15.634-25.102-8.248z"/></svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

+1
View File
@@ -0,0 +1 @@
<svg class="wg-game-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="m256 24-20 24 12 19.2v38.7c5.3.3 10.7.3 16 0V67.2L276 48l-20-24zm-61.5 86.4-5 15.2c49 16.3 84 16.3 133 0l-5-15.2c-47 15.7-76 15.7-123 0zM232 152v128h16V152h-16zm32 0v128h16V152h-16zm-51.1 144-8 16h102.2l-8-16h-86.2zm-80.2 32L71.65 440H440.3l-61.1-112H132.7zm43.3 16h96v16h-96v-16zm112 0h48v16h-48v-16zm-112 32h32v16h-32v-16zm48 0h112v16H224v-16zm-48 32h64v16h-64v-16zM37.77 456 27.1 488h457.8l-10.7-32H37.77z"/></svg>

After

Width:  |  Height:  |  Size: 529 B

+1
View File
@@ -0,0 +1 @@
<svg class="wg-game-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M476 18.28c-11 13.93-27.6 26.14-45.2 37.31C408.3 69.93 384 82.05 368 90.1l-1.9.9H325v30h41.1l1.9.9c16 8 40.3 20.2 62.8 34.5 17.6 11.2 34.2 23.4 45.2 37.3 3.5-6.9 6.8-16.1 9.2-27.1 3.8-17.7 5.8-39.1 5.8-60.6 0-21.45-2-42.93-5.8-60.6-2.4-11-5.7-20.18-9.2-27.12zM36 79c-5 0-10.04.98-12.85 2.22-1.3.58-1.93 1.13-2.15 1.35v46.83c.22.2.85.8 2.15 1.4C25.96 132 31 133 36 133s10.04-1 12.85-2.2c1.3-.6 1.93-1.2 2.15-1.4V82.57c-.22-.22-.85-.77-2.15-1.35C46.04 79.98 41 79 36 79zm33 12v30h46V91zm64 0v30h30V91zm48 0v30h78V91zm96 0v30h30V91zm-176 48v349l55-65.2 64 72 64-72 55 65.2V139zm66.2 45.4c10 19.2 27.3 18.1 44.2 18.1l36.7 1.4 5.3 16.7 52.4 6.9 2.4 34.2c-19 5.5-56.9 4.2-57 12.5-.1 13.8 24.7 10.7 53.1 3.5l-16.4 37.2-41.8 3c2.6 31.4-.8 52.6-24.2 75.1L207 355.4c-8.6 15.4-20.4 26.4-39 28.2 7.2-17.7 13-31.8 6.6-51.8-9.2 8.9-23.9 12.6-44.1 11.2 21.5-33.7 32.9-68.8 42.3-103.3L157 226c-4.5-16-.9-29.8 10.2-41.6z"/></svg>

After

Width:  |  Height:  |  Size: 1.0 KiB

+1
View File
@@ -0,0 +1 @@
<svg class="wg-game-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="m436.992 30.271-94.19 3.489-35.874 39.347-23.596-34.214-187.894.859-5.778 252.535 52.742 48.498 114.059 1.383-.219 17.996-94.004-1.139 13.25 12.184 160.268 16.852 54.121-3.733 1.238 17.955-45.183 3.117-2.606 25.493 94.756 24.796-.512-200.06-28.111-12.621 28.004-29.17-.47-183.567zM280.85 96.351l.166 17.997-152.407 1.406-.166-17.998 152.407-1.404zm120.046 0 .27 17.997-94.113 1.404-.268-17.996 94.111-1.404zm-2.91 38.631.473 17.993-53.377 1.404-.475-17.992 53.38-1.405zm-77.822.7.2 17.998-191.036 2.105-.2-17.996 191.036-2.107zm-188.678 41.44 42.139.7-.299 17.996-42.14-.703.3-17.994zm262.317 0 .41 17.993-153.81 3.512-.41-17.994 153.81-3.512zm-198.555 2.105h21.773v17.998h-21.773v-17.998zm86.305 37.222.164 17.998-153.81 1.405-.165-17.997 153.81-1.406zm24.664 0h89.898v17.998h-89.898V216.45zm-44.854 44.95 132.74 1.406-.19 17.996-132.741-1.405.191-17.998zm-133.539.703H243.71V280.1H127.824v-17.998zm32.81 40.736.4 17.994-31.604.703-.4-17.994 31.605-.703zm233.735.006.684 17.984-55.485 2.108-.683-17.987 55.484-2.105zm-68.53 2.802.085 17.999-151.703.7-.084-17.997 151.703-.702zm-234.083 13.02-.35 21.574 64.11 57.606 5.1-15.864-68.86-63.316zm302.139 24.906.228 17.996-110.266 1.407-.23-17.998 110.268-1.405zM177.11 389.477l-5.195 16.162 154.508 13.613 1.424-13.926-150.737-15.85zm158.977 58.127-4.574 15.039 106.638 26.703c.27-5.17.572-10.058.877-14.805l-102.941-26.937z"/></svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

+1
View File
@@ -0,0 +1 @@
<svg class="wg-game-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="m100.3 19.86-36.62 2.02-.72 13.1a16 16 0 0 1 5.18-.86 16 16 0 0 1 16 16 16 16 0 0 1-16 16 16 16 0 0 1-16-16 16 16 0 0 1 2.38-8.4l-6.44-18.98-15.63.86-.78 377.3 23.01-.8.55-105.9 12.23 105.5 46.84-1.6zm353.5 11.6L121.5 41.71l2.6 58.39L485 85.15l3.5-36.38zm7 72.74-25.4 1-15 39-13.2-37.8-22.5 1-2.8 83.3 7.6 34-9.5 24.1-7.5 226.6 14.1.7 11.3-33.5 11.3 34.7 4.7.3 14.1-21.1 4.6 22 18.3 1zm-61.1 299a16 16 0 0 1 16 16 16 16 0 0 1-16 16 16 16 0 0 1-16-16 16 16 0 0 1 16-16zm85.3.8-14.1.5-1.9 75.2 16.2-.1zm-128.3 4.2-93 3-43.7 20.3-22-18.1-174.24 5.7-.28 63.8 330.82-2.3 1.3-40c-12.9-.3-87.9-2.3-89.6-2.3-1.6 0 69-9.9 90.1-13zM103 431.7a16 16 0 0 1 16 16 16 16 0 0 1-16 16 16 16 0 0 1-15.96-16 16 16 0 0 1 15.96-16zm-51.48.3a16 16 0 0 1 16 16 16 16 0 0 1-16 16 16 16 0 0 1-16-16 16 16 0 0 1 16-16z"/></svg>

After

Width:  |  Height:  |  Size: 913 B

+46 -8
View File
@@ -41,30 +41,59 @@ li[component="categories/category"] .icon {
0 0 8px rgba(0, 0, 0, 0.22); 0 0 8px rgba(0, 0, 0, 0.22);
} }
body.template-category .category-header .icon {
border: 1px solid rgba(246, 223, 163, 0.34);
box-shadow:
inset 0 1px 0 rgba(255, 242, 204, 0.28),
inset 0 0 0 1px rgba(18, 15, 22, 0.62),
inset 0 -3px 7px rgba(0, 0, 0, 0.52),
0 0 0 1px rgba(56, 48, 42, 0.9),
0 0 0 2px rgba(124, 105, 62, 0.24),
0 9px 18px rgba(0, 0, 0, 0.32);
}
$wg-game-icon-path: "./plugins/nodebb-theme-westgate/game-icons/"; $wg-game-icon-path: "./plugins/nodebb-theme-westgate/game-icons/";
$wg-game-icons: ( $wg-game-icons: (
scroll-unfurled: "scroll-unfurled.svg",
scroll-quill: "scroll-quill.svg", scroll-quill: "scroll-quill.svg",
rule-book: "rule-book.svg", rule-book: "rule-book.svg",
trumpet-flag: "trumpet-flag.svg",
ringing-bell: "ringing-bell.svg", ringing-bell: "ringing-bell.svg",
spinning-wheel: "spinning-wheel.svg", spinning-wheel: "spinning-wheel.svg",
tavern-sign: "tavern-sign.svg", tavern-sign: "tavern-sign.svg",
beer-stein: "beer-stein.svg",
saloon: "saloon.svg", saloon: "saloon.svg",
shaking-hands: "shaking-hands.svg", shaking-hands: "shaking-hands.svg",
wood-frame: "wood-frame.svg",
large-paint-brush: "large-paint-brush.svg", large-paint-brush: "large-paint-brush.svg",
harp: "harp.svg",
flute: "flute.svg", flute: "flute.svg",
duality-mask: "duality-mask.svg",
drama-masks: "drama-masks.svg", drama-masks: "drama-masks.svg",
stabbed-note: "stabbed-note.svg",
target-poster: "target-poster.svg", target-poster: "target-poster.svg",
mute: "mute.svg",
chat-bubble: "chat-bubble.svg", chat-bubble: "chat-bubble.svg",
sword-altar: "sword-altar.svg",
notebook: "notebook.svg", notebook: "notebook.svg",
cowled: "cowled.svg",
wax-seal: "wax-seal.svg", wax-seal: "wax-seal.svg",
candle-flame: "candle-flame.svg",
glowing-hands: "glowing-hands.svg", glowing-hands: "glowing-hands.svg",
key-lock: "key-lock.svg",
question: "question.svg", question: "question.svg",
round-potion: "round-potion.svg",
monkey-wrench: "monkey-wrench.svg", monkey-wrench: "monkey-wrench.svg",
long-antennae-bug: "long-antennae-bug.svg", long-antennae-bug: "long-antennae-bug.svg",
envelope: "envelope.svg",
idea: "idea.svg", idea: "idea.svg",
anvil: "anvil.svg",
gears: "gears.svg", gears: "gears.svg",
spanner: "spanner.svg",
toolbox: "toolbox.svg", toolbox: "toolbox.svg",
compass: "compass.svg", compass: "compass.svg",
wax-tablet: "wax-tablet.svg",
classical-knowledge: "classical-knowledge.svg",
open-book: "open-book.svg", open-book: "open-book.svg",
pencil-ruler: "pencil-ruler.svg", pencil-ruler: "pencil-ruler.svg",
processor: "processor.svg", processor: "processor.svg",
@@ -95,7 +124,7 @@ li[component="categories/category"][class*="wg-icon-"] > .d-flex > .flex-shrink-
.category-children-item[class*="wg-icon-"] > .westgate-category-child > .icon::before { .category-children-item[class*="wg-icon-"] > .westgate-category-child > .icon::before {
content: ""; content: "";
position: absolute; position: absolute;
inset: 22%; inset: 13%;
background: currentColor; background: currentColor;
filter: filter:
drop-shadow(0 1px 0 rgba(0, 0, 0, 0.72)) drop-shadow(0 1px 0 rgba(0, 0, 0, 0.72))
@@ -106,6 +135,14 @@ li[component="categories/category"][class*="wg-icon-"] > .d-flex > .flex-shrink-
pointer-events: none; pointer-events: none;
} }
.westgate-category-header-icon[class*="wg-icon-"] > .icon::before {
inset: 11%;
}
.category-children-item[class*="wg-icon-"] > .westgate-category-child > .icon::before {
inset: 16%;
}
@each $name, $file in $wg-game-icons { @each $name, $file in $wg-game-icons {
.westgate-category-header-icon.wg-icon-#{$name} > .icon::before, .westgate-category-header-icon.wg-icon-#{$name} > .icon::before,
li[component="categories/category"].wg-icon-#{$name} > .d-flex > .flex-shrink-0 > .icon::before, li[component="categories/category"].wg-icon-#{$name} > .d-flex > .flex-shrink-0 > .icon::before,
@@ -153,9 +190,10 @@ ul.category-children {
.westgate-category-child { .westgate-category-child {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
gap: 0.35rem; gap: 0.5rem;
max-width: 100%; max-width: 100%;
padding: 0.2rem 0.55rem; min-height: 2.1rem;
padding: 0.25rem 0.65rem 0.25rem 0.3rem;
background: rgba(44, 22, 34, 0.3); background: rgba(44, 22, 34, 0.3);
border: 1px solid rgba(194, 163, 90, 0.11); border: 1px solid rgba(194, 163, 90, 0.11);
border-radius: 8px; border-radius: 8px;
@@ -165,9 +203,9 @@ ul.category-children {
.westgate-category-child .icon, .westgate-category-child .icon,
.westgate-child-icon, .westgate-child-icon,
.category-children-item i.fa-caret-right { .category-children-item i.fa-caret-right {
width: 18px !important; width: 27px !important;
height: 18px !important; height: 27px !important;
min-width: 18px; min-width: 27px;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@@ -181,8 +219,8 @@ ul.category-children {
0 0 0 1px rgba(31, 25, 24, 0.72), 0 0 0 1px rgba(31, 25, 24, 0.72),
0 0 0 2px rgba(124, 105, 62, 0.18); 0 0 0 2px rgba(124, 105, 62, 0.18);
filter: saturate(0.8) contrast(1.12); filter: saturate(0.8) contrast(1.12);
font-size: 0.7rem !important; font-size: 0.82rem !important;
line-height: 18px !important; line-height: 27px !important;
} }
.category-children-item i.fa-caret-right { .category-children-item i.fa-caret-right {
-1
View File
@@ -4,7 +4,6 @@ body.template-category .category-header {
body.template-category .category-header .icon { body.template-category .category-header .icon {
border-radius: 6px !important; border-radius: 6px !important;
box-shadow: 0 0 0 1px rgba(194, 163, 90, 0.2), 0 8px 18px rgba(0, 0, 0, 0.28);
} }
body.template-category .category-header h1 { body.template-category .category-header h1 {