tom/personal_site
1
0
Fork 0
mirror of https://github.com/TomHodson/tomhodson.github.com.git synced 2025-06-26 10:01:18 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update bio

Browse Source
This commit is contained in:
Tom 2024-03-19 11:32:42 +00:00
parent 11262d2f03
commit 9d55c57169
2 changed files with 47 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
_includes/header.html
View File

@ -4,7 +4,12 @@
<img src="/assets/images/avatar.jpeg" class = "u-photo avatar" alt = "A picture of me."> <img src="/assets/images/avatar.jpeg" class = "u-photo avatar" alt = "A picture of me.">
<a class="p-name u-url u-uid" href="https://thomashodson.com"><h1>Tom Hodson</h1></a> <a class="p-name u-url u-uid" href="https://thomashodson.com"><h1>Tom Hodson</h1></a>
</div> </div>
<p class="p-note">Physicist, Programmer, Maker and Baker <p class="p-note bio">
<span>Maker, Baker</span>
<span>Programmer</span>
<span><a href="/thesis">Reformed&nbsp;Physicist</a></span>
<span><a href = "https://ecmwf.int">RSE@ECMWF</a> </span>
</p>
<p class="professional-links"> <p class="professional-links">
<a href="https://github.com/TomHodson" rel="me authn" class="u-url">GitHub {% include icons/github.svg %}</a> <a href="https://github.com/TomHodson" rel="me authn" class="u-url">GitHub {% include icons/github.svg %}</a>
<a href="https://tech.lgbt/@Tomhodson" rel="me" class="u-url">Mastodon {% include icons/mastodon.svg %}</a> <a href="https://tech.lgbt/@Tomhodson" rel="me" class="u-url">Mastodon {% include icons/mastodon.svg %}</a>

67
_sass/header.scss
View File

@ -80,38 +80,37 @@ header {
height: auto; height: auto;
padding-left: 20px; padding-left: 20px;
padding-right: 20px; padding-right: 20px;
}
// To squish the text together a bit in the mobile view. hr {
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 {
border-width:1px; 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 { a {
margin-left: 1em; margin-left: 1em;
margin-right: 1em; margin-right: 1em;
@ -128,4 +127,16 @@ header {
margin-left: 0; margin-left: 0;
} }
} }
}
nav {
display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
}
nav a {
margin-left: 1em;
}
} }