Tranga-Website/Website/index.html

84 lines
2.9 KiB
HTML
Raw Normal View History

2023-05-22 22:25:50 +02:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Tranga</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<topbar>
2023-05-22 23:52:35 +02:00
<titlebox>
<img src="media/blahaj.png">
<span>Tranga</span>
</titlebox>
<spacer></spacer>
<searchdiv>
2023-05-23 00:12:30 +02:00
<input id="searchbox" placeholder="Filter" type="text">
2023-05-22 23:52:35 +02:00
</searchdiv>
<img id="settingscog" src="media/settings-cogwheel.svg" height="100%" alt="settingscog">
2023-05-22 22:25:50 +02:00
</topbar>
<viewport>
<sidebar>
2023-05-22 23:52:35 +02:00
<background-placeholder></background-placeholder>
2023-05-22 22:25:50 +02:00
2023-05-23 00:12:30 +02:00
<spacer></spacer>
<p style="text-align: center">Made with Blåhaj 🦈</p>
2023-05-22 22:25:50 +02:00
</sidebar>
<content>
2023-05-23 00:12:30 +02:00
<div id="addPublication">
2023-05-22 23:52:35 +02:00
<p>+</p>
2023-05-23 00:12:30 +02:00
</div>
2023-05-22 22:25:50 +02:00
<publication>
2023-05-23 00:12:30 +02:00
<img src="media/cover.jpg">
<publication-information>
<connector-name class="pill">MangaDex</connector-name>
<publication-name>Tensei Pandemic</publication-name>
</publication-information>
2023-05-22 22:25:50 +02:00
</publication>
2023-05-23 17:57:48 +02:00
</content>
<popup>
<blur-background></blur-background>
2023-05-23 14:44:59 +02:00
<addtask-window>
<window-titlebar>
<p>Add Task</p>
2023-05-23 16:27:09 +02:00
<img id="closePopupImg" src="media/close-x.svg" alt="Close">
2023-05-23 14:44:59 +02:00
</window-titlebar>
<window-content>
2023-05-23 16:54:39 +02:00
<addtask-settings>
<addtask-setting><label for="selectReccurrence">Recurrence</label><input id="selectReccurrence" type="time" value="01:00" step="3600"></addtask-setting>
<addtask-setting><label for="connectors">Connector</label>
<select id="connectors">
<option value=""></option>
</select>
</addtask-setting>
<addtask-setting><label for="searchPublicationQuery">Search Title</label><input id="searchPublicationQuery" type="text"></addtask-setting>
</addtask-settings>
2023-05-23 15:15:29 +02:00
<div id="taskSelectOutput"></div>
2023-05-23 14:44:59 +02:00
</window-content>
</addtask-window>
2023-05-23 17:57:48 +02:00
<publication-viewer>
<img id="pubviewcover" src="media/cover.jpg" alt="cover">
<publication-information>
<publication-name id="publicationViewerName">Tensei Pandemic</publication-name>
<publication-author id="publicationViewerAuthor">Imamura Hinata</publication-author>
<publication-description id="publicationViewerDescription">Imamura Hinata is a high school boy with a cute appearance.
Since his trauma with the first love, he wanted to be more manly than anybody else. But one day he woke up to something different…
The total opposite of his ideal male body!
Pandemic love comedy!
</publication-description>
<publication-delete>Delete Task ❌</publication-delete>
</publication-information>
</publication-viewer>
</popup>
2023-05-22 22:25:50 +02:00
</viewport>
2023-05-23 14:44:59 +02:00
2023-05-22 23:52:35 +02:00
<settingstab id="settingstab">
</settingstab>
2023-05-23 14:44:59 +02:00
2023-05-23 12:51:21 +02:00
<script src="apiConnector.js"></script>
2023-05-22 23:52:35 +02:00
<script src="interaction.js"></script>
2023-05-22 22:25:50 +02:00
</body>
</html>