From e0bb894fb82a2344a5bd5fe13ed13cf43574f4ab Mon Sep 17 00:00:00 2001 From: Henry-Hiles Date: Sun, 30 Mar 2025 21:40:03 -0400 Subject: [PATCH 01/10] Remove light mode --- src/layouts/Layout.astro | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index ad57178..21a59df 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -6,7 +6,7 @@ import "../styles/global.css" --- - + From fea905dbf3b1ec035ebf9c98dc5741410e5e2e39 Mon Sep 17 00:00:00 2001 From: Henry-Hiles Date: Sun, 30 Mar 2025 21:44:28 -0400 Subject: [PATCH 02/10] Various fixes --- src/pages/index.astro | 37 ++++++++++++++++++++----------------- 1 file changed, 20 insertions(+), 17 deletions(-) diff --git a/src/pages/index.astro b/src/pages/index.astro index a07fd6f..3261d85 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -17,7 +17,7 @@ import ButtonLink from "../components/ButtonLink.astro"
Henry Hiles - Multiplatform Flutter Developer and Front-End Web Developer + Multiplatform Flutter Developer and Frontend Web Developer
@@ -25,14 +25,18 @@ import ButtonLink from "../components/ButtonLink.astro"

- Hello, my name is Henry Hiles, a developer specializing in - Flutter, Astro, TypeScript, and Node.js. I build - high-performance, intuitive applications with clean, - efficient code and modern design principles. Always eager to - learn, I’ve earned certifications from Microsoft, Google, - and Meta in cloud computing, AI, and cybersecurity. Whether - I'm optimizing mobile apps or designing websites, I’m - passionate about delivering innovative digital solutions. + Hello, I'm Henry Hiles, a developer specializing in flutter + and web development. I'm proficient with Dart, Astro, + Node.JS, and TypeScript. I build high-performance, intuitive + applications with clean, efficient code and modern design + principles. +

+

+ Always eager to learn, I’ve earned certifications from + Microsoft, Google, and Meta in cloud computing, AI, and + cybersecurity. Whether I'm optimizing mobile apps or + designing websites, I’m passionate about delivering + innovative digital solutions.

@@ -178,18 +182,17 @@ import ButtonLink from "../components/ButtonLink.astro"

- I am available for hire to design and develop - high-performance static websites and versatile multiplatform - applications. With a focus on clean, efficient code and - intuitive user experiences, I create solutions that are not - only visually appealing but also optimized for speed, - accessibility, and seamless functionality across all - devices. + Hire me to design and develop high-performance static + websites and versatile multiplatform applications. With a + focus on clean, efficient code and intuitive user + experiences, I create solutions that are not only visually + appealing but also optimized for speed, accessibility, and + seamless functionality across all devices.

Date: Sun, 30 Mar 2025 21:55:33 -0400 Subject: [PATCH 03/10] Fix ui/ux issues --- src/pages/index.astro | 6 +++--- src/styles/button.css | 2 +- src/styles/index.css | 8 ++++++++ 3 files changed, 12 insertions(+), 4 deletions(-) diff --git a/src/pages/index.astro b/src/pages/index.astro index 3261d85..77f09d6 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -17,7 +17,7 @@ import ButtonLink from "../components/ButtonLink.astro"
-
Multiplatform Flutter Developer and Frontend Web Developer + Multiplatform Flutter Developer & Frontend Web Developer
@@ -101,7 +101,7 @@ import ButtonLink from "../components/ButtonLink.astro" development.

