diff --git a/public/.well-known/matrix/client b/public/.well-known/matrix/client deleted file mode 100644 index 2a5154e..0000000 --- a/public/.well-known/matrix/client +++ /dev/null @@ -1,8 +0,0 @@ -{ - "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 deleted file mode 100644 index 3e6ac2a..0000000 --- a/public/.well-known/matrix/server +++ /dev/null @@ -1,3 +0,0 @@ -{ - "m.server": "matrix.henryhiles.com:443" -} diff --git a/public/.well-known/matrix/support b/public/.well-known/matrix/support deleted file mode 100644 index 7f0d927..0000000 --- a/public/.well-known/matrix/support +++ /dev/null @@ -1,9 +0,0 @@ -{ - "contacts": [ - { - "matrix_id": "@quadradical:henryhiles.com", - "email_address": "henry@henryhiles.com", - "role": "m.role.admin" - } - ] -} diff --git a/src/components/BottomBar.astro b/src/components/BottomBar.astro index de5bf0a..4c877ed 100644 --- a/src/components/BottomBar.astro +++ b/src/components/BottomBar.astro @@ -24,10 +24,11 @@ const sections: Array = [ diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index 251cc07..ad57178 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -1,17 +1,12 @@ --- 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 --- - + @@ -21,12 +16,12 @@ const { title } = Astro.props rel="stylesheet" /> - Henry Hiles - {title} + Henry Hiles - Home
- + diff --git a/src/pages/404.astro b/src/pages/404.astro deleted file mode 100644 index c41cc22..0000000 --- a/src/pages/404.astro +++ /dev/null @@ -1,18 +0,0 @@ ---- -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 dccb22f..a07fd6f 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -12,13 +12,12 @@ 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 + Multiplatform Flutter Developer and Front-End Web Developer
@@ -26,23 +25,14 @@ import BottomBar from "../components/BottomBar.astro"

- Hello, I'm Henry Hiles, a developer specialising 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 optimising mobile apps or designing websites, - I’m passionate about delivering innovative digital - solutions. + 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.

@@ -79,7 +69,7 @@ import BottomBar from "../components/BottomBar.astro"

The new Quantarc website

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

@@ -107,7 +97,7 @@ import BottomBar from "../components/BottomBar.astro" development.

-
- diff --git a/src/styles/404.css b/src/styles/404.css deleted file mode 100644 index d63aa23..0000000 --- a/src/styles/404.css +++ /dev/null @@ -1,5 +0,0 @@ -body { - display: flex; - justify-content: center; - align-items: center; -} diff --git a/src/styles/button.css b/src/styles/button.css index 4f1fd1b..b1bc2cc 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.6em; + gap: 0.3em; border: 2px solid rgb(var(--primary)); color: white; border-radius: 50px; diff --git a/src/styles/global.css b/src/styles/global.css index 8d451cc..acf1edd 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -31,7 +31,7 @@ body { margin: 0; background: radial-gradient( - circle 80vw at -25vw -20vh, + circle 75vw at -25vw -20vh, var(--circle-color), transparent ), @@ -43,7 +43,7 @@ body { } mdui-navigation-bar { - background: rgba(0, 0, 0, 60%); + background: transparent; backdrop-filter: blur(5px); } @@ -54,30 +54,6 @@ 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 3390273..a570a07 100644 --- a/src/styles/index.css +++ b/src/styles/index.css @@ -23,14 +23,31 @@ mdui-card { } main > * > section { + display: flex; + flex-direction: column; + + & 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; - @media (max-width: 500px) { - border: none; - } - & a { min-width: 150px; width: 15%; @@ -42,14 +59,6 @@ main > * > section { flex-direction: column; gap: 1em; & mdui-card { - @media (max-width: 500px) { - border: none; - - & section { - padding: 0; - } - } - & section { margin: 1em; padding: 1em; @@ -75,16 +84,20 @@ main > * > section { & img { border-radius: var(--mdui-shape-corner-medium); border: 2px solid rgb(var(--primary)); - - .double > & { - width: 45%; - } } } :nth-child(2) > & { flex-direction: row-reverse; } } + + @media (max-width: 500px) { + border: none; + + & section { + padding: 0; + } + } } } @@ -95,8 +108,4 @@ main > * > section { min-width: 300px; } } - - @media (max-width: 1500px) { - scroll-margin-top: 5em; - } } diff --git a/src/styles/topBar.css b/src/styles/topBar.css index 4b5184a..6b684eb 100644 --- a/src/styles/topBar.css +++ b/src/styles/topBar.css @@ -6,7 +6,6 @@ mdui-top-app-bar { box-shadow: none; @media (max-width: 1500px) { - background: rgba(0, 0, 0, 60%); backdrop-filter: blur(5px); }