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

Miscellaneous fixes and requested changes

Browse Source
This commit is contained in:
Aeledfyr
2020-06-25 20:19:07 -05:00
parent ebc073a52e
commit 0bc256aa23
3 changed files with 45 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
static/css/search.css
View File

@@ -145,10 +145,10 @@
background-color: var(--content-background); background-color: var(--content-background);
border-color: var(--border); border-color: var(--border);
height: 2em; height: 2em;
margin-top: 30px; margin: 30px auto 15px auto;
margin-bottom: 15px;
top: 80px; top: 80px;
width: 100%; width: calc(100% - 20px);
display: block;
} }
.mod-info { .mod-info {
@@ -189,13 +189,14 @@
.search-error { .search-error {
text-align: center; text-align: center;
word-break: break-word;
} }
.result { .result {
display: flex; display: flex;
min-height: 100px; min-height: 100px;
margin: 15px auto; margin: 15px 5px;
padding: 5px; padding: 5px;
width: 100%; width: calc(100% - 20px);
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
background-color: var(--content-background); background-color: var(--content-background);
@@ -204,6 +205,11 @@
.result-image { .result-image {
object-fit: scale-down; object-fit: scale-down;
padding: 0 10px 0 5px; padding: 0 10px 0 5px;
min-width: 75px;
}
.badge-image {
object-fit: scale-down;
padding: 0 10px 0 5px;
} }
.result-info { .result-info {
@@ -223,8 +229,12 @@
display: inline; display: inline;
padding-right: 5px; padding-right: 5px;
} }
.result-name > * {
margin: 0;
}
.result-author-container { .result-author-container {
white-space: nowrap; white-space: nowrap;
display: inline-block;
} }
@media screen and (max-width: 1340px) { @media screen and (max-width: 1340px) {

34
templates/search-results.hbs
View File

@@ -4,7 +4,7 @@
<div class="result-info"> <div class="result-info">
<div class="result-title"> <div class="result-title">
<a class="result-name" href="{{this.page_url}}"><h2>{{this.title}}</h2></a><!-- <a class="result-name" href="{{this.page_url}}"><h2>{{this.title}}</h2></a><!--
--><p class="muted result-author-container">by <a class="result-author" href="{{this.author_url}}">{{this.author}}</a></p> --><span class="muted result-author-container">by <a class="result-author" href="{{this.author_url}}">{{this.author}}</a></span>
</div> </div>
<p>{{this.description}}</p> <p>{{this.description}}</p>
<div class="mod-info"> <div class="mod-info">
@@ -37,14 +37,12 @@
c2.3,2.2,2.8,5.7,0.8,8.3c-1.9,2.6-7.3,3.2-7.3,3.2L39,49.1v6.4h10.3l0.3-6.3l8.9-6.3c-0.9,0.8-3.1,2.8-6.2,7.7 c2.3,2.2,2.8,5.7,0.8,8.3c-1.9,2.6-7.3,3.2-7.3,3.2L39,49.1v6.4h10.3l0.3-6.3l8.9-6.3c-0.9,0.8-3.1,2.8-6.2,7.7
c-0.7,1.1-1.3,2.3-1.7,3.5c2.2-1.9,6.8-3.2,12.2-3.2c5.3,0,9.9,1.3,12.1,3.2c-0.4-1.2-1-2.4-1.7-3.5c-3.2-4.9-5.3-6.9-6.2-7.7 c-0.7,1.1-1.3,2.3-1.7,3.5c2.2-1.9,6.8-3.2,12.2-3.2c5.3,0,9.9,1.3,12.1,3.2c-0.4-1.2-1-2.4-1.7-3.5c-3.2-4.9-5.3-6.9-6.2-7.7
l8.9,6.3l0.3,6.3h9.6v-6.4l-4.5-5.5c0,0-6.7-0.4-8.4-3.2C67.7,32.6,74.8,20.4,91.6,16.7z"/> l8.9,6.3l0.3,6.3h9.6v-6.4l-4.5-5.5c0,0-6.7-0.4-8.4-3.2C67.7,32.6,74.8,20.4,91.6,16.7z"/>
</svg><!-- </svg>
--><span>Forge</span>
</div> </div>
{{/contains}} {{/contains}}
{{#contains this.keywords "fabric"}} {{#contains this.keywords "fabric"}}
<div class="loader-fabric" title="Fabric"> <div class="loader-fabric" title="Fabric">
<img alt="fabric" src="/static/images/icon/fabric.png"/><!-- <img alt="fabric" src="/static/images/icon/fabric.png"/>
--><span>Fabric</span>
</div> </div>
{{/contains}} {{/contains}}
</div> </div>
@@ -53,74 +51,74 @@
<div class="result-badges"> <div class="result-badges">
{{#contains this.keywords "technology"}} {{#contains this.keywords "technology"}}
<div class="tech-badge result-badge" title="Tech"> <div class="tech-badge result-badge" title="Tech">
<img alt="tech" src="/static/images/icon/tech.svg" class="result-image"/> <img alt="tech" src="/static/images/icon/tech.svg" class="badge-image"/>
<p>TECH</p> <p>TECH</p>
</div> </div>
{{/contains}} {{/contains}}
{{#contains this.keywords "adventure"}} {{#contains this.keywords "adventure"}}
<div class="adventure-badge result-badge" title="Adventure"> <div class="adventure-badge result-badge" title="Adventure">
<img alt="adventure" src="/static/images/icon/adventure.svg" class="result-image"/> <img alt="adventure" src="/static/images/icon/adventure.svg" class="badge-image"/>
<p>ADVENTURE</p> <p>ADVENTURE</p>
</div> </div>
{{/contains}} {{/contains}}
{{#contains this.keywords "magic"}} {{#contains this.keywords "magic"}}
<div class="magic-badge result-badge" title="Magic"> <div class="magic-badge result-badge" title="Magic">
<img alt="magic" src="/static/images/icon/magic.svg" class="result-image"/> <img alt="magic" src="/static/images/icon/magic.svg" class="badge-image"/>
<p>MAGIC</p> <p>MAGIC</p>
</div> </div>
{{/contains}} {{/contains}}
{{#contains this.keywords "utility"}} {{#contains this.keywords "utility"}}
<div class="utility-badge result-badge" title="Utility"> <div class="utility-badge result-badge" title="Utility">
<img alt="util" src="/static/images/icon/util.svg" class="result-image"/> <img alt="util" src="/static/images/icon/util.svg" class="badge-image"/>
<p>UTILITY</p> <p>UTILITY</p>
</div> </div>
{{/contains}} {{/contains}}
{{#contains this.keywords "decoration"}} {{#contains this.keywords "decoration"}}
<div class="decoration-badge result-badge" title="Fecoration"> <div class="decoration-badge result-badge" title="Decoration">
<img alt="decoration" src="/static/images/icon/decoration.svg" class="result-image"/> <img alt="decoration" src="/static/images/icon/decoration.svg" class="badge-image"/>
<p>DECORATION</p> <p>DECORATION</p>
</div> </div>
{{/contains}} {{/contains}}
{{#contains this.keywords "library"}} {{#contains this.keywords "library"}}
<div class="library-badge result-badge" title="Library"> <div class="library-badge result-badge" title="Library">
<img alt="library" src="/static/images/icon/library.svg" class="result-image"/> <img alt="library" src="/static/images/icon/library.svg" class="badge-image"/>
<p>LIBRARY</p> <p>LIBRARY</p>
</div> </div>
{{/contains}} {{/contains}}
{{#contains this.keywords "worldgen"}} {{#contains this.keywords "worldgen"}}
<div class="world-badge result-badge" title="World"> <div class="world-badge result-badge" title="World">
<img alt="world" src="/static/images/icon/world.svg" class="result-image"/> <img alt="world" src="/static/images/icon/world.svg" class="badge-image"/>
<p>WORLDGEN</p> <p>WORLDGEN</p>
</div> </div>
{{/contains}} {{/contains}}
{{#contains this.keywords "cursed"}} {{#contains this.keywords "cursed"}}
<div class="cursed-badge result-badge" title="Cursed"> <div class="cursed-badge result-badge" title="Cursed">
<img alt="cursed" src="/static/images/icon/cursed.png" class="result-image"/> <img alt="cursed" src="/static/images/icon/cursed.png" class="badge-image"/>
<p>CURSED</p> <p>CURSED</p>
<p>CURSED</p> <p>CURSED</p>
</div> </div>
{{/contains}} {{/contains}}
{{#contains this.keywords "storage"}} {{#contains this.keywords "storage"}}
<div class="storage-badge result-badge" title="Storage"> <div class="storage-badge result-badge" title="Storage">
<img alt="storage" src="/static/images/icon/storage.svg" class="result-image"/> <img alt="storage" src="/static/images/icon/storage.svg" class="badge-image"/>
<p>STORAGE</p> <p>STORAGE</p>
</div> </div>
{{/contains}} {{/contains}}
{{#contains this.keywords "food"}} {{#contains this.keywords "food"}}
<div class="food-badge result-badge" title="Food"> <div class="food-badge result-badge" title="Food">
<img alt="food" src="/static/images/icon/food.svg" class="result-image"/> <img alt="food" src="/static/images/icon/food.svg" class="badge-image"/>
<p>FOOD</p> <p>FOOD</p>
</div> </div>
{{/contains}} {{/contains}}
{{#contains this.keywords "equipment"}} {{#contains this.keywords "equipment"}}
<div class="equipment-badge result-badge" title="Equipment"> <div class="equipment-badge result-badge" title="Equipment">
<img alt="equipment" src="/static/images/icon/equipment.svg" class="result-image"/> <img alt="equipment" src="/static/images/icon/equipment.svg" class="badge-image"/>
<p>EQUIPMENT</p> <p>EQUIPMENT</p>
</div> </div>
{{/contains}} {{/contains}}
{{#contains this.keywords "misc"}} {{#contains this.keywords "misc"}}
<div class="misc-badge result-badge" title="Misc"> <div class="misc-badge result-badge" title="Misc">
<img alt="misc" src="/static/images/icon/misc.svg" class="result-image"/> <img alt="misc" src="/static/images/icon/misc.svg" class="badge-image"/>
<p>MISC</p> <p>MISC</p>
</div> </div>
{{/contains}} {{/contains}}

28
templates/search.hbs
View File

@@ -46,51 +46,51 @@
<p>Categories</p> <p>Categories</p>
</a> </a>
<a class="tech-badge category-badge category-active" id="technology" onclick="activateCategory(this)"> <a class="tech-badge category-badge category-active" id="technology" onclick="activateCategory(this)">
<img alt="tech" src="/static/images/icon/tech.svg" class="result-image"/> <img alt="tech" src="/static/images/icon/tech.svg" class="badge-image"/>
<p>TECH</p> <p>TECH</p>
</a> </a>
<a class="adventure-badge category-badge" id="adventure" onclick="activateCategory(this)"> <a class="adventure-badge category-badge" id="adventure" onclick="activateCategory(this)">
<img alt="adventure" src="/static/images/icon/adventure.svg" class="result-image"/> <img alt="adventure" src="/static/images/icon/adventure.svg" class="badge-image"/>
<p>ADVENTURE</p> <p>ADVENTURE</p>
</a> </a>
<a class="magic-badge category-badge" id="magic" onclick="activateCategory(this)"> <a class="magic-badge category-badge" id="magic" onclick="activateCategory(this)">
<img alt="magic" src="/static/images/icon/magic.svg" class="result-image"/> <img alt="magic" src="/static/images/icon/magic.svg" class="badge-image"/>
<p>MAGIC</p> <p>MAGIC</p>
</a> </a>
<a class="utility-badge category-badge" id="utility" onclick="activateCategory(this)"> <a class="utility-badge category-badge" id="utility" onclick="activateCategory(this)">
<img alt="util" src="/static/images/icon/util.svg" class="result-image"/> <img alt="util" src="/static/images/icon/util.svg" class="badge-image"/>
<p>UTILITY</p> <p>UTILITY</p>
</a> </a>
<a class="decoration-badge category-badge" id="decoration" onclick="activateCategory(this)"> <a class="decoration-badge category-badge" id="decoration" onclick="activateCategory(this)">
<img alt="decoration" src="/static/images/icon/decoration.svg" class="result-image"/> <img alt="decoration" src="/static/images/icon/decoration.svg" class="badge-image"/>
<p>DECORATION</p> <p>DECORATION</p>
</a> </a>
<a class="library-badge category-badge" id="library" onclick="activateCategory(this)"> <a class="library-badge category-badge" id="library" onclick="activateCategory(this)">
<img alt="library" src="/static/images/icon/library.svg" class="result-image"/> <img alt="library" src="/static/images/icon/library.svg" class="badge-image"/>
<p>LIBRARY</p> <p>LIBRARY</p>
</a> </a>
<a class="world-badge category-badge" id="worldgen" onclick="activateCategory(this)"> <a class="world-badge category-badge" id="worldgen" onclick="activateCategory(this)">
<img alt="world" src="/static/images/icon/world.svg" class="result-image"/> <img alt="world" src="/static/images/icon/world.svg" class="badge-image"/>
<p>WORLDGEN</p> <p>WORLDGEN</p>
</a> </a>
<a class="cursed-badge category-badge" id="cursed" onclick="activateCategory(this)"> <a class="cursed-badge category-badge" id="cursed" onclick="activateCategory(this)">
<img alt="cursed" src="/static/images/icon/cursed.png" class="result-image"/> <img alt="cursed" src="/static/images/icon/cursed.png" class="badge-image"/>
<p>CURSED</p> <p>CURSED</p>
</a> </a>
<a class="storage-badge category-badge" id="storage" onclick="activateCategory(this)"> <a class="storage-badge category-badge" id="storage" onclick="activateCategory(this)">
<img alt="storage" src="/static/images/icon/storage.svg" class="result-image"/> <img alt="storage" src="/static/images/icon/storage.svg" class="badge-image"/>
<p>STORAGE</p> <p>STORAGE</p>
</a> </a>
<a class="food-badge category-badge" id="food" onclick="activateCategory(this)"> <a class="food-badge category-badge" id="food" onclick="activateCategory(this)">
<img alt="food" src="/static/images/icon/food.svg" class="result-image"/> <img alt="food" src="/static/images/icon/food.svg" class="badge-image"/>
<p>FOOD</p> <p>FOOD</p>
</a> </a>
<a class="equipment-badge category-badge" id="equipment" onclick="activateCategory(this)"> <a class="equipment-badge category-badge" id="equipment" onclick="activateCategory(this)">
<img alt="equipment" src="/static/images/icon/equipment.svg" class="result-image"/> <img alt="equipment" src="/static/images/icon/equipment.svg" class="badge-image"/>
<p>EQUIPMENT</p> <p>EQUIPMENT</p>
</a> </a>
<a class="misc-badge category-badge" id="misc" onclick="activateCategory(this)"> <a class="misc-badge category-badge" id="misc" onclick="activateCategory(this)">
<img alt="misc" src="/static/images/icon/misc.svg" class="result-image"/> <img alt="misc" src="/static/images/icon/misc.svg" class="badge-image"/>
<p>MISC</p> <p>MISC</p>
</a> </a>
</div> </div>
@@ -100,11 +100,11 @@
<p>Loaders</p> <p>Loaders</p>
</a> </a>
<a class="forge-badge category-badge" id="forge" onclick="activateCategory(this)"> <a class="forge-badge category-badge" id="forge" onclick="activateCategory(this)">
<img alt="forge" src="/static/images/icon/forge-alt.svg" class="result-image"/> <img alt="forge" src="/static/images/icon/forge-alt.svg" class="badge-image"/>
<p>FORGE</p> <p>FORGE</p>
</a> </a>
<a class="fabric-badge category-badge" id="fabric" onclick="activateCategory(this)"> <a class="fabric-badge category-badge" id="fabric" onclick="activateCategory(this)">
<img alt="fabric" src="/static/images/icon/fabric.png" class="result-image"/> <img alt="fabric" src="/static/images/icon/fabric.png" class="badge-image"/>
<p>FABRIC</p> <p>FABRIC</p>
</a> </a>
</div> </div>