-
diff --git a/src/styles/button.css b/src/styles/button.css index b1bc2cc..4f1fd1b 100644 --- a/src/styles/button.css +++ b/src/styles/button.css @@ -3,7 +3,7 @@ button, display: flex; justify-content: center; align-items: center; - gap: 0.3em; + gap: 0.6em; border: 2px solid rgb(var(--primary)); color: white; border-radius: 50px; diff --git a/src/styles/index.css b/src/styles/index.css index a570a07..55921cf 100644 --- a/src/styles/index.css +++ b/src/styles/index.css @@ -48,6 +48,10 @@ main > * > section { padding: 1em; flex-wrap: wrap; + @media (max-width: 500px) { + border: none; + } + & a { min-width: 150px; width: 15%; @@ -84,6 +88,10 @@ main > * > section { & img { border-radius: var(--mdui-shape-corner-medium); border: 2px solid rgb(var(--primary)); + + .double > & { + width: 45%; + } } } :nth-child(2) > & { From 9f50bf786cca3a6879333f5101e6aeeb0fe88d97 Mon Sep 17 00:00:00 2001 From: Henry-Hiles Date: Sun, 30 Mar 2025 22:01:29 -0400 Subject: [PATCH 04/10] Add a background, to enhance readability --- src/styles/global.css | 2 +- src/styles/topBar.css | 1 + 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/src/styles/global.css b/src/styles/global.css index acf1edd..52548e3 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -43,7 +43,7 @@ body { } mdui-navigation-bar { - background: transparent; + background: rgba(0, 0, 0, 10%); backdrop-filter: blur(5px); } diff --git a/src/styles/topBar.css b/src/styles/topBar.css index 6b684eb..a30320a 100644 --- a/src/styles/topBar.css +++ b/src/styles/topBar.css @@ -6,6 +6,7 @@ mdui-top-app-bar { box-shadow: none; @media (max-width: 1500px) { + background: rgba(0, 0, 0, 10%); backdrop-filter: blur(5px); } From eb0a5eb8def5bec8d92adf4d61fe098e9f985699 Mon Sep 17 00:00:00 2001 From: Henry-Hiles Date: Sun, 30 Mar 2025 22:06:28 -0400 Subject: [PATCH 05/10] Make bars darker --- src/pages/index.astro | 19 ++++++++++++------- src/styles/global.css | 2 +- src/styles/topBar.css | 2 +- 3 files changed, 14 insertions(+), 9 deletions(-) diff --git a/src/pages/index.astro b/src/pages/index.astro index 77f09d6..6dd5092 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -17,7 +17,7 @@ import ButtonLink from "../components/ButtonLink.astro"
Henry Hiles - Multiplatform Flutter Developer & Frontend Web Developer + Multiplatform Flutter Developer & Front-End Web Developer
@@ -27,16 +27,21 @@ import ButtonLink from "../components/ButtonLink.astro"

Hello, I'm Henry Hiles, a developer specializing in flutter and web development. I'm proficient with Dart, Astro, - Node.JS, and TypeScript. I build high-performance, intuitive - applications with clean, efficient code and modern design - principles. + Node.JS, and TypeScript. +

+

+ I build high-performance, intuitive applications with clean, + efficient code and modern design principles.

Always eager to learn, I’ve earned certifications from Microsoft, Google, and Meta in cloud computing, AI, and - cybersecurity. Whether I'm optimizing mobile apps or - designing websites, I’m passionate about delivering - innovative digital solutions. + cybersecurity. +

+

+ Whether I'm optimizing mobile apps or designing websites, + I’m passionate about delivering innovative digital + solutions.

diff --git a/src/styles/global.css b/src/styles/global.css index 52548e3..c0860f3 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -43,7 +43,7 @@ body { } mdui-navigation-bar { - background: rgba(0, 0, 0, 10%); + background: rgba(0, 0, 0, 60%); backdrop-filter: blur(5px); } diff --git a/src/styles/topBar.css b/src/styles/topBar.css index a30320a..4b5184a 100644 --- a/src/styles/topBar.css +++ b/src/styles/topBar.css @@ -6,7 +6,7 @@ mdui-top-app-bar { box-shadow: none; @media (max-width: 1500px) { - background: rgba(0, 0, 0, 10%); + background: rgba(0, 0, 0, 60%); backdrop-filter: blur(5px); } From 93ffa4a316d1ab717c329654ca9087e914e85d9a Mon Sep 17 00:00:00 2001 From: Henry-Hiles Date: Sun, 30 Mar 2025 22:10:47 -0400 Subject: [PATCH 06/10] Fix spelling --- src/pages/index.astro | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/pages/index.astro b/src/pages/index.astro index 6dd5092..1ca12f2 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -25,8 +25,8 @@ import ButtonLink from "../components/ButtonLink.astro"

- Hello, I'm Henry Hiles, a developer specializing in flutter - and web development. I'm proficient with Dart, Astro, + Hello, I'm Henry Hiles, a developer specialising in Flutter + and Web development. I'm proficient with Dart, Astro, Node.JS, and TypeScript.

@@ -39,7 +39,7 @@ import ButtonLink from "../components/ButtonLink.astro" cybersecurity.

- Whether I'm optimizing mobile apps or designing websites, + Whether I'm optimising mobile apps or designing websites, I’m passionate about delivering innovative digital solutions.

@@ -78,7 +78,7 @@ import ButtonLink from "../components/ButtonLink.astro"

The new Quantarc website

I developed the new website for Quantarc, a - UK firm that specializes in providing + UK firm that specialises in providing management solutions to both private and public entities.

@@ -131,7 +131,7 @@ import ButtonLink from "../components/ButtonLink.astro"

- I have obtained certifications from renowned organizations + I have obtained certifications from renowned organisations such as Google, Meta, and Microsoft, spanning various fields, including cybersecurity, artificial intelligence, Microsoft Azure cloud services, and front-end development: From 8936dc45be8b9f7325adf97fc06dfbfe8fa41589 Mon Sep 17 00:00:00 2001 From: Henry-Hiles Date: Sun, 30 Mar 2025 22:18:50 -0400 Subject: [PATCH 07/10] Fix scroll issue --- src/styles/index.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/styles/index.css b/src/styles/index.css index 55921cf..ffb8b2a 100644 --- a/src/styles/index.css +++ b/src/styles/index.css @@ -25,6 +25,7 @@ mdui-card { main > * > section { display: flex; flex-direction: column; + scroll-margin-top: 1em; & div, mdui-card { @@ -116,4 +117,8 @@ main > * > section { min-width: 300px; } } + + @media (max-width: 1500px) { + scroll-margin-top: 5em; + } } From bff59baa049f8b33f1d045043b8ff4de190251ad Mon Sep 17 00:00:00 2001 From: Henry-Hiles Date: Sun, 30 Mar 2025 22:21:11 -0400 Subject: [PATCH 08/10] Fix active issue --- src/components/BottomBar.astro | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) diff --git a/src/components/BottomBar.astro b/src/components/BottomBar.astro index 4c877ed..de5bf0a 100644 --- a/src/components/BottomBar.astro +++ b/src/components/BottomBar.astro @@ -24,11 +24,10 @@ const sections: Array = [ From 07b8d13251df8b0270b92a6198a665ebb7eb7d42 Mon Sep 17 00:00:00 2001 From: Henry-Hiles Date: Mon, 31 Mar 2025 13:15:54 -0400 Subject: [PATCH 09/10] Add well known back --- public/.well-known/matrix/client | 8 ++++++++ public/.well-known/matrix/server | 3 +++ public/.well-known/matrix/support | 9 +++++++++ 3 files changed, 20 insertions(+) create mode 100644 public/.well-known/matrix/client create mode 100644 public/.well-known/matrix/server create mode 100644 public/.well-known/matrix/support diff --git a/public/.well-known/matrix/client b/public/.well-known/matrix/client new file mode 100644 index 0000000..2a5154e --- /dev/null +++ b/public/.well-known/matrix/client @@ -0,0 +1,8 @@ +{ + "m.homeserver": { + "base_url": "https://matrix.henryhiles.com", + "org.matrix.msc3575.proxy": { + "url": "https://matrix.henryhiles.com" + } + } +} diff --git a/public/.well-known/matrix/server b/public/.well-known/matrix/server new file mode 100644 index 0000000..3e6ac2a --- /dev/null +++ b/public/.well-known/matrix/server @@ -0,0 +1,3 @@ +{ + "m.server": "matrix.henryhiles.com:443" +} diff --git a/public/.well-known/matrix/support b/public/.well-known/matrix/support new file mode 100644 index 0000000..7f0d927 --- /dev/null +++ b/public/.well-known/matrix/support @@ -0,0 +1,9 @@ +{ + "contacts": [ + { + "matrix_id": "@quadradical:henryhiles.com", + "email_address": "henry@henryhiles.com", + "role": "m.role.admin" + } + ] +} From 28455cc0d70e4ff639e18ee047436a57989611f0 Mon Sep 17 00:00:00 2001 From: Henry-Hiles Date: Mon, 31 Mar 2025 17:44:05 -0400 Subject: [PATCH 10/10] 404 page --- src/layouts/Layout.astro | 11 ++++++++--- src/pages/404.astro | 18 ++++++++++++++++++ src/pages/index.astro | 4 +++- src/styles/404.css | 5 +++++ src/styles/global.css | 26 +++++++++++++++++++++++++- src/styles/index.css | 38 ++++++++------------------------------ 6 files changed, 67 insertions(+), 35 deletions(-) create mode 100644 src/pages/404.astro create mode 100644 src/styles/404.css diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index 21a59df..251cc07 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -1,8 +1,13 @@ --- import "mdui/mdui.css" import TopBar from "../components/TopBar.astro" -import BottomBar from "../components/BottomBar.astro" import "../styles/global.css" + +interface Props { + title: string +} + +const { title } = Astro.props --- @@ -16,12 +21,12 @@ import "../styles/global.css" rel="stylesheet" /> - Henry Hiles - Home + Henry Hiles - {title}

- + diff --git a/src/pages/404.astro b/src/pages/404.astro new file mode 100644 index 0000000..c41cc22 --- /dev/null +++ b/src/pages/404.astro @@ -0,0 +1,18 @@ +--- +import Layout from "../layouts/Layout.astro" +import "../styles/404.css" +--- + + + +
+

404 - Not Found

+ +

+ We couldn't find that page. Please return to our home page. +

+
+ + diff --git a/src/pages/index.astro b/src/pages/index.astro index 1ca12f2..dccb22f 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -12,9 +12,10 @@ import helpdesk from "../images/projects/helpdesk.jpg" import googleCS from "../images/certificates/googleCS.png" import metaFrontEnd from "../images/certificates/metaFrontEnd.png" import ButtonLink from "../components/ButtonLink.astro" +import BottomBar from "../components/BottomBar.astro" --- - +
Henry Hiles Multiplatform Flutter Developer & Front-End Web Developer @@ -219,4 +220,5 @@ import ButtonLink from "../components/ButtonLink.astro"
+ diff --git a/src/styles/404.css b/src/styles/404.css new file mode 100644 index 0000000..d63aa23 --- /dev/null +++ b/src/styles/404.css @@ -0,0 +1,5 @@ +body { + display: flex; + justify-content: center; + align-items: center; +} diff --git a/src/styles/global.css b/src/styles/global.css index c0860f3..8d451cc 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -31,7 +31,7 @@ body { margin: 0; background: radial-gradient( - circle 75vw at -25vw -20vh, + circle 80vw at -25vw -20vh, var(--circle-color), transparent ), @@ -54,6 +54,30 @@ main { gap: 2em; padding: 1em; + + & > * > section { + display: flex; + flex-direction: column; + scroll-margin-top: 1em; + + & div, + mdui-card { + display: flex; + justify-content: center; + gap: 1em; + } + + gap: 0.5em; + padding: 1em 2em; + + & h2 { + font-size: 2em; + } + + & p { + font-size: 1.3em; + } + } } mdui-divider { diff --git a/src/styles/index.css b/src/styles/index.css index ffb8b2a..3390273 100644 --- a/src/styles/index.css +++ b/src/styles/index.css @@ -23,28 +23,6 @@ mdui-card { } main > * > section { - display: flex; - flex-direction: column; - scroll-margin-top: 1em; - - & div, - mdui-card { - display: flex; - justify-content: center; - gap: 1em; - } - - gap: 0.5em; - padding: 1em 2em; - - & h2 { - font-size: 2em; - } - - & p { - font-size: 1.3em; - } - &#certificates mdui-card { padding: 1em; flex-wrap: wrap; @@ -64,6 +42,14 @@ main > * > section { flex-direction: column; gap: 1em; & mdui-card { + @media (max-width: 500px) { + border: none; + + & section { + padding: 0; + } + } + & section { margin: 1em; padding: 1em; @@ -99,14 +85,6 @@ main > * > section { flex-direction: row-reverse; } } - - @media (max-width: 500px) { - border: none; - - & section { - padding: 0; - } - } } }