From eb0a5eb8def5bec8d92adf4d61fe098e9f985699 Mon Sep 17 00:00:00 2001 From: Henry-Hiles Date: Sun, 30 Mar 2025 22:06:28 -0400 Subject: [PATCH] Make bars darker --- src/pages/index.astro | 19 ++++++++++++------- src/styles/global.css | 2 +- src/styles/topBar.css | 2 +- 3 files changed, 14 insertions(+), 9 deletions(-) diff --git a/src/pages/index.astro b/src/pages/index.astro index 77f09d6..6dd5092 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -17,7 +17,7 @@ import ButtonLink from "../components/ButtonLink.astro"
Henry Hiles - Multiplatform Flutter Developer & Frontend Web Developer + Multiplatform Flutter Developer & Front-End Web Developer
@@ -27,16 +27,21 @@ import ButtonLink from "../components/ButtonLink.astro"

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

+

+ 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 optimizing mobile apps or - designing websites, I’m passionate about delivering - innovative digital solutions. + cybersecurity. +

+

+ Whether I'm optimizing mobile apps or designing websites, + I’m passionate about delivering innovative digital + solutions.

diff --git a/src/styles/global.css b/src/styles/global.css index 52548e3..c0860f3 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -43,7 +43,7 @@ body { } mdui-navigation-bar { - background: rgba(0, 0, 0, 10%); + background: rgba(0, 0, 0, 60%); backdrop-filter: blur(5px); } diff --git a/src/styles/topBar.css b/src/styles/topBar.css index a30320a..4b5184a 100644 --- a/src/styles/topBar.css +++ b/src/styles/topBar.css @@ -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); }