From 9046f5cc95289eb6e5a9e93e2da8a4eda74cb5ff Mon Sep 17 00:00:00 2001 From: Pinapelz Date: Sat, 10 Feb 2024 13:15:02 -0800 Subject: refactored some components - added DiscordStatus to about - Updated projects - Added tags to each project - Fixed some text styling --- src/components/Card.astro | 43 ++++++++++-- src/components/DiscordActivity.astro | 87 ----------------------- src/components/DiscordStatus.astro | 12 ++-- src/components/MiniCard.astro | 62 ----------------- src/components/RSSFeed.astro | 73 ------------------- src/pages/about.astro | 131 ++++++++++++++++++++--------------- src/pages/contributions.astro | 27 ++++---- src/pages/coursework.astro | 14 +++- src/pages/projects.astro | 73 +++++++++---------- 9 files changed, 180 insertions(+), 342 deletions(-) delete mode 100644 src/components/DiscordActivity.astro delete mode 100644 src/components/MiniCard.astro delete mode 100644 src/components/RSSFeed.astro (limited to 'src') diff --git a/src/components/Card.astro b/src/components/Card.astro index 7bad586..a5b3b6d 100644 --- a/src/components/Card.astro +++ b/src/components/Card.astro @@ -3,25 +3,42 @@ interface Props { title: string; body: string; href: string; + year?: string; language: string; languageColor: string; - logoSrc?: string; - logoWidth?: string; contribution?: string; + tags?: string[]; } -const { href, title, body, language, languageColor, logoSrc, logoWidth = '60%', contribution="" } = Astro.props; +const { + href, + title, + body, + language, + languageColor, + contribution = "", + year, + tags, +} = Astro.props; ---
  • - {logoSrc &&
    Project Logo
    }
    -

    {title}

    +

    {title} {year ? `(${year})` : ""}

    {language}
    + { + tags && tags.length > 0 && ( +
    + {tags.map((tag) => ( + {tag} + ))} +
    + ) + }

    {body}

    {contribution}

    @@ -29,6 +46,21 @@ const { href, title, body, language, languageColor, logoSrc, logoWidth = '60%',
    • \ No newline at end of file diff --git a/src/components/DiscordStatus.astro b/src/components/DiscordStatus.astro index 518909e..46bebf9 100644 --- a/src/components/DiscordStatus.astro +++ b/src/components/DiscordStatus.astro @@ -16,33 +16,31 @@ const statusText = { ---
    Discord Avatar -

    Status:

    +

    \ No newline at end of file diff --git a/src/components/RSSFeed.astro b/src/components/RSSFeed.astro deleted file mode 100644 index ca2dddb..0000000 --- a/src/components/RSSFeed.astro +++ /dev/null @@ -1,73 +0,0 @@ ---- -import { JSDOM } from 'jsdom'; - -const fetchContent = async (url) => { - try { - const response = await fetch(url); - if (!response.ok) { - throw new Error(`Failed to fetch RSS feed: ${response.statusText}`); - } - return await response.text(); - } catch (error) { - console.error(error); - return ''; - } -}; - -const rssData = await fetchContent(Astro.props.url); - -// Parse the RSS data -const dom = new JSDOM(rssData); -const xmlDoc = dom.window.document; -const items = Array.from(xmlDoc.querySelectorAll("item")).slice(0, 7); // Only take the first 5 items - -const title = xmlDoc.querySelector("title").textContent; -const link = xmlDoc.querySelector("link").textContent; -const description = xmlDoc.querySelector("description").textContent; ---- - - - -     diff --git a/src/pages/about.astro b/src/pages/about.astro index 2b114f6..2a2b720 100644 --- a/src/pages/about.astro +++ b/src/pages/about.astro @@ -1,5 +1,6 @@ --- import Layout from "../layouts/Layout.astro"; +import DiscordStatus from "../components/DiscordStatus.astro"; --- @@ -27,11 +28,14 @@ import Layout from "../layouts/Layout.astro";
    Contact Me + + +
    Although my tech stack is primarily serverless (Python Serverless - Functions, React, and MySQL) . I have experience with a wide - range of technologies and programming languages. + Functions, React, and MySQL) . I have experience with a wide range + of technologies and programming languages.

    Programming Languages: @@ -75,7 +79,7 @@ import Layout from "../layouts/Layout.astro"; height="100" viewBox="0 0 48 48" > - Python + Python - - Java + Java - - - Javascript + Javascript - - - Typescript + Typescript - - C++ + C++ - -

    Front End Technologies:

    - +
    - React + React - - HTML + HTML - - - CSS + CSS - - Tailwind CSS + Tailwind CSS - + - - + Next.JS - - + + -
    - -

    Dev Ops:

    -
    - + Git - - - + + - + Amazon Web Services - - - + + - + Maven -
    - +     diff --git a/src/pages/contributions.astro b/src/pages/contributions.astro index 0f4c6ad..6c5219c 100644 --- a/src/pages/contributions.astro +++ b/src/pages/contributions.astro @@ -2,17 +2,18 @@ import Layout from "../layouts/Layout.astro"; import SocialNavbar from "../components/SocialNavbar.astro"; import Card from "../components/Card.astro"; -import MiniCard from "../components/MiniCard.astro"; ---

    Open Source Contributions

    +

    + I love the idea of open source. Here are some of the projects I've contributed to. +

      -

      Contributions

        -
        - - -
      @@ -61,6 +56,10 @@ import MiniCard from "../components/MiniCard.astro";