Use bootstrap
This commit is contained in:
parent
f1089232c3
commit
45f89df858
4 changed files with 58 additions and 59 deletions
26
templates/base.html
Normal file
26
templates/base.html
Normal file
|
|
@ -0,0 +1,26 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en" data-bs-theme="dark">
|
||||||
|
<head>
|
||||||
|
{% block head %}
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
|
<meta name="keywords" content="mail" />
|
||||||
|
<meta name="description" content="Handle mail accounts" />
|
||||||
|
<title>
|
||||||
|
{% block title %}
|
||||||
|
{% endblock title %}
|
||||||
|
</title>
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css"
|
||||||
|
rel="stylesheet"
|
||||||
|
integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9"
|
||||||
|
crossorigin="anonymous">
|
||||||
|
{% endblock head %}
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
{% block content %}
|
||||||
|
{% endblock content %}
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js"
|
||||||
|
integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm"
|
||||||
|
crossorigin="anonymous"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -1,19 +1,10 @@
|
||||||
<!doctype html>
|
{% extends "base.html" %}
|
||||||
<html>
|
{% block title %}
|
||||||
<head>
|
Internal Error
|
||||||
<meta charset="utf-8" />
|
{% endblock title %}
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
{% block head %}
|
||||||
<title>{{ title }}</title>
|
{{ super() }}
|
||||||
<link
|
{% endblock head %}
|
||||||
rel="stylesheet"
|
{% block content %}
|
||||||
href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css"
|
<h1>Internal Error</h1>
|
||||||
/>
|
{% endblock content %}
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<section class="section">
|
|
||||||
<div class="container">
|
|
||||||
<h1 class="title">Internal Error</h1>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
|
||||||
|
|
@ -1,25 +1,16 @@
|
||||||
<!doctype html>
|
{% extends "base.html" %}
|
||||||
<html>
|
{% block title %}
|
||||||
<head>
|
Mail management
|
||||||
<meta charset="utf-8" />
|
{% endblock title %}
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
{% block head %}
|
||||||
<title>{{ title }}</title>
|
{{ super() }}
|
||||||
<link
|
{% endblock head %}
|
||||||
rel="stylesheet"
|
{% block content %}
|
||||||
href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css"
|
<div class="container">
|
||||||
/>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<section class="section">
|
|
||||||
<div class="container">
|
|
||||||
<h1 class="title is-1">Mail management</h1>
|
<h1 class="title is-1">Mail management</h1>
|
||||||
<h2 class="title is-2">Mails</h2>
|
<h2 class="title is-2">Mails</h2>
|
||||||
<ul>
|
<ul>
|
||||||
{% for mail in mails %}
|
{% for mail in mails %}<li>{{ mail.mail }}</li>{% endfor %}
|
||||||
<li>{{mail.mail}}</li>
|
|
||||||
{% endfor %}
|
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
{% endblock content %}
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
|
||||||
|
|
@ -1,19 +1,10 @@
|
||||||
<!doctype html>
|
{% extends "base.html" %}
|
||||||
<html>
|
{% block title %}
|
||||||
<head>
|
Page not found
|
||||||
<meta charset="utf-8" />
|
{% endblock title %}
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
{% block head %}
|
||||||
<title>{{ title }}</title>
|
{{ super() }}
|
||||||
<link
|
{% endblock head %}
|
||||||
rel="stylesheet"
|
{% block content %}
|
||||||
href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css"
|
<h1>Page not found</h1>
|
||||||
/>
|
{% endblock content %}
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<section class="section">
|
|
||||||
<div class="container">
|
|
||||||
<h1 class="title">Page not found</h1>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue