Tweaked styles

Signed-off-by: Marcus Noble <github@marcusnoble.co.uk>

data.yaml

@@ -1,6 +1,6 @@
 intro: |
   I'm a <strong>platform engineer</strong> at <a href="https://giantswarm.io">Giant Swarm</a> working on building managed Kubernetes solutions and related projects. My area of focus in recent years has been around Go, ⎈ Kubernetes, containers and DevOps but originally started out as a <em>web developer</em> and <em>JavaScript enthusiast</em>. I'm a “tinkerer” and like to dabble with 3D printing and experimenting with smart home tech.<br/><br/>
-  I'm always happy to chat so feel free to drop me an email at <span><svg viewBox="0 0 64 50" height="32" style="fill:#ededed"><path d="m64 39.7-4-22.4c-.4-2-2.4-3.5-4.5-3l-31.7 5.5a4 4 0 0 0-3.2 4.1l4 22.8a3.8 3.8 0 0 0 4.5 3l31.7-5.5a3.8 3.8 0 0 0 3.1-4.5zm-2.7-3.6-10.7-8.2 7.7-8.6 3 16.8zM24 21.8l32-5.6h.3a2 2 0 0 1 1.5.7c-1 1.1-9.4 10.8-13.4 14.6-1 1-2.6 1.3-4 .6l-17.7-8.7a1.8 1.8 0 0 1 1.5-1.6zm-1.1 4 10.5 5.3L26 42.8l-3-17zm38.7 15.7c-.3.4-.7.6-1.2.7l-31.8 5.6a1.9 1.9 0 0 1-2.1-1.5l-.1-.6 8.8-13.8 4.2 2a5.6 5.6 0 0 0 6.1-1c1-.9 2.3-2.1 3.6-3.6L61.8 39l.2 1c0 .6 0 1-.3 1.5zM19 29.9a1 1 0 0 0-1.2-.8l-17 3a1 1 0 1 0 .4 2l17-3c.5-.2.9-.7.8-1.2zm1 5.8a1 1 0 0 0-1.1-.9L8.7 36.6a1 1 0 1 0 .3 2l10.2-1.8c.6 0 1-.6.8-1.1zm-.1 4.9L13 41.8a1 1 0 1 0 .3 2l6.8-1.2a1 1 0 1 0-.3-2z"></path></svg> <a href="mailto:hello@marcusnoble.co.uk">hello@marcusnoble.co.uk</a></span>, or using any of the other social links below.
+  I'm always happy to chat so feel free to drop me an email at <span class="email-link"><svg viewBox="0 0 64 50" height="32" style="fill:#ededed"><path d="m64 39.7-4-22.4c-.4-2-2.4-3.5-4.5-3l-31.7 5.5a4 4 0 0 0-3.2 4.1l4 22.8a3.8 3.8 0 0 0 4.5 3l31.7-5.5a3.8 3.8 0 0 0 3.1-4.5zm-2.7-3.6-10.7-8.2 7.7-8.6 3 16.8zM24 21.8l32-5.6h.3a2 2 0 0 1 1.5.7c-1 1.1-9.4 10.8-13.4 14.6-1 1-2.6 1.3-4 .6l-17.7-8.7a1.8 1.8 0 0 1 1.5-1.6zm-1.1 4 10.5 5.3L26 42.8l-3-17zm38.7 15.7c-.3.4-.7.6-1.2.7l-31.8 5.6a1.9 1.9 0 0 1-2.1-1.5l-.1-.6 8.8-13.8 4.2 2a5.6 5.6 0 0 0 6.1-1c1-.9 2.3-2.1 3.6-3.6L61.8 39l.2 1c0 .6 0 1-.3 1.5zM19 29.9a1 1 0 0 0-1.2-.8l-17 3a1 1 0 1 0 .4 2l17-3c.5-.2.9-.7.8-1.2zm1 5.8a1 1 0 0 0-1.1-.9L8.7 36.6a1 1 0 1 0 .3 2l10.2-1.8c.6 0 1-.6.8-1.1zm-.1 4.9L13 41.8a1 1 0 1 0 .3 2l6.8-1.2a1 1 0 1 0-.3-2z"></path></svg> hello[@]marcusnoble.co.uk</span>, or using any of the other social links below.
 social:
   - url: https://marcusnoble.co.uk
     slug: "/blog"
@@ -82,9 +82,9 @@ projects:
     languages:
       - color: "#00ADD8"
         name: Go
-  - url: https://github.com/AverageMarcus/tweetsvg
-    name: tweetsvg
-    description: Generate an SVG for a given Tweet ID
+  - url: https://github.com/AverageMarcus/cel-tester
+    name: cel-tester
+    description: Browser-based CEL expression tester
     languages:
       - color: "#e34c26"
         name: HTML
@@ -112,14 +112,13 @@ projects:
         name: HTML
       - color: "#00ADD8"
         name: Go
+  - url: https://github.com/AverageMarcus/link
+    name: link
+    description: Tiny link redirector. Best used with a short domain.
+    languages:
+      - color: "#00ADD8"
+        name: Go
 events:
-  - date: "2023-06-15"
-    humanDate: "June 15th - 16th, 2023"
-    url: https://devopsdays.org/events/2023-birmingham-uk/
-    eventName: DevOpsDays Birmingham
-    details:
-    - name: What Pokémon can teach us about being engineers
-      type: Ignite Talk
   - date: "2023-10-07"
     humanDate: "October 7th, 2023"
     url: https://dddeastmidlands.com/
@@ -133,6 +132,12 @@ events:
     eventName: Kubernetes Community Days UK
     details:
     - name: Attendee
+  - date: "2023-11-04"
+    humanDate: "November 4th - 5th, 2023"
+    url: https://cloud-native.rejekts.io/
+    eventName: Cloud Native Rejekts
+    details:
+    - name: Attendee
   - date: "2023-11-06"
     humanDate: "November 6th - 9th, 2023"
     url: https://events.linuxfoundation.org/kubecon-cloudnativecon-north-america/

src/index.html

@@ -63,6 +63,14 @@
       color: #fd7e0b;
     }
 
+    h2 {
+      margin-bottom: 10px;
+    }
+
+    h2 + p {
+      margin-top: 0;
+    }
+
     .tag {
       font-size: 0.7em;
       background: #ededed;
@@ -115,6 +123,10 @@
       display: inline-block;
     }
 
+    .email-link {
+      color: #fd7e0b;
+    }
+
     /* Social links */
     .social-links {
       list-style: none;
@@ -156,7 +168,7 @@
     }
 
     .projects li {
-      width: 328px;
+      width: 300px;
       max-width: 100%;
       border: 2px solid;
       border-radius: 6px;
@@ -200,7 +212,7 @@
     }
 
     .events time {
-      font-size: .9em;
+      font-size: .85em;
     }
 
     .events li .details {
@@ -210,10 +222,11 @@
       padding-left: 10px;
       margin-left: 2px;
       border-left: 4px solid;
-      margin-top: .6em;
+      margin-top: .2px;
     }
 
     .events li .details > div {
+      margin-top: 2px;
       margin-bottom: 6px;
     }