folder
01-Dhwoni-Engine
DIR
2026-04-28
chevron_right
folder
02-Kinetic-Brutalism
DIR
2026-04-29
chevron_right
folder
chevron_right
folder
chevron_right
folder
chevron_right
description
Gas Bill.pdf
pdf
337.87 KB
2026-04-28
open_in_full
html
joymotitix.html
html
14.79 KB
2026-04-28
open_in_full
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
<title>Joymoti | Access Registry</title>
<link href="https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@300;400;500;600;800&display=swap" rel="stylesheet">
<style>
:root {
--bg: #050505;
--text-main: #ffffff;
--text-dim: #999999;
--accent-red: #FF3131;
--accent-yellow: #F0B909;
--card-bg: rgba(255, 255, 255, 0.03);
--card-border: rgba(255, 255, 255, 0.05);
}
body {
margin: 0;
background: var(--bg);
color: var(--text-main);
font-family: 'Inter', sans-serif;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
}
/* Force background colors for PDF Export */
@media print {
html, body {
background-color: var(--bg) !important;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
.guest-card {
break-inside: avoid;
page-break-inside: avoid;
}
.ambient-orb { display: none; } /* Hide orbs on print to save ink/render time */
}
/* Ambient Background */
.ambient-orb { position: fixed; border-radius: 50%; filter: blur(120px); opacity: 0.15; z-index: 0; animation: float 15s infinite alternate ease-in-out; pointer-events: none; }
.orb-1 { width: 400px; height: 400px; background: var(--accent-red); top: -50px; right: -100px; }
.orb-2 { width: 350px; height: 350px; background: var(--accent-yellow); bottom: -100px; left: -100px; animation-delay: -5s; opacity: 0.1; }
@keyframes float { 0% { transform: translate(0, 0) scale(1); } 100% { transform: translate(-30px, 40px) scale(1.1); } }
.container {
position: relative;
z-index: 10;
max-width: 800px;
margin: 0 auto;
padding: 40px 20px 80px 20px;
display: flex;
flex-direction: column;
align-items: center;
}
/* Header Styles */
.exclusive-badge {
font-family: 'Inter', sans-serif; font-size: 11px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: var(--text-main); background: var(--accent-red); padding: 6px 12px; border-radius: 4px; margin-bottom: 25px; text-align: center; display: inline-block;
}
.hero-launch { text-align: center; margin-bottom: 40px; width: 100%; }
.hero-launch h2 { font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 400; margin: 0 0 5px 0; color: var(--text-dim); letter-spacing: 1px; text-transform: uppercase; }
.hero-launch h1 { font-family: 'Anton', sans-serif; font-size: clamp(2.5rem, 10vw, 4rem); line-height: 0.9; margin: 0; letter-spacing: 1px; color: #fff; text-transform: uppercase; }
.hero-launch .prod { font-size: 13px; font-weight: 600; color: var(--accent-yellow); margin-top: 10px; display: block; letter-spacing: 2px; text-transform: uppercase;}
/* Grid Layout */
.roster-grid {
width: 100%;
display: grid;
grid-template-columns: 1fr;
gap: 16px;
}
@media (min-width: 600px) {
.roster-grid {
grid-template-columns: 1fr 1fr;
}
}
/* Card Styles */
.guest-card {
background: var(--card-bg);
border: 1px solid var(--card-border);
padding: 24px;
border-radius: 12px;
backdrop-filter: blur(10px);
display: flex;
flex-direction: column;
position: relative;
transition: transform 0.2s, border-color 0.2s;
}
.guest-card:hover {
border-color: rgba(255, 49, 49, 0.3);
transform: translateY(-2px);
}
.card-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 15px;
}
.session-badge {
display: inline-block; background: rgba(255, 49, 49, 0.1); color: var(--accent-red); padding: 4px 10px; border-radius: 6px; font-size: 10px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; border: 1px solid rgba(255, 49, 49, 0.2);
}
.serial {
font-family: 'Anton', sans-serif;
color: var(--card-border);
font-size: 20px;
}
.guest-name {
margin: 0 0 15px 0; font-family: 'Anton', sans-serif; font-size: 24px; color: #fff; letter-spacing: 1px; line-height: 1.1; text-transform: uppercase;
}
.data-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 0;
border-bottom: 1px solid rgba(255,255,255,0.05);
}
.data-row:last-of-type {
border-bottom: none;
margin-bottom: 20px;
}
.data-label {
font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: var(--text-dim);
}
.data-value {
font-size: 14px; color: #fff; font-weight: 600; text-align: right;
}
.price-highlight {
color: var(--accent-yellow);
}
.status-yes { color: var(--accent-red); }
/* Actions */
.actions {
display: flex;
gap: 10px;
margin-top: auto;
}
.action-btn {
flex: 1;
padding: 12px 0;
border-radius: 6px;
font-size: 12px;
font-weight: 800;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
text-decoration: none;
transition: all 0.2s;
}
.btn-call {
background: transparent;
color: var(--text-main);
border: 1px solid var(--card-border);
}
.btn-call:hover {
background: rgba(255,255,255,0.05);
}
.btn-wa {
background: var(--accent-red);
color: #fff;
border: 1px solid var(--accent-red);
}
.btn-wa:hover {
box-shadow: 0 0 15px rgba(255, 49, 49, 0.4);
}
</style>
</head>
<body>
<div class="ambient-orb orb-1"></div>
<div class="ambient-orb orb-2"></div>
<main class="container">
<span class="exclusive-badge">Internal Registry</span>
<header class="hero-launch">
<h2>Joymoti Assam Tour</h2>
<h1>Ticket Requests</h1>
<span class="prod">Jorhat Institute of Science and Technology</span>
</header>
<section class="roster-grid" id="registry-container">
</section>
</main>
<script>
const dataset = [
{"name": "MEHBOOB", "is_jist_student": "No", "expected_price": "199", "contact": "9957243104"},
{"name": "Rubul Hoque Choudhury", "is_jist_student": "Yes", "expected_price": "200", "contact": "7086524249"},
{"name": "Tridip Borthakur", "is_jist_student": "No", "expected_price": "100", "contact": "8786498973"},
{"name": "Madhurjya Saloi", "is_jist_student": "Yes", "expected_price": "Max 10 Rupees", "contact": "6900186279"},
{"name": "Ezaz", "is_jist_student": "Yes", "expected_price": "0", "contact": "7281904203"},
{"name": "Shreya Goswami", "is_jist_student": "Yes", "expected_price": "Student Pass", "contact": "7896722260"},
{"name": "Saujyendra Dutta", "is_jist_student": "Yes", "expected_price": "99", "contact": "7577916905"},
{"name": "Upam Amlan Shivam", "is_jist_student": "Yes", "expected_price": "100", "contact": "9864205953"},
{"name": "Chitrajit Konwar", "is_jist_student": "Yes", "expected_price": "199", "contact": "9395792429"},
{"name": "Abhishek Sharma", "is_jist_student": "Yes", "expected_price": "50", "contact": "6003846611"},
{"name": "Hrishikesh Saikia", "is_jist_student": "Yes", "expected_price": "100", "contact": "7636999609"},
{"name": "BIVASH PRATIM DAS", "is_jist_student": "Yes", "expected_price": "1 rps", "contact": "8761006375"},
{"name": "Khrish Jyoti Bordoloi", "is_jist_student": "Yes", "expected_price": "100rs", "contact": "9707214114"},
{"name": "Partha Pratim Das", "is_jist_student": "Yes", "expected_price": "TBD", "contact": "6003154361"},
{"name": "Abhishek Saikia", "is_jist_student": "Yes", "expected_price": "100", "contact": "8474044292"},
{"name": "Prince Singha", "is_jist_student": "Yes", "expected_price": "5 rs", "contact": "8133008948"},
{"name": "KUNAL GOGOI", "is_jist_student": "Yes", "expected_price": "10", "contact": "7896863802"},
{"name": "Dipu Hazarika", "is_jist_student": "Yes", "expected_price": "10", "contact": "8472050294"},
{"name": "Asha", "is_jist_student": "Yes", "expected_price": "Free", "contact": "9395073783"},
{"name": "Bedaanta Vastov Dutta", "is_jist_student": "Yes", "expected_price": "100", "contact": "9395092487"},
{"name": "Parismita Das Sarma", "is_jist_student": "Yes", "expected_price": "100", "contact": "8638191524"},
{"name": "Dipanwita Kalita", "is_jist_student": "Yes", "expected_price": "TBD", "contact": "9707869816"},
{"name": "Bishal Kumar Sandilya", "is_jist_student": "Yes", "expected_price": "150", "contact": "9864730918"},
{"name": "Ayush Borah", "is_jist_student": "Yes", "expected_price": "150", "contact": "7002582105"},
{"name": "Bandita Deka", "is_jist_student": "Yes", "expected_price": "Free Tickets", "contact": "9957586905"},
{"name": "Arpita Roy", "is_jist_student": "Yes", "expected_price": "Rs 100", "contact": "7099572271"},
{"name": "Kajori Duarah", "is_jist_student": "Yes", "expected_price": "50", "contact": "9864740114"},
{"name": "Bhakti Bhusan Borah", "is_jist_student": "Yes", "expected_price": "100", "contact": "9864602355"},
{"name": "Saswati Dutta", "is_jist_student": "Yes", "expected_price": "50", "contact": "6000359500"},
{"name": "Adrija Batswa", "is_jist_student": "Yes", "expected_price": "20", "contact": "9395364504"},
{"name": "Pahi Das", "is_jist_student": "Yes", "expected_price": "200", "contact": "9707701457"},
{"name": "Parthajit Das", "is_jist_student": "Yes", "expected_price": "50", "contact": "9707875742"},
{"name": "NIKHIL Thakur", "is_jist_student": "Yes", "expected_price": "Free", "contact": "8453908799"},
{"name": "Mayanka Krishnav Ray", "is_jist_student": "No", "expected_price": "10 rs", "contact": "9864602355"},
{"name": "Anindita Borthakur", "is_jist_student": "Yes", "expected_price": "400 - 500", "contact": "8471902704"},
{"name": "Sania Bora", "is_jist_student": "Yes", "expected_price": "100", "contact": "9365156013"},
{"name": "Sharmistha Borkakoty", "is_jist_student": "Yes", "expected_price": "200", "contact": "8011113639"},
{"name": "Vishnu", "is_jist_student": "Yes", "expected_price": "200", "contact": "7638021021"},
{"name": "Abinash Rajkonwar", "is_jist_student": "Yes", "expected_price": "10", "contact": "6001541121"},
{"name": "Rina Chetry", "is_jist_student": "Yes", "expected_price": "500 rs", "contact": "8099566393"},
{"name": "Pranjit Das", "is_jist_student": "Yes", "expected_price": "Free", "contact": "9954121462"},
{"name": "Farhana Begum", "is_jist_student": "Yes", "expected_price": "99", "contact": "8724007904"},
{"name": "Abinash Gogoi", "is_jist_student": "Yes", "expected_price": "TBD", "contact": "8133923046"},
{"name": "Angshul Mahanta", "is_jist_student": "Yes", "expected_price": "TBD", "contact": "9395225822"},
{"name": "Sourav Deka", "is_jist_student": "Yes", "expected_price": "50", "contact": "8761809769"},
{"name": "Bishal Borah", "is_jist_student": "Yes", "expected_price": "10rs", "contact": "8099384848"},
{"name": "Dhruba Jyoti Mili", "is_jist_student": "Yes", "expected_price": "Around 500", "contact": "9864507241"}
];
const container = document.getElementById('registry-container');
dataset.forEach((item, index) => {
// Clean phone number and ensure country code
const rawPhone = item.contact.replace(/\D/g, '');
const phone = rawPhone.startsWith('91') ? rawPhone : '91' + rawPhone;
const displayPhone = `+91 ${rawPhone.slice(-10)}`;
// Format JIST status
const isStudent = item.is_jist_student.toLowerCase().includes('yes');
const studentText = isStudent ? 'Verified' : 'Non-Student';
const studentClass = isStudent ? 'status-yes' : '';
const card = document.createElement('div');
card.className = 'guest-card';
card.innerHTML = `
<div class="card-header">
<span class="session-badge">Request</span>
<span class="serial">#${String(index + 1).padStart(3, '0')}</span>
</div>
<h3 class="guest-name">${item.name}</h3>
<div class="data-row">
<span class="data-label">JIST Status</span>
<span class="data-value ${studentClass}">${studentText}</span>
</div>
<div class="data-row">
<span class="data-label">Expected Price</span>
<span class="data-value price-highlight">${item.expected_price}</span>
</div>
<div class="data-row">
<span class="data-label">Contact</span>
<span class="data-value">${displayPhone}</span>
</div>
<div class="actions">
<a href="tel:+${phone}" class="action-btn btn-call">Call</a>
<a href="https://wa.me/${phone}" class="action-btn btn-wa" target="_blank">WhatsApp</a>
</div>
`;
container.appendChild(card);
});
</script>
</body>
</html>
