autonomic-cooperative/magic-app
Archived
3
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add base HTML template & config

Browse Source
This commit is contained in:
c v t
2020-07-05 14:32:34 +02:00
parent 61a1ae62ab
commit fa9c8ef1a3
8 changed files with 119 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
templates/base.html Normal file
View File

@ -0,0 +1,36 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="robots" content="noindex, nofollow">
{% block meta %}
<meta name="copyright" content="GPLv3">
<meta name="application-name" content="Magic App">
{% endblock meta %}
<link rel="stylesheet" href="{{ url_for('static', filename='picnic.min.css') }}">
{% if debug %}
{% else %}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/picnic">
{% endif %}
<title>{% block title %}🎩{% endblock %}</title>
</head>
<body style="padding-top: 3em;">
{% block content %}{% endblock %}
<nav>
<a href="#" class="brand">
<span>Magic App</span>
</a>
<!-- responsive-->
<input id="bmenub" type="checkbox" class="show">
<label for="bmenub" class="burger pseudo button">menu</label>
<div class="menu">
<a href="{{ url_for('index') }}" class="button">Apps</a>
</div>
</nav>
</body>
</html>

27
templates/second/index.html
View File

@ -1,16 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Magic App</title>
</head>
<body>
<p>List of apps that can be installed:</p>
<ul>
{% for app in apps %}
<li><a href="/install/{{ app }}">{{ app }}</a></li>
</ul>
{% endfor %}
</body>
</html>
{% extends "base.html" %}
{% block content %}
<h1>Installable apps</h1>
<p>Where the magic h<em>app</em>ens.</p>
<ul>
{% for app in apps %}
<li><a href="/install/{{ app }}">{{ app }}</a></li>
</ul>
{% endfor %}
{% endblock content %}

31
templates/second/install.html
View File

@ -1,20 +1,15 @@
{% extends "base.html" %}
{% from "second/macros.html" import with_errors %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Install {{ app_name }}</title>
</head>
<body>
<p>Install {{ app_name }}</p>
<form method="POST" action="/deploy/{{ app_name }}">
{% for field in form %}
{{ field.label() }}
{{ with_errors(field, style='font-weight: bold') }}
{% endfor %}
<input type="submit" value="Deploy" />
</form>
</body>
</html>
{% block title %}Install {{ app_name }} {{ super() }}{% endblock %}
{% block content %}
<p>Install {{ app_name }}</p>
<form method="POST" action="/deploy/{{ app_name }}">
{% for field in form %}
{{ field.label() }}
{{ with_errors(field, style='font-weight: bold') }}
{% endfor %}
<input type="submit" value="Deploy" />
</form>
{% endblock content %}