n_u/nathanupchurch.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update links page

Browse Source
This commit is contained in:
Nathan Upchurch
2026-01-03 16:19:15 -06:00
parent 41b8d4bc13
commit 9f8b81435f
2 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
_includes/layouts/links.njk
View File

@@ -4,7 +4,7 @@ layout: layouts/linksPage.njk
<div class="links-container h-card"> <div class="links-container h-card">
<img class="profilePic u-photo" src="{{ metadata.author.profilePic }}"> <img class="profilePic u-photo" src="{{ metadata.author.profilePic }}">
<h1 class="socialTitle p-name">Nathan Upchurch</h1> <h1 class="socialTitle p-name">Nathan Upchurch</h1>
<p class="page-block nodropcap">Here's where you can find me on the internet:</p> <p class="page-block nodropcap">Beside what I do to earn a crust, among other things, I’m an incense maker and enthusiast, a classical trombonist, vegan cook, writer, mediocre photographer, and a fan of, advocate for, and occasional contributor to free and open source software. Here’s where you can find me on the internet:</p>
<div class="socialLinks"> <div class="socialLinks">
{% for link in metadata.socialLinks %} {% for link in metadata.socialLinks %}
<a class="link-button u-url" {% if link.customAttribute %} {{ link.customAttribute | safe }} {% endif %} href="{{ link.linkURL }}"> <a class="link-button u-url" {% if link.customAttribute %} {{ link.customAttribute | safe }} {% endif %} href="{{ link.linkURL }}">

10
public/css/me.css
View File

@@ -9,8 +9,16 @@
} }
.socialLinks a button { .socialLinks a button {
align-items: center;
display: flex;
flex-flow: row nowrap;
height: var(--space-xl);
justify-content: center;
width: 100%; width: 100%;
margin: 0 0 var(--space-s) 0; margin: 0 0 var(--space-s) 0;
& > img {
max-width: var(--space-s);
}
} }
h1.socialTitle { h1.socialTitle {
@@ -27,7 +35,7 @@ h1.socialTitle {
} }
img.profilePic { img.profilePic {
max-width: var(--space-3xl); max-width: var(--space-6xl);
border-radius: 50%; border-radius: 50%;
border: solid 2px var(--text-color); border: solid 2px var(--text-color);
} }