diff options
| author | user@node5.net <user@node5.net> | 2026-06-30 22:36:15 +0200 |
|---|---|---|
| committer | user@node5.net <user@node5.net> | 2026-06-30 23:12:45 +0200 |
| commit | 483f9ff9aa87220779ea4e34035786f95af2563a (patch) | |
| tree | 73ff381d75b7e9215ede280d29b376b86ff93e02 /src/templates | |
| parent | f7193cd1c9a1970c38b41473eaa27a54dc8b9927 (diff) | |
style - fit url parameter
pass ?scale=0.5, 1, 2, fit
Diffstat (limited to 'src/templates')
| -rw-r--r-- | src/templates/base.html | 24 | ||||
| -rw-r--r-- | src/templates/index.html | 17 |
2 files changed, 28 insertions, 13 deletions
diff --git a/src/templates/base.html b/src/templates/base.html index c600ebf..ead738b 100644 --- a/src/templates/base.html +++ b/src/templates/base.html @@ -1,23 +1,23 @@ <!DOCTYPE html> <html lang="en"> <head> - {% block head %} - <link rel="stylesheet" href="/main.css"/> - <title>Text TV - Bornhack 25</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 %} + {% block head %} + <link rel="stylesheet" href="/main.css"/> + <title>Text TV - Bornhack 25</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 %} </head> <body> - <div id="root-container"> + <div id="root-container"> - {% block content %} - {% endblock %} + {% block content %} + {% endblock %} - <div> + <div> </body> </html> diff --git a/src/templates/index.html b/src/templates/index.html index f076d32..882dbf1 100644 --- a/src/templates/index.html +++ b/src/templates/index.html @@ -6,7 +6,7 @@ <img src="title_headline.png"> - {% include 'program.html' %} + {% include 'program.html' %} {# <img src="news_headline.png"> @@ -31,4 +31,19 @@ </div> </div> +<style> + {% if scale == "fit" %} + body { + font-size: 3vw; + } + {% else %} + body { + zoom: {{ scale }}; + } + .content { + font-size: 1.6ch; + } + {% endif %} +</style> + {% endblock %} |