display past event differently, wip #2

static/css/main.css

@@ -340,6 +340,14 @@ div.network-source{
 
 }
 
+.card.calendar.past {
+  opacity: 0.3;
+}
+
+.card.calendar.past:hover {
+  opacity: 1;
+}
+
 .h-event.calendar header {
   display: flex;
   border-bottom: 2px solid cornflowerblue;