47 lines
1.7 KiB
HTML
47 lines
1.7 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport"
|
|
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
|
|
<title>fyrfli's favourite quotes</title>
|
|
<link rel="shortcut icon" href="assets/img/favicon.ico" type="image/x-icon">
|
|
<link rel="stylesheet" href="css/styles.css">
|
|
<!-- <script defer src="js/app.js"></script> -->
|
|
</head>
|
|
|
|
<body>
|
|
<header class="header">
|
|
<img src="https://cdn.fyrfli.link/i/hat-small.png"
|
|
alt="close-up of a black woman in a trilby, eyes down, the hat covering most of her face" class="hdr-img">
|
|
<h1 class="hdr-h1">fyrfli's quote library</h1>
|
|
</header>
|
|
|
|
<main class="container">
|
|
<article class="search">
|
|
<form action="javascript:void(0);" method="post" id="live-search" class="styled">
|
|
<fieldset>
|
|
<h2>search for a quote</h2>
|
|
<input type="text" name="search" id="filter" class="text-input" placeholder="start typing..." onkeyup="liveSearch()">
|
|
<span id="filter-count"></span>
|
|
</fieldset>
|
|
</form>
|
|
</article>
|
|
<article class="quotes"></article>
|
|
<article class="debug"></article>
|
|
</main>
|
|
|
|
<footer class="footer">
|
|
<a href="https://fyrfli.dev/fyrfli/jsquotes"><img src="https://cdn.fyrfli.link/DashboardIcons/gitea.png"
|
|
alt="the gitea logo - a green cup with a git symbol tagged tea bag tab hanging on the front" class="icon">
|
|
Source</a> for this page <br>
|
|
©<span id="jsyear"></span> Camille (<a href="https://fyrfli.dev/fyrfli" target="_blank">@fyrfli</a>) Frantz.
|
|
</footer>
|
|
|
|
<!-- <script src="app.js"></script> -->
|
|
<script src="js/layout.js"></script>
|
|
</body>
|
|
|
|
</html>
|