-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
118 lines (107 loc) · 4.79 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE html>
<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">
<meta property="og:title" content="Toolhunt Home">
<meta property="og:type" content="website">
<meta property="og:description" content="A tool to help users contribute to Toolhub's listings">
<link rel="icon" href="./assets/icons/favicon.svg">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./assets/css/normalize.css">
<link rel="stylesheet" href="./assets/css/style.css">
<title>Home | Toolhunt</title>
</head>
<body>
<header>
<nav>
<a class="toolhub-link" href="https://toolhub.wikimedia.org/"><img src="./assets/icons/logo-solid-white.svg"
title="Toolhub" alt="Toolhub"></a>
<div class="link-container">
<a href="./views/dashboard.html">Dashboard</a>
<a href="./views/leaderboard.html">Leaderboard</a>
</div>
</nav>
</header>
<main>
<section class="container row">
<img src="./assets/icons/toolhub-logo.svg" width="120px" height="120px" alt="Toolhub logo">
<div>
<h1>Toolhunt</h1>
<p>Many of the tools on Toolhub are missing valuable information. Can you help us improve the listings by
hunting down links and data?</p>
<p><b>Search</b> for a tool to work on, or click <b>Surprise Me!</b> to receive a random task.</p>
<p>If you can find the requested information, fill out the form and click <b>Submit</b>.
If
you don't like
the look of your task, or can't find the requested information, click <b>Find a new task</b> to get a new one.
</p>
</div>
</section>
<section class="container centered" id="start-search-wrapper">
<div class="start-button-container inline-auto">
<button type="button" id="show-search-bar">Search for a tool</button>
<button type="button" id="surprise-button">Surprise me!</button>
</div>
<div class="search-bar-container">
<input type="text" id="search-bar" placeholder="Search for a tool">
<div class="suggestions">
<ul id="suggestions-list"></ul>
</div>
<button type="button" id="search-bar-button"><img src="./assets/icons/search_icon.svg" alt="Search"></button>
<span class="no-results" hidden>No results found.</span>
</div>
<div class="spacer"></div>
<div class="search-result-wrapper row">
<section id="search-result">
<!-- <p> element "titleTask" will go here, with a <select> menu element as a child -->
<!-- the "build the task menu" button will go here -->
</section>
</div>
</section>
<div class="task-wrapper" hidden>
<section id="task-display">
<form id="task-form" class="container centered">
<!-- statement of the task -->
<!-- input field -->
<!-- if the task is tool_type, a select menu instead of an input bar -->
<!-- field description -->
<!-- option to add more fields, where appropriate (e.g., the task is "for_wikis" or "available_ui_languages") -->
<!-- submit button -->
</form>
<div class="spacer"></div>
<div id="tool-info" class="container container-small centered shadowed">
<h3>These links may help you with your search:</h3>
<ul>
<li id="wikidata-link" hidden><a href="https://www.wikidata.org/wiki/Wikidata:Main_Page"
target="_blank">Wikidata</a></li>
<li id="wikimedia-link" hidden><a href="https://commons.wikimedia.org/wiki/Main_Page"
target="_blank">Wikimedia
Commons</a></li>
<li id="toolhub-link"><span class="tool-name"></span> on Toolhub: </li>
<li id="url-link"><span class="tool-name"></span> on the web: </li>
<li id="repository-link" hidden>Repository: </li>
</ul>
</div>
<div class="skip-box">
<label for="info-missing"><input type="checkbox" name="info-missing" value="true"
id="info-missing">Information
could not be found.</label>
<button id="get-new-task">Find a new task</button>
</div>
</section>
</div>
<section class="modal">
<div class="modal-content">
<h3>Thank you for your contribution!</h3>
<button type="button" class="close-modal">Close</button>
</div>
</section>
</main>
<!-- <script src="./assets/js/index.js"></script> -->
<script src="./build/Main.js"></script>
</body>
</html>