use picocss

This commit is contained in:
steven 2025-04-10 01:17:42 -04:00
parent eaae9de31c
commit 9bab0c69af
4 changed files with 155 additions and 146 deletions

View file

@ -6,38 +6,41 @@
<title>{{ data.space_name }}{{ " ("+data.building_name+")" if data.building_name }}</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="icon" href="location.svg" type="image/svg+xml">
<style>*{font-family:monospace;}b{white-space:pre-wrap;}img{max-width:100%;}</style>
<meta name="color-scheme" content="dark light">
<link rel="stylesheet" href="https://static.stevenalexander.org/picocss/css/pico.min.css">
</head>
<body>
<h1><a href="https://25live.collegenet.com/pro/louisville#!/home/location/{{ data.space_id }}/availability/daily">{{ data.space_name }}</a>{{ " ("+data.building_name+")" if data.building_name }}</h1>
<h2>Hours</h2>
<h3>
<main class="container">
<h2><a href="https://25live.collegenet.com/pro/louisville#!/home/location/{{ data.space_id }}/availability/daily">{{ data.space_name }}</a>{{ " ("+data.building_name+")" if data.building_name }}</h2>
<h3>Hours</h3>
<h4>
{%- for i in data.hours %}
{{ i.day_name[:3] }}: {{ i.open }} - {{ i.close }}<br>
{%- endfor %}
</h3>
</h4>
{% if data.instructions %}
<h2>Instructions</h2>
<h3>{{ data.instructions|safe }}</h3>
<h3>Instructions</h3>
<h4>{{ data.instructions|safe }}</h4>
{% endif %}
{%- if data.comments %}
<h2>Comments</h2>
<h3>{{ data.comments|safe }}</h3>
<h3>Comments</h3>
<h4>{{ data.comments|safe }}</h4>
{%- endif %}
<h2>Layout(s)</h2>
<h3>Layout(s)</h3>
{%- if data.layout %}
{%- if data.layout.append is defined %}
{%- for i in data.layout %}
{%- if i.layout_photo_id %}
<h3>{{ i.layout_name }} ({{ i.layout_capacity }} capacity)</h3>
<h4>{{ i.layout_name }} ({{ i.layout_capacity }} capacity)</h4>
<img src="https://25live.collegenet.com/25live/data/louisville/run/image?image_id={{ i.layout_photo_id }}">
{%- endif %}
{%- endfor %}
{%- elif data.layout.layout_photo_id %}
<h3>{{ data.layout.layout_name }} ({{ data.layout.layout_capacity }} capacity)</h3>
<h4>{{ data.layout.layout_name }} ({{ data.layout.layout_capacity }} capacity)</h4>
<img src="https://25live.collegenet.com/25live/data/louisville/run/image?image_id={{ data.layout.layout_photo_id }}">
{%- endif %}
{%- endif %}
<h2>Last modified at {{ data.last_mod_dt }} by {{ data.last_mod_user }}</h2>
</main>
<footer class="container">Last modified at {{ data.last_mod_dt }} by {{ data.last_mod_user }}</footer>
</body>
</html>