From 926c2370c6039af14f3294e8b7749c6537160fe9 Mon Sep 17 00:00:00 2001
From: Edward Betts <edward@4angle.com>
Date: Sun, 17 Sep 2023 10:54:38 +0530
Subject: [PATCH] Switch from bootstrap to old-school minimal style.

---
 templates/base.html          | 14 +++++++----
 templates/index.html         | 45 ++++++++++++++++++------------------
 templates/search_events.html |  4 +++-
 3 files changed, 36 insertions(+), 27 deletions(-)

diff --git a/templates/base.html b/templates/base.html
index 5f2d87e..9d1ffc5 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -4,9 +4,17 @@
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1">
-<title>{% block title %}Xanadu{% endblock %}</title>
 
-<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
+<style type="text/css">
+body{
+  font-family: monospace;
+  margin:40px auto;max-width:700px;line-height:1.6;font-size:18px;color:#444;padding:0 10px}
+  h1,h2,h3{line-height:1.2}
+  .text-nowrap { white-space:nowrap; }
+  .text-end { text-align: right; }
+</style>
+
+<title>{% block title %}Xanadu{% endblock %}</title>
 
 {% block style %}
 {% endblock %}
@@ -16,8 +24,6 @@
 {% block content %}
 {% endblock %}
 
-<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
-
 {% block scripts %}
 {% endblock %}
 
diff --git a/templates/index.html b/templates/index.html
index e994523..d0f2051 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -16,31 +16,32 @@
     </form>
 
 
-    <ul>
-      <li>{{ "{:,d}".format(count.conference) }} conferences</li>
-      <li>{{ "{:,d}".format(count.event) }} talks -
-        <a href="{{ url_for("events_page") }}">most common titles</a>
-      </li>
-      <li>
-        {{ "{:,d}".format(count.person) }} speakers
-        <a href="{{ url_for("top_speakers_page") }}">top speakers</a>
-      </li>
-    </ul>
+    <div style="margin-bottom:1rem">
+      {{ "{:,d}".format(count.conference) }} conferences<br/>
+      {{ "{:,d}".format(count.event) }} talks -
+      <a href="{{ url_for("events_page") }}">most common titles</a><br/>
+      {{ "{:,d}".format(count.person) }} speakers
+      <a href="{{ url_for("top_speakers_page") }}">top speakers</a><br/>
+    </div>
 
-    <table class="table w-auto">
-    <tbody>
     {% for item in items %}
-    <tr>
-      <td>
-        <a href="{{ url_for("conference_page", short_name=item.short_name) }}">{{ item.title }}</a>
-      </td>
-      <td class="text-end">{{ item.start.strftime("%d %b %Y") }}</td>
-      <td class="text-end">{{ (item.end - item.start).days + 1 }} days</td>
-      <td class="text-end">{{ item.events.count() }} talks</td>
-      <td class="text-end">{{ item.people_detail.count() }} speakers</td>
-    </tr>
+    <div style="margin-bottom:1.5rem">
+      <a href="{{ url_for("conference_page", short_name=item.short_name) }}">{{ item.title }}</a>
+      {{ item.start.strftime("%d %b %Y") }}
+      <br/>
+      {% if item.venue %}
+        {{ item.venue.name }}
+        &ndash;
+        {{ item.venue.city.name }},
+        {{ item.venue.city.country.name }}
+      <br/>
+      {% endif %}
+
+      {{ (item.end - item.start).days + 1 }} days,
+      {{ item.events.count() }} talks,
+      {{ item.people_detail.count() }} speakers<br/>
+    </div>
     {% endfor %}
-    </tbody>
     </table>
 
   </div>
diff --git a/templates/search_events.html b/templates/search_events.html
index fd18e9a..c5c375a 100644
--- a/templates/search_events.html
+++ b/templates/search_events.html
@@ -22,7 +22,9 @@
     <li>
       <a href="{{ url_for("event_page", event_id=item.id) }}">{{ item.title }}</a>
       &mdash;
-      {{ item.conference.title }}
+      <a href="{{ url_for("conference_page", short_name=item.conference.short_name) }}">{{ item.conference.title }}</a>
+      &mdash;
+      {{ item.event_date.strftime("%d %b %Y at %H:%M") if item.event_date else "date missing" }}
       &mdash;
       {% for p in item.people %}
         <a href="{{ url_for("person", person_id=p.id) }}">{{ p.name }}</a>