Compare commits

...

3 commits

3 changed files with 50 additions and 10 deletions

View file

@ -24,10 +24,10 @@
@media screen and (max-width: 550px) { @media screen and (max-width: 550px) {
.searchResults { .searchResults {
font-size: 16px; font-size: small;
} }
.times { .times {
display: none; font-size: smaller;
} }
} }

View file

@ -7,16 +7,56 @@
<link rel="stylesheet" href="/static/index.css"> <link rel="stylesheet" href="/static/index.css">
<link rel="stylesheet" href="/static/main.css"> <link rel="stylesheet" href="/static/main.css">
<link rel="stylesheet" href="/static/homepage.css"> <link rel="stylesheet" href="/static/homepage.css">
<link rel="stylesheet" href="/static/search/search.css">
</head> </head>
<body> <body>
<div class="Home"> <div class="Home">
<div class="contentBox"> <div class="contentBox_">
<div class="header">IWM Browser</div> <div class='searchBar'>
<div class="splitter"></div> <form action="/search" method="get">
<div class="tileBox"><a href="/search?q=&sort=average_rating&dir=desc&date=24">Popular ⭐</a></div> <div class="search_entry">
<div class="tileBox"><a href="/search?q=&sort=created_at&dir=desc&date=-1">Recent ❓</a></div> <input style="width: 19rem;" type='text' id="q" name="q" value='' placeholder="Enter a level name or code"/>
<div class="tileBox"><a href="/search">Search 🔍</a></div> <button class="searchButton" id='searchButton' type='submit'>🔍</button>
</div>
<details>
<summary>More options</summary>
{% macro option(name, value, key) -%}
<option value={{ value }} {{ isSelected(value, key) }}>{{ name }}</option>
{%- endmacro %}
<div class="sortType">
<label for="sort">Sort type</label>
<select id="sort" name="sort">
{{ option("Rating", "average_rating", "sort") }}
{{ option("Upload date", "created_at", "sort") }}
{{ option("Difficulty", "average_difficulty", "sort") }}
{{ option("Plays", "play_count", "sort") }}
</select>
<select id="dir" name="dir">
{{ option("Descending", "desc", "dir") }}
{{ option("Ascending", "asc", "dir") }}
</select>
</div>
<div class="upload_date">
<label for="date">Upload date</label>
<select id="date" name="date">
{{ option("All time", -1, "date") }}
{{ option("Past 30 days", 720, "date") }}
{{ option("Past 7 days", 168, "date") }}
{{ option("Past day", 24, "date") }}
{{ option("Past hour", 1, "date") }}
</select>
</div>
</details>
</form>
</div>
<div class="contentBox">
<div class="header">IWM Browser</div>
<div class="splitter"></div>
<div class="tileBox"><a href="/search?q=&sort=average_rating&dir=desc&date=24">Popular ⭐</a></div>
<div class="tileBox"><a href="/search?q=&sort=created_at&dir=desc&date=-1">Recent ❓</a></div>
<div class="tileBox"><a href="/search">Search 🔍</a></div>
</div>
</div>
</div> </div>
</div>
</body> </body>
</html> </html>

View file

@ -1,7 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<title>IWM Browser - {{ QueryValues["q"] }}</title> <title>IWM Browser - {{ QueryValues["q"] if QueryValues["q"] is not none }}</title>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="robots" content="noindex, nofollow"> <meta name="robots" content="noindex, nofollow">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">