<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="A BootStrap 5 powered fursona schema viewer">
<link href="//cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet">
<title>BootStrap 'Sona</title>
</head>
<body data-bs-theme="{{theme}}">
<center>
<h1>BootStrap 'Sona</h1>
<img src="/logo.svg" width="128px">
<p>A super simple lookup tool for the <a href="https://github.com/pyrox0/fursona-schema">Fursona JSON Schema.</a></p>
<form action="/search">
<div class="input-group mb-3 w-75">
<input type="url" class="form-control" id="url" placeholder="https://example.com" name="url">
<button title="Search" type="submit" class="btn btn-primary">
<i class="fa-solid fa-magnifying-glass"></i>
</button>
</div>
</form>
<br>
<button type="button" class="btn" onclick="setTheme()">
<i class="fa-solid fa-circle-half-stroke"></i>
</button>
<a href="//git.swee.codes/swee/bootstrap-sona" title="Source code">
<button type="button" class="btn">
<i class="fa-brands fa-git-alt"></i>
</button>
</a>
</center>
<script src="/switcher.js"></script>
</body>
</html>