Skip to content

Commit b2862bd

Browse files
numbpill3dnumbpill3d
committed
THNKS CLAUDE
1 parent 599458f commit b2862bd

12 files changed

Lines changed: 668 additions & 733 deletions

‎css/style.css‎

Lines changed: 468 additions & 532 deletions
Large diffs are not rendered by default.

‎dashboard.html‎

Lines changed: 20 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -8,37 +8,43 @@
88
</head>
99
<body>
1010
<header>
11-
<h1>🗝️ Portal Room ⚔️</h1>
11+
<pre>
12+
____ _ _ ____
13+
| _ \ ___ _ __ | |_ __ _| | | _ \ ___ ___ _ __ ___
14+
| |_) / _ \| '_ \| __/ _` | | | |_) / _ \ / _ \| '_ ` _ \
15+
| __/ (_) | | | | || (_| | | | _ < (_) | (_) | | | | | |
16+
|_| \___/|_| |_|\__\__,_|_| |_| \_\___/ \___/|_| |_| |_|
17+
</pre>
1218
<nav>
13-
<a href="dashboard.html" class="active">Dashboard</a>
14-
<a href="submit.html">Submit Link</a>
15-
<a href="profile.html">Profile</a>
16-
<a href="#" id="logout-btn">Logout</a>
19+
<a href="dashboard.html" class="active">dashboard</a>
20+
<a href="submit.html">submit</a>
21+
<a href="profile.html">profile</a>
22+
<a href="#" id="logout-btn">logout</a>
1723
</nav>
1824
</header>
1925

2026
<main class="page-shell">
2127
<div class="section-bar">
2228
<span class="eyebrow">Dashboard</span>
23-
<span class="hint">Browse and filter links</span>
29+
<span class="hint">browse and filter links</span>
2430
</div>
2531
<div class="dashboard-content">
2632
<div class="search-filter panel-block">
27-
<h3>Search Links</h3>
28-
<input type="search" id="search-input" placeholder="Search links...">
33+
<h3>Filter Links</h3>
34+
<input type="search" id="search-input" placeholder="search links...">
2935
<select id="tag-filter">
30-
<option value="all">All tags</option>
36+
<option value="all">all tags</option>
3137
</select>
3238
<select id="sort-filter">
33-
<option value="newest">Newest First</option>
34-
<option value="oldest">Oldest First</option>
35-
<option value="most-upvoted">Most Upvoted</option>
36-
<option value="least-upvoted">Least Upvoted</option>
39+
<option value="newest">newest first</option>
40+
<option value="oldest">oldest first</option>
41+
<option value="most-upvoted">most upvoted</option>
42+
<option value="least-upvoted">least upvoted</option>
3743
</select>
3844
</div>
3945
<div id="links-container" class="panel-block">
4046
<h2>Recent Links</h2>
41-
<p class="dungeon-subtitle">Discover the most recent links shared by users</p>
47+
<p class="dungeon-subtitle">Browse the most recent links submitted by users</p>
4248
<div id="links-list"></div>
4349
</div>
4450
</div>

‎index.html‎

Lines changed: 12 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -9,35 +9,32 @@
99
<body>
1010
<header>
1111
<pre>
12-
____ __ __ ____ __
13-
/\ _`\ /\ \ /\ \/\ _`\ /\ \
14-
\ \ \L\ \ ___\ \ \___ \ \ \ \ \L\ \ ___\ \ \___
15-
\ \ , / /'___\\ \ _ `\/ \ \ \ , / /'___\\ \ _ `\
16-
\ \ \\ \ /\ \__/ \ \ \ \ \ \ \ \ \\ \ /\ \__/ \ \ \ \ \
17-
\ \_\ \_\\ \____\ \_\ \_\/ \ \_\ \_\\ \____\ \_\ \_\
18-
\/_/\/_/ \/____/ \/_/\/_/ \/_/\/_/ \/____/ \/_\/_/
12+
____ _ _ ____
13+
| _ \ ___ _ __ | |_ __ _| | | _ \ ___ ___ _ __ ___
14+
| |_) / _ \| '_ \| __/ _` | | | |_) / _ \ / _ \| '_ ` _ \
15+
| __/ (_) | | | | || (_| | | | _ < (_) | (_) | | | | | |
16+
|_| \___/|_| |_|\__\__,_|_| |_| \_\___/ \___/|_| |_| |_|
1917
</pre>
20-
<h1>Portal Room</h1>
2118
<nav>
22-
<a href="index.html" class="active">Home</a>
23-
<a href="login.html">Login</a>
24-
<a href="register.html">Register</a>
19+
<a href="index.html" class="active">home</a>
20+
<a href="login.html">login</a>
21+
<a href="register.html">register</a>
2522
</nav>
2623
</header>
2724

2825
<main class="page-shell">
2926
<div class="section-bar">
3027
<span class="eyebrow">Portal Room</span>
31-
<span class="hint">Link board · curated links from users</span>
28+
<span class="hint">link archive · user submitted</span>
3229
</div>
3330
<div id="links-container" class="dungeon-welcome panel-block">
3431
<h2>Shared Links</h2>
3532
<div class="dungeon-description">
36-
<p>Welcome to Portal Room - a link archive where useful resources are shared and discovered. Browse the links and contribute your own findings to this collection.</p>
33+
<p>A collaborative link archive. Browse recent submissions or register to contribute your own links to the collection.</p>
3734
</div>
3835
<div class="cta-buttons">
39-
<a href="login.html" class="btn-ghost">Login</a>
40-
<a href="register.html" class="btn-primary">Register</a>
36+
<a href="login.html" class="btn-ghost">login</a>
37+
<a href="register.html" class="btn-primary">register</a>
4138
</div>
4239
<div id="stats-grid" class="stats-grid"></div>
4340
<div id="links-list"></div>

‎js/app.js‎

Lines changed: 13 additions & 73 deletions
Original file line numberDiff line numberDiff line change
@@ -24,43 +24,9 @@ class PortalRoom {
2424
this.addThemeToggle();
2525
}
2626

27-
// Setup dungeon ambiance effects
27+
// Setup page
2828
setupDungeonAmbiance() {
29-
// Add random torch flickers
30-
this.createTorchEffects();
31-
32-
// Add occasional ambient notifications
33-
if (Math.random() < 0.1) { // 10% chance
34-
setTimeout(() => {
35-
this.showNotification('👻 The ancient spirits whisper of great treasures...', 'info');
36-
}, Math.random() * 3000);
37-
}
38-
}
39-
40-
// Create torch flame effects
41-
createTorchEffects() {
42-
const header = document.querySelector('header');
43-
if (!header) return;
44-
45-
// Add floating torch particles
46-
for (let i = 0; i < 5; i++) {
47-
const torch = document.createElement('div');
48-
torch.className = 'torch-effect';
49-
torch.style.cssText = `
50-
position: absolute;
51-
width: 4px;
52-
height: 4px;
53-
background: radial-gradient(circle, #FF6B35, #D4AF37);
54-
border-radius: 50%;
55-
left: ${Math.random() * 100}%;
56-
top: ${Math.random() * 100}%;
57-
animation: torchFlicker ${2 + Math.random() * 2}s infinite alternate;
58-
opacity: 0.6;
59-
pointer-events: none;
60-
z-index: 1;
61-
`;
62-
header.appendChild(torch);
63-
}
29+
// Placeholder for future effects
6430
}
6531

6632
// Setup keyboard shortcuts for power users
@@ -77,31 +43,31 @@ class PortalRoom {
7743
if (e.ctrlKey) {
7844
e.preventDefault();
7945
window.location.href = 'index.html';
80-
this.showNotification('🏰 Returning to the Grand Hall...', 'info');
46+
this.showNotification('returning home...', 'info');
8147
}
8248
break;
8349
case 'd':
8450
case 'D':
8551
if (e.ctrlKey) {
8652
e.preventDefault();
8753
window.location.href = 'dashboard.html';
88-
this.showNotification('🏰 Entering the Guild Chamber...', 'info');
54+
this.showNotification('loading dashboard...', 'info');
8955
}
9056
break;
9157
case 's':
9258
case 'S':
9359
if (e.ctrlKey) {
9460
e.preventDefault();
9561
window.location.href = 'submit.html';
96-
this.showNotification('📮 Preparing to contribute treasure...', 'info');
62+
this.showNotification('opening submit form...', 'info');
9763
}
9864
break;
9965
case 'p':
10066
case 'P':
10167
if (e.ctrlKey) {
10268
e.preventDefault();
10369
window.location.href = 'profile.html';
104-
this.showNotification('⚜️ Entering your noble chamber...', 'info');
70+
this.showNotification('loading profile...', 'info');
10571
}
10672
break;
10773
}
@@ -165,33 +131,7 @@ class PortalRoom {
165131

166132
const notification = document.createElement('div');
167133
notification.className = `notification notification-${type}`;
168-
169-
// Message variations
170-
const messages = {
171-
'success': [
172-
'Success!',
173-
'Link submitted!',
174-
'List created!',
175-
'Data exported!'
176-
],
177-
'error': [
178-
'Error!',
179-
'Invalid input!',
180-
'Failed to submit!',
181-
'Please try again!'
182-
],
183-
'info': [
184-
'Info',
185-
'Loading...',
186-
'Redirecting...',
187-
'Processing...'
188-
]
189-
};
190-
191-
// Add some randomness to messages
192-
const msgArray = messages[type] || [message];
193-
const selectedMessage = msgArray[Math.floor(Math.random() * msgArray.length)];
194-
notification.textContent = selectedMessage;
134+
notification.textContent = message;
195135

196136
document.body.appendChild(notification);
197137

@@ -220,7 +160,7 @@ class PortalRoom {
220160
const currentPage = window.location.pathname.split('/').pop();
221161

222162
if (authPages.includes(currentPage)) {
223-
this.showNotification('Already inside the guild. Taking you to the chamber...', 'info');
163+
this.showNotification('already logged in, redirecting...', 'info');
224164
setTimeout(() => window.location.href = 'dashboard.html', 600);
225165
}
226166
}
@@ -1133,8 +1073,8 @@ class PortalRoom {
11331073
if (recentLinks.length === 0) {
11341074
container.innerHTML = `
11351075
<div class="empty-state">
1136-
<p>🔮 The ancient scrolls remain silent... No treasures have been discovered yet.</p>
1137-
<p>Be the first brave adventurer to <a href="register.html">join the guild</a> and contribute a legendary discovery!</p>
1076+
<p>No links have been submitted yet.</p>
1077+
<p><a href="register.html">Register</a> to submit the first link to the archive.</p>
11381078
</div>
11391079
`;
11401080
return;
@@ -1164,7 +1104,7 @@ class PortalRoom {
11641104
if (topLinks.length === 0) {
11651105
container.innerHTML = `
11661106
<div class="empty-state">
1167-
<p>🏆 No top links yet. Start voting on links!</p>
1107+
<p>No top links yet. Start voting on links!</p>
11681108
</div>
11691109
`;
11701110
return;
@@ -1342,7 +1282,7 @@ class PortalRoom {
13421282

13431283
followsContainer.innerHTML = `
13441284
<div class="column-header">
1345-
<h3>👥 Followed Adventurers</h3>
1285+
<h3>Followed Users</h3>
13461286
</div>
13471287
${userFollows.length === 0 ? '<p class="empty-state">Not following anyone yet.</p>' : userFollows.map(followed => `
13481288
<div class="followed-user">
@@ -1351,7 +1291,7 @@ class PortalRoom {
13511291
</div>
13521292
`).join('')}
13531293
<div class="follow-form">
1354-
<input type="text" id="follow-username" placeholder="Username to follow">
1294+
<input type="text" id="follow-username" placeholder="username to follow">
13551295
<button onclick="app.followUser(document.getElementById('follow-username').value)">Follow</button>
13561296
</div>
13571297
`;

‎list.html‎

Lines changed: 20 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -3,33 +3,39 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>✨ Enchanted Collection - Portal Room</title>
6+
<title>Create List - Portal Room</title>
77
<link rel="stylesheet" href="css/style.css">
88
</head>
99
<body>
1010
<header>
11-
<h1>🗝️ Portal Room ⚔️</h1>
11+
<pre>
12+
____ _ _ ____
13+
| _ \ ___ _ __ | |_ __ _| | | _ \ ___ ___ _ __ ___
14+
| |_) / _ \| '_ \| __/ _` | | | |_) / _ \ / _ \| '_ ` _ \
15+
| __/ (_) | | | | || (_| | | | _ < (_) | (_) | | | | | |
16+
|_| \___/|_| |_|\__\__,_|_| |_| \_\___/ \___/|_| |_| |_|
17+
</pre>
1218
<nav>
13-
<a href="dashboard.html">🏰 Guild Chamber</a>
14-
<a href="submit.html">📮 Contribute Treasure</a>
15-
<a href="profile.html">⚜️ My Lair</a>
16-
<a href="list.html" class="active">✨ Forge Collection</a>
17-
<a href="#" id="logout-btn">🚪 Leave Dungeon</a>
19+
<a href="dashboard.html">dashboard</a>
20+
<a href="submit.html">submit</a>
21+
<a href="profile.html">profile</a>
22+
<a href="list.html" class="active">create list</a>
23+
<a href="#" id="logout-btn">logout</a>
1824
</nav>
1925
</header>
2026

2127
<main class="page-shell">
2228
<div class="section-bar">
23-
<span class="eyebrow">Collections</span>
24-
<span class="hint">Forge a new list inside the retro archive</span>
29+
<span class="eyebrow">Create List</span>
30+
<span class="hint">organize links into collections</span>
2531
</div>
2632
<div class="list-form panel-block">
27-
<h2>✨ Enchanted Collection Creation</h2>
28-
<p class="dungeon-subtitle">Forge a new enchanted collection to organize and treasure your discoveries, noble adventurer.</p>
33+
<h2>New Link Collection</h2>
34+
<p class="dungeon-subtitle">Create a new list to organize and curate your favorite links.</p>
2935
<form id="list-form">
30-
<input type="text" id="list-name" placeholder="🏷️ Name Your Legendary Collection" required>
31-
<textarea id="list-description" placeholder="📜 Describe the purpose and contents of this mystical collection..."></textarea>
32-
<button type="submit">⚔️ Summon Into Being</button>
36+
<input type="text" id="list-name" placeholder="list name" required>
37+
<textarea id="list-description" placeholder="description (optional)"></textarea>
38+
<button type="submit">create list</button>
3339
</form>
3440
</div>
3541
</main>

‎login.html‎

Lines changed: 17 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -8,27 +8,33 @@
88
</head>
99
<body>
1010
<header>
11-
<h1>🗝️ Portal Room ⚔️</h1>
11+
<pre>
12+
____ _ _ ____
13+
| _ \ ___ _ __ | |_ __ _| | | _ \ ___ ___ _ __ ___
14+
| |_) / _ \| '_ \| __/ _` | | | |_) / _ \ / _ \| '_ ` _ \
15+
| __/ (_) | | | | || (_| | | | _ < (_) | (_) | | | | | |
16+
|_| \___/|_| |_|\__\__,_|_| |_| \_\___/ \___/|_| |_| |_|
17+
</pre>
1218
<nav>
13-
<a href="index.html">🏰 The Grand Hall</a>
14-
<a href="login.html" class="active">🔐 Enter the Dungeon</a>
15-
<a href="register.html">📜 Join the Guild</a>
19+
<a href="index.html">home</a>
20+
<a href="login.html" class="active">login</a>
21+
<a href="register.html">register</a>
1622
</nav>
1723
</header>
1824

1925
<main class="page-shell">
2026
<div class="section-bar">
2127
<span class="eyebrow">Login</span>
22-
<span class="hint">Sign in to Portal Room</span>
28+
<span class="hint">sign in to your account</span>
2329
</div>
2430
<div class="auth-form panel-block">
25-
<h2>Login</h2>
26-
<p class="dungeon-subtitle">Enter your username and password to log in.</p>
31+
<h2>User Authentication</h2>
32+
<p class="dungeon-subtitle">Enter your credentials to access your account.</p>
2733
<form id="login-form">
28-
<input type="text" id="username" placeholder="Username" required>
29-
<input type="password" id="password" placeholder="Password" required>
30-
<button type="submit">Login</button>
31-
<p class="dungeon-link">Don't have an account? <a href="register.html">Register</a></p>
34+
<input type="text" id="username" placeholder="username" required>
35+
<input type="password" id="password" placeholder="password" required>
36+
<button type="submit">login</button>
37+
<p class="dungeon-link">Don't have an account? <a href="register.html">Register here</a></p>
3238
</form>
3339
</div>
3440
</main>

0 commit comments

Comments
 (0)