mirror of
https://github.com/miggymofongo/asteroid.git
synced 2024-12-26 17:49:42 +00:00
47 lines
1.6 KiB
HTML
47 lines
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>
|