generated from ElnuDev/go-project
Want to contribute? Fork me on Codeberg.org!
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
33 lines
1.1 KiB
33 lines
1.1 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>jidict</title>
|
|
<link rel="stylesheet" href="https://unpkg.com/missing.css@1.0.9/dist/missing.min.css">
|
|
<style>
|
|
li {
|
|
margin-top: 0.75em;
|
|
}
|
|
</style>
|
|
<script src="https://unpkg.com/htmx.org@1.9.3"></script>
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<a href="/">
|
|
<img src="https://jichan.org/logo.svg" style="height: 4em; display: block; margin: 1em auto 1em auto">
|
|
</a>
|
|
<form
|
|
hx-post="/api/search"
|
|
hx-on::before-request="this.setAttribute('hx-replace-url', `/search/${this.querySelector('input').value}`)"
|
|
hx-target="#results"
|
|
hx-swap="innerHTML">
|
|
<input type="text" name="q"{{ with .Query }} value="{{ . }}"{{ end }} placeholder="辞書をサーチする" class="width:100%" autocomplete="false">
|
|
</form>
|
|
<div id="results">
|
|
{{ with .Results }}{{ template "search" . }}{{ end }}
|
|
</div>
|
|
<br>
|
|
</main>
|
|
</body>
|
|
</html> |