added home button
This commit is contained in:
@@ -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)
|
||||||
|
|||||||
@@ -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 */
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user