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>
<header id="home">
<Image src={logoLong} alt="Henry Hiles" />
<span>Multiplatform Flutter Developer & Frontend Web Developer</span>
<span>Multiplatform Flutter Developer & Front-End Web Developer</span>
</header>
<mdui-card variant="outlined">
<section id="about">
@ -27,16 +27,21 @@ import ButtonLink from "../components/ButtonLink.astro"
<p>
Hello, I'm Henry Hiles, a developer specializing 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.
Node.JS, and TypeScript.
</p>
<p>
I build high-performance, intuitive applications with clean,
efficient code and modern design principles.
</p>
<p>
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.
cybersecurity.
</p>
<p>
Whether I'm optimizing mobile apps or designing websites,
I’m passionate about delivering innovative digital
solutions.
</p>
</article>

2
src/styles/global.css
View file

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

2
src/styles/topBar.css
View file

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