Skip to content

Commit 7e9f66b

Browse files
mearvkmearvk
committed
Science Commit 5.
1 parent f461e93 commit 7e9f66b

10 files changed

Lines changed: 209 additions & 6 deletions

File tree

‎modules/black/presidential/Brarner.M.Alete/servlets/servlet/src/main/webapp/art.xhtml‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,11 @@
1818
<li><a href="science.xhtml">Science</a></li>
1919
<li><a href="status.xhtml">Status</a></li>
2020
</ul>
21-
<a href="admin/login.xhtml" class="nav-cta">Admin →</a>
21+
<div class="nav-actions">
22+
<a href="register.xhtml" class="nav-cta">Register</a>
23+
<a href="javascript:void(0)" class="nav-cta" onclick="enterGuest()">Guest</a>
24+
<a href="admin/login.xhtml" class="nav-cta">Admin →</a>
25+
</div>
2226
</div></nav>
2327

2428
<section class="hero" style="padding:4rem 2rem;">
@@ -82,6 +86,7 @@
8286
<span>&#169; 2026 MEARVK LLC. All rights reserved.</span>
8387
</div></footer>
8488

89+
<script src="js/session.js"></script>
8590
<script src="js/expandable.js"></script>
8691
</body>
8792
</html>

‎modules/black/presidential/Brarner.M.Alete/servlets/servlet/src/main/webapp/css/style.css‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -75,6 +75,13 @@ a:hover { color: var(--accent); }
7575
transition: background 0.2s;
7676
}
7777
.nav-cta:hover { background: var(--accent-hover); }
78+
.nav-actions { display: flex; gap: 0.5rem; align-items: center; }
79+
.nav-session-label {
80+
font-size: 0.8rem;
81+
font-weight: 500;
82+
color: var(--accent-light);
83+
padding: 0.5rem 0.75rem;
84+
}
7885

