From 5c41d812887651337b66258aaa2990a60a63e269 Mon Sep 17 00:00:00 2001 From: Fluffy Date: Fri, 24 May 2024 18:41:05 +0100 Subject: [PATCH] Add some of my Certificates to the page --- src/components/Card.astro | 5 +- src/components/Certificate.astro | 57 +++++++++++++++++++ .../Databases-with-SQL-and-Python.json | 7 +++ ...uction-to-Command-Line-and-Unix-Shell.json | 7 +++ .../certificates/Introduction-to-Python.json | 7 +++ .../certificates/Introduction-to-SQL.json | 7 +++ src/content/content.ts | 12 ++++ src/layouts/Markdown.astro | 8 +++ src/pages/index.astro | 20 ++++++- src/styles/_project_list.scss | 4 ++ 10 files changed, 128 insertions(+), 6 deletions(-) create mode 100644 src/components/Certificate.astro create mode 100644 src/content/certificates/Databases-with-SQL-and-Python.json create mode 100644 src/content/certificates/Introduction-to-Command-Line-and-Unix-Shell.json create mode 100644 src/content/certificates/Introduction-to-Python.json create mode 100644 src/content/certificates/Introduction-to-SQL.json diff --git a/src/components/Card.astro b/src/components/Card.astro index 3ebf349..2fda6be 100644 --- a/src/components/Card.astro +++ b/src/components/Card.astro @@ -10,9 +10,9 @@ const { href, title, body } = Astro.props;
  • -

    +

    {title} -

    +

    {body}

    @@ -32,7 +32,6 @@ const { href, title, body } = Astro.props; border-radius: $radius; - box-shadow: 0 0 0 rgba(#000, 0); list-style: none; overflow: hidden; diff --git a/src/components/Certificate.astro b/src/components/Certificate.astro new file mode 100644 index 0000000..3bd0460 --- /dev/null +++ b/src/components/Certificate.astro @@ -0,0 +1,57 @@ +--- +const { certificate } = Astro.props; +--- + +
    +

    {certificate.data.title}

    +

    {certificate.data.achieved}

    +

    By: {certificate.data.provider}

    + + {certificate.data.skills && ( +
      + {certificate.data.skills.map(skill => ( +
    • {skill}
      • + ))} +
    + )} + + {certificate.data.link && ( +     View + )} +
    + + \ No newline at end of file diff --git a/src/content/certificates/Databases-with-SQL-and-Python.json b/src/content/certificates/Databases-with-SQL-and-Python.json new file mode 100644 index 0000000..5fc6877 --- /dev/null +++ b/src/content/certificates/Databases-with-SQL-and-Python.json @@ -0,0 +1,7 @@ +{ + "title": "Databases with SQL and Python", + "provider": "Hyperskill", + "achieved": "2023-07-01", + "skills": [ "SQL", "SQLAlchemy", "Python", "SQLite" ], + "link": "" +} diff --git a/src/content/certificates/Introduction-to-Command-Line-and-Unix-Shell.json b/src/content/certificates/Introduction-to-Command-Line-and-Unix-Shell.json new file mode 100644 index 0000000..a5cdfa5 --- /dev/null +++ b/src/content/certificates/Introduction-to-Command-Line-and-Unix-Shell.json @@ -0,0 +1,7 @@ +{ + "title": "Introduction to Command Line and Unix Shell", + "provider": "Hyperskill", + "achieved": "2023-07-01", + "skills": [ "Bash", "Shell Scripting", "Linux", "Unix" ], + "link": "" +} diff --git a/src/content/certificates/Introduction-to-Python.json b/src/content/certificates/Introduction-to-Python.json new file mode 100644 index 0000000..e6f28e7 --- /dev/null +++ b/src/content/certificates/Introduction-to-Python.json @@ -0,0 +1,7 @@ +{ + "title": "Introduction to Python", + "provider": "Hyperskill", + "achieved": "2023-07-01", + "skills": [ "Python" ], + "link": "" +} diff --git a/src/content/certificates/Introduction-to-SQL.json b/src/content/certificates/Introduction-to-SQL.json new file mode 100644 index 0000000..0e8122e --- /dev/null +++ b/src/content/certificates/Introduction-to-SQL.json @@ -0,0 +1,7 @@ +{ + "title": "Introduction to SQL", + "provider": "Hyperskill", + "achieved": "2023-07-01", + "skills": [ "SQL", "SQLite", "Databases" ], + "link": "" +} diff --git a/src/content/content.ts b/src/content/content.ts index 36c7d65..a6897fa 100644 --- a/src/content/content.ts +++ b/src/content/content.ts @@ -22,7 +22,19 @@ const projectsCollection = defineCollection({ }), }); +const certificatesCollection = defineCollection({ + type: "data", + schema: z.object({ + title: z.string(), + provider: z.string(), + achieved: z.date(), + skills: z.array(z.string()).optional(), + link: z.string().optional(), + }), +}) + export const collections = { "posts": postsCollection, "projects": projectsCollection, + "certificates": certificatesCollection, }; diff --git a/src/layouts/Markdown.astro b/src/layouts/Markdown.astro index 154c169..a070dd9 100644 --- a/src/layouts/Markdown.astro +++ b/src/layouts/Markdown.astro @@ -49,6 +49,14 @@ const { Content } = await post.render(); #markdown { flex-grow: 1; + h1, h2, h3, h4, h5, h6 { + padding-bottom: 16px; + } + + p { + padding-bottom: 8px; + } + a { text-decoration: none; color: $orange; diff --git a/src/pages/index.astro b/src/pages/index.astro index bb7675d..b0c01f6 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,12 +1,16 @@ --- -import { getPosts} from "../utils"; +import { getCollection } from "astro:content"; + +import { getPosts } from "../utils"; import Layout from "../layouts/Layout.astro"; import Card from "../components/Card.astro"; +import Certificate from "../components/Certificate.astro"; import Music from "../components/Music.astro"; const tools = ["Proxmox", "JetBrain IDEs", "Docker", "Linux", "SQLite", "Postgres", "MySQL"]; const languages = ["Go", "Python", "HTML", "CSS", "Sass", "TypeScript", "JavaScript", "Scratch", "PHP", "SQL", "Bash"]; const frameworks = ["Gin", "Echo", "Flask", "Svelte", "Astro", "raylib"]; +const certificates = await getCollection("certificates"); const projects = await getPosts("projects"); const posts = await getPosts("posts"); --- @@ -15,7 +19,7 @@ const posts = await getPosts("posts");

    Leggy Land

    Made with Coffee, lots of it.

    -
    +
    @@ -33,7 +37,6 @@ const posts = await getPosts("posts");
    -

    Find me on

    • Twitter
    • BlueSky
      • @@ -63,6 +66,17 @@ const posts = await getPosts("posts");
    +
    +

    Certificates

    +
      + {certificates.map(certificate => ( +
    • + +
      • + ))} +
    +
    +

    Projects

      diff --git a/src/styles/_project_list.scss b/src/styles/_project_list.scss index 6325f7e..9d062bf 100644 --- a/src/styles/_project_list.scss +++ b/src/styles/_project_list.scss @@ -5,4 +5,8 @@ flex-direction: column; gap: 16px; + + > li { + list-style: none; + } } \ No newline at end of file