From f9b6b7af6f6d486b2cc461fef35564b33b6d39ce Mon Sep 17 00:00:00 2001 From: Chris Chinchilla Date: Sat, 31 Aug 2024 17:05:16 +0200 Subject: [PATCH] Convert logo to SVG, add dark mode, community and service pages (#90) * Update clients * Add deprecation TODO * Update dependencies * Overhaul games section * Move clients to sollection * Remove books pages * Update articles * Rough support and contact pages * Change logo to SVG * Add community and services page * Change SVG logo * Update footer links * Enable dark mode * Update community page * Fix dark mode * Update dependencies --- package.json | 52 +-- src/assets/images/chinch-head.svg | 338 ++++++++++++++++++ src/components/common/LogoChinch.astro | 4 +- src/components/widgets/Features2.astro | 4 +- src/components/widgets/Footer.astro | 85 +++-- src/components/widgets/Header.astro | 8 +- src/components/widgets/Hero.astro | 2 +- src/layouts/PageLayout.astro | 2 +- src/pages/community.md | 31 +- src/pages/contact.mdx | 81 ++++- .../podcast/chinchillasqueaks/[...page].astro | 2 +- tailwind.config.cjs | 4 +- 12 files changed, 541 insertions(+), 72 deletions(-) create mode 100644 src/assets/images/chinch-head.svg diff --git a/package.json b/package.json index b7a4c6cc..83a12d2a 100644 --- a/package.json +++ b/package.json @@ -15,43 +15,43 @@ }, "dependencies": { "@astrojs/markdown-component": "1.0.5", - "@astrojs/react": "^3.6.0", - "@emotion/react": "^11.13.0", + "@astrojs/react": "^3.6.2", + "@emotion/react": "^11.13.3", "@emotion/styled": "^11.13.0", - "@mui/icons-material": "^5.16.5", - "@mui/material": "^5.16.5", + "@mui/icons-material": "^6.0.1", + "@mui/material": "^6.0.1", "@netlify/functions": "^2.8.1", - "fast-xml-parser": "^4.4.0", + "fast-xml-parser": "^4.4.1", "markdown-truncate": "^1.1.1", "node-fetch": "^3.3.2" }, "devDependencies": { - "@astro-community/astro-embed-youtube": "^0.5.2", - "@astrojs/mdx": "^3.1.3", - "@astrojs/partytown": "^2.1.1", + "@astro-community/astro-embed-youtube": "^0.5.3", + "@astrojs/mdx": "^3.1.5", + "@astrojs/partytown": "^2.1.2", "@astrojs/rss": "^4.0.7", "@astrojs/markdown-component": "1.0.5", "@astrojs/sitemap": "^3.1.6", "@astrojs/tailwind": "^5.1.0", "@astrolib/analytics": "^0.5.0", "@astrolib/seo": "^1.0.0-beta.5", - "@fontsource/albert-sans": "^5.0.13", - "@fontsource/bitter": "^5.0.19", - "@iconify-json/carbon": "^1.1.36", - "@iconify-json/fa": "^1.1.8", - "@iconify-json/fluent": "^1.1.59", - "@iconify-json/simple-line-icons": "^1.1.8", - "@iconify-json/ph": "^1.1.13", - "@iconify-json/ri": "^1.1.21", - "@iconify-json/simple-icons": "^1.1.110", - "@iconify-json/tabler": "^1.1.118", - "@tailwindcss/typography": "^0.5.13", - "@typescript-eslint/eslint-plugin": "^8.0.0-alpha.54", - "@typescript-eslint/parser": "^8.0.0-alpha.54", + "@fontsource/albert-sans": "^5.0.14", + "@fontsource/bitter": "^5.0.20", + "@iconify-json/carbon": "^1.1.37", + "@iconify-json/fa": "^1.1.9", + "@iconify-json/fluent": "^1.1.63", + "@iconify-json/simple-line-icons": "^1.1.9", + "@iconify-json/ph": "^1.1.14", + "@iconify-json/ri": "^1.1.22", + "@iconify-json/simple-icons": "^1.1.115", + "@iconify-json/tabler": "^1.1.121", + "@tailwindcss/typography": "^0.5.15", + "@typescript-eslint/eslint-plugin": "^8.3.0", + "@typescript-eslint/parser": "^8.3.0", "accessible-astro-components": "^2.3.6", - "astro": "^4.12.2", - "astro-icon": "^1.1.0", - "eslint": "^9.7.0", + "astro": "^4.15.1", + "astro-icon": "^1.1.1", + "eslint": "^9.9.1", "eslint-plugin-astro": "^1.2.3", "limax": "4.1.0", "mdast-util-to-string": "^4.0.0", @@ -59,8 +59,8 @@ "prettier-plugin-astro": "^0.14.1", "reading-time": "^1.5.0", "svgo": "^3.3.2", - "tailwindcss": "^3.4.7", - "truncate-html": "^1.1.1", + "tailwindcss": "^3.4.10", + "truncate-html": "^1.1.2", "typescript": "^5.5.4" } } diff --git a/src/assets/images/chinch-head.svg b/src/assets/images/chinch-head.svg new file mode 100644 index 00000000..82b91757 --- /dev/null +++ b/src/assets/images/chinch-head.svg @@ -0,0 +1,338 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/components/common/LogoChinch.astro b/src/components/common/LogoChinch.astro index f109791e..4a3d4bda 100644 --- a/src/components/common/LogoChinch.astro +++ b/src/components/common/LogoChinch.astro @@ -1,6 +1,6 @@ --- import { Image } from 'astro:assets'; -import bgImage from '../../assets/images/chinch-head.png'; +import bgImage from '../../assets/images/chinch-head.svg'; --- -Chinchilla logo +Chinchilla logo Chris Chinchilla )} {subtitle && (

)} diff --git a/src/components/widgets/Footer.astro b/src/components/widgets/Footer.astro index cbe129ac..b3f90093 100644 --- a/src/components/widgets/Footer.astro +++ b/src/components/widgets/Footer.astro @@ -3,36 +3,65 @@ import { Icon } from 'astro-icon/components'; import { getHomePermalink, getPermalink, getAsset, getBlogPermalink } from '~/utils/permalinks'; const links = [ - { - title: 'Writing', - items: [ - { - title: 'Blog', - href: getBlogPermalink(), - }, +{ + text: 'About', + links: [ + { + text: 'Community & volunteering', + href: getPermalink('/community'), + }, ], }, { - title: 'Work', - items: [ - { - title: 'Clients', - href: getPermalink('/clients'), + text: 'Writing', + links: [ + { + text: 'Blog', + href: getBlogPermalink(), + }, + { + text: 'Books', + href: getPermalink('/books'), + }, + ], }, { - title: 'Games', - href: getPermalink('/games'), - }, + text: 'Work', + links: [ + { + text: 'Work with me', + href: getPermalink('/contact'), + }, + { + text: 'CV', + href: getPermalink('/cv'), + }, + { + text: 'Clients', + href: getPermalink('/clients'), + }, + { + text: 'Games', + href: getPermalink('/games'), + }, ], }, { - title: 'Activities', - items: [ - {title: 'Videos', href: getPermalink('/videos'),}, - {title: 'Podcast', href: getPermalink('/podcast'),}, - {title: 'Events', href: getPermalink('/events'),}, + text: 'Audio & Video', + links: [ + { + text: 'Videos', + href: getPermalink('/videos'), + }, + { text: 'Podcast', href: getPermalink('/podcast') }, + { + text: 'Courses', + href: getPermalink('/courses'), + } ], }, + { text: 'Support', href: getPermalink('/support') }, + { text: 'Events', href: getPermalink('/events') }, ]; const social = [ @@ -47,7 +76,7 @@ const social = [