country-dictionary/templates/index.html

72 lines
3.1 KiB
HTML
Raw Normal View History

2024-03-10 19:54:16 +07:00
<!DOCTYPE html>
<html class="mdui-theme-auto" data-bs-theme="auto">
<head>
<title>Country Dictionary</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<script src="{{ url_for('static', filename='js/theme.js') }}"></script>
<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.min.css') }}" />
<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap-icons.min.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/main.css') }}" />
<link rel="icon" type="image/png" href="{{ url_for('static', filename='img/favicon.png') }}">
</head>
<body>
<div class="container">
<div id="logoContainer" class="mt-5">
<a href="/" class="text-light-emphasis">
<h1 class="display-1 fw-bold">Country Dictionary</h1>
</a>
<p>A fork of <a href="https://git.vern.cc/cobra/rural-dict">Rural Dictionary</a></p>
</div>
<div class="field-text">
<form id="search" role="search" method="get" action="/define.php">
<div class="input-group mb-3">
<input type="search" id="term" name="term" placeholder="Search" class="form-control" autofocus>
<button class="btn btn-outline-secondary">Go</button>
</div>
</form>
</div>
<div class="row row-cols-auto gap-2 mb-3 justify-content-center">
<a href=/random.php>
<button class="btn btn-danger">
Random
</button>
</a>
<a href="https://git.winscloud.net/winsdominoes/country-dict">
<button class="btn btn-warning">
Source Code
</button>
</a>
</div>
{% for defid, word, definition, example, author, thumbs_up, thumbs_down in data[0] %}
<div class="card mb-3">
<div class="card-body">
<div class="{{ defid }}">
<a href="/define.php?term={{ word }}">
<h2>{{ word }}</h2>
</a>
<p>{{ definition|safe }}</p>
<p><i>{{ example|safe }}</i></p>
<p>{{ author|safe }}</p>
{% if thumbs_up and thumbs_down %}
<div class="d-grid gap-2 d-md-block">
<button class="btn btn-outline-secondary disabled">
<i class="bi bi-hand-thumbs-up-fill"></i>
{{ thumbs_up|safe }}
</button>
<button class="btn btn-outline-secondary disabled">
<i class="bi bi-hand-thumbs-down-fill"></i>
{{ thumbs_down|safe }}
</button>
</div>
{% endif %}
</div>
</div>
</div>
{% endfor %}
<div class="d-flex justify-content-center">
{{ data[1]|safe }}
</div>
</body>
</html>