diff options
Diffstat (limited to 'src/pages/projects/programming.astro')
| -rw-r--r-- | src/pages/projects/programming.astro | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/src/pages/projects/programming.astro b/src/pages/projects/programming.astro new file mode 100644 index 0000000..2c5d073 --- /dev/null +++ b/src/pages/projects/programming.astro @@ -0,0 +1,42 @@ +--- +import Page from "../../layouts/Page.astro"; +import projects from "../../data/projects.json"; +import "../../styles/cards.css"; +import GitHubProjects from "../../components/GitHubProjects.svelte"; + +--- +<Page title="Programming" description="Things that I programmed"> + <main> + <div class="grid"> + { + projects.map((project) => { + return ( + <article class="card"> + <h1>{project.name}</h1> + <p>{project.description}</p> + <div class="row"> + {project.links.map((link) => { + return ( + <a href={link.url} target={link.external ? "_blank" : "_self"}>{link.name}</a> + ) + })} + </div> + </article> + ) + }) + } + </div> + <h2><a href="https://github.com/Alee14" target="_blank">Andrew Lee GitHub Repositories</a></h2> + <GitHubProjects client:load username="Alee14" isOrganization={false} /> + <h2><a href="https://github.com/alee14-projects" target="_blank">AleeCorp/Alee Productions GitHub Repositories</a></h2> + <GitHubProjects client:load username="alee14-projects" isOrganization={true} /> + </main> +</Page> +<style> + .row { + display: flex; + flex-direction: row; + gap: 1em; + } +</style> + |