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"
- 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.
-
+
- Contact me to receive a quote
+ Contact me for a quote
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"
- 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"
---
-
+
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;
- }
- }
}
}