asteroid/templates/index.html

47 lines
No EOL
1.6 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>E Reader Upgrade</title>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" href="/favicon.ico" type="image/x-icon"></link>
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
<script src="https://unpkg.com/htmx.org"></script>
</head>
<body>
<section>
<nav class="navbar navbar-light bg-light justify-content-between">
<a class="navbar-brand">Search for a book!</a>
<form class="form-inline">
<input type="text"
hx-get="/search"
hx-params="searchQuery:val"
hx-trigger="keyup delay:300ms"
hx-target="#resultsContainer"
placeholder="Search for EPUBs...">
<div id="resultsContainer"></div>
</form>
</nav>
</section>
<section>
<iframe id="bibi-frame" src="reader/bibi/index.html" width="100%" height="600px" frameborder="0"></iframe>
</section>
<script>
function loadEpubInBibi(epubUrl) {
document.getElementById('bibi-frame').src = "reader/bibi/index.html?book=" + epubUrl;
}
</script>
</body>
</html>