From 326775c25b95836d3c7fba31a4aff461bc413106 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jo=C3=A3o=20Dias?= Date: Sat, 1 Jun 2024 15:52:48 -0300 Subject: [PATCH] :sparkles: feat: add new projects page --- src/components/NavBar.astro | 6 +-- src/components/ProjectCard.astro | 69 ++++++++++++++++++++++++++++++++ src/layouts/OldLayout.astro | 15 ++++++- src/layouts/ProjectLayout.astro | 25 ++++++++++++ src/pages/projects.astro | 43 ++++++++++++++++++++ src/styles/global.css | 15 ------- 6 files changed, 154 insertions(+), 19 deletions(-) create mode 100644 src/components/ProjectCard.astro create mode 100644 src/layouts/ProjectLayout.astro create mode 100644 src/pages/projects.astro diff --git a/src/components/NavBar.astro b/src/components/NavBar.astro index 97895bc..5c06fda 100644 --- a/src/components/NavBar.astro +++ b/src/components/NavBar.astro @@ -21,13 +21,13 @@ var options = { diff --git a/src/components/ProjectCard.astro b/src/components/ProjectCard.astro new file mode 100644 index 0000000..daa4589 --- /dev/null +++ b/src/components/ProjectCard.astro @@ -0,0 +1,69 @@ +--- +interface Props { + icon: string; + developer: string; + title: string; + description: string; + href: string; +} + +const { icon, developer, title, description, href } = Astro.props; +--- + +
  • + + +

    { developer }

    +

    { title }

    +

    + { description } +

    +     +
    • + + \ No newline at end of file diff --git a/src/layouts/OldLayout.astro b/src/layouts/OldLayout.astro index d2d4bba..9a69bdb 100644 --- a/src/layouts/OldLayout.astro +++ b/src/layouts/OldLayout.astro @@ -9,7 +9,7 @@ interface Props { const { title, icon, lang } = Astro.props; --- - + @@ -18,4 +18,17 @@ const { title, icon, lang } = Astro.props; + + \ No newline at end of file diff --git a/src/layouts/ProjectLayout.astro b/src/layouts/ProjectLayout.astro new file mode 100644 index 0000000..eec3e6f --- /dev/null +++ b/src/layouts/ProjectLayout.astro @@ -0,0 +1,25 @@ +--- +import "../styles/global.css"; +import NavBar from '../components/NavBar.astro'; + +interface Props { + title: string; + icon: string; +} + +const { title, icon } = Astro.props; +--- + + + + + + + + { title } + + +
    + +
    + \ No newline at end of file diff --git a/src/pages/projects.astro b/src/pages/projects.astro new file mode 100644 index 0000000..2d9afd2 --- /dev/null +++ b/src/pages/projects.astro @@ -0,0 +1,43 @@ +--- +import ProjectCard from "../components/ProjectCard.astro"; +import ProjectLayout from "../layouts/ProjectLayout.astro"; +import "../styles/global.css"; +--- + + +

    Projects

    +

    + Here are some of my projects! You can test them out on + GitHub. +

    +
    +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
  • + +
    • +
    + + + + + + diff --git a/src/styles/global.css b/src/styles/global.css index 4fc34c5..99abb04 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -57,21 +57,6 @@ a.header-button { box-sizing: 90px; } -a { - font-style: bolder; - color: white; - transition: ease; - transition-duration: 350ms; -} - -a:is(:hover) { - color: var(--link-color); -} - -a:not(:hover) { - color: white; -} - .highlight { position: flex; font-style: bolder;