add: draft

This commit is contained in:
2025-12-29 15:47:10 +03:00
parent 56af36451b
commit 3a6848a630
7 changed files with 227 additions and 21 deletions

View File

@@ -0,0 +1,45 @@
<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% block title %}ETPGRF - Типограф{% endblock %}</title>
<!-- Bootstrap 5 CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- HTMX -->
<script src="https://unpkg.com/htmx.org@1.9.10"></script>
<style>
/* Небольшие стили для красоты */
body { background-color: #f8f9fa; }
.result-box {
background: white;
border: 1px solid #dee2e6;
border-radius: 0.375rem;
padding: 1rem;
min-height: 300px;
}
/* Стили для висячей пунктуации (из спецификации) */
.etp-laquo { margin-left: -0.44em; }
.etp-bdquo { margin-left: -0.44em; }
/* Добавь остальные классы по мере необходимости */
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark mb-4">
<div class="container">
<a class="navbar-brand" href="/">ETPGRF — единая типографика для веба</a>
</div>
</nav>
<div class="container">
{% block content %}{% endblock %}
</div>
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>