tabs/frontend/index.html

56 lines
1.9 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Tabs</title>
<meta http-equiv="Content-Security-Policy" content="style-src 'self' 'unsafe-inline'; font-src 'self'; script-src 'self' 'sha256-oPC0l5nxLnJ2LX6qU9Laxa4/cjhuHDRIqdUsBDWYqnw='">
<link rel="stylesheet" href="css/layout.css">
<link rel="stylesheet" href="css/index.css">
<script>require('./js/index.js')</script>
</head>
<body>
<div id="navigation">
<div id="history">
<button id="status" class="hidden">
<i class="fas fa-question unknown active">
<span class="tip">Unknown protocol</span>
</i>
<i class="fas fa-lock https">
<span class="tip">Secured via TLS (https)</span>
</i>
<i class="fas fa-lock-open http">
<span class="tip">Vulnerable connection (http)</span>
</i>
<i class="fas fa-folder file">
<span class="tip">Local file</span>
</i>
</button>
<button id="home" class="hidden disabled"><i class="fas fa-home"></i></button>
<button id="back" class="hidden disabled"><i class="fas fa-arrow-left"></i></button>
<button id="forward" class="hidden disabled"><i class="fas fa-arrow-right"></i></button>
<button id="reload" class="hidden disabled"><i class="fas fa-redo"></i></button>
</div>
<div id="service-buttons">
<ul id="service-selector"></ul>
<div id="service-last-drag-position" class="hidden"></div>
</div>
<button id="add-button"><i class="fa fa-plus"></i></button>
<button id="settings-button"><i class="fa fa-cog"></i></button>
</div>
<div id="services">
<div class="loader"></div>
<div id="url-preview" class="invisible"></div>
<div id="empty-message">Load a service using the menu on the left.</div>
</div>
</body>
</html>