fixed external link styling, minor tweak to seed script

client/src/App.css

@@ -66,3 +66,26 @@ body {
   border: 0px solid transparent !important;
   color: var(--group-info-color) !important;
 }
+
+.external-link {
+  color: var(--external-link-color-blue);
+}
+
+.external-link:hover {
+  color: var(--external-link-color-blue);
+  background-color: rgb(7, 0, 132, 0.1);
+}
+
+.external-link:active {
+  color: var(--external-link-color-blue);
+  background-color: rgb(7, 0, 132, 0.1);
+}
+
+.external-link:focus {
+  color: var(--external-link-color-blue);
+  background-color: rgb(7, 0, 132, 0.1);
+}
+
+.external-link:se .external-link:visited {
+  color: var(--external-link-color-blue);
+}

client/src/Series/Events.tsx/Event/Event.tsx

@@ -37,7 +37,12 @@ function Event(props: EventProps) {
   });
   const location = event.map_url ? (
     <>
-      <a href={event.map_url} target="_blank" rel="noreferrer">
+      <a
+        href={event.map_url}
+        target="_blank"
+        rel="noreferrer"
+        className="external-link"
+      >
         {event.location}
       </a>
     </>
@@ -47,7 +52,12 @@ function Event(props: EventProps) {
   const tickets = event.ticket_url ? (
     <>
       |{" "}
-      <a href={event.ticket_url} target="_blank" rel="noreferrer">
+      <a
+        href={event.ticket_url}
+        target="_blank"
+        rel="noreferrer"
+        className="external-link"
+      >
         Tickets
       </a>
     </>

client/src/index.css

@@ -5,6 +5,7 @@
   --grapefruit-yellow: rgb(252, 171, 83);
   --grapefruit-yellow-washed-out: rgb(255, 204, 150);
   --group-info-disabled-color: rgba(124, 1, 68, 0.5);
+  --external-link-color-blue: rgb(7, 0, 132);
 }
 
 html,

server/app/scripts/seed.py

@@ -70,11 +70,13 @@ series1 = EventSeries(
             time=datetime(2024, 6, 16, 16),
             event_id=0,
             map_url="https://maps.app.goo.gl/hNfN8X5FBZLg8LDF8",  # type: ignore
+            ticket_url="https://ticketstripe.com/events/1060105231246319",  # type: ignore
         ),
         Event(
             location="First Church of Christ, Scientist, Eugene",
             time=datetime(2024, 6, 23, 15),
             event_id=0,
+            ticket_url="https://ticketstripe.com/events/2639105231322634",  # type: ignore
         ),
     ],
     series_id=0,