diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/Navbar.vue | 1 | ||||
| -rw-r--r-- | src/components/projects.json | 22 | ||||
| -rw-r--r-- | src/layouts/Page.astro | 1 | ||||
| -rw-r--r-- | src/pages/projects.astro | 16 |
4 files changed, 40 insertions, 0 deletions
diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue index 9767cfb..b2cbab5 100644 --- a/src/components/Navbar.vue +++ b/src/components/Navbar.vue @@ -9,6 +9,7 @@ <li><a href="/downloads" class="nav-link" @click="toggleNav">Downloads</a></li> <li><a href="/blog" class="nav-link" @click="toggleNav">Blog</a></li> <li><a href="/guestbook" class="nav-link" @click="toggleNav">Guestbook</a></li> + <li><a href="https://archive.alee14.me" class="nav-link" @click="toggleNav">Archive</a></li> <li><a href="/contacts" class="nav-link" @click="toggleNav">Contacts</a></li> </ul> </nav> diff --git a/src/components/projects.json b/src/components/projects.json new file mode 100644 index 0000000..95ddaab --- /dev/null +++ b/src/components/projects.json @@ -0,0 +1,22 @@ +[ + { + "name": "AleeBot", + "description": "An all-in-one bot that's made from the Discord.JS API!", + "links": [ + { + "name": "Source Code", + "url": "https://github.com/Alee14/AleeBot" + } + ] + }, + { + "name": "DLAP", + "description": "A Discord bot that lets you play local audio tracks in your server.", + "links": [ + { + "name": "Source Code", + "url": "https://github.com/Alee14/DLAP" + } + ] + } +] diff --git a/src/layouts/Page.astro b/src/layouts/Page.astro index 9b8dd8f..b506628 100644 --- a/src/layouts/Page.astro +++ b/src/layouts/Page.astro @@ -8,6 +8,7 @@ const { title, description } = Astro.props; <h1 class="header-text">{title}</h1> <h2 class="header-text">{description}</h2> </header> + <slot /> </Layout> <style> diff --git a/src/pages/projects.astro b/src/pages/projects.astro index 0a12522..b381bf3 100644 --- a/src/pages/projects.astro +++ b/src/pages/projects.astro @@ -1,5 +1,21 @@ --- import Page from "../layouts/Page.astro"; +import projects from "../components/projects.json"; --- <Page title="Projects" description="Things that I have been working on in the past, and present"> + { + projects.map((project) => { + return ( + <div class="projects"> + <h1>{project.name}</h1> + <p>{project.description}</p> + {project.links.map((link) => { + return ( + <a href={link.url}>{link.name}</a> + ) + })} + </div> + ) + }) + } </Page> |