diff --git a/package.json b/package.json index 93ec3c8..44063db 100644 --- a/package.json +++ b/package.json @@ -10,7 +10,6 @@ }, "dependencies": { "astro": "^5.1.8", - "mdui": "^2.1.3", "sharp": "^0.33.5" } } diff --git a/src/components/BottomBar.astro b/src/components/BottomBar.astro deleted file mode 100644 index de5bf0a..0000000 --- a/src/components/BottomBar.astro +++ /dev/null @@ -1,33 +0,0 @@ ---- -import type Page from "../types/page.ts" - -const sections: Array = [ - { title: "Home", id: "home", icon: "home" }, - { title: "Projects", id: "projects", icon: "build" }, - { title: "Hire", id: "hire", icon: "person" }, -] ---- - - - { - sections.map((section) => ( - - {section.title} - - )) - } - - - diff --git a/src/components/ButtonLink.astro b/src/components/ButtonLink.astro deleted file mode 100644 index 4773a85..0000000 --- a/src/components/ButtonLink.astro +++ /dev/null @@ -1,13 +0,0 @@ ---- -import "../styles/button.css" - -interface Props { - href: string -} - -const { href } = Astro.props ---- - - - - diff --git a/src/components/TopBar.astro b/src/components/TopBar.astro deleted file mode 100644 index a81f673..0000000 --- a/src/components/TopBar.astro +++ /dev/null @@ -1,25 +0,0 @@ ---- -import "../styles/topBar.css" -import logo from "../images/logo.svg" ---- - - - -

Henry Hiles

 - - - - - - - diff --git a/src/images/certificates/ai900.png b/src/images/certificates/ai900.png deleted file mode 100644 index 43570d6..0000000 Binary files a/src/images/certificates/ai900.png and /dev/null differ diff --git a/src/images/certificates/az900.png b/src/images/certificates/az900.png deleted file mode 100644 index 91ef661..0000000 Binary files a/src/images/certificates/az900.png and /dev/null differ diff --git a/src/images/certificates/dp900.png b/src/images/certificates/dp900.png deleted file mode 100644 index b75bdbd..0000000 Binary files a/src/images/certificates/dp900.png and /dev/null differ diff --git a/src/images/certificates/googleCS.png b/src/images/certificates/googleCS.png deleted file mode 100644 index 9070480..0000000 Binary files a/src/images/certificates/googleCS.png and /dev/null differ diff --git a/src/images/certificates/metaFrontEnd.png b/src/images/certificates/metaFrontEnd.png deleted file mode 100644 index a458d85..0000000 Binary files a/src/images/certificates/metaFrontEnd.png and /dev/null differ diff --git a/src/images/logo.svg b/src/images/logo.svg deleted file mode 100644 index 620a908..0000000 --- a/src/images/logo.svg +++ /dev/null @@ -1,75 +0,0 @@ - - - - diff --git a/src/images/logoLong.svg b/src/images/logoLong.svg deleted file mode 100644 index 73984d5..0000000 --- a/src/images/logoLong.svg +++ /dev/null @@ -1,77 +0,0 @@ - - - - diff --git a/src/images/projects/helpdesk.jpg b/src/images/projects/helpdesk.jpg deleted file mode 100644 index e3b454d..0000000 Binary files a/src/images/projects/helpdesk.jpg and /dev/null differ diff --git a/src/images/projects/jobProcessor.jpg b/src/images/projects/jobProcessor.jpg deleted file mode 100644 index e92bb12..0000000 Binary files a/src/images/projects/jobProcessor.jpg and /dev/null differ diff --git a/src/images/projects/quantarcSite.png b/src/images/projects/quantarcSite.png deleted file mode 100644 index 5c36df0..0000000 Binary files a/src/images/projects/quantarcSite.png and /dev/null differ diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro deleted file mode 100644 index 251cc07..0000000 --- a/src/layouts/Layout.astro +++ /dev/null @@ -1,41 +0,0 @@ ---- -import "mdui/mdui.css" -import TopBar from "../components/TopBar.astro" -import "../styles/global.css" - -interface Props { - title: string -} - -const { title } = Astro.props ---- - - - - - - - - - - Henry Hiles - {title} - - - -
- - - - - 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 deleted file mode 100644 index dccb22f..0000000 --- a/src/pages/index.astro +++ /dev/null @@ -1,224 +0,0 @@ ---- -import "../styles/index.css" -import { Image } from "astro:assets" -import Layout from "../layouts/Layout.astro" -import logoLong from "../images/logoLong.svg" -import ai900 from "../images/certificates/ai900.png" -import az900 from "../images/certificates/az900.png" -import dp900 from "../images/certificates/dp900.png" -import quantarcSite from "../images/projects/quantarcSite.png" -import jobProcessor from "../images/projects/jobProcessor.jpg" -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 -
- -
-

About Me

- -
-

- 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. -

-
- - -
- My Github Stats - My Github Stats -
- -
- - -
-

My Projects

- -
- { - [ -
-
-

The new Quantarc website

-

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

-
- -
, -
-
-

Quantarc Mobile Apps

-

- I designed, and developed, and distributed - two mobile apps for Quantarc, QHelpdesk and - QJobProcessor. QHelpdesk streamlines - customer support by enabling users to - submit, track, and manage requests - efficiently, while QJobProcessor allows - contractors to see, complete, and update - jobs. My responsibilities included UI/UX - design, multiplatform support, and app - development. -

-
- -
, - ].map((elem) => ( - {elem} - )) - } -
-
- - -
-

