lks/djangoTest
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add some style to the template using bootstrap

Browse Source
This commit is contained in:
Lucas Schumacher 2024-05-19 17:30:52 -04:00
parent d372de4d91
commit 809e93ddd9
1 changed files with 20 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
testapp/templates/testapp/index.html
View File

@ -1,15 +1,27 @@
<!DOCTYPE html>
<html>
<html lang="en" data-bs-theme="dark">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<title>Testapp</title>
<style>
.darker-bg {
background-color: #171a1e;
}
</style>
</head>
<body>
<h1>Testapp</h1>
<p>This is the testapp.</p>
{% if click_count %}
<p>This page was requested {{ click_count }} times.</p>
{% else %}
<p>Error: Could not get request count from database.</p>
{% endif %}
<div class="px-4 py-5 my-5 text-center shadow darker-bg">
<h1 class="display-5 fw-bold text-body-emphasis">This is the testapp!</h1>
<div class="col-lg-6 mx-auto">
{% if click_count %}
<p class="lead mb-4">This page was requested {{ click_count }} times.</p>
{% else %}
<p class="lead mb-4">Internal error: Could not get request count from database.</p>
{% endif %}
</div>
</div>
</body>
</html>