Henry-Hiles/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add dates
Some checks are pending
Deploy to Pages / Build (push) Waiting to run
Details
Deploy to Pages / Deploy (push) Blocked by required conditions
Details

Browse source
This commit is contained in:
Henry Hiles 2025-08-17 15:39:06 -04:00
commit 7ff8483e54
No known key found for this signature in database
2 changed files with 10 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/pages/index.astro
View file

@ -85,6 +85,7 @@ import CallToAction from "../components/CallToAction.astro"
alt="The Federated Nexus logo, showing interconnected lines going out to orbs filled with the colors of the pride flag." alt="The Federated Nexus logo, showing interconnected lines going out to orbs filled with the colors of the pride flag."
/> Federated Nexus</h3 /> Federated Nexus</h3
> >
<span>July 2025 - Present</span>
<p> <p>
I run <a href="https://federated.nexus" I run <a href="https://federated.nexus"
>Federated Nexus</a >Federated Nexus</a
@ -103,6 +104,7 @@ import CallToAction from "../components/CallToAction.astro"
<section> <section>
<article> <article>
<h3>The Quantarc website</h3> <h3>The Quantarc website</h3>
<span>Jan - May 2025</span>
<p> <p>
I developed the{" "} I developed the{" "}
<a href="https://quantarc.co.uk" <a href="https://quantarc.co.uk"
@ -127,6 +129,7 @@ import CallToAction from "../components/CallToAction.astro"
alt="The icon for QJobProcessor" alt="The icon for QJobProcessor"
/>Quantarc Mobile Apps</h3 />Quantarc Mobile Apps</h3
> >
<span>Sep 2025 - Present</span>
<p> <p>
I designed, developed, and distributed two mobile I designed, developed, and distributed two mobile
apps for Quantarc, QHelpdesk and QJobProcessor. apps for Quantarc, QHelpdesk and QJobProcessor.

11
src/styles/index.css
View file

@ -47,14 +47,18 @@ main > * > section {
margin: 0.5em; margin: 0.5em;
padding: 1em; padding: 1em;
display: flex; display: flex;
gap: 2rem; gap: 2.3rem;
align-items: center;
justify-content: center; justify-content: center;
flex-wrap: wrap; flex-wrap: wrap;
& article { & article {
& span {
color: hsl(0, 0%, 60%);
}
& h3 { & h3 {
font-size: 2em; font-size: 2em;
font-weight: normal; font-weight: normal;
margin: 0.5em 0; margin: 0.3em 0;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 0.7rem; gap: 0.7rem;
@ -64,7 +68,7 @@ main > * > section {
} }
} }
& p { & p {
margin: 0; margin: 0.7rem 0;
} }
width: 420px; width: 420px;
} }
@ -75,7 +79,6 @@ main > * > section {
gap: 1em; gap: 1em;
& img { & img {
border-radius: var(--mdui-shape-corner-medium); border-radius: var(--mdui-shape-corner-medium);
border: 2px solid rgb(var(--primary));
.double > & { .double > & {
width: 45%; width: 45%;