diff --git a/views/pages/alex/index.pug b/views/pages/alex/index.pug index 60496cb..68e2f42 100644 --- a/views/pages/alex/index.pug +++ b/views/pages/alex/index.pug @@ -66,31 +66,43 @@ html(lang="en") p You can find most of my socials here, if you're interested in contacting me .social-icons .row - a(href="https://discord.com/users/1112774630416076850").fab.fa-discord - p.txt Discord - a(href="https://www.instagram.com/auxiliaryfrfr/").fab.fa-instagram - p.txt Instagram - a(href="https://github.com/auxiliaryfrfr").fab.fa-github - p.txt Github - a(href="https://open.spotify.com/user/31a3c3jitxf3fde24p5ohiqfrmnm").fab.fa-spotify - p.txt Spotify - a(href="https://twitter.com/auxiliaryfrfr").fab.fa-twitter - p.txt Twitter - a(href="https://thefemdevs.com").fas.fa-users - p.txt FemDevs + .obj + a(href="https://discord.com/users/1112774630416076850").fab.fa-discord + p.txt Discord + .obj + a(href="https://www.instagram.com/auxiliaryfrfr/").fab.fa-instagram + p.txt Instagram + .obj + a(href="https://github.com/auxiliaryfrfr").fab.fa-github + p.txt Github + .obj + a(href="https://open.spotify.com/user/31a3c3jitxf3fde24p5ohiqfrmnm").fab.fa-spotify + p.txt Spotify + .obj + a(href="https://twitter.com/auxiliaryfrfr").fab.fa-twitter + p.txt Twitter + .obj + a(href="https://thefemdevs.com").fas.fa-users + p.txt FemDevs .row - a(href="https://en.pronouns.page/@auxiliaryfrfr").fas.fa-users - p.txt Pronouns Page - a(href="https://www.youtube.com/channel/UCfK45ILqng9SMe7EcCzd57g").fab.fa-youtube - p.txt Youtube - a(href="https://www.snapchat.com/add/auxiliaryfrfr").fab.fa-snapchat - p.txt Snapchat - a(href="https://www.last.fm/user/auxiliaryfrfr").fab.fa-lastfm - p.txt Last.fm - a(href="https://www.threads.net/@auxiliaryfrfr").fab.fa-threads - p.txt Threads - a(href="mailto:alex@thefemdevs.com").fas.fa-envelope - p.txt Email + .obj + a(href="https://en.pronouns.page/@auxiliaryfrfr").fas.fa-users + p.txt Pronouns Page + .obj + a(href="https://www.youtube.com/channel/UCfK45ILqng9SMe7EcCzd57g").fab.fa-youtube + p.txt Youtube + .obj + a(href="https://www.snapchat.com/add/auxiliaryfrfr").fab.fa-snapchat + p.txt Snapchat + .obj + a(href="https://www.last.fm/user/auxiliaryfrfr").fab.fa-lastfm + p.txt Last.fm + .obj + a(href="https://www.threads.net/@auxiliaryfrfr").fab.fa-threads + p.txt Threads + .obj + a(href="mailto:alex@thefemdevs.com").fas.fa-envelope + p.txt Email section#femdevs.sect h2 FemDevs p diff --git a/web/pages/assets/alex/css/index.css b/web/pages/assets/alex/css/index.css index 1281931..8deba1a 100644 --- a/web/pages/assets/alex/css/index.css +++ b/web/pages/assets/alex/css/index.css @@ -183,30 +183,32 @@ header { .row { display: grid; grid-template-columns: repeat(6, 1fr); - margin: 10px 0; + margin: 10px 0px 0px; justify-content: space-evenly; align-items: center; height: fit-content; } -.row a { +.obj { width: 100%; height: 100%; - border-radius: 50%; margin: 0 10px; +} + +.row a { transition: transform 0.3s; color: inherit; - padding: 0px 8px; + padding: 8px 8px 0px 8px; border: 1px solid transparent; - border-radius: 10%; + border-radius: 40px; text-decoration: none; } -.row:first-child { +.row a:first-child { margin-left: 0; } -.row:last-child { +.row a:last-child { margin-right: 0; } @@ -217,6 +219,8 @@ header { .txt { font-family: 'Nunito', sans-serif; + padding: 0px; + margin: 10px 0px; } @media only screen and (max-width: 768px) {