eightequal/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

8
src/routes/search.rs
View File

@@ -17,6 +17,7 @@ use std::time::Duration;
#[serde(rename_all = "camelCase")]
struct Attachment {
url: String,
thumbnail_url: String,
is_default: bool,
}
@@ -376,7 +377,8 @@ async fn index_curseforge(start_index: i32, end_index: i32) -> Result<Vec<Searc
if mod_attachments.is_empty() {
mod_attachments.push(Attachment {
url: "".to_string(),
url: String::new(),
thumbnail_url: String::new(),
is_default: true,
})
}
@@ -387,6 +389,8 @@ async fn index_curseforge(start_index: i32, end_index: i32) -> Result<Vec<Searc
"None".to_string()
};
let icon_url = mod_attachments[0].thumbnail_url.replace("/256/256/", "/64/64/");
docs_to_add.push(SearchMod {
mod_id: -curseforge_mod.id,
author: (&curseforge_mod.authors[0].name).to_string(),
@@ -396,7 +400,7 @@ async fn index_curseforge(start_index: i32, end_index: i32) -> Result<Vec<Searc
versions: mod_game_versions.clone(),
downloads: curseforge_mod.download_count as i32,
page_url: curseforge_mod.website_url,
icon_url: (mod_attachments[0].url).to_string(),
icon_url,
author_url: (&curseforge_mod.authors[0].url).to_string(),
date_created: curseforge_mod.date_created.chars().take(10).collect(),
created: curseforge_mod.date_created.chars().filter(|c| c.is_ascii_digit()).collect::<String>().parse()?,

18
static/css/search.css
View File

@@ -118,7 +118,8 @@
user-select: none;
}
.category-badge img {
.category-badge img, .category-badge svg {
height: 23px;
width: 23px;
}
@@ -159,8 +160,9 @@
flex-wrap: wrap;
}
.mod-info img {
.mod-info img, .mod-info svg {
height: 12px;
width: 12px;
padding: 0;
}
@@ -169,7 +171,7 @@
padding-right: 15px;
white-space: nowrap;
}
.mod-info > span > img {
.mod-info > span > img, .mod-info > span > svg {
padding-right: 5px;
vertical-align: top;
}
@@ -178,7 +180,7 @@
white-space: nowrap;
display: inline-block;
}
.loader-icons img {
.loader-icons img, .loader-icons svg {
padding-right: 5px;
}
@@ -274,8 +276,9 @@
width: 155px;
}
.result-badge img {
.result-badge img, .result-badge svg {
height: 23px;
width: 23px;
}
.result-badge p {
@@ -360,8 +363,9 @@
background-color: var(--equipment-color);
}
.forge {
height: 12px;
svg.forge {
height: 12px;
width: auto;
fill: var(--forge-color);
}

19
static/images/icon/spritesheet.svg Normal file
View File

@@ -0,0 +1,19 @@
<svg xmlns="http://www.w3.org/2000/svg">
<symbol id="forge-alt" viewBox="0 0 90 46"><path transform="translate(-10.95 -10.3)" fill="#fff" d="M85.8 49.1l-4.5-5.5q-1.65-.1-3.55-.55-3.8-.95-4.85-2.65Q68.75 34.25 74 27q5.45-7.65 17.55-10.3l-37.8-1.9H100v-3.7H47.75v14q0 .65-1.9-11.7h-4.1v13l-1.9-12.3h-27.9q12.85 10.8 19.9 14.3 2.45 1.2 6.05 1.65 2.1.25 6.35.35 2.1.1 3.1.35 1.65.4 2.7 1.45 1.75 1.7 2 4 .3 2.4-1.2 4.3-1.2 1.65-4.35 2.6l-2.95.6L39 49.1v6.4h10.25l.3-6.3 8.95-6.3q-2.85 2.4-6.25 7.7-.95 1.5-1.7 3.5 1.7-1.45 4.9-2.3 3.3-.9 7.3-.9 3.9 0 7.2.9 3.25.85 4.95 2.3-.6-1.75-1.7-3.5-3.4-5.2-6.2-7.7l8.9 6.3.3 6.3h9.6v-6.4z"/></symbol>
<symbol id="tech" viewBox="0 0 512 512"><path fill="#FFF" d="M505.5 106.1a16 16 0 00-26.6-6.5l-67.6 67.6-51.7-14.8-14.8-51.7L412.4 33a16 16 0 00-6.5-26.6 149.5 149.5 0 00-183.8 193L18.7 402.8a63.5 63.5 0 000 90.4 63.5 63.5 0 0090.4 0L312.5 290a149.5 149.5 0 00193-183.8zm0 0" class="active-path" data-old_color="#00bcd4" data-original="#00BCD4"/></symbol>
<symbol id="adventure" viewBox="0 0 64 64"><path fill="#e8d7b5" d="M15 18V6H9a6 6 0 100 12z"/><path fill="#ffecc7" d="M55 9c-5.3 0-10.6.8-15.6 2.4l-12.8 4A59.3 59.3 0 019 18a6 6 0 01-6-6v38a6 6 0 006 6c6 0 11.9-.9 17.6-2.7l12.8-4c3.4-1 7-1.7 10.6-2V21h5a6 6 0 100-12z"/><path fill="#88b337" d="M21 37c0-2-6-1.8-9.8-1.4-2 .2-3.6 1.5-4.4 3.3l-.2.5a5.2 5.2 0 002.6 6.7A103 103 0 0018 50c3 1 8-3 8-6s-5-4-5-7z"/><ellipse cx="36" cy="42" fill="#8c421c" rx="4" ry="2"/><path fill="#4398d1" d="M31.5 30c1.1 0 2-.4 2.7-1.1 1 .7 2.4 1.1 3.8 1.1 3.3 0 6-2.2 6-5s-2.7-5-6-5c-3 0-5.4 1.7-5.9 4a4 4 0 00-.6 0c-2 0-3.5 1.3-3.5 3s1.6 3 3.5 3z"/><g fill="#8c421c"><path d="M13.8 28.8l1.9.2.3-2a18 18 0 00-2-.2zM21 31l1.5 1 1.2-1.6-1.8-1.2zM9.7 27l.3 2a16 16 0 012-.2l-.2-2-2.1.2zM5.7 28l2-.5.5 2-2 .5zM24 33.2l1.8 1.2 1-1.7-1.5-1zM17.5 29.4l1.8.7.8-1.8-2-.8zM39.7 34.2l2-.4.4 2-2 .3zM43.7 33.4l2-.4.3 2-2 .4zM31.8 36.5l2 .3.2-2a16 16 0 01-1.9-.2zM27.7 35.4l2 .7.6-2-1.8-.6zM35.9 34.8l.1 2 2.1-.3-.4-2-1.8.3z"/></g><path fill="#fdb62f" d="M46 17.4L44.6 16l-2.3 2.3L40 16l-1.4 1.4 2.3 2.3-2.3 2.3 1.4 1.4 2.3-2.3 2.3 2.3L46 22l-2.3-2.3z"/><path fill="#e8d7b5" d="M55 21h-5v38c6 0 11-5 11-11V15a6 6 0 01-6 6z"/></symbol>
<symbol id="magic" viewBox="0 0 512 512"><path fill="#f9d366" d="M224 231l47-81h-94z"/><path fill="#d83" d="M224 231l-17-81h-30z"/><g fill="#96c"><path d="M359 155c-4 0-8-3-8-8v-20a8 8 0 1116 0v20c0 5-4 8-8 8zM359 210c-4 0-8-3-8-8v-20a8 8 0 1116 0v20c0 5-4 8-8 8zM397 173h-21a8 8 0 110-16h21a8 8 0 110 16zM342 173h-21a8 8 0 110-16h21a8 8 0 110 16z"/></g><path fill="#f9d366" d="M355 499H118a134 134 0 0083-72l70-4 5 11c11 21 34 51 79 65z"/><path fill="#d83" d="M237 425l-12 2c-3 20-11 56-27 72h-80c51-16 73-52 83-72l36-2z"/><path fill="#ddac33" d="M248 424l-11 1 11-2v1z"/><path fill="#f9d366" d="M162 280c10-35 34-59 62-59s52 25 62 61l-64 41-60-43z"/><path fill="#d83" d="M224 281l-62-1c10-35 34-59 62-59-10 0-18 29-22 64l22-4z"/><path fill="#f9d366" d="M512 234s-26 3-58 35-58 158-238 158c-92 0-119-50-124-100-3-25 17-47 43-47h23c106 0 194 18 258-46h96z"/><g fill="#d83"><path d="M276 434a319 319 0 01-82 5l7-12 30-20 40 16 5 11z"/><path d="M266 387c-92 0-119-51-124-101v-6h-7c-26 0-46 22-43 47 5 50 32 100 124 100 93 0 145-33 177-70-31 18-71 30-127 30z"/><path d="M67 422a8 8 0 110-15c6 0 10-3 11-8 4-10-3-35-30-55C6 313-5 270 2 241c5-19 18-31 35-34 16-3 30 1 41 10 20 17 30 53 30 110a8 8 0 11-16 0c0-51-8-84-24-98-7-6-17-8-29-7-15 3-20 16-22 23-8 33 15 68 40 87 14 10 25 23 32 37 6 13 8 25 4 35-4 12-13 18-26 18z"/></g><g fill="#cf8bfc"><path d="M161 65a8 8 0 01-5-14l5-4c25-17 49-34 87-34 31 0 51 11 64 21a8 8 0 01-9 13c-13-9-29-19-55-19-33 0-54 15-78 32a2487 2487 0 01-9 5zM437 205h-3c-4-2-6-7-4-11 11-22 11-49 1-67-8-16-23-26-44-29-30-4-49-21-64-35a8 8 0 0110-11c15 13 31 27 56 31 33 4 49 22 56 36 12 23 12 55-1 82-1 3-4 4-7 4zM494 155c-5 0-8-3-8-8 0-68-52-93-85-93a8 8 0 110-16c23 0 47 9 65 25 16 14 36 40 36 84 0 5-4 8-8 8z"/></g><path fill="#96c" d="M123 93l16-4c8-1 8-12 0-14l-16-3c-16-4-29-16-32-33l-4-16c-1-8-12-8-14 0l-3 16c-4 17-16 29-32 33l-17 3c-8 2-8 13 0 14l17 4c16 3 28 16 32 32l3 16c2 8 13 8 14 0l4-16c3-16 16-29 32-32z"/><path fill="#ffdb82" d="M341 308c0 9-23 27-52 27s-52-18-52-27 24-6 52-6c29 0 52-3 52 6z"/></symbol>
<symbol id="util" viewBox="0 0 498 498"><path fill="#e9a52d" d="M301 36c-2-9-10-15-19-15h-66c-9 0-17 6-19 15l-21 71-2 40-19 32-17 60-1 39-20 34-36 124 170 10 166-10-36-124-20-37-1-36-17-60-21-36v-36z"/><g fill="#e69824"><path d="M301 36c-2-9-10-15-19-15h-30c9 0 17 6 19 15l116 400 15 10 15-10-36-124-20-37-1-36-17-60-20-34-1-38z"/><path d="M495 477H3c-2 0-3-1-3-3v-27c0-6 5-11 11-11h476c6 0 11 5 11 11v27c0 2-1 3-3 3z"/></g><path fill="#e18720" d="M487 436h-30c6 0 11 5 11 11v27c0 2-1 3-3 3h30c2 0 3-1 3-3v-27c0-6-5-11-11-11z"/><path fill="#f7f7f7" d="M155 179h188l-21-72H176zM381 312l-21-73H138l-21 73z"/><path fill="#e8e8e8" d="M322 107h-30l21 72h30zM360 239h-30l21 73h30z"/></symbol>
<symbol id="decoration" viewBox="0 0 512 512"><path fill="#80c56e" d="M409 46c2 6 27 79-24 166-32 53-79 56-84 57-2-4-29-44-8-101C329 74 403 48 409 46z"/><path fill="#66ad66" d="M409 46L301 269c5-1 52-4 84-57 51-87 26-160 24-166z"/><path fill="#fff" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="15" d="M298 275l3-6v-1l-3 7z"/><path fill="#80c56e" d="M103 46c-2 6-27 79 24 166 32 53 79 56 84 57 2-4 29-44 8-101A203 203 0 00103 46z"/><path fill="#66ad66" d="M219 168A203 203 0 00103 46c64 121 98 199 108 222 4-5 29-44 8-100z"/><path fill="#80c56e" d="M256 0c-8 7-96 97-82 261 8 99 75 138 82 141 7-3 74-42 82-141C352 97 264 7 256 0z"/><path fill="#66ad66" d="M256 0v402c7-3 74-42 82-141C352 97 264 7 256 0z"/><path fill="#80c56e" d="M446 250c17-57 11-111 11-111s-32 15-113 67c-63 40-82 112-88 131h74c53 0 101-35 116-87z"/><path fill="#66ad66" d="M457 139s-83 164-201 198h74c53 0 101-35 116-87 17-57 11-111 11-111z"/><path fill="#80c56e" d="M66 250c-17-57-11-111-11-111s32 15 113 67c63 40 82 112 88 131h-74c-53 0-101-35-116-87z"/><path fill="#66ad66" d="M256 337c-6-19-25-91-88-131-81-52-113-67-113-67s83 164 201 198z"/><path fill="#fec37d" d="M309 512H203c-29 0-53-20-58-48l-23-123h268l-23 123c-5 28-29 48-58 48z"/><path fill="#f9ae5d" d="M338 341l-23 123c-5 28-29 48-57 48h51c29 0 53-20 58-48l23-123h-52z"/><path fill="#f2a559" d="M395 369H117c-11 0-20-10-20-21s9-20 20-20h278c11 0 20 9 20 20s-9 21-20 21z"/><path fill="#ea8f3d" d="M395 328h-33v41h33c11 0 20-10 20-21s-9-20-20-20z"/></symbol>
<symbol id="library" viewBox="0 0 58 58"><defs/><g fill="none" fill-rule="nonzero"><path fill="#35495e" d="M5.7 52.2L.2 20.7l-.1-1c-.1-3.5 2.5-6.6 6-7.2l10.7-1.8-.3 41.5z"/><path fill="#2c3e50" d="M47 50.8a2 2 0 01-1.7 1.5L13.8 58a7 7 0 01-8.2-6.6c0-3.4 2.3-6.4 5.6-7.1l8.9 2.4-8 1.4a3 3 0 00-2.3 4 3 3 0 003.5 2l24-4.3z"/><path fill="#f9eab0" d="M20 46.6L12.2 48a3 3 0 00-2.3 4 3 3 0 003.5 2l24-4.3z"/><path fill="#e64c3c" d="M12.8 33.2l5.6-31.5A2 2 0 0120.7 0L52 5.5a7.2 7.2 0 015.9 8.2l-5.6 31.5z"/><path fill="#3f5c6c" d="M45.4 10.5h-.1l-22.7-4a1 1 0 01.4-2l22.6 4a1 1 0 01-.2 2zM40.6 14.7h-.1L25.7 12a1 1 0 01.3-2l14.8 2.6a1 1 0 01-.2 2z"/><rect width="23" height="12" x="19.8" y="17.2" fill="#ecf0f1" rx="1" transform="rotate(10 31.3 23.2)"/><path fill="#c03a2b" d="M58 12.8l-.1.9-5.6 31.5-7.7-2.3 4.5-25.4 1-6 1.1-6h.8c3.5.6 6 3.7 6 7.3z"/><path fill="#802f34" d="M46.4 37l-31.3-5.4a2 2 0 00-.7 4L46 40.9a3 3 0 012.2 4.1 3 3 0 01-3.4 1.8l-31.4-5.5a2 2 0 10-.7 4l31.5 5.5a7 7 0 008.2-6.6c.1-3.6-2.4-6.7-6-7.2z"/><path fill="#f9eab0" d="M48.2 45.1a3 3 0 01-3.4 1.8l-31.4-5.5 1-6L46 41a3 3 0 012.2 4.1z"/></g></symbol>
<symbol id="world" viewBox="0 0 512 512"><path fill="#31a7fb" d="M370 392c4 7 2 16-4 21l-13 12c-5 4-11 6-17 4l-25-7-3 1-18 22v1l21 58A183 183 0 0180 278l24 28h2l67-6 3-3-1-45c0-6 3-12 8-15l40-27c4-2 9-3 14-2s9 4 11 8l11 18a18 18 0 01-8 26l-12 6-2 2v12l2 2 23 11h2l47-20 1-1 19-27c3-5 10-8 16-7l71 6c11 22 18 46 20 71l-84 15-1 1-15 15a3 3 0 000 4l15 12 5 6z"/><path fill="#1c96f9" d="M306 490l5 14c-24 7-49 10-74 7 24-2 47-10 69-21zm132-175l-37 6c-1-28-9-55-23-80l40 3c11 22 18 46 20 71z"/><path fill="#27e19d" d="M127 200a183 183 0 01295 52l-75-7c-4 0-8 2-10 5l-18 26-5 4-47 20c-3 2-6 2-9 0l-23-11c-3-2-5-5-5-9l-1-12c0-4 3-8 7-9l12-6c6-2 8-9 5-15l-11-18c-3-5-10-6-15-3l-40 26c-3 2-4 5-4 9v45c0 5-4 10-9 10l-67 7c-4 0-7-1-9-3l-20-23c8-32 24-63 49-88zm205 141l16-16 5-3 84-15a182 182 0 01-133 199l-21-58c-1-3-1-6 1-8l19-22c2-3 6-4 10-3l25 7c3 1 7 0 10-3l13-11c3-4 4-9 2-13l-12-23-3-4-15-12c-5-4-5-11-1-15zm-190 23l17-7c3-2 8-1 11 1l12 10 7 2h38c4 0 8 3 9 7l6 16v7l-16 36c-2 5-8 8-13 6l-48-16c-4-1-7-5-7-9l-1-18c0-5-3-9-7-10l-6-1c-5-2-8-5-8-10v-4c0-4 2-8 6-10z"/><path fill="#23f1a8" d="M258 102l-2-3c-2-36 13-71 43-88s68-13 97 7c2 1 2 2 2 4 3 36-12 70-42 88a91 91 0 01-98-8zm-4 0l2-3c2-36-13-71-43-88a91 91 0 00-97 7l-2 4c-3 36 12 70 42 88 30 17 68 13 98-8z"/><g fill="#26d192"><path d="M347 200c-30-31-70-48-110-52a182 182 0 01185 104l-40-3c-8-18-20-34-35-49zm38 258c-23 24-51 40-81 48l-5-13a182 182 0 00101-179l37-7c7 54-10 110-52 151zm-77-258l-5-2c-10-9-27-15-47-15s-37 6-47 15a8 8 0 11-11-11c13-12 34-19 58-19s45 7 58 19a8 8 0 01-6 13zM256 99V87c28 15 60 16 87 1s42-44 43-76l10 6c2 1 2 2 2 4 3 36-12 70-42 88s-68 13-98-8l-2-3z"/><path d="M388 76a86 86 0 01-32 34l-10 5c-28 11-61 6-88-13l-2-3V87c17 9 36 13 55 11a82 82 0 0056-31c12-16 18-35 19-55l10 6 2 4c2 19-2 38-10 54zM114 22c0-2 0-3 2-4 29-20 67-24 97-7s45 52 43 88l-2 3c-5 4-10 7-16 9 1-34-14-66-43-83a88 88 0 00-82-1l1-5zm285 6l-1-6-2-4-5-3-51 29 4-44-15 1-5 52-23 14 5-60a81 81 0 00-16 10l-6 59-28 16-28-16-6-59a81 81 0 00-16-10l5 60-23-14-5-52-15-1 4 44-51-29-5 3-2 4-1 6 51 29-40 19c3 5 5 9 9 13l48-22 23 13-54 25a81 81 0 0016 10l54-25 28 16v67a8 8 0 0016 0v-67l28-16 54 25a80 80 0 0016-10l-54-25 23-13 48 22c4-4 6-8 9-13l-40-19z"/></g><path fill="#1ec186" d="M362 105a81 81 0 01-16 10l-35-17c8-1 16-3 23-6zm26-29c-3 5-5 9-9 13l-23-11 11-11zM121 15l10 6-18 6 1-5c0-2 0-3 2-4l5-3zm117 85l10 6 6-4 2-3v-7l-21-12c1 6 3 13 3 20zm23-11l-5 3v7l2 3 6 4 16-10c-6-1-13-4-19-7zm138-61l-17 10 4-20 5-3 5 3 2 4 1 6zM226 60c-4-8-10-16-17-22l-3-31a81 81 0 0116 10zm-40-36l-16-5-2-19 15 1z"/></symbol>
<symbol id="storage" viewBox="0 0 480 480"><defs/><path fill="#ffaa64" d="M472 61v41c0 18-14 32-32 32h-2v285c0 18-14 32-32 32H74c-18 0-32-14-32-32V134h-2c-18 0-32-14-32-32V61c0-18 14-32 32-32h400c18 0 32 14 32 32z"/><path fill="#ffbd7b" d="M472 61v41c0 18-14 32-32 32H40c-18 0-32-14-32-32V61c0-18 14-32 32-32h400c18 0 32 14 32 32z"/><path fill="#fa9a4b" d="M320 217v10c0 13-11 24-24 24H184c-13 0-24-11-24-24v-10c0-13 11-24 24-24h112c13 0 24 11 24 24z"/><path fill="#ffd3a6" d="M440 69H80c-18 0-32 14-32 32v1c0 26-39 27-40 2V61c0-18 14-32 32-32h400c28 0 26 40 0 40z"/><path fill="#faa157" d="M42 134h396v35H42z"/><path d="M480 61v41c0 22-18 40-40 40h-15a8 8 0 010-16h15c13 0 24-11 24-24V61c0-13-11-24-24-24H40c-13 0-24 11-24 24v41c0 13 11 24 24 24h333a8 8 0 010 16H50v277c0 13 11 24 24 24h332c13 0 24-11 24-24V177a8 8 0 0116 0v242c0 22-18 40-40 40H74c-22 0-40-18-40-40V142c-19-3-34-20-34-40V61c0-22 18-40 40-40h400c22 0 40 18 40 40zM184 259c-18 0-32-14-32-32v-10c0-18 14-32 32-32h112c18 0 32 14 32 32v10c0 18-14 32-32 32zm0-16h112c9 0 16-7 16-16v-10c0-9-7-16-16-16H184c-9 0-16 7-16 16v10c0 9 7 16 16 16zm-24 102h-56a8 8 0 000 16h56a8 8 0 000-16zm0 40h-56a8 8 0 000 16h56a8 8 0 000-16z"/></symbol>
<symbol id="food" viewBox="0 0 504 504"><path fill="#7fb241" d="M253 120c-72 7-126-47-119-119 72-7 126 47 119 119z"/><path fill="#8e6d53" d="M256 171c-6-1-11-7-12-14A117 117 0 01348 28a16 16 0 014 32 85 85 0 00-76 94 16 16 0 01-20 17z"/><path fill="#e14b4b" d="M374 120c-17-4-35-3-53 2-45 15-93 15-138 0-18-5-36-6-53-2-69 19-103 119-75 224s107 175 176 157a78 78 0 0142 0c69 18 148-52 176-157s-6-205-75-224z"/><path fill="#d03f3f" d="M449 344c-28 105-107 175-176 157h-1c-13-4-27-4-41 0-26 7-53 1-79-14a426 426 0 00259-346c43 38 60 119 38 203z"/></symbol>
<symbol id="equipment" viewBox="0 0 512 512"><path fill="#fea832" d="M482 316v105H30V316c0-73 36-139 91-180l15 45 15-64a226 226 0 01210 0l15 64 15-45c55 41 91 107 91 180z"/><path fill="#fe9923" d="M482 316v105H256V91c38 0 74 10 105 26l15 64 15-45c55 41 91 107 91 180z"/><path fill="#fedb41" d="M331 106v150c0 8-7 15-15 15H196c-8 0-15-7-15-15V106c0-25 20-45 45-45h60c25 0 45 20 45 45z"/><path fill="#fcbf29" d="M376 241c8 0 15-7 15-15v-90c-9-7-19-13-30-19v109c0 8 7 15 15 15z"/><g fill="#fedb41"><path d="M136 241c8 0 15-7 15-15V117c-11 6-21 12-30 19v90c0 8 7 15 15 15zM512 421c0 17-13 30-30 30H30c-16 0-30-13-30-30s14-30 30-30h452c17 0 30 14 30 30z"/></g><g fill="#fcbf29"><path d="M316 271h-60V61h30c25 0 45 20 45 45v150c0 8-7 15-15 15zM512 421c0 17-13 30-30 30H256v-60h226c17 0 30 14 30 30z"/></g></symbol>
<symbol id="misc" viewBox="0 0 512 512"><path fill="#e53935" d="M491 129v254c0 13-7 24-19 30l-202 96a33 33 0 01-28 0L40 413c-12-6-19-17-19-30V129a33 33 0 0119-30L242 3c9-4 19-4 28 0l202 96a32 32 0 0119 30z"/><path fill="#d32f2f" d="M486 111c-4-5-8-9-14-12L270 3c-9-4-19-4-28 0l-1 1 200 95a32 32 0 0119 30v254c0 13-7 24-19 30l-200 95 1 1a33 33 0 0028 0l202-96c12-6 19-17 19-30V129c0-7-2-13-5-18z"/><path fill="#f44336" d="M256 220v292c-5 0-10-1-14-3L40 413c-12-6-19-17-19-30V129c0-7 2-13 5-18z"/><path fill="#d32f2f" d="M491 129v254c0 12-7 24-18 29l-1 1-202 96c-4 2-9 3-14 3V220l230-109c3 5 5 11 5 18z"/><path fill="#c62828" d="M486 111l-26 12v260c0 12-7 24-18 29l-1 1-185 88v11c5 0 10-1 14-3l202-96 1-1c11-5 18-17 18-29V129c0-7-2-13-5-18z"/><g fill="#f1f1f1"><ellipse cx="389.6" cy="306.5" rx="26.7" ry="19.7" transform="rotate(-82 390 306)"/><ellipse cx="190.5" cy="263.3" rx="19.6" ry="26.7" transform="rotate(-3 189 261)"/><ellipse cx="78.3" cy="360.2" rx="19.6" ry="26.7" transform="rotate(-3 78 357)"/><ellipse cx="161.1" cy="104.2" rx="26.7" ry="19.6" transform="rotate(-3 160 103)"/><ellipse cx="253.7" cy="58.5" rx="26.7" ry="19.6" transform="rotate(-3 251 58)"/><ellipse cx="350.6" cy="107.5" rx="26.7" ry="19.6" transform="rotate(-3 347 107)"/><ellipse cx="260.2" cy="150" rx="26.7" ry="19.6" transform="rotate(-3 258 149)"/></g></symbol>
<symbol id="version" viewBox="0 0 408 408"><path fill="#ed664c" d="M56 56c3-4 8-6 14-6l131-4c9 0 17 3 23 9l165 166c13 12 13 32 0 44L265 389a31 31 0 01-44 0L55 224c-6-6-9-14-9-23l4-131c0-6 2-11 6-14zm181 284l103-103-89-89-103 103 89 89zm-66-205a35 35 0 10-71 0 35 35 0 0071 0z"/><path fill="#fdc75b" d="M340 237L237 340l-89-89 103-103z"/><path d="M231 48c-8-8-19-12-30-12L70 40c-5 0-9 1-13 3L17 3A10 10 0 103 17l40 40c-2 4-3 8-3 13l-4 131c0 11 4 22 12 30l166 165a41 41 0 0058 0l124-124c16-16 16-42 0-58L231 48zm151 210L258 382c-8 9-22 9-30 0L63 217c-5-4-7-10-7-16l4-127 37 37a45 45 0 1014-14L74 59l128-3c6 0 11 2 15 6l165 166c9 8 9 22 0 30zM110 135a25 25 0 1151 0 25 25 0 01-51 0z"/><path d="M258 141c-4-4-11-4-14 0L141 243c-4 4-4 11 0 15l89 88c2 2 4 3 7 3s5-1 7-3l103-102c2-2 3-5 3-7l-3-7-89-89zm-21 184l-75-74 89-89 75 75-89 88z"/></symbol>
<symbol id="created" viewBox="0 0 512 512"><circle cx="256" cy="256" r="256" fill="#fe8205"/><path fill="#fa5d0f" d="M512 256C512 115 397 0 256 0v512c141 0 256-115 256-256z"/><path fill="#f0f7ff" d="M256 61a195 195 0 100 390 195 195 0 000-390z"/><path fill="#dfe7f4" d="M451 256c0-108-87-195-195-195v391c108 0 195-88 195-196z"/><path fill="#575f64" d="M256 121c-8 0-15 7-15 15v150a15 15 0 1030 0V136c0-8-7-15-15-15z"/><path fill="#474f54" d="M271 286V136c0-8-7-15-15-15v180c8 0 15-7 15-15z"/><path fill="#575f64" d="M346 241H226a15 15 0 100 30h120a15 15 0 100-30z"/><path fill="#474f54" d="M361 256c0-8-7-15-15-15h-90v30h90c8 0 15-7 15-15z"/></symbol>
<symbol id="download" viewBox="0 0 512 512"><defs/><path fill="#69E781" d="M256 363c-9 0-16-7-16-16V16a16 16 0 0132 0v331c0 9-7 16-16 16zm0 0" class="active-path" data-old_color="#000000" data-original="#000000"/><path fill="#69E781" d="M256 363c-4 0-8-2-11-5l-86-85a16 16 0 0123-23l74 74 74-74a16 16 0 0123 23l-86 85c-3 3-7 5-11 5zm0 0" class="active-path" data-old_color="#000000" data-original="#000000"/><path fill="#69E781" d="M453 512H59c-33 0-59-26-59-59v-96a16 16 0 0132 0v96c0 15 12 27 27 27h394c15 0 27-12 27-27v-96a16 16 0 0132 0v96c0 33-26 59-59 59zm0 0" class="active-path" data-old_color="#000000" data-original="#000000"/></symbol>
<symbol id="updated" viewBox="0 0 468.1 468.1"><defs/><path fill="#dc8744" d="M28 363L9.4 424 .6 452.5c-2.9 9.2 5.8 18 15 15l28.6-8.7 60.9-18.7-77-77z"/><path fill="#3a556a" d="M44.2 458.8l-28.5 8.8c-9.3 2.8-18-5.9-15.1-15.1L9.3 424l34.9 34.8z"/><path fill="#fcd462" d="M387.5 80.6l-321 321L28.2 363 349 42z"/><path fill="#f6c358" d="M426 119.2l-321 321-38.5-38.6 321-321z"/><path fill="#e56353" d="M426 119.1l-77-77 38.4-38.4a12.5 12.5 0 0117.7 0L464.5 63a12.5 12.5 0 010 17.7L426 119z"/><g fill="#ebf0f3"><path d="M406.2 138.9l-12.9 12.9-77-77 13-12.9zM380.6 164.6l-12.9 12.9-77-77 12.9-12.9z"/></g></symbol>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

33
templates/search-results.hbs
View File

@@ -9,22 +9,22 @@
<p>{{this.description}}</p>
<div class="mod-info">
<span class="mod-downloads" title="Downloads">
<img src="/static/images/icon/download.svg" alt="downloads"/><!--
<svg><use xlink:href="/static/images/icon/spritesheet.svg#download"/></svg><!--
-->{{format this.downloads}}
</span>
<span class="mod-created" title="Created">
<img src="/static/images/icon/created.svg" alt="created"/><!--
<svg><use xlink:href="/static/images/icon/spritesheet.svg#created"/></svg><!--
-->{{this.date_created}}
</span>
<span class="mod-updated" title="Last Updated">
<img src="/static/images/icon/updated.svg" alt="updated"/><!--
<svg><use xlink:href="/static/images/icon/spritesheet.svg#updated"/></svg><!--
-->{{this.date_modified}}
</span>
<span class="mod-version" title="Version">
<img src="/static/images/icon/version.svg" alt="version" /><!--
<svg><use xlink:href="/static/images/icon/spritesheet.svg#version"/></svg><!--
-->{{this.latest_version}}
</span>
@@ -45,43 +45,43 @@
<div class="result-badges">
{{#contains this.keywords "technology"}}
<div class="tech-badge result-badge" title="Tech">
<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>
</div>
{{/contains}}
{{#contains this.keywords "adventure"}}
<div class="adventure-badge result-badge" title="Adventure">
<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>
</div>
{{/contains}}
{{#contains this.keywords "magic"}}
<div class="magic-badge result-badge" title="Magic">
<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>
</div>
{{/contains}}
{{#contains this.keywords "utility"}}
<div class="utility-badge result-badge" title="Utility">
<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>
</div>
{{/contains}}
{{#contains this.keywords "decoration"}}
<div class="decoration-badge result-badge" title="Decoration">
<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>
</div>
{{/contains}}
{{#contains this.keywords "library"}}
<div class="library-badge result-badge" title="Library">
<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>
</div>
{{/contains}}
{{#contains this.keywords "worldgen"}}
<div class="world-badge result-badge" title="World">
<img alt="world" src="/static/images/icon/world.svg" class="badge-image"/>
<div class="worldgen-badge result-badge" title="Worldgen">
<svg class="badge-image"><use xlink:href="/static/images/icon/spritesheet.svg#world"/></svg>
<p>WORLDGEN</p>
</div>
{{/contains}}
@@ -89,30 +89,29 @@
<div class="cursed-badge result-badge" title="Cursed">
<img alt="cursed" src="/static/images/icon/cursed.png" class="badge-image"/>
<p>CURSED</p>
<p>CURSED</p>
</div>
{{/contains}}
{{#contains this.keywords "storage"}}
<div class="storage-badge result-badge" title="Storage">
<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>
</div>
{{/contains}}
{{#contains this.keywords "food"}}
<div class="food-badge result-badge" title="Food">
<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>
</div>
{{/contains}}
{{#contains this.keywords "equipment"}}
<div class="equipment-badge result-badge" title="Equipment">
<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>
</div>
{{/contains}}
{{#contains this.keywords "misc"}}
<div class="misc-badge result-badge" title="Misc">
<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>
</div>
{{/contains}}

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)">