Certifications

- - -
-

- 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: -

-
- - - - Azure Fundamentals Badge - - - Azure Data Fundamentals Badge - - - Azure AI Fundamentals Badge - - - Meta Front-End Developer Badge - - - Google Cybersecurity Badge - - -
- - -
-

Hire Me

- - -
-

- 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. -

-
- - - - - Contact me for a quote - -
- - - 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 deleted file mode 100644 index 4f1fd1b..0000000 --- a/src/styles/button.css +++ /dev/null @@ -1,27 +0,0 @@ -button, -.button-link { - display: flex; - justify-content: center; - align-items: center; - gap: 0.6em; - border: 2px solid rgb(var(--primary)); - color: white; - border-radius: 50px; - font-size: 1.2em; - padding: 1rem 2rem; - text-decoration: none; - - & mdui-icon { - height: 1em; - width: 1em; - color: rgb(var(--primary)); - } - - &:disabled { - filter: brightness(70%); - } - - &:not(:disabled):hover { - background-color: rgba(0, 0, 0, 0.2); - } -} diff --git a/src/styles/global.css b/src/styles/global.css deleted file mode 100644 index 8d451cc..0000000 --- a/src/styles/global.css +++ /dev/null @@ -1,107 +0,0 @@ -* { - box-sizing: border-box; - max-width: 100%; -} - -:root { - --primary: 78, 148, 228; - background-image: url(/background.svg); - background-size: cover; - background-position: center; - - @media (prefers-reduced-motion: no-preference) { - scroll-behavior: smooth; - } -} - -[variant="outlined"] { - border: 3px solid rgb(var(--primary)); - background-color: #1b1f26; -} - -body { - --circle-color: rgba(var(--primary), 0.8); - --bg-color: rgb(var(--mdui-color-background)); - - font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", - Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", - sans-serif; - min-height: 100vh; - background-repeat: no-repeat; - margin: 0; - - background: radial-gradient( - circle 80vw at -25vw -20vh, - var(--circle-color), - transparent - ), - radial-gradient( - circle 80vw at 150vw 130vh, - var(--circle-color), - transparent - ); -} - -mdui-navigation-bar { - background: rgba(0, 0, 0, 60%); - backdrop-filter: blur(5px); -} - -main { - flex-direction: column; - display: flex; - align-items: center; - 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 { - width: 100%; -} - -mdui-icon { - display: flex; -} - -spacer { - flex-grow: 1; -} - -img, -mdui-icon { - width: 100%; - height: auto; -} - -:not(:defined) { - visibility: hidden; -} - -a { - color: rgb(var(--primary)); -} diff --git a/src/styles/index.css b/src/styles/index.css deleted file mode 100644 index 3390273..0000000 --- a/src/styles/index.css +++ /dev/null @@ -1,102 +0,0 @@ -header { - display: flex; - flex-direction: column; - font-size: 2em; - justify-content: center; - align-items: center; - - & img { - max-width: 35rem; - height: min-content; - } - - & span { - display: flex; - text-align: center; - padding: 0 0.5rem; - } -} - -mdui-card { - max-width: 1000px; - width: 100%; -} - -main > * > section { - &#certificates mdui-card { - padding: 1em; - flex-wrap: wrap; - - @media (max-width: 500px) { - border: none; - } - - & a { - min-width: 150px; - width: 15%; - } - } - - &#projects div { - display: flex; - flex-direction: column; - gap: 1em; - & mdui-card { - @media (max-width: 500px) { - border: none; - - & section { - padding: 0; - } - } - - & section { - margin: 1em; - padding: 1em; - display: flex; - gap: 2rem; - justify-content: center; - flex-wrap: wrap; - & article { - & h3 { - font-size: 2em; - margin: 0.5em 0; - } - & p { - margin: 0; - } - width: 420px; - } - & aside { - display: flex; - justify-content: center; - width: 380px; - gap: 1em; - & img { - border-radius: var(--mdui-shape-corner-medium); - border: 2px solid rgb(var(--primary)); - - .double > & { - width: 45%; - } - } - } - :nth-child(2) > & { - flex-direction: row-reverse; - } - } - } - } - - &#about #stats div { - flex-wrap: wrap; - & img { - max-width: 350px; - min-width: 300px; - } - } - - @media (max-width: 1500px) { - scroll-margin-top: 5em; - } -} diff --git a/src/styles/topBar.css b/src/styles/topBar.css deleted file mode 100644 index 4b5184a..0000000 --- a/src/styles/topBar.css +++ /dev/null @@ -1,27 +0,0 @@ -mdui-top-app-bar { - align-items: center; - padding: 0 1em; - gap: 0.2em; - background: transparent; - box-shadow: none; - - @media (max-width: 1500px) { - background: rgba(0, 0, 0, 60%); - backdrop-filter: blur(5px); - } - - & mdui-icon { - border: 2px solid rgb(var(--primary)); - width: 1.5em; - border-radius: 100%; - } - - & mdui-button-icon { - width: 1.3em; - color: rgb(var(--primary)) !important; - } - - & h1 { - font-size: inherit; - } -} diff --git a/src/types/page.ts b/src/types/page.ts deleted file mode 100644 index 1fd3b15..0000000 --- a/src/types/page.ts +++ /dev/null @@ -1,5 +0,0 @@ -export default interface Page { - title: string - id: string - icon: string -}