Home

2024-04-06 10:08:29 +02:00
parent 1e154423cb
commit 4e05dc15a5
9 changed files with 105 additions and 29 deletions
--- a/project/main/templates/main/base/base.html
+++ b/project/main/templates/main/base/base.html
@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport"
+          content="width=100%, user-scalable=yes, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
+    <script src="https://unpkg.com/htmx.org@1.9.11" integrity="sha384-0gxUXCCR8yv9FM2b+U3FDbsKthCI66oH5IA9fHppQq9DDMHuMauqq1ZHBpJxQ0J0" crossorigin="anonymous"></script>
+    <title>Django-html demo</title>
+</head>
+<body>
+    {% block body_content %}{% endblock %}
+</body>
+</html>
--- a/project/main/templates/main/base/body_content.html
+++ b/project/main/templates/main/base/body_content.html
@ -0,0 +1,7 @@
+{% extends "main/base/base.html" %}
+
+{% block body_content %}
+    <div class="container">
+        {% block content %}{% endblock %}
+    </div>
+{% endblock %}
--- a/project/main/templates/main/home.html
+++ b/project/main/templates/main/home.html
@ -0,0 +1,34 @@
+{% extends "main/base/base.html" %}
+
+
+{% macro list_item(content, url) %}
+    <li>
+        <a href="{{ url }}" target="_blank">
+            {{ content }}
+        </a>
+    </li>
+{% endmacro %}
+
+
+{% block body_content %}
+    <div class="row justify-content-center">
+        <div class="col-6">
+            <h1 class="mt-5 mb-5 pb-3 border-bottom border-dark">
+                Django + htmx
+            </h1>
+
+            <h4>Useful Links</h4>
+            <ul>
+                {{ list_item("Django", "https://www.djangoproject.com") }}
+                {{ list_item("htmx", "https://htmx.org") }}
+                {{ list_item("Django + htmx repository", "https://gitea.ekirin.com/Intis/django-htmx-presenatation") }}
+            </ul>
+
+            <h4 class="mt-5">
+                <a href="#">
+                    Start demo
+                </a>
+            </h4>
+        </div>
+    </div>
+{% endblock %}