Skip to content

Commit df7eac2

Browse files
natashaw17natashaw17
committed
getting rid of header and fixing website name/logo
1 parent 6c73f5d commit df7eac2

6 files changed

Lines changed: 30 additions & 30 deletions

File tree

‎index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,9 @@
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8" />
5-
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
5+
<link rel="icon" type="image/png" href="/SSTRUK-logo.png" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<title>devs-sesa-beginner-hackathon-2026</title>
7+
<title>SSTRUK</title>
88
</head>
99
<body>
1010
<div id="root"></div>

‎src/App.tsx‎

Lines changed: 7 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -3,25 +3,20 @@ import Home from './pages/home/Home';
33
import Signup from './pages/Signup';
44
import Explore from './pages/Explore';
55
import Chat from './pages/Chat';
6-
import { Rocket } from 'lucide-react';
76

87
function App() {
98
const location = useLocation();
109
const isHomePage = location.pathname === '/';
1110

1211
return (
1312
<div className="app-container">
14-
<nav className="navbar">
15-
<Link to="/" className="navbar-brand">
16-
<Rocket className="inline-block mr-2" size={24} style={{ verticalAlign: 'text-bottom', color: 'var(--color-secondary)' }} />
17-
SSTRUK
18-
</Link>
19-
{!isHomePage && (
20-
<div style={{ display: 'flex', gap: '16px' }}>
21-
<Link to="/explore" className="btn-outline" style={{ padding: '6px 16px', fontSize: '0.9rem' }}>Explore</Link>
22-
</div>
23-
)}
24-
</nav>
13+
{!isHomePage && (
14+
<div style={{ position: 'absolute', top: '24px', left: '32px', zIndex: 100 }}>
15+
<Link to="/" style={{ display: 'inline-block' }}>
16+
<img src={`${import.meta.env.BASE_URL}SSTRUK-logo.png?v=5`} alt="SSTRUK Logo" style={{ height: '80px', objectFit: 'contain' }} />
17+
</Link>
18+
</div>
19+
)}
2520

2621
<main className="main-content">
2722
<Routes>

‎src/components/OrbitSystem.tsx‎

Lines changed: 12 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -69,12 +69,14 @@ export default function OrbitSystem() {
6969
}
7070
`}</style>
7171

72-
<div style={{ position: 'relative', width: '100%', maxWidth: '800px', height: '600px', display: 'flex', alignItems: 'center', justifyContent: 'center', overflow: 'hidden' }}>
72+
<div style={{ position: 'relative', width: '100%', flex: 1, display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
7373

7474
{/* User Center */}
7575
<div style={{
76-
width: '80px',
77-
height: '80px',
76+
width: '12vmin',
77+
height: '12vmin',
78+
minWidth: '60px',
79+
minHeight: '60px',
7880
borderRadius: '50%',
7981
background: 'linear-gradient(135deg, var(--color-primary), var(--color-secondary))',
8082
boxShadow: '0 0 30px var(--color-secondary)',
@@ -83,34 +85,34 @@ export default function OrbitSystem() {
8385
justifyContent: 'center',
8486
fontWeight: 'bold',
8587
zIndex: 10,
86-
fontSize: '1.2rem',
88+
fontSize: 'clamp(1rem, 2.5vmin, 1.5rem)',
8789
color: 'white'
8890
}}>
8991
{preferences.name.substring(0, 2).toUpperCase() || 'YOU'}
9092
</div>
9193

9294
{/* Orbit Rings and Aliens */}
9395
{visibleAliens.map((alien, i) => {
94-
// Calculate radius based on distance (min 80px, max 280px)
96+
// Calculate radius based on distance
9597
const radiusRatio = preferences.maxDistanceAU > 0 ? alien.distanceAU / preferences.maxDistanceAU : 1;
96-
const radius = 80 + (radiusRatio * 200);
97-
const duration = 15 + (radius / 10); // Slower orbit for further objects
98+
const radius = 12 + (radiusRatio * 25); // Responsive radius using vmin
99+
const duration = 15 + radius / 2; // Slower orbit for further objects
98100
const startAngle = (i * (360 / visibleAliens.length));
99101

100102
return (
101103
<div key={alien.id}>
102104
{/* Ring */}
103-
<div className="orbit-ring" style={{ width: `${radius * 2}px`, height: `${radius * 2}px` }} />
105+
<div className="orbit-ring" style={{ width: `${radius * 2}vmin`, height: `${radius * 2}vmin` }} />
104106

105107
{/* Profile */}
106108
<div
107109
className="orbit-item"
108110
onClick={() => setSelectedAlien(alien)}
109111
style={{
110112
// @ts-ignore
111-
'--radius': `${radius}px`,
113+
'--radius': `${radius}vmin`,
112114
'--duration': `${duration}s`,
113-
animationDelay: `-${startAngle}s` // Stagger start positions
115+
animationDelay: `-${startAngle}s`
114116
}}
115117
title={`${alien.name} (${alien.distanceAU} AU)`}
116118
>

‎src/index.css‎

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -21,8 +21,8 @@ body {
2121
radial-gradient(circle at 85% 30%, rgba(217, 3, 104, 0.25), transparent 25%);
2222
background-attachment: fixed;
2323
color: var(--color-white);
24-
min-height: 100vh;
25-
overflow-x: hidden;
24+
height: 100vh;
25+
overflow: hidden;
2626
}
2727

2828
h1, h2, h3, h4, h5, h6 {
@@ -154,4 +154,7 @@ select option {
154154
flex: 1;
155155
display: flex;
156156
flex-direction: column;
157+
justify-content: center;
158+
align-items: center;
159+
width: 100%;
157160
}

‎src/pages/Explore.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,9 +17,9 @@ export default function Explore() {
1717
if (!preferences) return null;
1818

1919
return (
20-
<div style={{ flex: 1, display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', padding: '20px' }}>
20+
<div style={{ flex: 1, display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', padding: '20px', width: '100%', boxSizing: 'border-box' }}>
2121
<h2 style={{ color: 'var(--color-primary)', textShadow: '0 0 10px rgba(130, 2, 99, 0.5)' }}>Exploring Sector...</h2>
22-
<p style={{ marginBottom: '40px' }}>Scanning for matches within {preferences.maxDistanceAU} AU</p>
22+
<p style={{ marginBottom: '10px' }}>Scanning for matches within {preferences.maxDistanceAU} AU</p>
2323

2424
<OrbitSystem />
2525
</div>

‎src/pages/Signup.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -30,8 +30,8 @@ export default function Signup() {
3030
};
3131

3232
return (
33-
<div style={{ maxWidth: '500px', margin: '40px auto', padding: '0 20px' }}>
34-
<div className="glass-panel" style={{ padding: '32px' }}>
33+
<div style={{ width: '100%', maxWidth: '600px', padding: '20px', boxSizing: 'border-box' }}>
34+
<div className="glass-panel" style={{ padding: '40px' }}>
3535
<h1 style={{ textAlign: 'center', marginBottom: '24px', color: 'var(--color-secondary)' }}>Welcome to SSTRUK</h1>
3636
<p style={{ textAlign: 'center', marginBottom: '32px', color: 'rgba(234, 222, 218, 0.8)' }}>
3737
Enter your details and preferences to find your perfect alien match.

0 commit comments

Comments
 (0)