Compare commits
3 commits
733f0abf52
...
ce571c0419
Author | SHA1 | Date | |
---|---|---|---|
ce571c0419 | |||
c49b7b7a24 | |||
54516c4bf6 |
3 changed files with 50 additions and 10 deletions
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -7,9 +7,48 @@
|
||||||
<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='searchBar'>
|
||||||
|
<form action="/search" method="get">
|
||||||
|
<div class="search_entry">
|
||||||
|
<input style="width: 19rem;" type='text' id="q" name="q" value='' placeholder="Enter a level name or code"/>
|
||||||
|
<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="contentBox">
|
||||||
<div class="header">IWM Browser</div>
|
<div class="header">IWM Browser</div>
|
||||||
<div class="splitter"></div>
|
<div class="splitter"></div>
|
||||||
|
@ -18,5 +57,6 @@
|
||||||
<div class="tileBox"><a href="/search">Search 🔍</a></div>
|
<div class="tileBox"><a href="/search">Search 🔍</a></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -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">
|
||||||
|
|
Loading…
Reference in a new issue