68 lines
2.0 KiB
HTML
68 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Tranga</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<topbar>
|
|
<titlebox>
|
|
<img src="media/blahaj.png">
|
|
<span>Tranga</span>
|
|
</titlebox>
|
|
<spacer></spacer>
|
|
<searchdiv>
|
|
<input id="searchbox" placeholder="Filter" type="text">
|
|
</searchdiv>
|
|
<img id="settingscog" src="media/settings-cogwheel.svg" height="100%" alt="settingscog">
|
|
</topbar>
|
|
<viewport>
|
|
<sidebar>
|
|
<background-placeholder></background-placeholder>
|
|
|
|
<spacer></spacer>
|
|
<p style="text-align: center">Made with Blåhaj 🦈</p>
|
|
</sidebar>
|
|
<content>
|
|
<div id="addPublication">
|
|
<p>+</p>
|
|
</div>
|
|
<publication>
|
|
<img src="media/cover.jpg">
|
|
<publication-information>
|
|
<connector-name class="pill">MangaDex</connector-name>
|
|
<publication-name>Tensei Pandemic</publication-name>
|
|
</publication-information>
|
|
</publication>
|
|
</content>
|
|
|
|
<addtask-popup>
|
|
<addtask-background></addtask-background>
|
|
<addtask-window>
|
|
<window-titlebar>
|
|
<p>Add Task</p>
|
|
<img src="media/close-x.svg" alt="Close">
|
|
</window-titlebar>
|
|
<window-content>
|
|
<label for="taskTypes">TaskType</label><select id="taskTypes"></select>
|
|
<label for="selectReccurrence">Recurrence</label><input id="selectReccurrence" type="time" value="01:00" step="3600">
|
|
<label for="connectors">Connector</label>
|
|
<select id="connectors">
|
|
<option value=""></option>
|
|
</select>
|
|
<label for="searchPublicationQuery">Search:</label><input id="searchPublicationQuery" type="text">
|
|
<div id="taskSelectOutput"></div>
|
|
</window-content>
|
|
</addtask-window>
|
|
</addtask-popup>
|
|
</viewport>
|
|
|
|
<settingstab id="settingstab">
|
|
|
|
</settingstab>
|
|
|
|
<script src="apiConnector.js"></script>
|
|
<script src="interaction.js"></script>
|
|
</body>
|
|
</html> |