diff --git a/_includes/header.html b/_includes/header.html
index 4742989..396d04d 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -4,7 +4,12 @@
Tom Hodson
-
Physicist, Programmer, Maker and Baker +
+ Maker, Baker + Programmer + Reformed Physicist + RSE@ECMWF +
GitHub {% include icons/github.svg %} Mastodon {% include icons/mastodon.svg %} diff --git a/_sass/header.scss b/_sass/header.scss index 42c487c..8bf2ea6 100644 --- a/_sass/header.scss +++ b/_sass/header.scss @@ -80,38 +80,37 @@ header { height: auto; padding-left: 20px; padding-right: 20px; - } - - // To squish the text together a bit in the mobile view. - header p { - margin-block: 0.25em; - } - - header .avatar { - margin: auto; - } - - nav { - display: flex; - flex-direction: row; - justify-content: center; - flex-wrap: wrap; - } - nav a { - margin-left: 1em; - } - - header p.professional-links { - flex-direction: row; - flex-wrap: wrap; - justify-content: center; - } - - header hr { + + hr { border-width:1px; } - header p.professional-links { + .bio { + span { + display: inline; + } + span:after { + content: ', '; + } + span:last-of-type:after { + content: ''; + } + } + + // To squish the text together a bit in the mobile view. + p { + margin-block: 0.25em; + } + + .avatar { + margin: auto; + } + + p.professional-links { + flex-direction: row; + flex-wrap: wrap; + justify-content: center; + a { margin-left: 1em; margin-right: 1em; @@ -128,4 +127,16 @@ header { margin-left: 0; } } -} \ No newline at end of file + + } + + nav { + display: flex; + flex-direction: row; + justify-content: center; + flex-wrap: wrap; + } + nav a { + margin-left: 1em; + } +}