bunbun/src/templates/index.hbs

73 lines
2.3 KiB
Handlebars

<!DOCTYPE html>
<html lang="en">
<head>
<title>Bunbun</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="Bunbun search multiplexer/jump service" />
<style type="text/css">
body {
display: flex;
margin: 0;
min-height: 100vh;
flex-direction: column;
align-items: center;
background-color: #212121;
color: #fff;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
h1, p { margin: 0; }
h1 { margin-top: 1rem; }
main { display: flex; }
a { color: white; }
footer {
display: flex;
justify-self: end;
justify-content: space-between;
}
.spacer { flex-grow: 1; }
footer p, footer p a {
margin: 1rem 0.5rem;
color: #555;
}
</style>
<link rel="search"
type="application/opensearchdescription+xml"
title="bunbun"
href="bunbunsearch.xml">
</head>
<body>
<h1>Bunbun</h1>
<p>Welcome to bunbun! To setup bunbun for your web browser, follow these steps:</p>
<main>
<section>
<h2>Firefox</h2>
<ol>
<li>
Click the following button:
<button onclick="window.external.AddSearchProvider('http://{{hostname}}/bunbunsearch.xml')">
Add search engine
</button>
</li>
<li>Type in "about:preferences#search" in the address bar and hit Enter.</li>
<li>Set your default search engine to bunbun.</li>
</ol>
</section>
<section>
<h2>Chrome</h2>
<ol>
<li>Type in "chrome://settings/search" in the address bar and hit Enter.</li>
<li>Select "Manage search engines"</li>
<li>Search for "bunbun"</li>
<li>Select the three dots on the bunbun entry, and select "Make default"</li>
</ol>
</section>
</main>
<p>To view a full list of commands currently available on this instance, check out the <a href="/ls">command list</a>.</p>
<div class="spacer"></div>
<footer>
<p>{{> bunbun_version }}</p>
<p><a href="{{> bunbun_src }}">Source Code</a></p>
</footer>
</body>
</html>