diff options
| author | user <user@node5.net> | 2024-07-19 23:32:40 +0200 |
|---|---|---|
| committer | user <user@node5.net> | 2024-07-19 23:32:40 +0200 |
| commit | 78e3f6ea427a10edaeac1c056f8a3ab5640e2a0c (patch) | |
| tree | 0bd7a010f00fb07c15577e7fea9fb2128239b82f /src/templates | |
Initial commit - displays events
Diffstat (limited to 'src/templates')
| -rw-r--r-- | src/templates/base.html | 24 | ||||
| -rw-r--r-- | src/templates/event.html | 1 | ||||
| -rw-r--r-- | src/templates/index.html | 24 |
3 files changed, 49 insertions, 0 deletions
diff --git a/src/templates/base.html b/src/templates/base.html new file mode 100644 index 0000000..ac28685 --- /dev/null +++ b/src/templates/base.html @@ -0,0 +1,24 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + {% block head %} + <link rel="stylesheet" href="/main.css"/> + <title>Text TV - Bornhack 24</title> + <link rel="icon" type="image/x-icon" href="favicon.ico"> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <script src="main.js" defer></script> + {% endblock %} + <meta http-equiv="refresh" content="10"> +</head> +<body> + + <div id="root-container"> + + {% block content %} + {% endblock %} + + <div> + +</body> +</html> diff --git a/src/templates/event.html b/src/templates/event.html new file mode 100644 index 0000000..efe4cba --- /dev/null +++ b/src/templates/event.html @@ -0,0 +1 @@ +<div id="progress-bar"><span data-value="60" style="width: 60%;">{{event.title}} {{event.day}} {{ event.time}} {{ event.icon }}</span><progress value="{{event.progress}}" max="100"></progress></div> diff --git a/src/templates/index.html b/src/templates/index.html new file mode 100644 index 0000000..6e94876 --- /dev/null +++ b/src/templates/index.html @@ -0,0 +1,24 @@ +{% extends "base.html" %} + +{% block content %} + + <pre class="content" id="top">{{parts.top}}</pre> + + <img src="title_headline.png"> + + <pre class="content" id="program">{% for event in parts.program %}{% include 'event.html' %}{% endfor %}</pre> +{# + <img src="news_headline.png"> + + <pre class="content" id="news">{{parts.news}}</pre> + --> + <br> +<!-- + <form> + <label id="news_input_label" for="news_input">Post your own news, or anything you'd like here:</label><br> + <input type="text" id="news_input" name="news_input" maxlength="{{ news_max_length }}" placeholder="Type text here"> + <input type="submit" value="Post" /> + </form> +#} + +{% endblock %} |