ayo/ayco.io-astro
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: alignment adjust

Browse source
This commit is contained in:
Ayo 2022-09-17 12:34:51 +02:00
parent 6c7c5a4230
commit 4f0d3b57a3
2 changed files with 24 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/components/Footer.astro
View file

@ -14,6 +14,7 @@
footer {
color: #888;
margin-left: -40px;
}
footer a {

41
src/pages/social.astro
View file

@ -8,24 +8,25 @@ import Footer from '../components/Footer.astro';
<main>
<nav><a href="/">Back</a></nav>
<h1>Social <span class="text-gradient">Links</span></h1>
<ul role="list" style="list-style:none">
<Card
href="https://twitter.com/ayoayco/"
title="Twitter"
body="Tweets about my takes on technology and current events"
/>
<Card
href="https://www.linkedin.com/in/ayoayco/"
title="LinkedIn"
body="Connect with me and my professional network"
/>
<Card
href="https://soundcloud.com/ayoayco/"
title="SoundCloud"
body="Yes, I make music... until I moved to a new contry this year"
/>
</ul>
<div class="content">
<ul role="list" style="list-style:none">
<Card
href="https://twitter.com/ayoayco/"
title="Twitter"
body="Tweets about my takes on technology and current events"
/>
<Card
href="https://www.linkedin.com/in/ayoayco/"
title="LinkedIn"
body="Connect with me and my professional network"
/>
<Card
href="https://soundcloud.com/ayoayco/"
title="SoundCloud"
body="Yes, I make music... until I moved to a new contry this year"
/>
</ul>
</div>
<Footer></Footer>
</main>
</Layout>
@ -35,6 +36,10 @@ import Footer from '../components/Footer.astro';
--astro-gradient: linear-gradient(0deg, #4f39fa, #da62c4);
}
div.content {
margin-left: -40px;
}
h1 {
margin: 2rem 0;
}