tomasalias/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

Implement SVG sprite sheet for icons, use thumbnails for mod icons

Browse Source
This commit is contained in:
Aeledfyr
2020-06-26 15:38:04 -05:00
parent e069184721
commit 7e03f3958e
5 changed files with 65 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
templates/search.hbs
View File

@@ -10,6 +10,7 @@
<link href="/static/css/main.css" rel="stylesheet" type="text/css">
<link href="/static/css/search.css" rel="stylesheet" type="text/css">
<link href="/static/css/normalize.css" rel="stylesheet" type="text/css">
<link rel="dns-prefetch" href="//media.forgecdn.net">
<title>Search</title>
</head>
@@ -67,31 +68,31 @@
<p>Categories</p>
</a>
<a class="tech-badge category-badge category-active" id="technology" onclick="activateCategory(this)">
<img alt="tech" src="/static/images/icon/tech.svg" class="badge-image"/>
<svg class="badge-image"><use xlink:href="/static/images/icon/spritesheet.svg#tech"/></svg>
<p>TECH</p>
</a>
<a class="adventure-badge category-badge" id="adventure" onclick="activateCategory(this)">
<img alt="adventure" src="/static/images/icon/adventure.svg" class="badge-image"/>
<svg class="badge-image"><use xlink:href="/static/images/icon/spritesheet.svg#adventure"/></svg>
<p>ADVENTURE</p>
</a>
<a class="magic-badge category-badge" id="magic" onclick="activateCategory(this)">
<img alt="magic" src="/static/images/icon/magic.svg" class="badge-image"/>
<svg class="badge-image"><use xlink:href="/static/images/icon/spritesheet.svg#magic"/></svg>
<p>MAGIC</p>
</a>
<a class="utility-badge category-badge" id="utility" onclick="activateCategory(this)">
<img alt="util" src="/static/images/icon/util.svg" class="badge-image"/>
<svg class="badge-image"><use xlink:href="/static/images/icon/spritesheet.svg#util"/></svg>
<p>UTILITY</p>
</a>
<a class="decoration-badge category-badge" id="decoration" onclick="activateCategory(this)">
<img alt="decoration" src="/static/images/icon/decoration.svg" class="badge-image"/>
<svg class="badge-image"><use xlink:href="/static/images/icon/spritesheet.svg#decoration"/></svg>
<p>DECORATION</p>
</a>
<a class="library-badge category-badge" id="library" onclick="activateCategory(this)">
<img alt="library" src="/static/images/icon/library.svg" class="badge-image"/>
<svg class="badge-image"><use xlink:href="/static/images/icon/spritesheet.svg#library"/></svg>
<p>LIBRARY</p>
</a>
<a class="world-badge category-badge" id="worldgen" onclick="activateCategory(this)">
<img alt="world" src="/static/images/icon/world.svg" class="badge-image"/>
<svg class="badge-image"><use xlink:href="/static/images/icon/spritesheet.svg#world"/></svg>
<p>WORLDGEN</p>
</a>
<a class="cursed-badge category-badge" id="cursed" onclick="activateCategory(this)">
@@ -99,19 +100,19 @@
<p>CURSED</p>
</a>
<a class="storage-badge category-badge" id="storage" onclick="activateCategory(this)">
<img alt="storage" src="/static/images/icon/storage.svg" class="badge-image"/>
<svg class="badge-image"><use xlink:href="/static/images/icon/spritesheet.svg#storage"/></svg>
<p>STORAGE</p>
</a>
<a class="food-badge category-badge" id="food" onclick="activateCategory(this)">
<img alt="food" src="/static/images/icon/food.svg" class="badge-image"/>
<svg class="badge-image"><use xlink:href="/static/images/icon/spritesheet.svg#food"/></svg>
<p>FOOD</p>
</a>
<a class="equipment-badge category-badge" id="equipment" onclick="activateCategory(this)">
<img alt="equipment" src="/static/images/icon/equipment.svg" class="badge-image"/>
<svg class="badge-image"><use xlink:href="/static/images/icon/spritesheet.svg#equipment"/></svg>
<p>EQUIPMENT</p>
</a>
<a class="misc-badge category-badge" id="misc" onclick="activateCategory(this)">
<img alt="misc" src="/static/images/icon/misc.svg" class="badge-image"/>
<svg class="badge-image"><use xlink:href="/static/images/icon/spritesheet.svg#misc"/></svg>
<p>MISC</p>
</a>
</div>
@@ -121,7 +122,7 @@
<p>Loaders</p>
</a>
<a class="forge-badge category-badge" id="forge" onclick="activateCategory(this)">
<img alt="forge" src="/static/images/icon/forge-alt.svg" class="badge-image"/>
<svg class="forge" viewBox="0 0 90 46"><use xlink:href="/static/images/icon/spritesheet.svg#forge-alt" /></svg>
<p>FORGE</p>
</a>
<a class="fabric-badge category-badge" id="fabric" onclick="activateCategory(this)">