Site: delete .second-glass, tweak values

onkofonko · Jan 30, 2025 · eefbcf1 · eefbcf1
1 parent cb7f976
commit eefbcf1
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 35 deletions.
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -43,13 +43,12 @@ const { title } = Astro.props;
 </html>
 <style is:global>
 	:root {
-		--glass-border: rgba(102, 103, 171, 0.15);
+		--glass-border: 102, 103, 171,;
 		--text-primary: #ffffff;
 		--text-secondary: rgba(255, 255, 255, 0.85);
 		--purple-primary: 102, 103, 171;
 		--background: 6, 0, 16;
 		--focus-ring: 0 0 0 3px rgba(102, 103, 171, 0.5);
-		--noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
 	}
 	* {
 		margin: 0;
@@ -104,15 +103,16 @@ const { title } = Astro.props;
 		border-radius: 24px;
 		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
 		backdrop-filter: blur(20px);
-		border: 2px solid var(--glass-border);
+		border: 2px solid rgba(var(--glass-border) 0.15);
 		padding: 2rem;
 		transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 		position: relative;
 	}
 
 	.glass:hover {
 		transform: translateY(-2px);
-		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.15);
+		box-shadow: 0 8px 40px rgba(0, 0, 0, 0.2);
+		border: 2px solid rgba(var(--glass-border) 0.20);
 	}
 
 	.glass:focus-visible {
@@ -121,32 +121,6 @@ const { title } = Astro.props;
 		border-color: rgba(102, 103, 171, 0.3);
 	}
 
-	.second-glass {
-		background: linear-gradient(
-			165deg,
-			rgba(166, 166, 255, 0.08) 0%,
-			rgba(255, 255, 255, 0.06) 100%
-		);
-		border-radius: 24px;
-		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
-		backdrop-filter: blur(20px);
-		border: 2px solid var(--glass-border);
-		padding: 2rem;
-		transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-		position: relative;
-	}
-
-	.second-glass:hover {
-		transform: translateY(-2px);
-		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.15);
-	}
-
-	.second-glass:focus-visible {
-		outline: none;
-		box-shadow: var(--focus-ring);
-		border-color: rgba(166, 166, 255, 0.3);
-	}
-
 	@media (prefers-reduced-motion: reduce) {
 		.blob-1,
 		.blob-2 {

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -114,7 +114,7 @@ import Layout from '../layouts/Layout.astro';
 				<div class="section">
 					<h2>Projects</h2>
 					<div class="project-grid">
-						<div class="project-card second-glass">
+						<div class="project-card glass">
 							<div class="project-content">
 								<div class="project-header">
 									<h3>Alexis Modern Discord theme fixes</h3>
@@ -127,7 +127,7 @@ import Layout from '../layouts/Layout.astro';
 								aria-label="View Alexis Modern Discord theme fixes project">View Project</a
 							>
 						</div>
-						<div class="project-card second-glass">
+						<div class="project-card glass">
 							<div class="project-content">
 								<div class="project-header">
 									<h3>Padavan firmware fork</h3>
@@ -221,7 +221,7 @@ import Layout from '../layouts/Layout.astro';
 		width: 100%;
 		height: 100%;
 		object-fit: cover;
-		border: 2px solid var(--glass-border);
+		border: 2px solid rgba(var(--glass-border) 0.15);
 		border-radius: 24px;
 		transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
 	}
@@ -297,7 +297,7 @@ import Layout from '../layouts/Layout.astro';
 	}
 	.divider {
 		height: 2px;
-		background: linear-gradient(to right, var(--glass-border), transparent);
+		background: linear-gradient(to right, rgba(var(--glass-border) 0.15), transparent);
 		margin: 2rem 0;
 		border-radius: 1px;
 	}
@@ -354,7 +354,6 @@ import Layout from '../layouts/Layout.astro';
 	}
 	.project-card:hover {
 		transform: translateY(-4px) scale(1.02);
-		border-color: rgba(166, 166, 255, 0.2);
 	}
 	.project-content {
 		flex-grow: 1;