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

Certifications

Browse source
This commit is contained in:
Henry Hiles 2025-01-26 12:17:22 +00:00
parent 568fd64a8d
commit cd38bf6cc3
4 changed files with 81 additions and 69 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/components/BottomBar.astro
View file

@ -4,7 +4,6 @@ import type Page from "../types/page.ts"
const sections: Array<Page> = [ const sections: Array<Page> = [
{ title: "Home", id: "home", icon: "home" }, { title: "Home", id: "home", icon: "home" },
{ title: "Projects", id: "projects", icon: "build" }, { title: "Projects", id: "projects", icon: "build" },
{ title: "About", id: "about", icon: "info" },
{ title: "Hire", id: "hire", icon: "person" }, { title: "Hire", id: "hire", icon: "person" },
] ]
--- ---

96
src/pages/index.astro
View file

@ -3,7 +3,6 @@ import "../styles/index.css"
import { Image } from "astro:assets" import { Image } from "astro:assets"
import Layout from "../layouts/Layout.astro" import Layout from "../layouts/Layout.astro"
import logoLong from "../images/logoLong.svg" import logoLong from "../images/logoLong.svg"
import logo from "../images/logo.svg"
import ai900 from "../images/certificates/ai900.png" import ai900 from "../images/certificates/ai900.png"
import az900 from "../images/certificates/az900.png" import az900 from "../images/certificates/az900.png"
@ -58,47 +57,62 @@ import metaFrontEnd from "../images/certificates/metaFrontEnd.png"
/> />
</div> </div>
</a> </a>
</section>
</mdui-card>
<mdui-card variant="outlined">
<section id="certificates">
<h2>Certifications</h2>
<mdui-divider></mdui-divider>
<!-- <div id="certificates"> <article>
<a <p>
href="https://www.credly.com/badges/f85e1445-5fad-4954-90ce-78632749e1a7/public_url" I have obtained certifications from renowned organizations
target="_blank" such as Google, Meta, and Microsoft, spanning various
rel="noreferrer" fields, including cybersecurity, artificial intelligence,
> Microsoft Azure cloud services, and front-end development:
<Image src={googleCS} alt="Google Cybersecurity Badge" /> </p>
</a> </article>
<a
href="https://www.credly.com/badges/bd5a8213-4e3d-4b93-9b7d-4cbce07ef960/public_url" <div>
target="_blank" <a
rel="noreferrer" href="https://www.credly.com/badges/f85e1445-5fad-4954-90ce-78632749e1a7/public_url"
> target="_blank"
<Image src={az900} alt="Azure Fundamentals Badge" /> rel="noreferrer"
</a> >
<a <Image src={googleCS} alt="Google Cybersecurity Badge" />
href="https://www.credly.com/badges/1fd0fc1c-052a-4311-9938-6d38057305ce/public_url" </a>
target="_blank" <a
rel="noreferrer" href="https://www.credly.com/badges/bd5a8213-4e3d-4b93-9b7d-4cbce07ef960/public_url"
> target="_blank"
<Image src={dp900} alt="Azure Data Fundamentals Badge" /> rel="noreferrer"
</a> >
<a <Image src={az900} alt="Azure Fundamentals Badge" />
href="https://www.credly.com/badges/37008ee1-69e0-44aa-82cb-33e4bdf153a8/public_url" </a>
target="_blank" <a
rel="noreferrer" href="https://www.credly.com/badges/1fd0fc1c-052a-4311-9938-6d38057305ce/public_url"
> target="_blank"
<Image src={ai900} alt="Azure AI Fundamentals Badge" /> rel="noreferrer"
</a> >
<a <Image src={dp900} alt="Azure Data Fundamentals Badge" />
href="https://www.credly.com/badges/acbec46c-7304-4bb5-8784-53fdcdc5544d/public_url" </a>
target="_blank" <a
rel="noreferrer" href="https://www.credly.com/badges/37008ee1-69e0-44aa-82cb-33e4bdf153a8/public_url"
> target="_blank"
<Image rel="noreferrer"
src={metaFrontEnd} >
alt="Meta Front-End Developer Badge" <Image src={ai900} alt="Azure AI Fundamentals Badge" />
/> </a>
</a> <a
</div> --> href="https://www.credly.com/badges/acbec46c-7304-4bb5-8784-53fdcdc5544d/public_url"
target="_blank"
rel="noreferrer"
>
<Image
src={metaFrontEnd}
alt="Meta Front-End Developer Badge"
/>
</a>
</div>
</section> </section>
</mdui-card> </mdui-card>
</Layout> </Layout>

19
src/styles/global.css
View file

@ -18,6 +18,7 @@ body {
--circle-color: rgba(var(--primary), 0.8); --circle-color: rgba(var(--primary), 0.8);
--bg-color: rgb(var(--mdui-color-background)); --bg-color: rgb(var(--mdui-color-background));
min-height: 100vh;
background-repeat: no-repeat; background-repeat: no-repeat;
margin: 0; margin: 0;
@ -35,9 +36,7 @@ body {
mdui-navigation-bar { mdui-navigation-bar {
background: transparent; background: transparent;
:root:not([data-scroll="0"]) & { backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
}
} }
main { main {
@ -71,16 +70,6 @@ mdui-icon {
visibility: hidden; visibility: hidden;
} }
#dark { a {
display: none; color: rgb(var(--primary));
}
@media (prefers-color-scheme: dark) {
& #light {
display: none;
}
& #dark {
display: block;
}
} }

34
src/styles/index.css
View file

@ -17,8 +17,12 @@ header {
} }
} }
section { mdui-card {
max-width: 1000px; max-width: 1000px;
width: 100%;
}
section {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -26,7 +30,6 @@ section {
display: flex; display: flex;
justify-content: center; justify-content: center;
gap: 1em; gap: 1em;
flex-wrap: wrap;
} }
gap: 0.5em; gap: 0.5em;
@ -40,18 +43,25 @@ section {
font-size: 1.3em; font-size: 1.3em;
} }
&#about { &#certificates {
& #stats img { & div {
padding-top: 1em;
width: 100%;
overflow: scroll;
justify-content: start;
}
& a {
min-width: 200px;
width: 15%;
}
}
&#about #stats {
flex-wrap: wrap;
& img {
width: 45%; width: 45%;
min-width: 300px; min-width: 300px;
} }
& #certificates {
padding-top: 1em;
& a {
min-width: 150px;
width: 15%;
}
}
} }
} }