Extended template usage
This commit is contained in:
gpkvt
parent
01e6483d34
commit
d6c600628b
3 changed files with 67 additions and 57 deletions
44
templates/base.html
Normal file
44
templates/base.html
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
<!DOCTYPE html>
|
||||
{%- if theme == "light" %}
|
||||
<html lang="{{ lang }}" data-theme="light">
|
||||
{%- else %}
|
||||
<html lang="{{ lang }}" data-theme="dark">
|
||||
{%- endif %}
|
||||
|
||||
<head>
|
||||
<title>{{ title }}</title>
|
||||
<script type="text/javascript" src="/js/toggle.js?t={{ epoch }}"></script>
|
||||
<script type="text/javascript" src="/js/autoReload.js?t={{ epoch }}"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/base.css?t={{ epoch }}">
|
||||
<link rel="stylesheet" type="text/css" href="/css/colors.css?t={{ epoch }}">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="{{ url_for('static', filename='apple-touch-icon.png') }}">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="{{ url_for('static', filename='favicon-32x32.png') }}">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="{{ url_for('static', filename='favicon-16x16.png') }}">
|
||||
<link rel="manifest" href="{{ url_for('static', filename='site.webmanifest') }}">
|
||||
<link rel="mask-icon" href="{{ url_for('static', filename='safari-pinned-tab.svg') }}" color="#5bbad5">
|
||||
<meta name="msapplication-TileColor" content="#da532c">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<meta name="robots" content="noindex, nofollow">
|
||||
<meta property="og:title" content="{{ title }}">
|
||||
<meta property="og:site_name" content="{{ title }}">
|
||||
<meta property="og:url" content="{{ url }}">
|
||||
<meta property="og:description" content="{{ desc }}">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:image" content="{{ url_for('static', filename='ab.jpg') }}">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="content">
|
||||
<div id="header">{{ title }}</div>
|
||||
<hr>
|
||||
{% block main %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
initToggle();
|
||||
autoReload();
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -1,37 +1,6 @@
|
|||
<!DOCTYPE html>
|
||||
{%- if theme == "light" %}
|
||||
<html lang="{{ lang }}" data-theme="light">
|
||||
{%- else %}
|
||||
<html lang="{{ lang }}" data-theme="dark">
|
||||
{%- endif %}
|
||||
{% extends 'base.html' %}
|
||||
|
||||
<head>
|
||||
<title>{{ title }}</title>
|
||||
<script type="text/javascript" src="/js/toggle.js?t={{ epoch }}"></script>
|
||||
<script type="text/javascript" src="/js/autoReload.js?t={{ epoch }}"></script>
|
||||
<link rel="stylesheet" type="text/css" href="/css/base.css?t={{ epoch }}">
|
||||
<link rel="stylesheet" type="text/css" href="/css/colors.css?t={{ epoch }}">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="{{ url_for('static', filename='apple-touch-icon.png') }}">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="{{ url_for('static', filename='favicon-32x32.png') }}">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="{{ url_for('static', filename='favicon-16x16.png') }}">
|
||||
<link rel="manifest" href="{{ url_for('static', filename='site.webmanifest') }}">
|
||||
<link rel="mask-icon" href="{{ url_for('static', filename='safari-pinned-tab.svg') }}" color="#5bbad5">
|
||||
<meta name="msapplication-TileColor" content="#da532c">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<meta name="robots" content="noindex, nofollow">
|
||||
<meta property="og:title" content="{{ title }}">
|
||||
<meta property="og:site_name" content="{{ title }}">
|
||||
<meta property="og:url" content="{{ url }}">
|
||||
<meta property="og:description" content="{{ desc }}">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:image" content="{{ url_for('static', filename='ab.jpg') }}">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="content">
|
||||
<div id="header">{{ title }}</div>
|
||||
<hr>
|
||||
{% block main %}
|
||||
{%- set id = namespace(value=0) %}
|
||||
{%- for question in content %}
|
||||
{%- set id.value = id.value + 1 %}
|
||||
|
|
@ -45,33 +14,15 @@
|
|||
<hr>
|
||||
{%- endfor %}
|
||||
<div id="footer">
|
||||
<div id="questions">{{ questions_prefix }} {{ num_lines }} {{ questions_suffix }}<br><a
|
||||
href="mailto:{{ mailto }}">Einreichen!</a></div>
|
||||
<div class="spacer"> </div>
|
||||
<div class="toggle">
|
||||
{%- if theme == "light" %}
|
||||
<input type="checkbox" id="toggle_checkbox">
|
||||
{%- else %}
|
||||
<input type="checkbox" id="toggle_checkbox" checked="checked">
|
||||
{%- endif %}
|
||||
<label for="toggle_checkbox" class="toggle_label">
|
||||
<div id="star">
|
||||
<div class="star" id="star-1">★</div>
|
||||
<div class="star" id="star-2">★</div>
|
||||
</div>
|
||||
<div id="moon"></div>
|
||||
</label>
|
||||
<div id="questions">
|
||||
{{ questions_prefix }} {{ num_lines }} {{ questions_suffix }}
|
||||
<br>
|
||||
<a href="mailto:{{ mailto }}">Einreichen!</a>
|
||||
</div>
|
||||
{% include 'toggle.html' %}
|
||||
<form action="/" method="get">
|
||||
<input type="hidden" name="t" value="{{ epoch }}">
|
||||
<button id="next" type="submit">{{ more }}</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
initToggle();
|
||||
autoReload();
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
{% endblock %}
|
||||
|
|
|
|||
15
templates/toggle.html
Normal file
15
templates/toggle.html
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
<div class="spacer"> </div>
|
||||
<div class="toggle">
|
||||
{%- if theme == "light" %}
|
||||
<input type="checkbox" id="toggle_checkbox">
|
||||
{%- else %}
|
||||
<input type="checkbox" id="toggle_checkbox" checked="checked">
|
||||
{%- endif %}
|
||||
<label for="toggle_checkbox" class="toggle_label">
|
||||
<div id="star">
|
||||
<div class="star" id="star-1">★</div>
|
||||
<div class="star" id="star-2">★</div>
|
||||
</div>
|
||||
<div id="moon"></div>
|
||||
</label>
|
||||
</div>
|
||||
Loading…
Add table
Reference in a new issue