From 3bf65ae7abf8e7a811e0f687ff963bc3109261b4 Mon Sep 17 00:00:00 2001 From: Alexander Daichendt Date: Fri, 3 Jan 2025 19:50:29 +0100 Subject: [PATCH 1/2] feat: mobile nav with animations --- src/components/Header.astro | 15 ------ src/components/NavMenu.astro | 78 ++++++++++++++++++++++++++++ src/content/blog/cv-verification.mdx | 14 ++++- src/layouts/BaseLayout.astro | 13 ++--- 4 files changed, 97 insertions(+), 23 deletions(-) delete mode 100644 src/components/Header.astro create mode 100644 src/components/NavMenu.astro diff --git a/src/components/Header.astro b/src/components/Header.astro deleted file mode 100644 index ed16c92..0000000 --- a/src/components/Header.astro +++ /dev/null @@ -1,15 +0,0 @@ ---- -import HeaderLink from "./HeaderLink.astro"; ---- - -
- -
diff --git a/src/components/NavMenu.astro b/src/components/NavMenu.astro new file mode 100644 index 0000000..472bfeb --- /dev/null +++ b/src/components/NavMenu.astro @@ -0,0 +1,78 @@ +--- +import { Icon } from "astro-icon/components"; +import HeaderLink from "./HeaderLink.astro"; +--- + + + + +
+
+ Home + Blog + Projects + Publications + Contact +
+
+ + diff --git a/src/content/blog/cv-verification.mdx b/src/content/blog/cv-verification.mdx index 5720055..8d4c67b 100644 --- a/src/content/blog/cv-verification.mdx +++ b/src/content/blog/cv-verification.mdx @@ -23,7 +23,12 @@ Pretty cool gimmick! This effectively binds the CV document to my personal websi On this astro page, I have a route `/admin` which allows me to create a new verification id. This endpoint is secured with Cloudflare access. -
+
![Backend](../../assets/cv_backend.png)
@@ -100,7 +105,12 @@ if __name__ == "__main__": Finally, I enter the generated sha256 hash and the PGP signature into the second page of the create verification workflow. -
+
![Backend Second Step](../../assets/cv_backend2.png)
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro index 4b0293b..80cbd2c 100644 --- a/src/layouts/BaseLayout.astro +++ b/src/layouts/BaseLayout.astro @@ -1,6 +1,6 @@ --- import BaseHead from "../components/BaseHead.astro"; -import Header from "../components/Header.astro"; +import NavMenu from "../components/NavMenu.astro"; import Footer from "../components/Footer.astro"; import { SITE_TITLE, SITE_DESCRIPTION } from "../consts"; import DarkModeToggle from "../components/DarkModeToggle.astro"; @@ -36,14 +36,15 @@ const { title = SITE_TITLE, description = SITE_DESCRIPTION } = Astro.props;
-

+

{SITE_TITLE}

- +
+ + +
-
-
@@ -60,7 +61,7 @@ const { title = SITE_TITLE, description = SITE_DESCRIPTION } = Astro.props;
-
+
From c7e3b2c2d6f15129c6e197bf02fc2b95849a08b9 Mon Sep 17 00:00:00 2001 From: Alexander Daichendt Date: Fri, 3 Jan 2025 20:32:29 +0100 Subject: [PATCH 2/2] feat: lots of css fixes --- package.json | 1 + pnpm-lock.yaml | 8 ++ src/components/BaseHead.astro | 1 + src/components/NavMenu.astro | 13 +- src/components/verification/DataTable.astro | 49 ++++---- src/layouts/BaseLayout.astro | 2 +- src/pages/blog/index.astro | 43 ++++--- src/pages/contact.astro | 126 ++++++++++---------- src/pages/projects/index.astro | 2 + src/styles/global.css | 3 + 10 files changed, 139 insertions(+), 109 deletions(-) diff --git a/package.json b/package.json index 5adfcd7..9381274 100644 --- a/package.json +++ b/package.json @@ -23,6 +23,7 @@ "@astrojs/sitemap": "^3.2.1", "@astrojs/tailwind": "^5.1.3", "@cloudflare/workers-types": "^4.20241230.0", + "@fontsource/fira-sans": "^5.1.1", "@fontsource/ubuntu": "^5.1.0", "@iconify-json/mdi": "^1.2.1", "@iconify-json/simple-icons": "^1.2.14", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index cdc694e..d44cd72 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -29,6 +29,9 @@ importers: '@cloudflare/workers-types': specifier: ^4.20241230.0 version: 4.20241230.0 + '@fontsource/fira-sans': + specifier: ^5.1.1 + version: 5.1.1 '@fontsource/ubuntu': specifier: ^5.1.0 version: 5.1.0 @@ -961,6 +964,9 @@ packages: resolution: {integrity: sha512-vBZP4NlzfOlerQTnba4aqZoMhE/a9HY7HRqoOPaETQcSQuWEIyZMHGfVu6w9wGtGK5fED5qRs2DteVCjOH60sA==} engines: {node: '>=14'} + '@fontsource/fira-sans@5.1.1': + resolution: {integrity: sha512-LdbPwcMEADFjbcMx5sdPcyLi0NnEzP34YO+4d2eOeIKjCu1SyJiG/bBz5K07qm4pyhh2cQveifhFrG7gQDG9wQ==} + '@fontsource/ubuntu@5.1.0': resolution: {integrity: sha512-0XG/HrFsfP1q3phf4QN8IO7tetd0zOZKHZSHcTnBuVoQedoo1wS/hXxY2FMZuqoG+mVfrXh+Q614MDVmQPJq2w==} @@ -4157,6 +4163,8 @@ snapshots: '@fastify/busboy@2.1.1': {} + '@fontsource/fira-sans@5.1.1': {} + '@fontsource/ubuntu@5.1.0': {} '@iconify-json/mdi@1.2.1': diff --git a/src/components/BaseHead.astro b/src/components/BaseHead.astro index 8a4a244..9ad5d9b 100644 --- a/src/components/BaseHead.astro +++ b/src/components/BaseHead.astro @@ -4,6 +4,7 @@ import "../styles/global.css"; import ubuntuRegularWoff2 from "@fontsource/ubuntu/files/ubuntu-latin-400-normal.woff2?url"; import ubuntuBoldWoff2 from "@fontsource/ubuntu/files/ubuntu-latin-700-normal.woff2?url"; +import "@fontsource/fira-sans"; interface Props { title: string; diff --git a/src/components/NavMenu.astro b/src/components/NavMenu.astro index 472bfeb..eeb971c 100644 --- a/src/components/NavMenu.astro +++ b/src/components/NavMenu.astro @@ -17,7 +17,7 @@ import HeaderLink from "./HeaderLink.astro";
-