diff options
| -rw-r--r-- | src/layouts/Default.astro | 3 | ||||
| -rw-r--r-- | src/pages/blog/index.astro | 1 | ||||
| -rw-r--r-- | src/pages/blog/rss.xml.js (renamed from src/pages/rss.xml.js) | 0 | ||||
| -rw-r--r-- | src/pages/contacts.astro | 2 | ||||
| -rw-r--r-- | src/pages/guestbook.astro | 19 | ||||
| -rw-r--r-- | src/pages/projects.astro | 20 | ||||
| -rw-r--r-- | src/styles/index.css | 1 |
7 files changed, 35 insertions, 11 deletions
diff --git a/src/layouts/Default.astro b/src/layouts/Default.astro index 25a7ce4..17e9a92 100644 --- a/src/layouts/Default.astro +++ b/src/layouts/Default.astro @@ -7,6 +7,7 @@ interface Props { const { title = "Andrew Lee", description = "Andrew Lee Website" } = Astro.props; import { ViewTransitions } from 'astro:transitions'; import Navbar from '../components/Navbar.vue'; +const date = new Date(); --- <!doctype html> @@ -42,7 +43,7 @@ import Navbar from '../components/Navbar.vue'; <slot /> <footer> <p><a href="https://github.com/Alee14/personal-website">Made with {Astro.generator} and Hosted on Vercel</a></p> - <p>Copyright © 2024 Andrew Lee</p> + <p>Copyright © {date.getFullYear()} Andrew Lee</p> </footer> </div> </body> diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro index 74f543a..a6b6855 100644 --- a/src/pages/blog/index.astro +++ b/src/pages/blog/index.astro @@ -8,7 +8,6 @@ const allBlogPosts = (await getCollection('blog')).sort((a, b) => b.data.pubDate --- <Page title="Blog" description="Where I post can be anything!"> <main> - <!-- Add tags selection below --> {allBlogPosts.map((post) => ( <article> <h1><a href={`/blog/${post.slug}`}>{post.data.title}</a></h1> diff --git a/src/pages/rss.xml.js b/src/pages/blog/rss.xml.js index fe17f91..fe17f91 100644 --- a/src/pages/rss.xml.js +++ b/src/pages/blog/rss.xml.js diff --git a/src/pages/contacts.astro b/src/pages/contacts.astro index d483f81..c65c6f9 100644 --- a/src/pages/contacts.astro +++ b/src/pages/contacts.astro @@ -28,7 +28,7 @@ import contacts from "../data/contacts.json"; } .contact-icon { - margin-right: 0.5em; + margin: 0.1em 0.5em 0.1em 0.1em; font-size: 1.3em; } </style> diff --git a/src/pages/guestbook.astro b/src/pages/guestbook.astro new file mode 100644 index 0000000..0827802 --- /dev/null +++ b/src/pages/guestbook.astro @@ -0,0 +1,19 @@ +--- +import Page from '../layouts/Page.astro' +import "../styles/cards.css"; +--- +<Page title="Guestbook" description="Use this page to send me a message"> + <main> + <article> + <h1>John Doe</h1> + <small>January 1, 2024</small> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. + Nam id orci non diam bibendum euismod quis sit amet purus. + Fusce fermentum facilisis placerat. Mauris varius ante elit, et + luctus enim blandit sit amet. + Pellentesque ullamcorper dapibus suscipit. + </p> + <a href="http://google.com">Website</a> + </article> + </main> +</Page> diff --git a/src/pages/projects.astro b/src/pages/projects.astro index a4f121a..d609211 100644 --- a/src/pages/projects.astro +++ b/src/pages/projects.astro @@ -10,11 +10,13 @@ import projects from "../data/projects.json"; <div class="cards"> <h1>{project.name}</h1> <p>{project.description}</p> - {project.links.map((link) => { - return ( - <a href={link.url} target={link.external ? "_blank" : ""}>{link.name}</a> - ) - })} + <div class="row"> + {project.links.map((link) => { + return ( + <a href={link.url} target={link.external ? "_blank" : "_self"}>{link.name}</a> + ) + })} + </div> </div> ) }) @@ -48,9 +50,11 @@ import projects from "../data/projects.json"; margin: 0; } - .cards a { - text-align: right; - display: inline-block; + .row { + margin-top: 0.3em; + display: flex; + flex-direction: row; + gap: 1em; } /* Mobile view */ diff --git a/src/styles/index.css b/src/styles/index.css index 1b5a8ca..ae3e9db 100644 --- a/src/styles/index.css +++ b/src/styles/index.css @@ -22,6 +22,7 @@ justify-content: center; font-size: 3.2em; gap: 1.4em; + margin: 0.2em; } .email-contact { |