7986
/* HERO */
8087
.hero {

‎modules/black/presidential/Brarner.M.Alete/servlets/servlet/src/main/webapp/index.xhtml‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,11 @@
2424
<li><a href="science.xhtml">Science</a></li>
2525
<li><a href="status.xhtml">Status</a></li>
2626
</ul>
27-
<a href="admin/login.xhtml" class="nav-cta">Admin →</a>
27+
<div class="nav-actions">
28+
<a href="register.xhtml" class="nav-cta">Register</a>
29+
<a href="javascript:void(0)" class="nav-cta" onclick="enterGuest()">Guest</a>
30+
<a href="admin/login.xhtml" class="nav-cta">Admin →</a>
31+
</div>
2832
</div>
2933
</nav>
3034

@@ -242,6 +246,7 @@
242246
</footer>
243247

244248
<!-- TAB JS -->
249+
<script src="js/session.js"></script>
245250
<script>
246251
document.querySelectorAll('.tab').forEach(function(btn) {
247252
btn.addEventListener('click', function() {

‎modules/black/presidential/Brarner.M.Alete/servlets/servlet/src/main/webapp/js/session.js‎

Lines changed: 65 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,65 @@
1+
/* BMA Session — Cookie-based IP auth with 24-hour degrade */
2+
3+
var BMA_SESSION_COOKIE = 'bma_session';
4+
var BMA_SESSION_HOURS = 24;
5+
6+
function setCookie(name, value, hours) {
7+
var d = new Date();
8+
d.setTime(d.getTime() + (hours * 60 * 60 * 1000));
9+
document.cookie = name + '=' + encodeURIComponent(value) + ';expires=' + d.toUTCString() + ';path=/;SameSite=Lax';
10+
}
11+
12+
function getCookie(name) {
13+
var match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));
14+
return match ? decodeURIComponent(match[2]) : null;
15+
}
16+
17+
function deleteCookie(name) {
18+
document.cookie = name + '=;expires=Thu, 01 Jan 1970 00:00:00 UTC;path=/;';
19+
}
20+
21+
function getSession() {
22+
var raw = getCookie(BMA_SESSION_COOKIE);
23+
if (!raw) return null;
24+
try { return JSON.parse(raw); } catch(e) { return null; }
25+
}
26+
27+
function setSession(type, ip, settings) {
28+
var session = { type: type, ip: ip, settings: settings || {}, created: Date.now() };
29+
setCookie(BMA_SESSION_COOKIE, JSON.stringify(session), BMA_SESSION_HOURS);
30+
return session;
31+
}
32+
33+
function enterGuest() {
34+
var session = setSession('guest', '', {});
35+
updateNavForSession(session);
36+
alert('Logged in as Guest. Session expires in 24 hours.');
37+
}
38+
39+
function logout() {
40+
deleteCookie(BMA_SESSION_COOKIE);
41+
updateNavForSession(null);
42+
}
43+
44+
function updateNavForSession(session) {
45+
var actions = document.querySelector('.nav-actions');
46+
if (!actions) return;
47+
if (session) {
48+
var label = session.type === 'registered' ? 'Registered' : 'Guest';
49+
actions.innerHTML =
50+
'<span class="nav-session-label">' + label + '</span>' +
51+
'<a href="javascript:void(0)" class="nav-cta" onclick="logout()">Logout</a>' +
52+
'<a href="admin/login.xhtml" class="nav-cta">Admin →</a>';
53+
} else {
54+
actions.innerHTML =
55+
'<a href="register.xhtml" class="nav-cta">Register</a>' +
56+
'<a href="javascript:void(0)" class="nav-cta" onclick="enterGuest()">Guest</a>' +
57+
'<a href="admin/login.xhtml" class="nav-cta">Admin →</a>';
58+
}
59+
}
60+
61+
// On page load, check existing session
62+
(function() {
63+
var session = getSession();
64+
if (session) updateNavForSession(session);
65+
})();

‎modules/black/presidential/Brarner.M.Alete/servlets/servlet/src/main/webapp/postal.xhtml‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,11 @@
1818
<li><a href="science.xhtml">Science</a></li>
1919
<li><a href="status.xhtml">Status</a></li>
2020
</ul>
21-
<a href="admin/login.xhtml" class="nav-cta">Admin →</a>
21+
<div class="nav-actions">
22+
<a href="register.xhtml" class="nav-cta">Register</a>
23+
<a href="javascript:void(0)" class="nav-cta" onclick="enterGuest()">Guest</a>
24+
<a href="admin/login.xhtml" class="nav-cta">Admin →</a>
25+
</div>
2226
</div></nav>
2327

2428
<section class="hero" style="padding:4rem 2rem;">
@@ -108,6 +112,7 @@
108112
<span>&#169; 2026 MEARVK LLC. All rights reserved.</span>
109113
</div></footer>
110114

115+
<script src="js/session.js"></script>
111116
<script src="js/expandable.js"></script>
112117
</body>
113118
</html>

‎modules/black/presidential/Brarner.M.Alete/servlets/servlet/src/main/webapp/register.xhtml‎

Lines changed: 81 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8"/>
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6+
<title>Register — Brarner.M.Alete™</title>
7+
<link rel="stylesheet" href="css/style.css"/>
8+
<link rel="stylesheet" href="css/expandable.css"/>
9+
</head>
10+
<body>
11+
<nav class="nav"><div class="nav-inner">
12+
<a href="index.xhtml" class="nav-brand">Brarner.M.Alete™</a>
13+
<ul class="nav-links">
14+
<li><a href="index.xhtml">Overview</a></li>
15+
<li><a href="species.xhtml">Species</a></li>
16+
<li><a href="postal.xhtml">Postal</a></li>
17+
<li><a href="art.xhtml">Art</a></li>
18+
<li><a href="science.xhtml">Science</a></li>
19+
<li><a href="status.xhtml">Status</a></li>
20+
</ul>
21+
<div class="nav-actions">
22+
<a href="register.xhtml" class="nav-cta">Register</a>
23+
<a href="javascript:void(0)" class="nav-cta" onclick="enterGuest()">Guest</a>
24+
<a href="admin/login.xhtml" class="nav-cta">Admin →</a>
25+
</div>
26+
</div></nav>
27+
28+
<section class="hero" style="padding:4rem 2rem;">
29+
<div class="hero-inner">
30+
<span class="hero-tag">Account Registration</span>
31+
<h1>Register</h1>
32+
<p>Register your IP address to save settings across sessions. 24-hour cookie with automatic renewal on visit.</p>
33+
</div>
34+
</section>
35+
36+
<section class="section">
37+
<div class="section-inner" style="max-width:480px;">
38+
<h3>Registration</h3>
39+
<p>Your IP address will be recorded for session identification. No password required.</p>
40+
<form id="register-form" onsubmit="return handleRegister(event)">
41+
<div style="margin-bottom:1rem;">
42+
<label style="display:block;font-size:0.8rem;color:var(--text-secondary);margin-bottom:0.35rem;">Display Name</label>
43+
<input type="text" id="reg-name" required style="width:100%;padding:0.6rem 0.75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:0.9rem;"/>
44+
</div>
45+
<div style="margin-bottom:1rem;">
46+
<label style="display:block;font-size:0.8rem;color:var(--text-secondary);margin-bottom:0.35rem;">Your IP Address</label>
47+
<input type="text" id="reg-ip" readonly style="width:100%;padding:0.6rem 0.75rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);font-size:0.9rem;"/>
48+
</div>
49+
<button type="submit" class="btn btn-primary" style="width:100%;">Register</button>
50+
</form>
51+
<p id="reg-status" style="margin-top:1rem;font-size:0.85rem;"></p>
52+
</div>
53+
</section>
54+
55+
<footer class="footer"><div class="footer-bottom" style="border:none;padding:0;">
56+
<span>&#169; 2026 MEARVK LLC. All rights reserved.</span>
57+
</div></footer>
58+
59+
<script src="js/session.js"></script>
60+
<script>
61+
// Fetch user IP on load
62+
fetch('https://api.ipify.org?format=json')
63+
.then(function(r){return r.json();})
64+
.then(function(data){ document.getElementById('reg-ip').value = data.ip; })
65+
.catch(function(){ document.getElementById('reg-ip').value = '127.0.0.1'; });
66+
67+
function handleRegister(e) {
68+
e.preventDefault();
69+
var name = document.getElementById('reg-name').value.trim();
70+
var ip = document.getElementById('reg-ip').value;
71+
if (!name) return false;
72+
// Set registered session cookie (24h)
73+
var session = setSession('registered', ip, { displayName: name });
74+
updateNavForSession(session);
75+
document.getElementById('reg-status').textContent = 'Registered successfully as "' + name + '" (IP: ' + ip + '). Session valid for 24 hours.';
76+
document.getElementById('reg-status').style.color = '#22c55e';
77+
return false;
78+
}
79+
</script>
80+
</body>
81+
</html>

‎modules/black/presidential/Brarner.M.Alete/servlets/servlet/src/main/webapp/science.xhtml‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,11 @@
1818
<li><a href="science.xhtml" class="active">Science</a></li>
1919
<li><a href="status.xhtml">Status</a></li>
2020
</ul>
21-
<a href="admin/login.xhtml" class="nav-cta">Admin →</a>
21+
<div class="nav-actions">
22+
<a href="register.xhtml" class="nav-cta">Register</a>
23+
<a href="javascript:void(0)" class="nav-cta" onclick="enterGuest()">Guest</a>
24+
<a href="admin/login.xhtml" class="nav-cta">Admin →</a>
25+
</div>
2226
</div></nav>
2327

2428
<section class="hero" style="padding:4rem 2rem;">
@@ -80,6 +84,7 @@
8084
<span>&#169; 2026 MEARVK LLC. All rights reserved.</span>
8185
</div></footer>
8286

87+
<script src="js/session.js"></script>
8388
<script src="js/expandable.js"></script>
8489
</body>
8590
</html>

‎modules/black/presidential/Brarner.M.Alete/servlets/servlet/src/main/webapp/species.xhtml‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,11 @@
1818
<li><a href="science.xhtml">Science</a></li>
1919
<li><a href="status.xhtml">Status</a></li>
2020
</ul>
21-
<a href="admin/login.xhtml" class="nav-cta">Admin →</a>
21+
<div class="nav-actions">
22+
<a href="register.xhtml" class="nav-cta">Register</a>
23+
<a href="javascript:void(0)" class="nav-cta" onclick="enterGuest()">Guest</a>
24+
<a href="admin/login.xhtml" class="nav-cta">Admin →</a>
25+
</div>
2226
</div></nav>
2327

2428
<section class="hero" style="padding:4rem 2rem;">
@@ -181,6 +185,7 @@
181185
<span>&#169; 2026 MEARVK LLC. All rights reserved.</span>
182186
</div></footer>
183187

188+
<script src="js/session.js"></script>
184189
<script src="js/expandable.js"></script>
185190
<script>
186191
document.querySelectorAll('.tab').forEach(function(btn) {

‎modules/black/presidential/Brarner.M.Alete/servlets/servlet/src/main/webapp/sql/bma_users.sql‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
-- Brarner.M.Alete™ — User Session & Registration Schema
2+
-- Database: nwe_bma
3+
4+
CREATE DATABASE IF NOT EXISTS nwe_bma;
5+
USE nwe_bma;
6+
7+
CREATE TABLE IF NOT EXISTS bma_users (
8+
id BIGINT AUTO_INCREMENT PRIMARY KEY,
9+
ip_address VARCHAR(45) NOT NULL,
10+
display_name VARCHAR(128) NOT NULL,
11+
user_type ENUM('guest','registered') NOT NULL DEFAULT 'guest',
12+
settings JSON DEFAULT NULL,
13+
created_at DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP,
14+
last_seen DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
15+
expires_at DATETIME NOT NULL,
16+
UNIQUE KEY idx_ip (ip_address)
17+
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
18+
19+
-- expires_at set to created_at + 24 hours on insert
20+
-- Application renews by updating last_seen and expires_at on each visit

‎modules/black/presidential/Brarner.M.Alete/servlets/servlet/src/main/webapp/status.xhtml‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,11 @@
1818
<li><a href="science.xhtml">Science</a></li>
1919
<li><a href="status.xhtml" class="active">Status</a></li>
2020
</ul>
21-
<a href="admin/login.xhtml" class="nav-cta">Admin →</a>
21+
<div class="nav-actions">
22+
<a href="register.xhtml" class="nav-cta">Register</a>
23+
<a href="javascript:void(0)" class="nav-cta" onclick="enterGuest()">Guest</a>
24+
<a href="admin/login.xhtml" class="nav-cta">Admin →</a>
25+
</div>
2226
</div></nav>
2327

2428
<section class="hero" style="padding:4rem 2rem;">
@@ -84,6 +88,7 @@
8488
<span>&#169; 2026 MEARVK LLC. All rights reserved.</span>
8589
</div></footer>
8690

91+
<script src="js/session.js"></script>
8792
<script src="js/expandable.js"></script>
8893
</body>
8994
</html>

0 commit comments

Comments
 (0)