From 8f8dfc912be9280af3df463fa38a9c839806461d Mon Sep 17 00:00:00 2001 From: Marcus Noble Date: Mon, 8 Aug 2022 05:33:39 +0100 Subject: [PATCH] Several updates Signed-off-by: Marcus Noble --- data.yaml | 13 +++++++++++- src/index.html | 57 ++++++++++++++++++++++++++++++++++---------------- 2 files changed, 51 insertions(+), 19 deletions(-) diff --git a/data.yaml b/data.yaml index 86c31aa..cfa91f9 100644 --- a/data.yaml +++ b/data.yaml @@ -1,5 +1,6 @@ intro: | - I'm a platform engineer working at Giant Swarm 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 web developer and JavaScript enthusiast. I'm a “tinkerer” and like to dabble with 3D printing and experimenting with smart home tech. + I'm a platform engineer working at Giant Swarm 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 web developer and JavaScript enthusiast. I'm a “tinkerer” and like to dabble with 3D printing and experimenting with smart home tech.

+ I'm always happy to chat so feel free to drop me an email at hello@marcusnoble.co.uk, or using any of the other social links below. social: - url: https://marcusnoble.co.uk title: My articles on my Blog @@ -8,6 +9,11 @@ social: Blog + - url: "mailto:hello@marcusnoble.co.uk" + title: Email me + content: | + + Email - url: https://marcusnoble.co.uk title: My articles on my Blog content: | @@ -53,6 +59,11 @@ social: content: | YouTube + - url: https://name.pn/marcus-noble + title: More about my name and pronouns + content: | + + name.pn projects: - url: https://github.com/AverageMarcus/kube-image-prefetch name: kube-image-prefetch diff --git a/src/index.html b/src/index.html index 1e1304c..a88a567 100644 --- a/src/index.html +++ b/src/index.html @@ -54,6 +54,17 @@ color: #fd7e0b; } + .tag { + font-size: 0.7em; + background: #ededed; + color: #11191f; + padding: 4px 7px; + border-radius: 10em; + display: inline-block; + font-weight: lighter; + line-height: 1.2em; + } + header { height: 100vh; background-image: url('headshot-transparent.png'); @@ -77,12 +88,24 @@ main h1 { font-size: 2.5em; + margin-bottom: 0; + } + + main h1 small { + font-weight: lighter; + font-size: 0.3em; + color: #bcb8b8; + display: inline-block; } main p { line-height: 1.4em; } + main p span { + display: inline-block; + } + /* Social links */ .social-links { list-style: none; @@ -185,18 +208,6 @@ margin-bottom: 6px; } - .events .tag { - font-size: 0.7em; - background: #ededed; - color: #11191f; - padding: 4px 7px; - border-radius: 10em; - display: inline-block; - font-weight: lighter; - line-height: 1.2em; - } - - @media only screen and (max-width: 1700px) { body { grid-template: 20vh 80vh / 100%; @@ -204,7 +215,8 @@ header { height: 100%; - background-position: bottom center; + background-position-y: bottom; + background-position-x: 0; background-size: contain } main { @@ -212,8 +224,15 @@ overflow-y: unset; } - } + #intro h1 { + margin: 0; + } + + #intro p { + font-size: 0.9em; + } + } @media only screen and (max-width: 1050px) { .projects li { @@ -226,7 +245,9 @@
-

Hi 👋, I'm Marcus

+

Hi 👋, I'm Marcus (/ˈmɑːkəs/)

+ +
Pronouns: He/Him/His

{{ .intro | html }} @@ -234,7 +255,7 @@

-

My Open Source Projects 💻

+

💻 My Open Source Projects

All my Open Source projects can be find on my GitHub profile (as well as my personal Gitea instance, GitLab, Codeberg and BitBucket). Below are a selection of highlights. @@ -272,7 +293,7 @@

-

Upcoming Events 🗓

+

🗓 Upcoming Events

    {{ range .events }}