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

Make bars darker

Browse source
This commit is contained in:
Henry Hiles 2025-03-30 22:06:28 -04:00
parent 9f50bf786c
commit eb0a5eb8de
Signed by: Henry-Hiles
SSH key fingerprint: SHA256:VKQUdS31Q90KvX7EkKMHMBpUspcmItAh86a+v7PGiIs
3 changed files with 14 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/pages/index.astro
View file

@ -17,7 +17,7 @@ import ButtonLink from "../components/ButtonLink.astro"
<Layout> <Layout>
<header id="home"> <header id="home">
<Image src={logoLong} alt="Henry Hiles" /> <Image src={logoLong} alt="Henry Hiles" />
<span>Multiplatform Flutter Developer & Frontend Web Developer</span> <span>Multiplatform Flutter Developer & Front-End Web Developer</span>
</header> </header>
<mdui-card variant="outlined"> <mdui-card variant="outlined">
<section id="about"> <section id="about">
@ -27,16 +27,21 @@ import ButtonLink from "../components/ButtonLink.astro"
<p> <p>
Hello, I'm Henry Hiles, a developer specializing in flutter Hello, I'm Henry Hiles, a developer specializing in flutter
and web development. I'm proficient with Dart, Astro, and web development. I'm proficient with Dart, Astro,
Node.JS, and TypeScript. I build high-performance, intuitive Node.JS, and TypeScript.
applications with clean, efficient code and modern design </p>
principles. <p>
I build high-performance, intuitive applications with clean,
efficient code and modern design principles.
</p> </p>
<p> <p>
Always eager to learn, I’ve earned certifications from Always eager to learn, I’ve earned certifications from
Microsoft, Google, and Meta in cloud computing, AI, and Microsoft, Google, and Meta in cloud computing, AI, and
cybersecurity. Whether I'm optimizing mobile apps or cybersecurity.
designing websites, I’m passionate about delivering </p>
innovative digital solutions. <p>
Whether I'm optimizing mobile apps or designing websites,
I’m passionate about delivering innovative digital
solutions.
</p> </p>
</article> </article>

2
src/styles/global.css
View file

@ -43,7 +43,7 @@ body {
} }
mdui-navigation-bar { mdui-navigation-bar {
background: rgba(0, 0, 0, 10%); background: rgba(0, 0, 0, 60%);
backdrop-filter: blur(5px); backdrop-filter: blur(5px);
} }

2
src/styles/topBar.css
View file

@ -6,7 +6,7 @@ mdui-top-app-bar {
box-shadow: none; box-shadow: none;
@media (max-width: 1500px) { @media (max-width: 1500px) {
background: rgba(0, 0, 0, 10%); background: rgba(0, 0, 0, 60%);
backdrop-filter: blur(5px); backdrop-filter: blur(5px);
} }