From a23429520d46ebce69e594936a9ff19af264cb7a Mon Sep 17 00:00:00 2001 From: petrus comestor Date: Sat, 20 Jul 2024 17:13:09 -0400 Subject: fixes --- hosts.html | 4 +- index.html | 139 +++++++++++++++++++++++------------------------------- static/styles.css | 46 +++++++++--------- 3 files changed, 87 insertions(+), 102 deletions(-) diff --git a/hosts.html b/hosts.html index 1ec4154..3cedd87 100644 --- a/hosts.html +++ b/hosts.html @@ -1,7 +1,7 @@ - Host Your Own Quiet Reading + Host Your Own @@ -22,7 +22,7 @@
Home · - Host Your Own Quiet Reading + Host Your Own · Instagram
diff --git a/index.html b/index.html index 1a6bde5..a2ca76e 100644 --- a/index.html +++ b/index.html @@ -22,101 +22,82 @@
Home · - Host Your Own Quiet Reading + Host Your Own · Instagram


-
- -
-
-
- Mondays, 6:30p -
- - McCarren Park - -
- Williamsburg -
-
-
- July 22 -
-
-
-
- -
- North corner, west side +
+
+ Mondays, 6:30p +
+ McCarren Park
- Rainy day location: Spritzenhaus33 + Williamsburg +
+ Information +
+ North corner, west side +
+ Rainy day location: Spritzenhaus33 +
+
+
+
+ Next:
July 22
-
+
-
- -
-
-
- Wednesdays, 6p -
- - Jefferson Market Library - -
- Greenwich Village -
-
-
- July 24 -
-
+
+
+ Wednesdays, 6p +
+ Jefferson Market Library +
+ Greenwich Village +
+ Information +
+ Elevator to third floor
-
-
-
- Elevator to third floor +
- +
+ Next:
July 24 +
+
-
- -
-
-
- 1st Sunday/month, 9p -
- - Book Club Bar - -
- East Village -
-
-
- August 4 -
-
+
+
+ 1st Sunday/month, 9p +
+ Book Club Bar +
+ East Village +
+ Information +
+ Rear half of store
-
-
-
- Rear half of the store +
- +
+ Next:
August 4 +
+
-

- Bring your own book, read silently for one hour, and then chat - for one hour about books, literature, arts, or anything else. -

-

- No registration, no sign-ups, no payment: just show up with a good book! For park events, you can bring a blanket as well. -

+
+

+ Bring your own book, read for one hour, and then chat + for one hour about books, literature, and arts. +

+

+ No registration: just show up with a good book!
For park events, you can bring a blanket as well. +

+

diff --git a/static/styles.css b/static/styles.css index ad1cc70..62297cf 100644 --- a/static/styles.css +++ b/static/styles.css @@ -128,32 +128,36 @@ a:hover { border-radius: 10px; padding: 1em; padding-top: .6em; + display: grid; + grid-template-columns: auto 1fr; + gap: 2em; + align-items: center; } -.event-header-wrapper { - display: inline-block; -} - -.event-header { - width: 100%; - display: grid; - grid-template-columns: auto auto; - gap: 1em; +.event-data { + width: fit-content; } .instance { - font-weight: bold; border: 1px darkslategrey dotted; border-radius: 5px; - padding: 1em; - padding-top: .6em; - display: inline-block; + padding: .6em; + padding-top: .2em; + width: fit-content; } .instance-ok { background: #dfd; } +.instance-changed { + background: #fffbdd; +} + +.instance-cancelled { + background: #fdd; +} + hr { border: 0; border-bottom: 1px dashed #ccc; @@ -168,14 +172,8 @@ hr { text-align: center; } -.info { - padding-left: 2em; - padding-top: .5em; -} - -.info p { - margin: 0; - margin-bottom: .5em; +details { + font-size: 90%; } .event-time { @@ -191,3 +189,9 @@ hr { font-size: 90%; font-style: italic; } + +.about { + max-width: 40ch; + text-align: center; + margin: auto; +} -- cgit v1.2.3