feat: Back component
This commit is contained in:
parent
17237e8415
commit
a06b53d969
3 changed files with 15 additions and 8 deletions
11
src/components/Back.astro
Normal file
11
src/components/Back.astro
Normal file
|
@ -0,0 +1,11 @@
|
||||||
|
<nav><a href="/">← Back</a></nav>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
nav {
|
||||||
|
margin-bottom: -1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
nav a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
</style>
|
|
@ -2,11 +2,12 @@
|
||||||
import Layout from '../layouts/Layout.astro';
|
import Layout from '../layouts/Layout.astro';
|
||||||
import Card from '../components/Card.astro';
|
import Card from '../components/Card.astro';
|
||||||
import Footer from '../components/Footer.astro';
|
import Footer from '../components/Footer.astro';
|
||||||
|
import Back from '../components/Back.astro';
|
||||||
---
|
---
|
||||||
|
|
||||||
<Layout title="Ayo Ayco | Software Engineer + Web Developer">
|
<Layout title="Ayo Ayco | Software Engineer + Web Developer">
|
||||||
<main>
|
<main>
|
||||||
<nav><a href="/">Back</a></nav>
|
<Back />
|
||||||
<h1><span class="text-gradient">Now</span></h1>
|
<h1><span class="text-gradient">Now</span></h1>
|
||||||
<em>What am I currently up to?</em>
|
<em>What am I currently up to?</em>
|
||||||
<p>This year (2022) I have moved to The Netherlands with my family; specifically the north of Amsterdam.</p>
|
<p>This year (2022) I have moved to The Netherlands with my family; specifically the north of Amsterdam.</p>
|
||||||
|
@ -65,7 +66,4 @@ import Footer from '../components/Footer.astro';
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav {
|
|
||||||
margin-bottom: -1rem;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -2,11 +2,12 @@
|
||||||
import Layout from '../layouts/Layout.astro';
|
import Layout from '../layouts/Layout.astro';
|
||||||
import Card from '../components/Card.astro';
|
import Card from '../components/Card.astro';
|
||||||
import Footer from '../components/Footer.astro';
|
import Footer from '../components/Footer.astro';
|
||||||
|
import Back from '../components/Back.astro';
|
||||||
---
|
---
|
||||||
|
|
||||||
<Layout title="Ayo Ayco | Software Engineer + Web Developer">
|
<Layout title="Ayo Ayco | Software Engineer + Web Developer">
|
||||||
<main>
|
<main>
|
||||||
<nav><a href="/">Back</a></nav>
|
<Back />
|
||||||
<h1>Social <span class="text-gradient">Links</span></h1>
|
<h1>Social <span class="text-gradient">Links</span></h1>
|
||||||
<ul role="list" class="link-card-grid">
|
<ul role="list" class="link-card-grid">
|
||||||
<Card
|
<Card
|
||||||
|
@ -74,7 +75,4 @@ import Footer from '../components/Footer.astro';
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav {
|
|
||||||
margin-bottom: -1rem;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in a new issue