You've already forked AstralRinth
forked from didirus/AstralRinth
92 lines
3.0 KiB
Handlebars
92 lines
3.0 KiB
Handlebars
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<link href="static/css/main.css" rel="stylesheet" type="text/css">
|
|
<link href="static/css/search.css" rel="stylesheet" type="text/css">
|
|
|
|
<title>Search</title>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<header class="site-header">
|
|
<div class="temp-circle-logo"></div>
|
|
<h2>Site Name</h2>
|
|
|
|
<div class="links-container">
|
|
<a href="home">home</a>
|
|
<a href="mods">mods</a>
|
|
<a href="modpacks">modpacks</a>
|
|
<a href="about">about</a>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="search-container">
|
|
<div class="filters">
|
|
<label>
|
|
<input type="checkbox">
|
|
</label>
|
|
</div>
|
|
|
|
<input class="search-bar" type="text" id="search-input" placeholder="Search for mods..." oninput="handleSearch()">
|
|
</div>
|
|
|
|
<div id="results" class="results">
|
|
{{#each results}}
|
|
<div class="result gray-border rounded-border">
|
|
<img src="..." width="75px" height="75px">
|
|
<div class="result-info">
|
|
<h2>{{this.title}}</h2>
|
|
<p>{{this.description}}</p>
|
|
</div>
|
|
<div class="result-badges">
|
|
{{#contains this.keywords "Technology"}}
|
|
<div class="tech-badge result-badge">
|
|
<img alt="tech" src="static/images/icon/tech.svg">
|
|
<p>TECH</p>
|
|
</div>
|
|
{{/contains}}
|
|
{{#contains this.keywords "Adventure"}}
|
|
<div class="adventure-badge result-badge">
|
|
<img alt="adventure" src="static/images/icon/adventure.svg">
|
|
<p>ADVENTURE</p>
|
|
</div>
|
|
{{/contains}}
|
|
{{#contains this.keywords "Magic"}}
|
|
<div class="magic-badge result-badge">
|
|
<img alt="magic" src="static/images/icon/magic.svg">
|
|
<p>MAGIC</p>
|
|
</div>
|
|
{{/contains}}
|
|
{{#contains this.keywords "Utility"}}
|
|
<div class="utility-badge result-badge">
|
|
<img alt="util" src="static/images/icon/util.svg">
|
|
<p>UTILITY</p>
|
|
</div>
|
|
{{/contains}}
|
|
{{#contains this.keywords "Forge"}}
|
|
<div class="forge-badge result-badge">
|
|
<img alt="forge" src="static/images/icon/forge.jpg">
|
|
<p>FORGE</p>
|
|
</div>
|
|
{{/contains}}
|
|
{{#contains this.keywords "Fabric"}}
|
|
<div class="fabric-badge result-badge">
|
|
<img alt="fabric" src="static/images/icon/fabric.png">
|
|
<p>FABRIC</p>
|
|
</div>
|
|
{{/contains}}
|
|
</div>
|
|
</div>
|
|
{{/each}}
|
|
</div>
|
|
|
|
<script src="static/js/search.js"></script>
|
|
|
|
</body>
|
|
|
|
</html> |