added home button

This commit is contained in:
2025-07-29 00:15:40 +01:00
parent 7de2688785
commit 6fc8157ab1
2 changed files with 73 additions and 0 deletions

View File

@@ -52,10 +52,22 @@ class AAFHomepage {
this.renderer this.renderer
) )
// Setup home button functionality
this.setupHomeButton()
// Initialize the scene // Initialize the scene
this.init() this.init()
} }
private setupHomeButton(): void {
const homeButton = document.getElementById('home-button')
if (homeButton) {
homeButton.addEventListener('click', () => {
window.location.href = 'https://home.aaf.systems/'
})
}
}
private init(): void { private init(): void {
// Setup renderer // Setup renderer
this.renderer.setSize(window.innerWidth, window.innerHeight) this.renderer.setSize(window.innerWidth, window.innerHeight)

View File

@@ -38,10 +38,71 @@ html, body {
cursor: crosshair; cursor: crosshair;
} }
.home-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 100;
/* Frosted glass effect */
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 12px;
/* Typography */
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
font-size: 1rem;
font-weight: 1000;
color: rgb(255, 255, 255);
letter-spacing: 1px;
/* Layout */
padding: 1rem 2rem;
cursor: pointer;
user-select: none;
/* Transitions */
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
/* Remove default button styles */
border: none;
outline: none;
}
.home-button:hover {
background: rgba(255, 255, 255, 0.15);
border: 1px solid rgba(255, 255, 255, 0.3);
transform: translate(-50%, -50%) translateY(-1px);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.home-button:active {
transform: translate(-50%, -50%) translateY(0);
background: rgba(255, 255, 255, 0.2);
}
.home-button span {
display: block;
position: relative;
color: rgba(255, 255, 255, 0.15);
filter: blur(0.3px);
-webkit-filter: blur(0.3px);
}
@media (max-width: 768px) { @media (max-width: 768px) {
.logo { .logo {
top: 1rem; top: 1rem;
left: 1rem; left: 1rem;
font-size: 1.25rem; font-size: 1.25rem;
} }
.home-button {
padding: 1.5rem 3rem;
font-size: 1.5rem;
letter-spacing: 3px;
/* Keep centered positioning on mobile */
}
} }