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>
|
{% extends 'base.html' %}
|
||||||
{%- if theme == "light" %}
|
|
||||||
<html lang="{{ lang }}" data-theme="light">
|
|
||||||
{%- else %}
|
|
||||||
<html lang="{{ lang }}" data-theme="dark">
|
|
||||||
{%- endif %}
|
|
||||||
|
|
||||||
<head>
|
{% block main %}
|
||||||
<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>
|
|
||||||
{%- set id = namespace(value=0) %}
|
{%- set id = namespace(value=0) %}
|
||||||
{%- for question in content %}
|
{%- for question in content %}
|
||||||
{%- set id.value = id.value + 1 %}
|
{%- set id.value = id.value + 1 %}
|
||||||
|
|
@ -45,33 +14,15 @@
|
||||||
<hr>
|
<hr>
|
||||||
{%- endfor %}
|
{%- endfor %}
|
||||||
<div id="footer">
|
<div id="footer">
|
||||||
<div id="questions">{{ questions_prefix }} {{ num_lines }} {{ questions_suffix }}<br><a
|
<div id="questions">
|
||||||
href="mailto:{{ mailto }}">Einreichen!</a></div>
|
{{ questions_prefix }} {{ num_lines }} {{ questions_suffix }}
|
||||||
<div class="spacer"> </div>
|
<br>
|
||||||
<div class="toggle">
|
<a href="mailto:{{ mailto }}">Einreichen!</a>
|
||||||
{%- 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>
|
</div>
|
||||||
|
{% include 'toggle.html' %}
|
||||||
<form action="/" method="get">
|
<form action="/" method="get">
|
||||||
<input type="hidden" name="t" value="{{ epoch }}">
|
<input type="hidden" name="t" value="{{ epoch }}">
|
||||||
<button id="next" type="submit">{{ more }}</button>
|
<button id="next" type="submit">{{ more }}</button>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
{% endblock %}
|
||||||
<script type="text/javascript">
|
|
||||||
initToggle();
|
|
||||||
autoReload();
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
|
|
|
||||||
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