spenser.black / spenserblack.github.io
Mirror of my GitHub Pages site www.spenser.black/
0
Fork 0

Configure Feed

Select the types of activity you want to include in your feed.

Update styling

authored by

Spenser Black and committed by
GitHub (Jun 25, 2026, 6:47 PM UTC) f7c957d5 b7a00132

+23 -4
+14 -4
src/components/Footer.astro
··· 7 7 8 8 <footer> 9 9 <h2>Links</h2> 10 - <ul> 10 + <ul class="horizontal"> 11 11 <li> 12 12 <strong>Socials</strong> 13 - <ul> 13 + <ul class="vertical"> 14 14 <li><ExternalLink link={codeberg}>Codeberg</ExternalLink></li> 15 15 <li><ExternalLink link={github}>GitHub</ExternalLink></li> 16 16 </ul> 17 17 </li> 18 - <li><ExternalLink link={sourceCode}>Source</ExternalLink></li> 18 + <li> 19 + <strong>Other</strong> 20 + <ul class="vertical"> 21 + <li><ExternalLink link={sourceCode}>Source</ExternalLink></li> 22 + </ul> 23 + </li> 19 24 </ul> 20 25 </footer> 21 26 22 27 <style> 23 28 ul { 24 29 display: flex; 30 + justify-content: space-around; 31 + } 32 + ul.horizontal { 33 + flex-direction: row; 34 + } 35 + ul.vertical { 25 36 flex-direction: column; 26 - justify-content: space-around; 27 37 } 28 38 li { 29 39 display: inline-block;
+9
src/styles/global.css
··· 38 38 } 39 39 } 40 40 41 + body { 42 + margin: 0 auto; 43 + width: 100%; 44 + max-width: 100ch; 45 + padding: 1rem; 46 + line-height: 1.5; 47 + } 48 + 41 49 * { 50 + box-sizing: border-box; 42 51 transition: color 0.25s ease-out; 43 52 } 44 53