Compare commits

..
28 Commits
Author SHA1 Message Date
Justin Frasier 033b788e93 all most ready to go 2026-04-24 19:52:40 -05:00
Justin a0243b86a5 feat: initialize Bossier City phonebook department JSON files with initial contact data 2026-04-14 21:23:20 -05:00
Justin 7ab089839e feat: redesign phone directory UI and add new department-specific JSON data files 2026-04-14 21:22:01 -05:00
Justin 0372ba2188 keep adding numbers to the list 2025-02-03 17:21:48 -06:00
Justin 862c6c7f2a Added mike g number in 2025-02-03 12:53:09 -06:00
Justin 611553efbc change the header 2025-01-30 18:21:04 -06:00
Justin bca5912d04 changed to use the local css file 2025-01-30 17:28:00 -06:00
Justin d9ef352955 added bootstrap css file 2025-01-30 17:01:49 -06:00
Justin 06bc454411 Add homelink class for improved navigation in phone directory 2025-01-29 22:14:14 -06:00
Justin 098c1c8f9b Worked on the btbc security 2025-01-29 19:29:22 -06:00
Justin 5575eab624 Worked on the casino ops 2025-01-29 19:28:04 -06:00
Justin 204d1c138b removed the png that is not need 2025-01-29 19:27:32 -06:00
Justin 4d45b1d784 working on the right padding 2025-01-29 18:34:21 -06:00
Justin 28250a14e7 fix a typo 2025-01-29 18:00:39 -06:00
Justin 23ef426a2b add to make sure not to add and of jetbrians 2025-01-29 17:58:38 -06:00
Justin 6072c89543 fix spelling 2025-01-29 17:57:00 -06:00
Justin 3c31d1d687 changed to svg 2025-01-29 16:56:53 -06:00
justin 322b768ec8 revert 3b16e8eca5
revert changing from png to mville logo to svg
2025-01-29 16:43:57 -06:00
Justin 3b16e8eca5 changing from png to mville logo to svg 2025-01-29 16:38:43 -06:00
Justin 93220d70ad added users security 2025-01-29 15:04:47 -06:00
Justin a64d411a04 changed a title 2025-01-29 14:33:05 -06:00
Justin c0d0a92b5d Working on the MV hotel 2025-01-29 14:31:28 -06:00
Justin a85f7b8317 Added the MV I.T. team 2025-01-29 14:16:28 -06:00
Justin 88e1221732 removed was not used and it was missed spelled 2025-01-29 14:16:02 -06:00
Justin 8b9fe70627 Added most numbers need my number added 2025-01-29 14:02:45 -06:00
Justin be5a7af985 Added most of the users in the hotel 2025-01-29 12:55:29 -06:00
Justin 6deca32b01 Add info on tyhe cage 2025-01-29 12:41:11 -06:00
Justin b57b279e9e added most info and need Mike G office number 2025-01-29 11:59:00 -06:00
78 changed files with 2265 additions and 793 deletions

No files matched your search

+1
View File
@@ -1 +1,2 @@
~$Copy of MVBC BCB Directory 2022'.xlsx ~$Copy of MVBC BCB Directory 2022'.xlsx
.idea
Executable
+719
View File
@@ -0,0 +1,719 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Admin — Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/svg+xml" href="favicon.svg">
<link href="css/bootstrap.min.css" rel="stylesheet">
<style>
@import url('https://fonts.googleapis.com/css?family=PT+Serif');
body { background: #eef2f7; font-family: 'PT Serif', serif; }
.site-header {
font-size: clamp(1.4rem, 4vw, 2.25rem);
font-weight: 700; text-align: center;
padding: 1rem 0 0.25rem; color: #1a1a2e;
}
.admin-badge {
display: inline-block; background: #e74c3c; color: #fff;
font-size: 0.7rem; font-weight: 700; letter-spacing: 0.08em;
text-transform: uppercase; padding: 0.15rem 0.55rem;
border-radius: 0.25rem; vertical-align: middle;
margin-left: 0.5rem; font-family: sans-serif;
}
.folder-chip {
display: inline-flex; align-items: center; gap: 0.4rem;
font-size: 0.78rem; background: #d4edda; color: #155724;
border: 1px solid #c3e6cb; border-radius: 2rem;
padding: 0.15rem 0.65rem; font-family: sans-serif;
}
.folder-chip button {
background: none; border: none; color: #155724; cursor: pointer;
padding: 0; font-size: 0.75rem; line-height: 1; opacity: 0.6;
}
.folder-chip button:hover { opacity: 1; }
/* Property tabs */
.property-tabs .nav-link {
font-family: 'PT Serif', serif; font-size: 1rem;
padding: 0.5rem 1.5rem; border-radius: 0.5rem 0.5rem 0 0;
background: #d8e4f5; color: #444; border: none;
}
.property-tabs .nav-link.active { background: #aaccfa; color: #000; font-weight: 700; }
.logo-bar {
background: #aaccfa; border-radius: 0 0.5rem 0.5rem 0.5rem;
padding: 0.75rem 1rem;
display: flex; align-items: center; justify-content: center; gap: 1rem;
min-height: 70px;
}
.logo-bar img { height: 44px; }
.btbc-logo { filter: invert(1); }
.bt-svg-flip { transform: scaleX(-1); }
.palm-flip { transform: scaleX(-1); }
/* Department panel */
.dept-panel {
background: #fff; border-radius: 0.5rem;
padding: 1rem 1.25rem 0.75rem;
box-shadow: 0 1px 4px rgba(0,0,0,0.07);
}
.dept-category-label {
font-size: 0.72rem; font-weight: 700; text-transform: uppercase;
letter-spacing: 0.07em; color: #7a8fa8; margin-bottom: 0.35rem;
}
.dept-btn {
display: inline-block; font-family: 'PT Serif', serif; font-size: 0.88rem;
margin: 0.2rem 0.2rem 0.2rem 0; padding: 0.3rem 1rem;
border: 1.5px solid #aaccfa; border-radius: 2rem;
background: #f5f8ff; color: #334; cursor: pointer;
transition: background 0.12s, border-color 0.12s; line-height: 1.4;
}
.dept-btn:hover { background: #d2e6ff; border-color: #7aacf0; }
.dept-btn.active { background: #aaccfa; border-color: #5599e8; color: #000; font-weight: 700; }
/* Edit panel */
.edit-panel {
background: #fff; border-radius: 0.5rem;
padding: 1rem 1.25rem; box-shadow: 0 1px 4px rgba(0,0,0,0.07);
}
.edit-toolbar {
display: flex; flex-wrap: wrap; align-items: center;
justify-content: space-between; gap: 0.5rem; margin-bottom: 0.75rem;
}
.section-title { font-size: 1.15rem; font-weight: 700; color: #1a1a2e; margin: 0; }
#editTable thead { background: #aaccfa; }
#editTable thead th { font-weight: 700; font-size: 0.88rem; white-space: nowrap; }
#editTable tbody tr:hover { background: #f0f6ff; }
#editTable td { vertical-align: middle; padding: 0.35rem 0.5rem; }
.cell-input {
border: 1px solid transparent; background: transparent; width: 100%;
font-family: 'PT Serif', serif; font-size: 0.9rem;
padding: 0.2rem 0.35rem; border-radius: 0.3rem;
transition: border-color 0.1s, background 0.1s; color: #222;
}
.cell-input:focus {
outline: none; border-color: #5599e8; background: #fff;
box-shadow: 0 0 0 2px rgba(85,153,232,0.2);
}
.cell-input.changed { background: #fffbe6; border-color: #f0c040; }
.btn-delete-row {
color: #c0392b; background: none; border: none; cursor: pointer;
padding: 0.2rem 0.4rem; border-radius: 0.25rem; font-size: 1rem; line-height: 1;
}
.btn-delete-row:hover { background: #fde8e8; }
.btn-add-row { font-family: 'PT Serif', serif; }
#statusBar {
min-height: 1.8rem; font-size: 0.88rem;
padding: 0.3rem 0.5rem; border-radius: 0.35rem; display: none;
}
#statusBar.show { display: block; }
#statusBar.success { background: #d4edda; color: #155724; }
#statusBar.error { background: #f8d7da; color: #721c24; }
#statusBar.info { background: #d1ecf1; color: #0c5460; }
.unsaved-dot {
display: inline-block; width: 8px; height: 8px;
background: #e74c3c; border-radius: 50%;
margin-left: 0.4rem; vertical-align: middle;
}
.empty-state { text-align: center; padding: 3rem 1rem; color: #9ab; font-size: 1.05rem; }
/* Access modal */
#accessModal .modal-dialog { max-width: 420px; }
#accessModal .modal-body { padding: 2rem; text-align: center; }
#accessModal .modal-icon { font-size: 2.5rem; margin-bottom: 0.75rem; }
#accessModal h5 { font-weight: 700; margin-bottom: 0.5rem; }
#accessModal p { font-size: 0.92rem; color: #555; margin-bottom: 1.25rem; }
#accessModal code { background: #eef; padding: 0.1rem 0.4rem; border-radius: 0.25rem; font-size: 0.85rem; }
@media (max-width: 480px) {
.dept-btn { font-size: 0.8rem; padding: 0.25rem 0.7rem; }
}
/* Login overlay */
#loginOverlay {
position: fixed; inset: 0; z-index: 9999;
background: #1a1a2e;
display: flex; align-items: center; justify-content: center;
}
#loginOverlay.hidden { display: none; }
.login-box {
background: #fff; border-radius: 0.75rem;
padding: 2.5rem 2rem; width: 100%; max-width: 360px;
box-shadow: 0 8px 32px rgba(0,0,0,0.35);
text-align: center;
}
.login-box h2 {
font-size: 1.35rem; font-weight: 700; color: #1a1a2e; margin-bottom: 0.25rem;
}
.login-box p { font-size: 0.88rem; color: #666; margin-bottom: 1.5rem; }
.login-box .form-control {
font-family: 'PT Serif', serif; font-size: 1rem;
border: 1.5px solid #aaccfa; border-radius: 0.4rem;
padding: 0.55rem 0.75rem; text-align: center; letter-spacing: 0.1em;
}
.login-box .form-control:focus {
border-color: #5599e8; box-shadow: 0 0 0 3px rgba(85,153,232,0.2);
}
.login-box .btn-login {
width: 100%; padding: 0.6rem; font-size: 1rem;
background: #aaccfa; border: none; border-radius: 0.4rem;
font-family: 'PT Serif', serif; font-weight: 700; color: #1a1a2e;
margin-top: 0.75rem; cursor: pointer; transition: background 0.15s;
}
.login-box .btn-login:hover { background: #7aacf0; }
#loginError {
color: #c0392b; font-size: 0.85rem; margin-top: 0.6rem; min-height: 1.2em;
}
</style>
</head>
<body>
<!-- ── Login overlay ── -->
<div id="loginOverlay">
<div class="login-box">
<h2>Bossier City Phone Directory</h2>
<p>Admin access required</p>
<input type="password" id="loginPassword" class="form-control" placeholder="Password" autocomplete="current-password">
<button class="btn-login" onclick="submitLogin()">Sign In</button>
<div id="loginError"></div>
</div>
</div>
<!-- ── Folder access modal (shown only when permission is needed) ── -->
<div class="modal fade" id="accessModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content border-0 shadow">
<div class="modal-body">
<div class="modal-icon">📂</div>
<h5>Select the JSON folder</h5>
<p>
Grant the browser access to the <code>json</code> folder inside your site directory
so entries can be read and saved directly to disk.
</p>
<button class="btn btn-primary w-100 btn-add-row" id="btnModalOpen" onclick="openFolder()">
Open json Folder
</button>
<div id="modalError" class="mt-2 text-danger" style="font-size:0.85rem;display:none;"></div>
</div>
</div>
</div>
</div>
<!-- ── Page ── -->
<div class="container py-3">
<div class="d-flex justify-content-between align-items-start flex-wrap gap-2 mb-1">
<h1 class="site-header mb-0">
Bossier City Phone Directory
<span class="admin-badge">Admin</span>
</h1>
<div class="d-flex align-items-center gap-2 mt-2 flex-wrap">
<span id="folderChip" style="display:none;" class="folder-chip">
<span id="folderChipName"></span>
<button onclick="changeFolder()" title="Change folder">&#8635;</button>
</span>
<a href="index.html" class="btn btn-sm btn-outline-secondary" style="font-family:'PT Serif',serif;">← Back</a>
</div>
</div>
<!-- Property Tabs -->
<ul class="nav property-tabs mt-3 mb-0" id="propertyTabs">
<li class="nav-item"><a class="nav-link active" href="#" data-property="btbc">Boomtown BC</a></li>
<li class="nav-item"><a class="nav-link" href="#" data-property="mvbc">Margaritaville</a></li>
</ul>
<!-- Logo Bar -->
<div class="logo-bar mb-3">
<div id="logo-btbc" class="d-flex align-items-center gap-3">
<img src="images/bt.svg" class="bt-svg-flip" alt="">
<img src="images/bbc-logo-283x93-white.png" class="btbc-logo" alt="Boomtown BC">
<img src="images/bt.svg" alt="">
</div>
<div id="logo-mvbc" class="d-flex align-items-center gap-3" style="display:none!important;">
<img src="images/Palm-tree.svg" class="palm-flip" alt="">
<img src="images/margaritaville.svg" style="height:50px;" alt="Margaritaville">
<img src="images/Palm-tree.svg" alt="">
</div>
</div>
<!-- Department Nav -->
<div class="dept-panel mb-3" id="deptNav"></div>
<!-- Edit Panel -->
<div class="edit-panel">
<div class="edit-toolbar">
<h2 class="section-title" id="sectionTitle">Select a department to edit</h2>
<div class="d-flex gap-2 flex-wrap">
<button class="btn btn-sm btn-success btn-add-row" id="btnAddRow" style="display:none;" onclick="addRow()">+ Add Entry</button>
<button class="btn btn-sm btn-primary btn-add-row" id="btnSave" style="display:none;" onclick="saveData()">Save Changes</button>
</div>
</div>
<div id="statusBar"></div>
<div id="tableContainer">
<div class="empty-state">Select a department above to edit its entries.</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
<script>
// ── Login gate ────────────────────────────────────────────────────────────
const ADMIN_HASH = '7a9c4e2b1f8d3e6a0c5b9d2f4e7a1c3b8d0f2e5a9c6b4d1f7e0a3c8b5d2f9e4a';
async function hashPassword(pw) {
const buf = await crypto.subtle.digest('SHA-256', new TextEncoder().encode(pw));
return Array.from(new Uint8Array(buf)).map(b => b.toString(16).padStart(2,'0')).join('');
}
async function submitLogin() {
const pw = document.getElementById('loginPassword').value;
const hash = await hashPassword(pw);
// Compare against stored hash of P@rr0tvi11e
const target = await hashPassword('P@rr0tvi11e');
if (hash === target) {
sessionStorage.setItem('admin-auth', '1');
document.getElementById('loginOverlay').classList.add('hidden');
} else {
document.getElementById('loginError').textContent = 'Incorrect password. Please try again.';
document.getElementById('loginPassword').value = '';
document.getElementById('loginPassword').focus();
}
}
document.addEventListener('DOMContentLoaded', () => {
if (sessionStorage.getItem('admin-auth') === '1') {
document.getElementById('loginOverlay').classList.add('hidden');
}
document.getElementById('loginPassword').addEventListener('keydown', e => {
if (e.key === 'Enter') submitLogin();
});
});
// ── Department manifest ───────────────────────────────────────────────────
const DEPARTMENTS = {
btbc: [
{ category: 'Casino Operations', items: [
{ label: 'Casino Operations', json: 'btbc-casino-ops.json' },
{ label: 'Security', json: 'btbc-security.json' },
{ label: 'Slots', json: 'btbc-slots.json' },
{ label: 'Slots Performance', json: 'btbc-slots-performance.json' },
{ label: 'Sports Betting', json: 'btbc-sport-betting.json' },
{ label: 'Surveillance', json: 'btbc-sureillance.json' },
{ label: 'Table Games', json: 'btbc-table-games.json' },
]},
{ category: 'Executive', items: [
{ label: 'Executive', json: 'btbc-executive.json' },
]},
{ category: 'Finance & Admin', items: [
{ label: 'Accounting', json: 'btbc-accounting.json' },
{ label: 'Cage', json: 'btbc-cage.json' },
{ label: 'Compliance', json: 'btbc-compliance.json' },
{ label: 'Count', json: 'btbc-count.json' },
{ label: 'Purchasing', json: 'btbc-purchasing.json' },
{ label: 'Receiving', json: 'btbc-receiving.json' },
]},
{ category: 'Food & Beverage', items: [
{ label: 'Food & Beverage', json: 'btbc-food-and-beverage.json' },
]},
{ category: 'Hotel', items: [
{ label: 'Hotel', json: 'btbc-hotel.json' },
]},
{ category: 'Human Resources', items: [
{ label: 'Human Resources', json: 'btbc-human-resources.json' },
]},
{ category: 'Sales & Marketing', items: [
{ label: 'Sales & Marketing', json: 'btbc-sales-and-marketing.json' },
{ label: 'Entertainment', json: 'btbc-entertainment.json' },
]},
{ category: 'Support Services', items: [
{ label: 'Facilities', json: 'btbc-facilties.json' },
{ label: 'Information Technology',json: 'btbc-information-technology.json' },
]},
],
mvbc: [
{ category: 'Casino Operations', items: [
{ label: 'Casino Operations', json: 'mvbc-casino-ops.json' },
{ label: 'Security', json: 'mvbc-security.json' },
{ label: 'Slots', json: 'mvbc-slots.json' },
{ label: 'Slots Performance', json: 'mvbc-slots-performance.json' },
{ label: 'Sports Betting', json: 'mvbc-sport-betting.json' },
{ label: 'Surveillance', json: 'mvbc-surveillance.json' },
{ label: 'Table Games', json: 'mvbc-table-games.json' },
]},
{ category: 'Executive', items: [
{ label: 'Executive', json: 'mvbc-executive.json' },
]},
{ category: 'Finance & Admin', items: [
{ label: 'Accounting', json: 'mvbc-accounting.json' },
{ label: 'Cage', json: 'mvbc-cage.json' },
{ label: 'Compliance', json: 'mvbc-compliance.json' },
{ label: 'Count', json: 'mvbc-count.json' },
{ label: 'Purchasing', json: 'mvbc-purchasing.json' },
{ label: 'Receiving', json: 'mvbc-receiving.json' },
]},
{ category: 'Food & Beverage', items: [
{ label: 'Food & Beverage', json: 'mvbc-food-and-beverage.json' },
]},
{ category: 'Hotel', items: [
{ label: 'Hotel', json: 'mvbc-hotel.json' },
]},
{ category: 'Human Resources', items: [
{ label: 'Human Resources', json: 'mvbc-human-resources.json' },
]},
{ category: 'Sales & Marketing', items: [
{ label: 'Sales & Marketing', json: 'mvbc-sales-and-marketing.json' },
{ label: 'Entertainment', json: 'mvbc-entertainment.json' },
]},
{ category: 'Support Services', items: [
{ label: 'Facilities', json: 'mvbc-facilties.json' },
{ label: 'Information Technology',json: 'mvbc-information-technology.json' },
]},
]
};
// ── State ─────────────────────────────────────────────────────────────────
let dirHandle = null;
let currentProperty = 'btbc';
let currentJsonFile = null;
let originalData = [];
let activeBtn = null;
let hasUnsaved = false;
const modal = new bootstrap.Modal(document.getElementById('accessModal'));
// ── IndexedDB helpers ─────────────────────────────────────────────────────
const IDB_NAME = 'phonebook-admin', IDB_STORE = 'handles', IDB_KEY = 'jsonDir';
function openIDB() {
return new Promise((res, rej) => {
const r = indexedDB.open(IDB_NAME, 1);
r.onupgradeneeded = e => e.target.result.createObjectStore(IDB_STORE);
r.onsuccess = e => res(e.target.result);
r.onerror = e => rej(e.target.error);
});
}
async function idbGet(key) {
const db = await openIDB();
return new Promise((res, rej) => {
const tx = db.transaction(IDB_STORE, 'readonly');
const r = tx.objectStore(IDB_STORE).get(key);
r.onsuccess = () => res(r.result);
r.onerror = e => rej(e.target.error);
});
}
async function idbSet(key, value) {
const db = await openIDB();
return new Promise((res, rej) => {
const tx = db.transaction(IDB_STORE, 'readwrite');
tx.objectStore(IDB_STORE).put(value, key);
tx.oncomplete = res;
tx.onerror = e => rej(e.target.error);
});
}
async function idbDel(key) {
const db = await openIDB();
return new Promise((res, rej) => {
const tx = db.transaction(IDB_STORE, 'readwrite');
tx.objectStore(IDB_STORE).delete(key);
tx.oncomplete = res;
tx.onerror = e => rej(e.target.error);
});
}
// ── Folder activation ─────────────────────────────────────────────────────
function activateHandle(handle) {
dirHandle = handle;
modal.hide();
document.getElementById('folderChip').style.display = '';
document.getElementById('folderChipName').textContent = handle.name;
renderDeptNav(currentProperty);
}
// Called from the modal button
async function openFolder() {
const errEl = document.getElementById('modalError');
errEl.style.display = 'none';
try {
const handle = await window.showDirectoryPicker({ mode: 'readwrite' });
await idbSet(IDB_KEY, handle);
activateHandle(handle);
} catch (err) {
if (err.name !== 'AbortError') {
errEl.textContent = 'Could not open folder: ' + err.message;
errEl.style.display = '';
}
}
}
// Called from the ↺ chip button — clears stored handle and re-prompts
async function changeFolder() {
if (hasUnsaved && !confirm('You have unsaved changes. Discard them?')) return;
await idbDel(IDB_KEY);
dirHandle = null;
document.getElementById('folderChip').style.display = 'none';
document.getElementById('modalError').style.display = 'none';
modal.show();
}
// On page load: auto-restore saved handle
(async () => {
if (!('showDirectoryPicker' in window)) {
// Unsupported browser — replace modal body
document.querySelector('#accessModal .modal-body').innerHTML =
'<div class="modal-icon">⚠️</div><h5>Browser not supported</h5>' +
'<p>The File System Access API requires <strong>Chrome</strong> or <strong>Edge</strong> 86+.</p>';
modal.show();
return;
}
try {
const saved = await idbGet(IDB_KEY);
if (!saved) { modal.show(); return; }
const perm = await saved.queryPermission({ mode: 'readwrite' });
if (perm === 'granted') {
// Already have permission — activate with no user interaction
activateHandle(saved);
} else if (perm === 'prompt') {
// Need one click to re-grant — show modal with the handle ready
document.getElementById('btnModalOpen').textContent = 'Reconnect "' + saved.name + '"';
document.getElementById('btnModalOpen').onclick = async () => {
const errEl = document.getElementById('modalError');
errEl.style.display = 'none';
try {
const result = await saved.requestPermission({ mode: 'readwrite' });
if (result === 'granted') {
await idbSet(IDB_KEY, saved);
activateHandle(saved);
} else {
errEl.textContent = 'Permission denied. Try selecting the folder again.';
errEl.style.display = '';
document.getElementById('btnModalOpen').textContent = 'Open json Folder';
document.getElementById('btnModalOpen').onclick = openFolder;
}
} catch (err) {
errEl.textContent = err.message;
errEl.style.display = '';
}
};
modal.show();
} else {
// 'denied' — clear and re-prompt
await idbDel(IDB_KEY);
modal.show();
}
} catch {
modal.show();
}
})();
// ── File System read / write ───────────────────────────────────────────────
async function fsReadJson(filename) {
const fh = await dirHandle.getFileHandle(filename);
const file = await fh.getFile();
return JSON.parse(await file.text());
}
async function fsWriteJson(filename, data) {
const fh = await dirHandle.getFileHandle(filename, { create: false });
const w = await fh.createWritable();
await w.write(JSON.stringify(data, null, '\t'));
await w.close();
}
// ── Department nav ────────────────────────────────────────────────────────
function renderDeptNav(property) {
const nav = document.getElementById('deptNav');
let html = '<div class="row g-3">';
DEPARTMENTS[property].forEach(group => {
html += '<div class="col-6 col-sm-4 col-md-3">';
html += `<div class="dept-category-label">${group.category}</div>`;
group.items.forEach(item => {
html += `<button class="dept-btn" data-json="${item.json}" data-label="${item.label}">${item.label}</button>`;
});
html += '</div>';
});
html += '</div>';
nav.innerHTML = html;
nav.querySelectorAll('.dept-btn').forEach(btn => {
btn.addEventListener('click', () => {
if (hasUnsaved && !confirm('You have unsaved changes. Discard them?')) return;
if (activeBtn) activeBtn.classList.remove('active');
btn.classList.add('active');
activeBtn = btn;
loadDepartment(btn.dataset.json, btn.dataset.label);
});
});
}
// ── Load department ───────────────────────────────────────────────────────
async function loadDepartment(jsonFile, label) {
currentJsonFile = jsonFile;
hasUnsaved = false;
setStatus('');
document.getElementById('sectionTitle').innerHTML = label;
document.getElementById('btnAddRow').style.display = '';
document.getElementById('btnSave').style.display = '';
document.getElementById('tableContainer').innerHTML =
'<div class="text-center py-4"><div class="spinner-border text-primary" role="status"></div></div>';
try {
const data = await fsReadJson(jsonFile);
originalData = JSON.parse(JSON.stringify(data));
renderEditTable(data);
} catch (err) {
document.getElementById('tableContainer').innerHTML = '<div class="empty-state">Failed to load file.</div>';
setStatus('Error: ' + err.message, 'error');
}
}
// ── Render editable table ─────────────────────────────────────────────────
function renderEditTable(data) {
let rows = '';
data.forEach((item, i) => { rows += rowHtml(i, item); });
document.getElementById('tableContainer').innerHTML = `
<div class="table-responsive">
<table class="table table-bordered table-sm mb-0" id="editTable">
<thead>
<tr>
<th style="width:2.5rem;">#</th>
<th>Name</th><th>Title</th>
<th style="width:7rem;">Extension</th>
<th style="width:8rem;">Exterior</th>
<th style="width:2.5rem;"></th>
</tr>
</thead>
<tbody id="editBody">${rows}</tbody>
</table>
</div>`;
markUnsaved(false);
}
function rowHtml(i, item) {
const v = f => escHtml(item[f] || '');
return `<tr data-row="${i}">
<td class="text-muted text-center" style="font-size:0.78rem;vertical-align:middle;">${i + 1}</td>
<td><input class="cell-input" data-field="name" value="${v('name')}" placeholder="Name" oninput="onCellChange(this)"></td>
<td><input class="cell-input" data-field="title" value="${v('title')}" placeholder="Title" oninput="onCellChange(this)"></td>
<td><input class="cell-input" data-field="extension" value="${v('extension')}" placeholder="Ext" oninput="onCellChange(this)"></td>
<td><input class="cell-input" data-field="exterior" value="${v('exterior')}" placeholder="Exterior" oninput="onCellChange(this)"></td>
<td class="text-center" style="vertical-align:middle;">
<button class="btn-delete-row" title="Delete row" onclick="deleteRow(this)">✕</button>
</td>
</tr>`;
}
function escHtml(s) {
return String(s).replace(/&/g,'&amp;').replace(/"/g,'&quot;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
}
// ── Add / delete rows ─────────────────────────────────────────────────────
function addRow() {
const tbody = document.getElementById('editBody');
if (!tbody) return;
tbody.insertAdjacentHTML('beforeend', rowHtml(tbody.rows.length, {}));
tbody.lastElementChild.querySelector('input').focus();
markUnsaved(true);
}
function deleteRow(btn) {
if (!confirm('Delete this entry?')) return;
btn.closest('tr').remove();
renumberRows();
markUnsaved(true);
}
function renumberRows() {
document.querySelectorAll('#editBody tr').forEach((tr, i) => {
tr.dataset.row = i;
tr.cells[0].textContent = i + 1;
});
}
// ── Unsaved tracking ──────────────────────────────────────────────────────
function onCellChange(input) { input.classList.add('changed'); markUnsaved(true); }
function markUnsaved(state) {
hasUnsaved = state;
const title = document.getElementById('sectionTitle');
const dot = title.querySelector('.unsaved-dot');
if (state && !dot) title.insertAdjacentHTML('beforeend', '<span class="unsaved-dot" title="Unsaved changes"></span>');
if (!state && dot) dot.remove();
if (!state) document.querySelectorAll('.cell-input.changed').forEach(el => el.classList.remove('changed'));
}
// ── Collect data ──────────────────────────────────────────────────────────
function collectData() {
const data = [];
document.querySelectorAll('#editBody tr').forEach(row => {
const entry = {};
row.querySelectorAll('.cell-input').forEach(inp => { entry[inp.dataset.field] = inp.value.trim(); });
data.push(entry);
});
return data;
}
// ── Save ──────────────────────────────────────────────────────────────────
async function saveData() {
if (!currentJsonFile || !dirHandle) return;
const data = collectData();
const btn = document.getElementById('btnSave');
btn.disabled = true; btn.textContent = 'Saving…';
setStatus('Saving…', 'info');
try {
await fsWriteJson(currentJsonFile, data);
originalData = JSON.parse(JSON.stringify(data));
markUnsaved(false);
setStatus(`Saved ${data.length} ${data.length === 1 ? 'entry' : 'entries'} successfully.`, 'success');
} catch (err) {
setStatus('Save failed: ' + err.message, 'error');
} finally {
btn.disabled = false; btn.textContent = 'Save Changes';
}
}
// ── Status bar ────────────────────────────────────────────────────────────
let statusTimer = null;
function setStatus(msg, type) {
const bar = document.getElementById('statusBar');
clearTimeout(statusTimer);
if (!msg) { bar.className = ''; bar.textContent = ''; return; }
bar.textContent = msg;
bar.className = 'show ' + (type || 'info');
if (type === 'success') statusTimer = setTimeout(() => setStatus(''), 4000);
}
// ── Property tabs ─────────────────────────────────────────────────────────
document.getElementById('propertyTabs').addEventListener('click', e => {
const link = e.target.closest('[data-property]');
if (!link) return;
e.preventDefault();
const prop = link.dataset.property;
if (prop === currentProperty) return;
if (hasUnsaved && !confirm('You have unsaved changes. Discard them?')) return;
currentProperty = prop;
document.querySelectorAll('#propertyTabs .nav-link').forEach(l => l.classList.remove('active'));
link.classList.add('active');
document.getElementById('logo-btbc').style.display = prop === 'btbc' ? '' : 'none';
document.getElementById('logo-mvbc').style.display = prop === 'mvbc' ? '' : 'none';
currentJsonFile = null; activeBtn = null; hasUnsaved = false;
setStatus('');
document.getElementById('sectionTitle').textContent = 'Select a department to edit';
document.getElementById('btnAddRow').style.display = 'none';
document.getElementById('btnSave').style.display = 'none';
document.getElementById('tableContainer').innerHTML =
'<div class="empty-state">Select a department above to edit its entries.</div>';
if (dirHandle) renderDeptNav(prop);
});
window.addEventListener('beforeunload', e => {
if (hasUnsaved) { e.preventDefault(); e.returnValue = ''; }
});
</script>
</body>
</html>
+3 -3
View File
@@ -4,15 +4,15 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Boomtown Images --> <!-- Boomtown Images -->
<div class="text-center images"> <div class="text-center images">
+3 -3
View File
@@ -4,15 +4,15 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Boomtown Images --> <!-- Boomtown Images -->
<div class="text-center images"> <div class="text-center images">
+3 -3
View File
@@ -4,15 +4,15 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Boomtown Images --> <!-- Boomtown Images -->
<div class="text-center images"> <div class="text-center images">
+3 -3
View File
@@ -4,15 +4,15 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Boomtown Images --> <!-- Boomtown Images -->
<div class="text-center images"> <div class="text-center images">
+3 -3
View File
@@ -4,15 +4,15 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Boomtown Images --> <!-- Boomtown Images -->
<div class="text-center images"> <div class="text-center images">
+3 -3
View File
@@ -4,15 +4,15 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Boomtown Images --> <!-- Boomtown Images -->
<div class="text-center images"> <div class="text-center images">
+3 -3
View File
@@ -4,15 +4,15 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Boomtown Images --> <!-- Boomtown Images -->
<div class="text-center images"> <div class="text-center images">
+3 -3
View File
@@ -4,15 +4,15 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Boomtown Images --> <!-- Boomtown Images -->
<div class="text-center images"> <div class="text-center images">
+3 -3
View File
@@ -4,15 +4,15 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Boomtown Images --> <!-- Boomtown Images -->
<div class="text-center images"> <div class="text-center images">
+3 -3
View File
@@ -4,15 +4,15 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Boomtown Images --> <!-- Boomtown Images -->
<div class="text-center images"> <div class="text-center images">
+3 -3
View File
@@ -4,15 +4,15 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Boomtown Images --> <!-- Boomtown Images -->
<div class="text-center images"> <div class="text-center images">
+3 -3
View File
@@ -4,15 +4,15 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Boomtown Images --> <!-- Boomtown Images -->
<div class="text-center images"> <div class="text-center images">
+3 -3
View File
@@ -4,15 +4,15 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Boomtown Images --> <!-- Boomtown Images -->
<div class="text-center images"> <div class="text-center images">
+3 -3
View File
@@ -4,15 +4,15 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Boomtown Images --> <!-- Boomtown Images -->
<div class="text-center images"> <div class="text-center images">
+3 -3
View File
@@ -4,15 +4,15 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Boomtown Images --> <!-- Boomtown Images -->
<div class="text-center images"> <div class="text-center images">
+3 -3
View File
@@ -4,15 +4,15 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Boomtown Images --> <!-- Boomtown Images -->
<div class="text-center images"> <div class="text-center images">
+3 -3
View File
@@ -4,15 +4,15 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Boomtown Images --> <!-- Boomtown Images -->
<div class="text-center images"> <div class="text-center images">
+3 -3
View File
@@ -4,15 +4,15 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Boomtown Images --> <!-- Boomtown Images -->
<div class="text-center images"> <div class="text-center images">
+3 -3
View File
@@ -4,15 +4,15 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Boomtown Images --> <!-- Boomtown Images -->
<div class="text-center images"> <div class="text-center images">
+3 -3
View File
@@ -4,15 +4,15 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Boomtown Images --> <!-- Boomtown Images -->
<div class="text-center images"> <div class="text-center images">
+3 -3
View File
@@ -4,15 +4,15 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Boomtown Images --> <!-- Boomtown Images -->
<div class="text-center images"> <div class="text-center images">
+6
View File
@@ -0,0 +1,6 @@
@charset "UTF-8";/*!
* Bootstrap v5.3.2 (https://getbootstrap.com/)
* Copyright 2011-2023 The Bootstrap Authors
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222,226,230;--bs-body-bg:#212529;--bs-body-bg-rgb:33,37,41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255,255,255;--bs-secondary-color:rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb:222,226,230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52,58,64;--bs-tertiary-color:rgba(222, 226, 230, 0.5);--bs-tertiary-color-rgb:222,226,230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43,48,53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherLine truncated
/*# sourceMappingURL=bootstrap.min.css.map */
+22 -6
View File
@@ -9,6 +9,11 @@
} }
.homelink{
text-decoration: none;
color: black;
}
.palm-tree-left{ .palm-tree-left{
transform: scaleX(-1); transform: scaleX(-1);
-webkit-transform: scaleX(-1); -webkit-transform: scaleX(-1);
@@ -22,6 +27,11 @@
visibility: hidden; visibility: hidden;
} }
.mville{
width: 0%;
visibility: hidden;
}
.bt-svg{ .bt-svg{
width: 0%; width: 0%;
visibility: hidden; visibility: hidden;
@@ -53,9 +63,7 @@
padding-bottom: 1em; padding-bottom: 1em;
} }
#navbarSupportedContent{
text-align: center;
}
.navbar-color{ .navbar-color{
background-color: rgb(170, 204, 250); background-color: rgb(170, 204, 250);
border-radius: 0.5em; border-radius: 0.5em;
@@ -80,8 +88,12 @@
visibility: visible; visibility: visible;
width: 5em; width: 5em;
} }
.mville{
visibility: visible;
width: 15em;
}
} }
@media(min-width:1200) { @media(min-width:1200px) {
div.container{ div.container{
--bs-gutter-x: 0; --bs-gutter-x: 0;
} }
@@ -90,7 +102,11 @@
} }
.navbar-expand-sm .navbar-nav .nav-link .navbar-expand-sm .navbar-nav .nav-link
{ {
padding-right: 0; padding-right: 1em;
padding-left: 0; padding-left: 1em;
}
#navbarSupportedContent{
padding-left: 5em;
align-items: center;
} }
} }
Executable
+30
View File
@@ -0,0 +1,30 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<!-- Background -->
<rect width="32" height="32" rx="5" fill="#1a1a2e"/>
<!-- Book pages -->
<rect x="7" y="3" width="18" height="26" rx="2" fill="#dbeafe"/>
<!-- Spine -->
<rect x="7" y="3" width="5" height="26" rx="2" fill="#3b82f6"/>
<!-- Spine inner shadow -->
<rect x="11" y="3" width="1.5" height="26" fill="#2563eb"/>
<!-- Directory entry lines -->
<rect x="14.5" y="8" width="8" height="1.8" rx="0.9" fill="#93c5fd"/>
<rect x="14.5" y="12" width="8" height="1.8" rx="0.9" fill="#93c5fd"/>
<rect x="14.5" y="16" width="8" height="1.8" rx="0.9" fill="#93c5fd"/>
<rect x="14.5" y="20" width="5" height="1.8" rx="0.9" fill="#93c5fd"/>
<!-- Phone handset on cover -->
<!-- earpiece -->
<ellipse cx="14.5" cy="26.5" rx="2.2" ry="1.5" fill="#2563eb"/>
<!-- mouthpiece -->
<ellipse cx="20.5" cy="24" rx="2.2" ry="1.5" fill="#2563eb"/>
<!-- handle connecting them (angled) -->
<line x1="14.5" y1="26.5" x2="20.5" y2="24" stroke="#2563eb" stroke-width="3" stroke-linecap="round"/>
<!-- highlight on earpiece -->
<ellipse cx="14.5" cy="26.5" rx="1.4" ry="0.9" fill="#60a5fa"/>
<!-- highlight on mouthpiece -->
<ellipse cx="20.5" cy="24" rx="1.4" ry="0.9" fill="#60a5fa"/>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.1 KiB

+24
View File
@@ -0,0 +1,24 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="145.90681mm"
height="58.844948mm"
viewBox="0 0 145.90681 58.844948"
version="1.1"
id="svg1"
xml:space="preserve"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><defs
id="defs1" /><g
id="layer1"
transform="translate(-23.35413,-12.558728)"><image
width="145.90681"
height="58.844948"
preserveAspectRatio="none"
xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARsAAABkCAYAAAC2LpSBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ&#10;bWFnZVJlYWR5ccllPAAAGCtJREFUeNrsXU9S5DqTV794q9m0+wRtYg7Q5gSYE2C2s6HqBFRtZlvU&#10;9ttQnIBiM1uKE2BOgDnABO4TtHsz2zcWL9UkIiWlZBvo7+UvwtEN2LJSyvwpM/XHSgkEAoFAIBAI&#10;BAKBQCAQCAQCgUAgEAgEAoFAIBAIBAKBQCAQCAQCgUAgEAgEAoFAIBAISHxy/eE//vU/5/0/s/7a&#10;9tdNfxX91fRX2185ujb/99//1Q2pRP+uqv8ng7I1mqFlCgQCp73d9v+UxtbgugEbPIJ/O7D5HO6r&#10;4XcPqChtrzuurfrI5i9m3df9y84GCK4Fuif+1MF1NaR8gUCQbNscaBs97G20Cd34h+dvuzeS/dTx&#10;+wxYdSXqIRCMii2TRDjQdnrOudFHNksm4dQDBa9GElogEDDQeyHzAOFom9vr7/sEPNDC/RuHPZaD&#10;wijkci18zAUVSnXntOfyOIaLJhAIou3vUv2dl7XR9ja353hGezKXtpPA4YE/GCy4CVS4HCBv6Nml&#10;EI1AMKmHQyGHXCr1TNdfx9oJIByHYWTDwArYLgVHnr9pdt2KSggEk8I1mGcBoqqtZ0cjm13AO1kk&#10;hlC+fE0reiAQTI4hOdE1KiMYgfzJLHQZIIaT/jqLrGg1RctBWJd/JK8IPL/C4b21I5St4+7d0LJ+&#10;8/zDDNqzFv6IQhvp8WDvZte3+74mG85amz9HqrCO8WaRBn5iCZyPoHDaoG/h/w0n3wPPVBbTawP+&#10;Bv/e9VedosTgvc1A1txxj5Z9PsBIzOLLIzuOHiDvLtR2MHFwpJ4XenXws37up1kbhZKQDYyER9AW&#10;rXkXeMcnlut+g0JtXeelS7/QJIauwxdL1nNLVl3XA3iX/rtelLokCPwS1QcvZvsGpLaE+85BHi3f&#10;d9SOGldgkLi8G7g3t2zgKmQ/sPj1FOpzBf+WII8x9mXkoPOdimS4C/VicqpcsikYxKDXw2wjjLBA&#10;5enOvibCs1hk3JjTqncVCBN1Xkr/v1bMpHV//5nirRHSbXHb36/LXieQTp5ATiVT3h2lvIQRV3a/&#10;aXlAlgrpkN3HMzBCVz3swWkb6PeM8J7LgEc9A/2z9b3yPNfBMwv1PJtTOuq1s8orPeHMlmGHZSAy&#10;uBghBZGpCcDN2RwwhHFmsB0GblArOlE8dBaKW5eYmLUEYpj5wpr+ulbxixFN2feJ8pYTyKsV+p7o&#10;1zZQToP6b6zFoXcR3m2MDnURoQVOK3Da8g5G/zpQZoPyHypwnw/bhMHqZIAuTUI2BcHWQxixstzl&#10;fCSyweUcReSjaocSrmG06SwZLz1T/tfEqPMUKsG1Uf6FkAVnGpFqcx8JIswdbeuT9xYbMbjY+55y&#10;5sgNt930GupAGar+2x6Eg/aSCx9pfaWMR4cwUFbnIZpjIjRo4fcdcf+hCXdgWYir/NraZrPv0elj&#10;jrcM8hw7/rzzTGVHe8a2fsMgWg2YeWaTDW7Mz444T3FGczCIzFKwsVw5zNIlx2jBKNaOUeIMOpDK&#10;hVzaDQ+hU0mQ5r5WULh0WHIIi6COHSMey/uwwlEWwYK8NwF5j4m+uCYMckmUs/YYjpF963j2Tper&#10;R2fIo5iwog0YY2WFRbieteNdyhcSg2HbYc2h7TnAz5QOHzP1rInJsTjqpRx9GtKf0vOemhhErz1h&#10;72hkc2F5OVuHkZSQEOSGUK0nEfUQ2XAZYehcd5BSuJ9WEmxJjAiVZfgrotxDl4xacWClZpuYh6kC&#10;PzvdbZ+ygqKtiTB5FlBIqi2/OXISdSBcZ+kAGMyLXJ0d9gG5tQn5rtwihYapqy697sYgCUe9azUR&#10;oI3LofmclEV9piGvHH+fRTTU2iNAbONVCcqER53Q+ykDxZ4EtaXjgpnVXyd6dUcO0k1ynRnyHiS8&#10;q0OhQmd5RiHsGJ7eCdMrpsKwb9wQ1eMdpbbv2MgnIppqiDeTQjbYQzAhlGtTljN3YClnh6b6ihFk&#10;OeUYYwQ6BiHlIFfhyNOwkqPQDl3AY6BCqJJJuhxPriPCpJBCc8JUnb/5ZMvEISoIqfSz+5GDzAnT&#10;g3DmIKz2rT/Y+p2xNidnHv26h8mKa6uf26nJpnN4AzvuiEuQShOKGyPYF+cucF2LAQmtFcPbKTxk&#10;GXsA2DKyfrOIkZ7jyVVMUlJWeOnr4yRFjxx1M44sHrJYMHQ1NBPWvjHZPETIl9oHhaMvb6YmG677&#10;H8qVZBEdGDMbVSKiqRPzGEMUKB+acwLv5ljxpkBxSLO1CfaNFb8ekURijfYI1aG18jZ5SmhIlN2p&#10;1zNjqfV+a1Li6FxsnZL1i0s2rox96/hbBqOOz+MJMXGM0mLDuxgplv1pjaIFQaI7T+y/S+j8XcSp&#10;hKYuF1YfZJFT56T3Ch5nwTCWPGWQcOjO90TFv1Kvc4iUUVB5xpKYVcyR57hleKgZk1SyMfREvZzq&#10;jx2Y7VA2c5Cyq17fpiYbn+FfBAgAC2YIiLOHpYposAp5Sx1z5ArhMyOsWjs8uXbKozFgeT5+TzPC&#10;6JMF5H01dQttnw/IJ3SpimyR4Y4oq3CEGhuGrp1Ghg0Fsw2qkTwFu5w8MV0wc9j2AxwjsSZkmXw2&#10;qohwo13P4Piaw+YHCQ3WEUaemrdZ6IOh9VQ+JMrsDn5aT+IYHXI1LY6sEfTB40FysULyPhIEuiaS&#10;xkPlzAco8omVg6qZbfDAqEeB9CklF1KkyDFgYMhGDp+PoF31uqsvjDByVLJpA+5wx2iQA4c72zFH&#10;PcVw6woi4TykI0ogM/t5HO68dY4Ee1I5sc6E8rRi5bWNb0MdojaC9zaErArLy8mZBr/zeb/Weq2x&#10;z+GmdPouoZyWm+pISY8EopduarJpPPGiK5Syl93nVIjhUdibSMPT0Gtdbic29A24mNg1fzNYubAc&#10;5D2f0LNa27ui3xvEymndBteOENsmSGrDY+n4/9UAEpmSJFqHXJMAHIo5kO96arIpA4rsWnNzSng6&#10;F0wBdwylmzENK8VVbRzu44Kz4TQxScvBOdMgY70bVz5jFZBlTLLljvLcTa6uvN9PT3udJBAB975i&#10;AFGNkjdhDkoNYY86UX48xJtN2fWtHKxKbUgzeY971NBbq5OHhCErxPRruI4Jo0mZ/jYj+jJAvm85&#10;ouOPhplRZgkyNwMJ1si7HijvEJI9YLSBOSzMEJ3p90Mi7DmN8ESOrNMjp/hQ4teRiGOs0L0dGFVE&#10;gXueTRZSJkiWdoH8wZrowDLR8HJUl6XlCe2s2YqnqXiOt2R1qM7NbPpnTy25v6n3AZ7NO7baQ5PN&#10;o3XvPFJe492ccvp8ArKJ9bJfbIGANqjsUJ5IbNcO+WcJIdRQT+IoJjfkWfFcjDgDWqoJ9lqlLOrz&#10;TbOFKrhlsn1UxzlIZOhIrzyKlzPkzn15l/76ob9MCNcP6+fbwMhfO+LqFwOEY62TS2EzT07ja4QB&#10;tRHt2iUQVeHyPODnJuTVglFSeRscng1JDncRnkTUYOvxtsY8Zvcz19OOSRek5Gx8btxSuU8bc22l&#10;LxJzHqWHwKjc0JShz02kq1uo16cKZr66WlPsN0wyP0h0w39GkEA7gGyaBLL5FvA8LgjPgYJvAeHQ&#10;85y7iJxUShg1ltdRpoZpvT7q3OG9oj+dPYhsGo5CBXaD30TGjXkgd7HydKAZvTrOSB9ZL6qTdpEe&#10;20Y9f2mQi3OjBJ5w8G7AaFePFBoNyif41kTBhEAVqK+tq6WjzG2EJzuWh9Yy6ptij2PjjpHCWMSS&#10;ZQrZhA77cbHlLlIwnyeyYhrJxQBDyH0jFZ7tgfZouYYOH/oyp7y5yMju3BnDvd9Z9cgj3NwiEDq7&#10;/p4NGKnzyHqsUM6q8QwydahM6DNKd7rI3F6MzGUsccDu6x9WP1Yxg4XW1UB4HouKO0CkkE3OcBF9&#10;pNJ5kldR7qo1YxByd2uHC87BQUCmPJTXCU0/e+q+9pDrVSCebxnG2wQMZjeSu5+CxuPV5EzP427A&#10;ILNTb4ufAQ/ehNx5oqepEZuv/BxhGy131i5lu0IZOE6QGll2CQ3RMLyah0jFrZjn9FKk8CrhbI02&#10;G8LQzwNhQeYhDXxPFRGv2+HqZYK8DSHLqcNLyga4+K1Pdvv9EW3QEP2QMzxfjk4N8WxiiSCGJAqu&#10;J4JwFFsWpCKqFGchSDbEmcFPChxwnW44MTCU7TL+FbEb1xb0c8BoOo534wgRsoBMmnAf4dxh8y77&#10;kGxd7r2H4Dg5lXMV94kaW96MkK8IjFbUAFFheVEomQfKiTJSqq1g42nBbQNHGFQyvep6DMJwkNs3&#10;R4h6CTOUOQp7Mso2PHan7eXMPKvLgtmihaOdLz2kUuJ+gPJKKOuS8vDh748Q9t1S9fwUIJpSocSk&#10;nWBzneYOjfaIQp1jh4GHMtm/zvD1fIdp7vu4F8SptqIt8V4f+PQKZfi/7rNkwnhxCDZ0EuVNGOJ7&#10;sEZrakn9J2gfSiG85xo72rWBdjIbR28dfYrlLRW99WMflXOv6F3feyHXGn1YjmonvX6mRh93q4h7&#10;Dn3rSnSOwlWudd+jermVZi8yrHf19xofFxLxHTEXDoEcr1V6Er6FAfFaxR0NW/kIHvT1EZGPfs+F&#10;vZ/uj0Aj3noEm7mShLine truncated
id="image1"
x="23.35413"
y="12.558728"
style="display:inline;fill:none" /></g></svg>

After

Width:  |  Height:  |  Size: 9.4 KiB

Regular → Executable
+389 -206
View File
@@ -1,216 +1,399 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link rel="icon" type="image/svg+xml" href="favicon.svg">
<link href="css/phone.css" rel="stylesheet"> <link href="css/bootstrap.min.css" rel="stylesheet">
<style>
@import url('https://fonts.googleapis.com/css?family=PT+Serif');
body {
background-color: #eef2f7;
font-family: 'PT Serif', serif;
}
.site-header {
font-size: clamp(1.6rem, 5vw, 2.75rem);
font-weight: 700;
text-align: center;
padding: 1rem 0 0.5rem;
color: #1a1a2e;
}
/* Property tabs */
.property-tabs {
gap: 0.25rem;
}
.property-tabs .nav-link {
font-family: 'PT Serif', serif;
font-size: 1rem;
padding: 0.6rem 1.5rem;
border-radius: 0.5rem 0.5rem 0 0;
background: #d8e4f5;
color: #444;
border: none;
font-weight: 400;
}
.property-tabs .nav-link.active {
background: #aaccfa;
color: #000;
font-weight: 700;
}
/* Logo bar */
.logo-bar {
background: #aaccfa;
border-radius: 0 0.5rem 0.5rem 0.5rem;
padding: 0.9rem 1rem;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
min-height: 80px;
}
.logo-bar img { height: 50px; }
.btbc-logo { filter: invert(1); }
.mville-logo { height: 55px; }
.bt-svg-flip { transform: scaleX(-1); }
.palm-flip { transform: scaleX(-1); }
/* Department section */
.dept-panel {
background: #fff;
border-radius: 0.5rem;
padding: 1rem 1.25rem 0.75rem;
box-shadow: 0 1px 4px rgba(0,0,0,0.07);
}
.dept-category {
margin-bottom: 0.75rem;
}
.dept-category-label {
font-size: 0.72rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.07em;
color: #7a8fa8;
margin-bottom: 0.35rem;
}
.dept-btn {
display: inline-block;
font-family: 'PT Serif', serif;
font-size: 0.88rem;
margin: 0.2rem 0.2rem 0.2rem 0;
padding: 0.3rem 1rem;
border: 1.5px solid #aaccfa;
border-radius: 2rem;
background: #f5f8ff;
color: #334;
cursor: pointer;
transition: background 0.12s, border-color 0.12s, color 0.12s;
line-height: 1.4;
}
.dept-btn:hover {
background: #d2e6ff;
border-color: #7aacf0;
}
.dept-btn.active {
background: #aaccfa;
border-color: #5599e8;
color: #000;
font-weight: 700;
}
/* Table section */
.table-panel {
background: #fff;
border-radius: 0.5rem;
padding: 1rem 1.25rem;
box-shadow: 0 1px 4px rgba(0,0,0,0.07);
}
.table-toolbar {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
margin-bottom: 0.75rem;
}
.section-title {
font-size: 1.2rem;
font-weight: 700;
color: #1a1a2e;
margin: 0;
}
#searchInput {
max-width: 260px;
font-family: inherit;
font-size: 0.9rem;
}
#mainTable thead {
background-color: #aaccfa;
}
#mainTable thead th {
font-weight: 700;
font-size: 0.9rem;
border-bottom: none;
}
.empty-state {
text-align: center;
padding: 3rem 1rem;
color: #9ab;
font-size: 1.05rem;
}
@media (max-width: 480px) {
.logo-bar img { height: 36px; }
.dept-btn { font-size: 0.8rem; padding: 0.25rem 0.75rem; }
}
</style>
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container py-3">
<div class="header text-center title">
Bossier City Phone Directory
</div>
<!-- Boomtown Images -->
<div class="text-center images">
<img class="bt-svg bt-svg-left" src="images/bt.svg">
<img class="btbc" src="images/bbc-logo-283x93-white.png">
<img class="bt-svg" src="images/bt.svg">
</div>
<!-- Boomtown Images End -->
<!-- Boomtown Navbar -->
<nav class="navbar navbar-expand-sm navbar-color">
<div class="container buffer">
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ">
<li class="nav-item dropdown">
<a class="nav-link text-body" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Casino Operations
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="btbc\casino-operation.html">Casino Operations</a></li>
<li><a class="dropdown-item" href="btbc\security.html">Security</a></li>
<li><a class="dropdown-item" href="btbc\slots.html">Slots</a></li>
<li><a class="dropdown-item" href="btbc\slots-performance.html">Slots Performance</a></li>
<li><a class="dropdown-item" href="btbc\sport.html">Sports Betting</a></li>
<li><a class="dropdown-item" href="btbc\surveillance.html">Surveillance</a></li>
<li><a class="dropdown-item" href="btbc\table.html">Table Games</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link text-body" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Executive
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="btbc\executive.html">Executive</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link text-body" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Finance & Admin
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="btbc\accounting.html">Accounting</a></li>
<li><a class="dropdown-item" href="btbc\cage.html">Cage</a></li>
<li><a class="dropdown-item" href="btbc\compliance.html">Compliance</a></li>
<li><a class="dropdown-item" href="btbc\count.html">Count</a></li>
<li><a class="dropdown-item" href="btbc\purchasing.html">Purchasing</a></li>
<li><a class="dropdown-item" href="btbc\receiving.html">Receiving</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link text-body" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Food & Beverage
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="btbc\food.html">Food & Beverage</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link text-body" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Hotel
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="btbc\hotel.html">Hotel</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link text-body" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Human Resources
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="btbc\human-resources.html">Human Resources</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link text-body" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Sales & Marketing
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="btbc\sales-marketing.html">Sales & Marketing</a></li>
<li><a class="dropdown-item" href="btbc\entertainment.html">Entertainment</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link text-body" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Support Services
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="btbc\facilities.html">Facilities</a></li>
<li><a class="dropdown-item" href="btbc\it.html">Information Technology</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<!-- Boomtown Navbar End -->
<!-- Margaritaville Images -->
<div class="text-center images">
<img class="palm-tree palm-tree-left" src = "images/Palm-tree.svg">
<img class="" src="images/margaritaville-283x80.png">
<img class="palm-tree palm-tree-right" src="images/Palm-tree.svg">
</div>
<!-- Margaritaville Images End -->
<!-- Margaritaville Navbar -->
<nav class="navbar navbar-expand-sm navbar-color">
<div class="container buffer">
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link text-body" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Casino Operations
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="mvbc/casino-operation.html">Casino Operations</a></li>
<li><a class="dropdown-item" href="mvbc/security.html">Security</a></li>
<li><a class="dropdown-item" href="mvbc/slots.html">Slots</a></li>
<li><a class="dropdown-item" href="mvbc/slots-performance.html">Slots Performance</a></li>
<li><a class="dropdown-item" href="mvbc/sport.html">Sports Betting</a></li>
<li><a class="dropdown-item" href="mvbc/surveillance.html">Surveillance</a></li>
<li><a class="dropdown-item" href="mvbc/table.html">Table Games</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link text-body" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Executive
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="mvbc/executive.html">Executive</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link text-body" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Finance & Admin
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="mvbc/accounting.html">Accounting</a></li>
<li><a class="dropdown-item" href="mvbc/cage.html">Cage</a></li>
<li><a class="dropdown-item" href="mvbc/compliance.html">Compliance</a></li>
<li><a class="dropdown-item" href="mvbc/count.html">Count</a></li>
<li><a class="dropdown-item" href="mvbc/purchasing.html">Purchasing</a></li>
<li><a class="dropdown-item" href="mvbc/receiving.html">Receiving</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link text-body" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Food & Beverage
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="mvbc/food.html">Food & Beverage</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link text-body" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Hotel
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="mvbc/hotel.html">Hotel</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link text-body" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Human Resources
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="mvbc/human-resources.html">Human Resources</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link text-body" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Sales & Marketing
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="mvbc/sales-marketing.html">Sales & Marketing</a></li>
<li><a class="dropdown-item" href="mvbc/entertainment.html">Entertainment</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link text-body" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Support Services
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="mvbc/facilities.html">Facilities</a></li>
<li><a class="dropdown-item" href="mvbc/it.html">Information Technology</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<!-- Margaritaville Navbar End -->
<div class="d-flex justify-content-end">
<a href="admin.html" class="btn btn-sm btn-outline-secondary" style="font-family:'PT Serif',serif;font-size:0.8rem;">Admin</a>
</div> </div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script> <h1 class="site-header">Bossier City Phone Directory</h1>
<!-- Property Tabs -->
<ul class="nav property-tabs mt-2 mb-0" id="propertyTabs">
<li class="nav-item">
<a class="nav-link active" href="#" data-property="btbc">Boomtown BC</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" data-property="mvbc">Margaritaville</a>
</li>
</ul>
<!-- Logo Bar -->
<div class="logo-bar mb-3" id="logoBar">
<div id="logo-btbc" class="d-flex align-items-center gap-3">
<img src="images/bt.svg" class="bt-svg-flip" alt="">
<img src="images/bbc-logo-283x93-white.png" class="btbc-logo" alt="Boomtown BC">
<img src="images/bt.svg" alt="">
</div>
<div id="logo-mvbc" class="d-flex align-items-center gap-3" style="display:none!important;">
<img src="images/Palm-tree.svg" class="palm-flip" alt="">
<img src="images/margaritaville.svg" class="mville-logo" alt="Margaritaville">
<img src="images/Palm-tree.svg" alt="">
</div>
</div>
<!-- Department Navigation -->
<div class="dept-panel mb-3" id="deptNav"></div>
<!-- Table Panel -->
<div class="table-panel">
<div class="table-toolbar">
<h2 class="section-title" id="sectionTitle">Select a department above</h2>
<input type="search" class="form-control" id="searchInput" placeholder="Filter results..." style="display:none;" aria-label="Filter table">
</div>
<div id="tableContainer">
<div class="empty-state">Select a department above to view the phone directory.</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
<script>
const DEPARTMENTS = {
btbc: [
{ category: 'Casino Operations', items: [
{ label: 'Casino Operations', json: 'json/btbc-casino-ops.json' },
{ label: 'Security', json: 'json/btbc-security.json' },
{ label: 'Slots', json: 'json/btbc-slots.json' },
{ label: 'Slots Performance', json: 'json/btbc-slots-performance.json' },
{ label: 'Sports Betting', json: 'json/btbc-sport-betting.json' },
{ label: 'Surveillance', json: 'json/btbc-sureillance.json' },
{ label: 'Table Games', json: 'json/btbc-table-games.json' },
]},
{ category: 'Executive', items: [
{ label: 'Executive', json: 'json/btbc-executive.json' },
]},
{ category: 'Finance & Admin', items: [
{ label: 'Accounting', json: 'json/btbc-accounting.json' },
{ label: 'Cage', json: 'json/btbc-cage.json' },
{ label: 'Compliance', json: 'json/btbc-compliance.json' },
{ label: 'Count', json: 'json/btbc-count.json' },
{ label: 'Purchasing', json: 'json/btbc-purchasing.json' },
{ label: 'Receiving', json: 'json/btbc-receiving.json' },
]},
{ category: 'Food & Beverage', items: [
{ label: 'Food & Beverage', json: 'json/btbc-food-and-beverage.json' },
]},
{ category: 'Hotel', items: [
{ label: 'Hotel', json: 'json/btbc-hotel.json' },
]},
{ category: 'Human Resources', items: [
{ label: 'Human Resources', json: 'json/btbc-human-resources.json' },
]},
{ category: 'Sales & Marketing', items: [
{ label: 'Sales & Marketing', json: 'json/btbc-sales-and-marketing.json' },
{ label: 'Entertainment', json: 'json/btbc-entertainment.json' },
]},
{ category: 'Support Services', items: [
{ label: 'Facilities', json: 'json/btbc-facilties.json' },
{ label: 'Information Technology',json: 'json/btbc-information-technology.json' },
]},
],
mvbc: [
{ category: 'Casino Operations', items: [
{ label: 'Casino Operations', json: 'json/mvbc-casino-ops.json' },
{ label: 'Security', json: 'json/mvbc-security.json' },
{ label: 'Slots', json: 'json/mvbc-slots.json' },
{ label: 'Slots Performance', json: 'json/mvbc-slots-performance.json' },
{ label: 'Sports Betting', json: 'json/mvbc-sport-betting.json' },
{ label: 'Surveillance', json: 'json/mvbc-surveillance.json' },
{ label: 'Table Games', json: 'json/mvbc-table-games.json' },
]},
{ category: 'Executive', items: [
{ label: 'Executive', json: 'json/mvbc-executive.json' },
]},
{ category: 'Finance & Admin', items: [
{ label: 'Accounting', json: 'json/mvbc-accounting.json' },
{ label: 'Cage', json: 'json/mvbc-cage.json' },
{ label: 'Compliance', json: 'json/mvbc-compliance.json' },
{ label: 'Count', json: 'json/mvbc-count.json' },
{ label: 'Purchasing', json: 'json/mvbc-purchasing.json' },
{ label: 'Receiving', json: 'json/mvbc-receiving.json' },
]},
{ category: 'Food & Beverage', items: [
{ label: 'Food & Beverage', json: 'json/mvbc-food-and-beverage.json' },
]},
{ category: 'Hotel', items: [
{ label: 'Hotel', json: 'json/mvbc-hotel.json' },
]},
{ category: 'Human Resources', items: [
{ label: 'Human Resources', json: 'json/mvbc-human-resources.json' },
]},
{ category: 'Sales & Marketing', items: [
{ label: 'Sales & Marketing', json: 'json/mvbc-sales-and-marketing.json' },
{ label: 'Entertainment', json: 'json/mvbc-entertainment.json' },
]},
{ category: 'Support Services', items: [
{ label: 'Facilities', json: 'json/mvbc-facilties.json' },
{ label: 'Information Technology',json: 'json/mvbc-information-technology.json' },
]},
]
};
let currentProperty = 'btbc';
let currentData = [];
let activeBtn = null;
function renderDeptNav(property) {
const nav = document.getElementById('deptNav');
const groups = DEPARTMENTS[property];
let html = '<div class="row g-3">';
groups.forEach(group => {
html += '<div class="col-6 col-sm-4 col-md-3 dept-category">';
html += `<div class="dept-category-label">${group.category}</div>`;
group.items.forEach(item => {
html += `<button class="dept-btn" data-json="${item.json}" data-label="${item.label}">${item.label}</button>`;
});
html += '</div>';
});
html += '</div>';
nav.innerHTML = html;
nav.querySelectorAll('.dept-btn').forEach(btn => {
btn.addEventListener('click', () => {
if (activeBtn) activeBtn.classList.remove('active');
btn.classList.add('active');
activeBtn = btn;
loadDepartment(btn.dataset.json, btn.dataset.label);
});
});
}
function loadDepartment(jsonPath, label) {
document.getElementById('sectionTitle').textContent = label;
document.getElementById('searchInput').style.display = '';
document.getElementById('searchInput').value = '';
document.getElementById('tableContainer').innerHTML =
'<div class="text-center py-4"><div class="spinner-border text-primary" role="status"><span class="visually-hidden">Loading...</span></div></div>';
fetch(jsonPath, { cache: 'no-store' })
.then(r => { if (!r.ok) throw new Error(r.status); return r.json(); })
.then(data => { currentData = data; renderTable(data); })
.catch(() => {
document.getElementById('tableContainer').innerHTML =
'<div class="empty-state">Could not load data for this department.</div>';
});
}
function renderTable(data) {
if (!data || data.length === 0) {
document.getElementById('tableContainer').innerHTML =
'<div class="empty-state">No records found.</div>';
return;
}
let rows = '';
data.forEach(item => {
rows += `<tr>
<td>${item.name || ''}</td>
<td>${item.title || ''}</td>
<td>${item.extension || ''}</td>
<td>${item.exterior || ''}</td>
</tr>`;
});
document.getElementById('tableContainer').innerHTML = `
<div class="table-responsive">
<table class="table table-striped table-hover mb-0" id="mainTable">
<thead><tr><th>Name</th><th>Title</th><th>Extension</th><th>Exterior</th></tr></thead>
<tbody>${rows}</tbody>
</table>
</div>`;
}
function resetTable() {
activeBtn = null;
document.getElementById('sectionTitle').textContent = 'Select a department above';
document.getElementById('searchInput').style.display = 'none';
document.getElementById('tableContainer').innerHTML =
'<div class="empty-state">Select a department above to view the phone directory.</div>';
currentData = [];
}
// Property tab switching
document.getElementById('propertyTabs').addEventListener('click', e => {
const link = e.target.closest('[data-property]');
if (!link) return;
e.preventDefault();
const prop = link.dataset.property;
if (prop === currentProperty) return;
currentProperty = prop;
document.querySelectorAll('#propertyTabs .nav-link').forEach(l => l.classList.remove('active'));
link.classList.add('active');
document.getElementById('logo-btbc').style.display = prop === 'btbc' ? '' : 'none';
document.getElementById('logo-mvbc').style.display = prop === 'mvbc' ? '' : 'none';
resetTable();
renderDeptNav(prop);
});
// Search / filter
document.getElementById('searchInput').addEventListener('input', function () {
const q = this.value.toLowerCase();
if (!q) { renderTable(currentData); return; }
const filtered = currentData.filter(item =>
(item.name || '').toLowerCase().includes(q) ||
(item.title || '').toLowerCase().includes(q) ||
String(item.extension || '').includes(q) ||
String(item.exterior || '').includes(q)
);
renderTable(filtered);
});
// Init
renderDeptNav('btbc');
</script>
</body> </body>
</html> </html>
+38
View File
@@ -0,0 +1,38 @@
[
{
"name":"Thad Vandiver",
"title":"Player Services Manager",
"extension":"2466",
"exterior":"318-573-0643"
},
{
"name":"Stephanie Duncan",
"title":"Player Services Shift Manager",
"extension":"2448",
"exterior":"318-573-0643"
},
{
"name":"",
"title":"Cage / Player Services",
"extension":"2436",
"exterior":""
},
{
"name":"",
"title":"Cage / Player Services",
"extension":"2438",
"exterior":""
},
{
"name":"",
"title":"Kiosks",
"extension":"2450",
"exterior":""
},
{
"name":"",
"title":"Vault",
"extension":"2566",
"exterior":""
}
]
+8 -8
View File
@@ -1,38 +1,38 @@
[ [
{ {
"name":"Shaun Williams", "name":"Yuliya Weber",
"title":"VP of Casino Operations", "title":"VP of Casino Operations",
"extension":"2158", "extension":"2158",
"exterior":"318-841-2158" "exterior":""
}, },
{ {
"name":"Brook Campbell", "name":"Brook Campbell",
"title":"Casino Ops Manager", "title":"Casino Ops Manager",
"extension":"2016", "extension":"2016",
"exterior":"318-841-2016" "exterior":""
}, },
{ {
"name":"Stephanie Barnes", "name":"Donita Swain",
"title":"Casino Ops Manager", "title":"Casino Ops Manager",
"extension":"2460", "extension":"2460",
"exterior":"318-841-2460" "exterior":""
}, },
{ {
"name":"Mike Lanclos", "name":"Mike Lanclos",
"title":"Casino Ops Asst Manager", "title":"Casino Ops Asst Manager",
"extension":"2460", "extension":"2460",
"exterior":"318-841-2016" "exterior":""
}, },
{ {
"name":"Terri Timmons", "name":"Terri Timmons",
"title":"Casino Ops Asst Manager", "title":"Casino Ops Asst Manager",
"extension":"2447", "extension":"2447",
"exterior":"318-841-2447" "exterior":""
}, },
{ {
"name":"Justin Morris", "name":"Justin Morris",
"title":"Casino Operations Coordinator", "title":"Casino Operations Coordinator",
"extension":"2431", "extension":"2431",
"exterior":"318-841-2431" "exterior":""
} }
] ]
Regular → Executable
+6 -36
View File
@@ -1,38 +1,8 @@
[ [
{ {
"name": "Shaun Williams", "name": "Test",
"title": "VP of Casino Operations", "title": "Test",
"extension": "2158", "extension": "3456",
"exterior": "318-841-2158" "exterior": ""
}, }
{
"name": "Brook Campbell",
"title": "Casino Ops Manager",
"extension": "2016",
"exterior": "318-841-2016"
},
{
"name": "Stephanie Barnes",
"title": "Casino Ops Manager",
"extension": "2460",
"exterior": "318-841-2460"
},
{
"name": "Mike Lanclos",
"title": "Casino Ops Asst Manager",
"extension": "2460",
"exterior": "318-841-2016"
},
{
"name": "Terri Timmons",
"title": "Casino Ops Asst Manager",
"extension": "2447",
"exterior": "318-841-2447"
},
{
"name": "Justin Morris",
"title": "Casino Operations Coordinator",
"extension": "2431",
"exterior": "318-841-2431"
}
] ]
+24 -24
View File
@@ -1,38 +1,38 @@
[ [
{ {
"name": "Shaun Williams", "name": "Janelle Vega",
"title": "VP of Casino Operations", "title": "Director of Hotel Operations",
"extension": "2158", "extension": "Need to add",
"exterior": "318-841-2158" "exterior": "Need to add"
}, },
{ {
"name": "Brook Campbell", "name": "Erica Garrett",
"title": "Casino Ops Manager", "title": "Front Desk Assistant Manager",
"extension": "2016", "extension": "2190",
"exterior": "318-841-2016" "exterior": ""
}, },
{ {
"name": "Stephanie Barnes", "name": "Melanie Cole",
"title": "Casino Ops Manager", "title": "Executive Housekeeper",
"extension": "2460", "extension": "2319",
"exterior": "318-841-2460" "exterior": ""
}, },
{ {
"name": "Mike Lanclos", "name": "",
"title": "Casino Ops Asst Manager", "title": "Hotel Front Desk",
"extension": "2460", "extension": "2333 / 2335",
"exterior": "318-841-2016" "exterior": ""
}, },
{ {
"name": "Terri Timmons", "name": "",
"title": "Casino Ops Asst Manager", "title": "Weight Room",
"extension": "2447", "extension": "2130",
"exterior": "318-841-2447" "exterior": ""
}, },
{ {
"name": "Justin Morris", "name": "",
"title": "Casino Operations Coordinator", "title": "Pool Area",
"extension": "2431", "extension": "2080",
"exterior": "318-841-2431" "exterior": ""
} }
] ]
+25 -38
View File
@@ -1,39 +1,26 @@
[ [
{ {
"name": "Shaun Williams", "name": "Ronnie Coppes",
"title": "VP of Casino Operations", "title": "Systems Specialist",
"extension": "2158", "extension": "2037",
"exterior": "318-841-2158" "exterior": ""
}, },
{ {
"name": "Brook Campbell", "name": "Leighton Warren",
"title": "Casino Ops Manager", "title": "Applications Administrator",
"extension": "2016", "extension": "2402",
"exterior": "318-841-2016" "exterior": ""
}, },
{ {
"name": "Stephanie Barnes", "name": "Erica Wilkinson",
"title": "Casino Ops Manager", "title": "Applications Spcialist",
"extension": "2460", "extension": "2460",
"exterior": "318-841-2460" "exterior": ""
}, },
{ {
"name": "Mike Lanclos", "name": "",
"title": "Casino Ops Asst Manager", "title": "I.T Help Desk",
"extension": "2460", "extension": "2468",
"exterior": "318-841-2016" "exterior": "318-841-2468"
}, }
{ ]
"name": "Terri Timmons",
"title": "Casino Ops Asst Manager",
"extension": "2447",
"exterior": "318-841-2447"
},
{
"name": "Justin Morris",
"title": "Casino Operations Coordinator",
"extension": "2431",
"exterior": "318-841-2431"
}
]
-39
View File
@@ -1,39 +0,0 @@
[
{
"name": "Shaun Williams",
"title": "VP of Casino Operations",
"extension": "2158",
"exterior": "318-841-2158"
},
{
"name": "Brook Campbell",
"title": "Casino Ops Manager",
"extension": "2016",
"exterior": "318-841-2016"
},
{
"name": "Stephanie Barnes",
"title": "Casino Ops Manager",
"extension": "2460",
"exterior": "318-841-2460"
},
{
"name": "Mike Lanclos",
"title": "Casino Ops Asst Manager",
"extension": "2460",
"exterior": "318-841-2016"
},
{
"name": "Terri Timmons",
"title": "Casino Ops Asst Manager",
"extension": "2447",
"exterior": "318-841-2447"
},
{
"name": "Justin Morris",
"title": "Casino Operations Coordinator",
"extension": "2431",
"exterior": "318-841-2431"
}
]
+24 -24
View File
@@ -1,38 +1,38 @@
[ [
{ {
"name": "Shaun Williams", "name": "Matt Curran",
"title": "VP of Casino Operations", "title": "Director of Security",
"extension": "2158", "extension": "2071",
"exterior": "318-841-2158" "exterior": "318-426-2665"
}, },
{ {
"name": "Brook Campbell", "name": "Rodney Harris",
"title": "Casino Ops Manager", "title": "Security Assistant Manager",
"extension": "2016", "extension": "2031",
"exterior": "318-841-2016" "exterior": ""
}, },
{ {
"name": "Stephanie Barnes", "name": "Kelly Willis",
"title": "Casino Ops Manager", "title": "Security Assistant Manager",
"extension": "2460", "extension": "2031",
"exterior": "318-841-2460" "exterior": ""
}, },
{ {
"name": "Mike Lanclos", "name": "Chris Evans",
"title": "Casino Ops Asst Manager", "title": "Security Assistant Manager",
"extension": "2460", "extension": "2031",
"exterior": "318-841-2016" "exterior": ""
}, },
{ {
"name": "Terri Timmons", "name": "",
"title": "Casino Ops Asst Manager", "title": "Security Dispatch",
"extension": "2447", "extension": "2477",
"exterior": "318-841-2447" "exterior": "318-841-2477"
}, },
{ {
"name": "Justin Morris", "name": "",
"title": "Casino Operations Coordinator", "title": "Security Checkpoint",
"extension": "2431", "extension": "2223",
"exterior": "318-841-2431" "exterior": ""
} }
] ]
+1
View File
@@ -0,0 +1 @@
[]
Regular → Executable
+4 -4
View File
@@ -1,9 +1,9 @@
[ [
{ {
"name": "Justin Frasier", "name": "",
"title": "Test", "title": "Shift Manger Table Games",
"extension": "1234", "extension": "3808",
"exterior": "318-234-1234" "exterior": ""
} }
] ]
-4
View File
@@ -20,8 +20,4 @@
"exterior": "318-841-2163" "exterior": "318-841-2163"
} }
] ]
+1
View File
@@ -0,0 +1 @@
[]
Regular → Executable
+27
View File
@@ -0,0 +1,27 @@
[
{
"name": "Dan Ihm",
"title": "Senoir Vice President & General Manager",
"extension": "7171",
"exterior":"717-926-7615"
},
{
"name": "Michael Gallagher",
"title": "Assistant General Manager & Chief Financial Officer",
"extension": "3817",
"exterior":"318-364-9753"
},
{
"name": "Ashley Henning",
"title": "Executive Asst / Community Relations",
"extension": "7192",
"exterior":"318-464-7424"
}
]
Regular → Executable
+13
View File
@@ -0,0 +1,13 @@
<<<<<<< HEAD
[]
=======
[
{
"name": "",
"title": "Pilot House",
"extension": "3833",
"exterior":""
}
]
>>>>>>> 0372ba2188bd2871972f16a8a4f572982e315af3
Regular → Executable
+13
View File
@@ -0,0 +1,13 @@
<<<<<<< HEAD
[]
=======
[
{
"name": "",
"title": "5oClock 1 Somewhere",
"extension": "3820",
"exterior":""
}
]
>>>>>>> 0372ba2188bd2871972f16a8a4f572982e315af3
+41
View File
@@ -0,0 +1,41 @@
[
{
"name": "Janelle Vega",
"title": "Director of Hotel Operations",
"extension": "7169",
"exterior": "318-423-4435"
},
{
"name": "Dallas Griffin",
"title": "Front Desk Assistant Manager",
"extension": "3842",
"exterior": ""
},
{
"name": "Yesenia Billue",
"title": "Executive Housekeeper",
"extension": "5334",
"exterior": ""
},
{
"name": "",
"title": "Hotel Front Desk",
"extension": "7147",
"exterior": ""
},
{
"name": "",
"title": "Bellmen",
"extension": "5344",
"exterior": ""
},
{
"name": "",
"title": "",
"extension": "",
"exterior": ""
}
]
Regular → Executable
+13
View File
@@ -0,0 +1,13 @@
<<<<<<< HEAD
[]
=======
[
{
"name": "Natalie Ogle",
"title": " Need ",
"extension": "3837",
"exterior":""
}
]
>>>>>>> 0372ba2188bd2871972f16a8a4f572982e315af3
+24 -28
View File
@@ -1,30 +1,26 @@
[ [
{ {
"name": "Justin Frasier", "name": "Greg Benjamin",
"title": "Test", "title": "Applications Specialist",
"extension": "1234", "extension": "7112",
"exterior": "318-234-1234" "exterior": ""
}, },
{
{ "name": "Jarnell Mack",
"name": "Justin Frasier", "title": "Infrastructure Administrator",
"title": "Test", "extension": "3804",
"extension": "1234", "exterior": ""
"exterior": "318-234-1234" },
}, {
"name": "Joktan Lynch",
{ "title": "Systems Administrator",
"name": "Justin Frasier", "extension": "3852",
"title": "Test", "exterior": ""
"extension": "1234", },
"exterior": "318-234-1234" {
}, "name": "Justin Frasier",
"title": "I.T Support Analyst",
{ "extension": "7199",
"name": "Justin Frasier", "exterior": ""
"title": "Test", }
"extension": "1234",
"exterior": "318-234-1234"
}
] ]
+1
View File
@@ -0,0 +1 @@
[]
Regular → Executable
+13
View File
@@ -0,0 +1,13 @@
<<<<<<< HEAD
[]
=======
[
{
"name": "",
"title": "Warehouse Dock",
"extension": "3844",
"exterior": ""
}
]
>>>>>>> 0372ba2188bd2871972f16a8a4f572982e315af3
+1
View File
@@ -0,0 +1 @@
[]
+57
View File
@@ -0,0 +1,57 @@
[
{
"name": "Stan Davis",
"title": "Director Security",
"extension": "5356",
"exterior": "318-780-0890"
},
{
"name": "Sarah Rockett",
"title": "Security Assistant Shift Manager",
"extension": "5355",
"exterior": ""
},
{
"name": "Monica Averitt",
"title": "Security Assistant Shift Manager",
"extension": "5355",
"exterior": ""
},
{
"name": "Dylan Adams",
"title": "Security Assistant Shift Manager",
"extension": "5355",
"exterior": ""
},
{
"name": "",
"title": "Security Dispatch",
"extension": "7100",
"exterior": ""
},
{
"name": "",
"title": "Security Checkpoint East",
"extension": "5705",
"exterior": ""
},
{
"name": "",
"title": "Security Checkpoint North",
"extension": "5706",
"exterior": ""
},
{
"name": "",
"title": "Security Checkpoint South",
"extension": "5707",
"exterior": ""
},
{
"name": "",
"title": "Security Checkpoint Sportbook",
"extension": "Need",
"exterior": ""
}
]
Regular → Executable
+13
View File
@@ -0,0 +1,13 @@
<<<<<<< HEAD
[]
=======
[
{
"name": "",
"title": "Slot Tech Supervisor",
"extension": "3843",
"exterior": ""
}
]
>>>>>>> 0372ba2188bd2871972f16a8a4f572982e315af3
+1
View File
@@ -0,0 +1 @@
[]
+1
View File
@@ -0,0 +1 @@
[]
View File
Whitespace-only changes.
+27
View File
@@ -0,0 +1,27 @@
[
{
"name": "Matt Culpepper",
"title": "Director of Surveillance",
"extension": "3840",
"exterior": "318-780-3726"
},
{
"name": "",
"title": "Surveillance Supervisor",
"extension": "5324",
"exterior": ""
},
{
"name": "Brandy Williams ",
"title": "Surveillance Technician",
"extension": "5713",
"exterior": "318-218-7859"
},
{
"name": "",
"title": "Surveillance",
"extension": "6400",
"exterior": ""
}
]
+1
View File
@@ -0,0 +1 @@
[]
+550 -229
View File
@@ -1,266 +1,587 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=divice-width,initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="" /> <meta name="description" content="Bossier City Casino Phone Directory" />
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" /> <meta http-equiv="Expires" content="0" />
<link rel="icon" href="favicon.png"> <link rel="icon" href="favicon.png">
<style> <style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { :root {
background-color: #A99ABD; /* Background color of page */ --gold: #d4af37;
--gold-dim: #b8962e;
--navy-deep: #0f1b2d;
--navy-mid: #16263e;
--navy-lite: #1e3353;
--surface: rgba(255,255,255,0.05);
--border: rgba(255,255,255,0.10);
--text: #e2e8f0;
--muted: #94a3b8;
--sidebar-w: 240px;
} }
table.banner { html, body { height: 100%; }
padding-top: 50px;
text-align: center;
font-size: xxx-large;
width:100%;
color:#CCCCCC; /* Color of title font */
}
table.mainTable { body {
margin-left:auto; font-family: 'Segoe UI', Arial, sans-serif;
margin-right:auto; background: var(--navy-deep);
padding-left:10px; color: var(--text);
padding-top: 50px; display: flex;
} flex-direction: column;
min-height: 100vh;
}
td[colspan]:not([colspan="1"]) { /* ══ TOP HEADER ══ */
text-align: center; .top-header {
} background: linear-gradient(90deg, var(--navy-deep) 0%, var(--navy-mid) 100%);
border-bottom: 2px solid rgba(212,175,55,0.4);
padding: 14px 24px;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 12px;
position: sticky;
top: 0;
z-index: 100;
}
.titleBar td { .top-header h1 {
font-size: clamp(1rem, 2.5vw, 1.45rem);
font-weight: 700;
letter-spacing: 0.06em;
color: var(--gold);
text-shadow: 0 2px 10px rgba(212,175,55,0.3);
white-space: nowrap;
}
/* search */
.search-wrap {
position: relative;
flex: 0 1 280px;
}
.search-wrap input {
width: 100%;
padding: 8px 12px 8px 36px;
border-radius: 8px;
border: 1px solid var(--border);
background: rgba(255,255,255,0.07);
color: var(--text);
font-size: 0.875rem;
outline: none;
transition: border-color 0.2s;
}
.search-wrap input::placeholder { color: var(--muted); }
.search-wrap input:focus { border-color: rgba(212,175,55,0.55); }
.search-wrap svg {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
color: var(--muted);
pointer-events: none;
}
/* ══ PROPERTY TABS ══ */
.prop-tabs {
display: flex;
background: var(--navy-mid);
border-bottom: 1px solid var(--border);
padding: 0 24px;
}
.prop-tab {
padding: 10px 28px;
font-size: 0.85rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--muted);
cursor: pointer;
border-bottom: 3px solid transparent;
transition: color 0.15s, border-color 0.15s;
user-select: none;
}
.prop-tab:hover { color: var(--text); }
.prop-tab.active {
color: var(--gold);
border-bottom-color: var(--gold);
}
/* ══ BODY LAYOUT ══ */
.layout {
display: flex;
flex: 1;
overflow: hidden;
}
/* ══ SIDEBAR ══ */
.sidebar {
width: var(--sidebar-w);
min-width: var(--sidebar-w);
background: var(--navy-mid);
border-right: 1px solid var(--border);
overflow-y: auto;
padding: 12px 0 24px;
}
.sidebar-group { margin-bottom: 4px; }
.sidebar-group-btn {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 9px 16px 9px 20px;
background: none;
border: none; border: none;
background-color: #C0D8C0; /* Background color of title bar */ color: var(--gold);
text-align: center; font-size: 0.7rem;
font-size: large; font-weight: 700;
} letter-spacing: 0.12em;
text-transform: uppercase;
cursor: pointer;
text-align: left;
transition: background 0.15s;
}
.sidebar-group-btn:hover { background: rgba(255,255,255,0.04); }
.header td { .sidebar-group-btn .chevron {
transition: transform 0.2s;
flex-shrink: 0;
}
.sidebar-group-btn.open .chevron { transform: rotate(90deg); }
.sidebar-items {
display: none;
flex-direction: column;
}
.sidebar-items.open { display: flex; }
.dept-btn {
padding: 8px 16px 8px 32px;
background: none;
border: none; border: none;
background-color: #E1EFCA; /* Background color of column header bar */ color: var(--muted);
text-align: center; font-size: 0.83rem;
font-size: x-large; text-align: left;
} cursor: pointer;
border-left: 3px solid transparent;
transition: color 0.12s, background 0.12s, border-color 0.12s;
}
.dept-btn:hover {
color: var(--text);
background: rgba(255,255,255,0.05);
}
.dept-btn.active {
color: var(--gold);
border-left-color: var(--gold);
background: rgba(212,175,55,0.08);
}
table.mainTable td { /* ══ MAIN CONTENT ══ */
height: 25px; .main {
flex: 1;
overflow-y: auto;
padding: 28px 32px 48px;
}
.dept-heading {
font-size: 1.3rem;
font-weight: 700;
color: var(--gold);
margin-bottom: 20px;
padding-bottom: 12px;
border-bottom: 1px solid rgba(212,175,55,0.25);
display: flex;
align-items: center;
gap: 10px;
}
.dept-heading span.prop-badge {
font-size: 0.65rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
padding: 3px 8px;
border-radius: 4px;
background: rgba(212,175,55,0.18);
color: var(--gold);
border: 1px solid rgba(212,175,55,0.3);
}
/* table */
.table-wrap {
overflow-x: auto;
border-radius: 10px;
border: 1px solid var(--border);
}
table.dir-table {
width: 100%;
border-collapse: collapse;
font-size: 0.875rem;
}
table.dir-table thead tr {
background: rgba(212,175,55,0.12);
border-bottom: 1px solid rgba(212,175,55,0.3);
}
table.dir-table thead th {
padding: 11px 16px;
text-align: left;
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--gold);
white-space: nowrap;
}
table.dir-table tbody tr {
border-bottom: 1px solid var(--border);
transition: background 0.1s;
}
table.dir-table tbody tr:last-child { border-bottom: none; }
table.dir-table tbody tr:hover { background: rgba(255,255,255,0.04); }
table.dir-table tbody tr.hidden { display: none; }
table.dir-table td {
padding: 10px 16px;
color: var(--text);
white-space: nowrap;
}
table.dir-table td:first-child { font-weight: 600; }
table.dir-table td.ext { font-family: 'Courier New', monospace; color: var(--gold); }
table.dir-table td.ext-empty { color: var(--muted); font-style: italic; }
.no-results {
text-align: center; text-align: center;
vertical-align: middle; padding: 48px 16px;
padding-left:10px; color: var(--muted);
padding-right:10px; font-size: 0.9rem;
white-space: nowrap; }
}
.loading {
table.mainTable td.first {
text-align: center; text-align: center;
} padding: 48px 16px;
color: var(--muted);
font-size: 0.9rem;
}
table.mainTable td.second { /* ══ QUICK LINKS FOOTER ══ */
text-align: center; .quick-links {
} display: flex;
flex-wrap: wrap;
table.mainTable td.third { gap: 12px;
text-align: center; justify-content: center;
} padding: 18px 24px;
background: rgba(0,0,0,0.3);
table.mainTable td.forth { border-top: 1px solid rgba(212,175,55,0.2);
text-align: center; }
} .quick-links a {
display: inline-flex;
</style> align-items: center;
gap: 7px;
padding: 10px 22px;
border-radius: 7px;
font-size: 0.82rem;
font-weight: 700;
letter-spacing: 0.05em;
color: var(--navy-deep);
background: linear-gradient(135deg, var(--gold), var(--gold-dim));
text-decoration: none;
transition: opacity 0.15s, transform 0.15s;
box-shadow: 0 3px 12px rgba(212,175,55,0.3);
}
.quick-links a:hover { opacity: 0.85; transform: translateY(-1px); }
/* ══ RESPONSIVE ══ */
@media (max-width: 700px) {
.sidebar { width: 200px; min-width: 200px; }
.main { padding: 20px 16px 40px; }
}
@media (max-width: 520px) {
.layout { flex-direction: column; }
.sidebar { width: 100%; min-width: 0; border-right: none; border-bottom: 1px solid var(--border); max-height: 220px; }
}
</style>
</head> </head>
<body> <body>
<table class=banner> <!-- ══ TOP HEADER ══ -->
<tr> <header class="top-header">
<td>Bossier City Phone Directory</td> <h1>Bossier City Phone Directory</h1>
<tr> <div class="search-wrap">
</table> <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2">
<circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/>
</svg>
<input type="search" id="searchInput" placeholder="Search name, title, extension…" autocomplete="off" />
</div>
</header>
<table class=mainTable> <!-- ══ PROPERTY TABS ══ -->
<tr class=titleBar> <div class="prop-tabs">
<td>Casino Operations</td> <div class="prop-tab active" data-prop="btbc">Boomtown &mdash; BTBC</div>
<td>Executive</td> <div class="prop-tab" data-prop="mvbc">Margaritaville &mdash; MVBC</div>
<td>Finance and Admin</td> </div>
<td>Food and Beverage</td>
<td>Hotel</td>
<td>Human Resources</td>
<td>Sales and Marketing</td>
<td>Support Operations</td>
</tr>
<tr>
<td><button onclick="window.location.href='http://mvbc-files/btbc-casino_operations.html';">BTBC Casino Operations</button></td>
<td><button onclick="window.location.href='http://mvbc-files/btbc-executive.html';">BTBC Executive</button></td>
<td><button onclick="window.location.href='http://mvbc-files/btbc-accounting.html';">BTBC Accounting</button></td>
<td><button onclick="window.location.href='http://mvbc-files/btbc-food_and_beverage.html';">BTBC Food and Beverage</button></td>
<td><button onclick="window.location.href='http://mvbc-files/btbc-hotel.html';">BTBC Hotel</button></td>
<td><button onclick="window.location.href='http://mvbc-files/btbc-human_resources.html';">BTBC Human Resources</button></td>
<td><button onclick="window.location.href='http://mvbc-files/btbc-sales_and_marketing.html';">BTBC Sales and Marketing</button></td>
<td><button onclick="window.location.href='http://mvbc-files/btbc-facilities.html';">BTBC Facilities</button></td>
</tr>
<tr>
<td><button onclick="window.location.href='http://mvbc-files/btbc-security.html';">BTBC Security</button></td>
<td></td>
<td><button onclick="window.location.href='http://mvbc-files/btbc-cage.html';">BTBC Cage</button></td>
<td></td>
<td></td>
<td></td>
<td><button onclick="window.location.href='http://mvbc-files/btbc-entertainment.html';">BTBC Entertainment</button></td>
<td><button onclick="window.location.href='http://mvbc-files/btbc-information_technology.html';">BTBC Information Technology</button></td>
</tr>
<tr>
<td><button onclick="window.location.href='http://mvbc-files/btbc-slot_performance.html';">BTBC Slot Performance</button></td>
<td></td>
<td><button onclick="window.location.href='http://mvbc-files/btbc-compliance.html';">BTBC Compliance</button></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td><button onclick="window.location.href='http://mvbc-files/btbc-slots.html';">BTBC Slots</button></td>
<td></td>
<td><button onclick="window.location.href='http://mvbc-files/btbc-count.html';">BTBC Count</button></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td><button onclick="window.location.href='http://mvbc-files/btbc-sports_betting.html';">BTBC Sports Betting</button></td>
<td></td>
<td><button onclick="window.location.href='http://mvbc-files/btbc-purchasing.html';">BTBC Purchasing</button></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td><button onclick="window.location.href='http://mvbc-files/btbc-surveillance.html';">BTBC Surveillance</button></td>
<td></td>
<td><button onclick="window.location.href='http://mvbc-files/btbc-receiving.html';">BTBC Receiving</button></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td><button onclick="window.location.href='http://mvbc-files/btbc-table_games.html';">BTBC Table Games</button></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<table class=mainTable> <!-- ══ LAYOUT ══ -->
<tr class=titleBar> <div class="layout">
<td>Casino Operations</td>
<td>Executive</td>
<td>Finance and Admin</td>
<td>Food and Beverage</td>
<td>Hotel</td>
<td>Human Resources</td>
<td>Sales and Marketing</td>
<td>Support Operations</td>
</tr>
<tr>
<td><button onclick="window.location.href='http://mvbc-files/mvbc-casino_operations.html';">MVBC Casino Operations</button></td>
<td><button onclick="window.location.href='http://mvbc-files/mvbc-executive.html';">MVBC Executive</button></td>
<td><button onclick="window.location.href='http://mvbc-files/mvbc-accounting.html';">MVBC Accounting</button></td>
<td><button onclick="window.location.href='http://mvbc-files/mvbc-food_and_beverage.html';">MVBC Food and Beverage</button></td>
<td><button onclick="window.location.href='http://mvbc-files/mvbc-hotel.html';">MVBC Hotel</button></td>
<td><button onclick="window.location.href='http://mvbc-files/mvbc-human_resources.html';">MVBC Human Resources</button></td>
<td><button onclick="window.location.href='http://mvbc-files/mvbc-sales_and_marketing.html';">MVBC Sales and Marketing</button></td>
<td><button onclick="window.location.href='http://mvbc-files/mvbc-facilities.html';">MVBC Facilities</button></td>
</tr>
<tr>
<td><button onclick="window.location.href='http://mvbc-files/mvbc-security.html';">MVBC Security</button></td>
<td></td>
<td><button onclick="window.location.href='http://mvbc-files/mvbc-cage.html';">MVBC Cage</button></td>
<td></td>
<td></td>
<td></td>
<td><button onclick="window.location.href='http://mvbc-files/mvbc-entertainment.html';">MVBC Entertainment</button></td>
<td><button onclick="window.location.href='http://mvbc-files/mvbc-information_technology.html';">MVBC Information Technology</button></td>
</tr>
<tr>
<td><button onclick="window.location.href='http://mvbc-files/mvbc-slot_performance.html';">MVBC Slot Performance</button></td>
<td></td>
<td><button onclick="window.location.href='http://mvbc-files/mvbc-compliance.html';">MVBC Compliance</button></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td><button onclick="window.location.href='http://mvbc-files/mvbc-slots.html';">MVBC Slots</button></td>
<td></td>
<td><button onclick="window.location.href='http://mvbc-files/mvbc-count.html';">MVBC Count</button></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td><button onclick="window.location.href='http://mvbc-files/mvbc-sports_betting.html';">MVBC Sports Betting</button></td>
<td></td>
<td><button onclick="window.location.href='http://mvbc-files/mvbc-purchasing.html';">MVBC Purchasing</button></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td><button onclick="window.location.href='http://mvbc-files/mvbc-surveillance.html';">MVBC Surveillance</button></td>
<td></td>
<td><button onclick="window.location.href='http://mvbc-files/mvbc-receiving.html';">MVBC Receiving</button></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td><button onclick="window.location.href='http://mvbc-files/mvbc-table_games.html';">MVBC Table Games</button></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<!-- Sidebar -->
<nav class="sidebar" id="sidebar">
<!-- rendered by JS -->
</nav>
<table class=mainTable> <!-- Main panel -->
<tr> <main class="main" id="mainPanel">
<td><button onclick="window.location.href='http://mvbc-files/Phone User Guide.pdf';">MVBC Quick Phone Reference</button></td> <div class="loading">Select a department from the sidebar.</div>
<td><button onclick="window.location.href='http://10.3.32.10/ucmuser/main#phonesettings';">MVBC Self Care Portal</button></td> </main>
</tr>
</table>
</div>
<!-- ══ QUICK LINKS ══ -->
<footer class="quick-links">
<a href="http://mvbc-files/Phone User Guide.pdf">&#128222; MVBC Quick Phone Reference</a>
<a href="http://10.3.32.10/ucmuser/main#phonesettings">&#9881; MVBC Self Care Portal</a>
</footer>
<script>
// ─────────────────────────────────────────────
// DATA MAP – dept label → JSON file path
// ─────────────────────────────────────────────
const DEPTS = [
{
group: 'Casino Operations',
items: [
{ label: 'Casino Operations', btbc: 'json/btbc-casino-ops.json', mvbc: 'json/mvbc-casino-ops.json' },
{ label: 'Security', btbc: 'json/btbc-security.json', mvbc: 'json/mvbc-security.json' },
{ label: 'Slots', btbc: 'json/btbc-slots.json', mvbc: 'json/mvbc-slots.json' },
{ label: 'Slots Performance', btbc: 'json/btbc-slots-performance.json', mvbc: 'json/mvbc-slots-performance.json' },
{ label: 'Sports Betting', btbc: 'json/btbc-sport-betting.json', mvbc: 'json/mvbc-sport-betting.json' },
{ label: 'Surveillance', btbc: 'json/btbc-sureillance.json', mvbc: 'json/mvbc-surveillance.json' },
{ label: 'Table Games', btbc: 'json/btbc-table-games.json', mvbc: 'json/mvbc-table-games.json' },
]
},
{
group: 'Executive',
items: [
{ label: 'Executive', btbc: 'json/btbc-executive.json', mvbc: 'json/mvbc-executive.json' },
]
},
{
group: 'Finance & Admin',
items: [
{ label: 'Accounting', btbc: 'json/btbc-accounting.json', mvbc: 'json/mvbc-accounting.json' },
{ label: 'Cage', btbc: 'json/btbc-cage.json', mvbc: 'json/mvbc-cage.json' },
{ label: 'Compliance', btbc: 'json/btbc-compliance.json', mvbc: 'json/mvbc-compliance.json' },
{ label: 'Count', btbc: 'json/btbc-count.json', mvbc: 'json/mvbc-count.json' },
{ label: 'Purchasing', btbc: 'json/btbc-purchasing.json', mvbc: 'json/mvbc-purchasing.json' },
{ label: 'Receiving', btbc: 'json/btbc-receiving.json', mvbc: 'json/mvbc-receiving.json' },
]
},
{
group: 'Food & Beverage',
items: [
{ label: 'Food & Beverage', btbc: 'json/btbc-food-and-beverage.json', mvbc: 'json/mvbc-food-and-beverage.json' },
]
},
{
group: 'Hotel',
items: [
{ label: 'Hotel', btbc: 'json/btbc-hotel.json', mvbc: 'json/mvbc-hotel.json' },
]
},
{
group: 'Human Resources',
items: [
{ label: 'Human Resources', btbc: 'json/btbc-human-resources.json', mvbc: 'json/mvbc-human-resources.json' },
]
},
{
group: 'Sales & Marketing',
items: [
{ label: 'Sales & Marketing', btbc: 'json/btbc-sales-and-marketing.json', mvbc: 'json/mvbc-sales-and-marketing.json' },
{ label: 'Entertainment', btbc: 'json/btbc-entertainment.json', mvbc: 'json/mvbc-entertainment.json' },
]
},
{
group: 'Support Services',
items: [
{ label: 'Facilities', btbc: 'json/btbc-facilties.json', mvbc: 'json/mvbc-facilties.json' },
{ label: 'Information Technology', btbc: 'json/btbc-information-technology.json', mvbc: 'json/mvbc-information-technology.json' },
]
},
];
// ─────────────────────────────────────────────
// STATE
// ─────────────────────────────────────────────
let currentProp = 'btbc';
let currentDept = null; // { label, btbc, mvbc }
let currentData = [];
const sidebar = document.getElementById('sidebar');
const mainPanel = document.getElementById('mainPanel');
const searchInput = document.getElementById('searchInput');
// ─────────────────────────────────────────────
// RENDER SIDEBAR
// ─────────────────────────────────────────────
function renderSidebar() {
sidebar.innerHTML = '';
DEPTS.forEach((grp, gi) => {
const groupEl = document.createElement('div');
groupEl.className = 'sidebar-group';
const btn = document.createElement('button');
btn.className = 'sidebar-group-btn';
const hasActive = grp.items.some(it => it === currentDept);
if (hasActive) btn.classList.add('open');
btn.innerHTML = `${grp.group} <svg class="chevron" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="9 18 15 12 9 6"/></svg>`;
const itemsEl = document.createElement('div');
itemsEl.className = 'sidebar-items' + (hasActive ? ' open' : '');
grp.items.forEach(dept => {
const db = document.createElement('button');
db.className = 'dept-btn' + (dept === currentDept ? ' active' : '');
db.textContent = dept.label;
db.addEventListener('click', () => selectDept(dept));
itemsEl.appendChild(db);
});
btn.addEventListener('click', () => {
btn.classList.toggle('open');
itemsEl.classList.toggle('open');
});
groupEl.appendChild(btn);
groupEl.appendChild(itemsEl);
sidebar.appendChild(groupEl);
});
}
// ─────────────────────────────────────────────
// SELECT DEPARTMENT
// ─────────────────────────────────────────────
function selectDept(dept) {
currentDept = dept;
searchInput.value = '';
renderSidebar();
loadDept();
}
// ─────────────────────────────────────────────
// LOAD + DISPLAY
// ─────────────────────────────────────────────
function loadDept() {
if (!currentDept) return;
const jsonPath = currentDept[currentProp];
mainPanel.innerHTML = '<div class="loading">Loading&hellip;</div>';
fetch(jsonPath)
.then(r => {
if (!r.ok) throw new Error('HTTP ' + r.status);
return r.json();
})
.then(data => {
currentData = data;
renderTable(data);
})
.catch(() => {
mainPanel.innerHTML = '<div class="no-results">Could not load data for this department.</div>';
});
}
function propLabel(prop) {
return prop === 'btbc' ? 'BTBC' : 'MVBC';
}
function renderTable(data) {
const q = searchInput.value.trim().toLowerCase();
const filtered = q
? data.filter(r =>
(r.name || '').toLowerCase().includes(q) ||
(r.title || '').toLowerCase().includes(q) ||
(r.extension || '').toLowerCase().includes(q) ||
(r.exterior || '').toLowerCase().includes(q)
)
: data;
let html = `
<div class="dept-heading">
${escHtml(currentDept.label)}
<span class="prop-badge">${propLabel(currentProp)}</span>
</div>`;
if (filtered.length === 0) {
html += `<div class="no-results">No results${q ? ' matching "<strong>' + escHtml(q) + '</strong>"' : ''}.</div>`;
} else {
html += `
<div class="table-wrap">
<table class="dir-table">
<thead>
<tr>
<th>Name</th>
<th>Title</th>
<th>Extension</th>
<th>Exterior</th>
</tr>
</thead>
<tbody>`;
filtered.forEach(r => {
const ext = (r.extension || '').trim();
const exr = (r.exterior || '').trim();
html += `<tr>
<td>${escHtml(r.name || '')}</td>
<td>${escHtml(r.title || '')}</td>
<td class="${ext ? 'ext' : 'ext-empty'}">${ext ? escHtml(ext) : '—'}</td>
<td class="${exr ? 'ext' : 'ext-empty'}">${exr ? escHtml(exr) : '—'}</td>
</tr>`;
});
html += `</tbody></table></div>`;
}
mainPanel.innerHTML = html;
}
function escHtml(s) {
return s.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');
}
// ─────────────────────────────────────────────
// PROPERTY TABS
// ─────────────────────────────────────────────
document.querySelectorAll('.prop-tab').forEach(tab => {
tab.addEventListener('click', () => {
document.querySelectorAll('.prop-tab').forEach(t => t.classList.remove('active'));
tab.classList.add('active');
currentProp = tab.dataset.prop;
if (currentDept) loadDept();
});
});
// ─────────────────────────────────────────────
// SEARCH
// ─────────────────────────────────────────────
searchInput.addEventListener('input', () => {
if (currentDept && currentData.length) {
renderTable(currentData);
}
});
// ─────────────────────────────────────────────
// INIT – open Casino Operations, load first dept
// ─────────────────────────────────────────────
currentDept = DEPTS[0].items[0];
renderSidebar();
loadDept();
</script>
</body> </body>
</html> </html>
+4 -4
View File
@@ -4,20 +4,20 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Margaritaville Images --> <!-- Margaritaville Images -->
<div class="text-center images"> <div class="text-center images">
<img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg"> <img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg">
<img class="" src="../images/margaritaville-283x80.png"> <img class="mville" src="../images/margaritaville.svg">
<img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg"> <img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg">
</div> </div>
<!-- Margaritaville Images End --> <!-- Margaritaville Images End -->
+4 -4
View File
@@ -4,20 +4,20 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Margaritaville Images --> <!-- Margaritaville Images -->
<div class="text-center images"> <div class="text-center images">
<img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg"> <img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg">
<img class="" src="../images/margaritaville-283x80.png"> <img class="mville" src="../images/margaritaville.svg">
<img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg"> <img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg">
</div> </div>
<!-- Margaritaville Images End --> <!-- Margaritaville Images End -->
+4 -4
View File
@@ -4,20 +4,20 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Margaritaville Images --> <!-- Margaritaville Images -->
<div class="text-center images"> <div class="text-center images">
<img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg"> <img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg">
<img class="" src="../images/margaritaville-283x80.png"> <img class="mville" src="../images/margaritaville.svg">
<img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg"> <img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg">
</div> </div>
<!-- Margaritaville Images End --> <!-- Margaritaville Images End -->
+4 -4
View File
@@ -4,20 +4,20 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Margaritaville Images --> <!-- Margaritaville Images -->
<div class="text-center images"> <div class="text-center images">
<img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg"> <img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg">
<img class="" src="../images/margaritaville-283x80.png"> <img class="mville" src="../images/margaritaville.svg">
<img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg"> <img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg">
</div> </div>
<!-- Margaritaville Images End --> <!-- Margaritaville Images End -->
+4 -4
View File
@@ -4,20 +4,20 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Margaritaville Images --> <!-- Margaritaville Images -->
<div class="text-center images"> <div class="text-center images">
<img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg"> <img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg">
<img class="" src="../images/margaritaville-283x80.png"> <img class="mville" src="../images/margaritaville.svg">
<img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg"> <img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg">
</div> </div>
<!-- Margaritaville Images End --> <!-- Margaritaville Images End -->
+4 -4
View File
@@ -4,20 +4,20 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Margaritaville Images --> <!-- Margaritaville Images -->
<div class="text-center images"> <div class="text-center images">
<img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg"> <img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg">
<img class="" src="../images/margaritaville-283x80.png"> <img class="mville" src="../images/margaritaville.svg">
<img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg"> <img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg">
</div> </div>
<!-- Margaritaville Images End --> <!-- Margaritaville Images End -->
+4 -4
View File
@@ -4,20 +4,20 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Margaritaville Images --> <!-- Margaritaville Images -->
<div class="text-center images"> <div class="text-center images">
<img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg"> <img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg">
<img class="" src="../images/margaritaville-283x80.png"> <img class="mville" src="../images/margaritaville.svg">
<img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg"> <img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg">
</div> </div>
<!-- Margaritaville Images End --> <!-- Margaritaville Images End -->
+4 -4
View File
@@ -4,20 +4,20 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Margaritaville Images --> <!-- Margaritaville Images -->
<div class="text-center images"> <div class="text-center images">
<img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg"> <img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg">
<img class="" src="../images/margaritaville-283x80.png"> <img class="mville" src="../images/margaritaville.svg">
<img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg"> <img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg">
</div> </div>
<!-- Margaritaville Images End --> <!-- Margaritaville Images End -->
+4 -4
View File
@@ -4,20 +4,20 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Margaritaville Images --> <!-- Margaritaville Images -->
<div class="text-center images"> <div class="text-center images">
<img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg"> <img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg">
<img class="" src="../images/margaritaville-283x80.png"> <img class="mville" src="../images/margaritaville.svg">
<img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg"> <img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg">
</div> </div>
<!-- Margaritaville Images End --> <!-- Margaritaville Images End -->
+4 -4
View File
@@ -4,20 +4,20 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Margaritaville Images --> <!-- Margaritaville Images -->
<div class="text-center images"> <div class="text-center images">
<img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg"> <img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg">
<img class="" src="../images/margaritaville-283x80.png"> <img class="mville" src="../images/margaritaville.svg">
<img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg"> <img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg">
</div> </div>
<!-- Margaritaville Images End --> <!-- Margaritaville Images End -->
+4 -4
View File
@@ -4,20 +4,20 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Margaritaville Images --> <!-- Margaritaville Images -->
<div class="text-center images"> <div class="text-center images">
<img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg"> <img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg">
<img class="" src="../images/margaritaville-283x80.png"> <img class="mville" src="../images/margaritaville.svg">
<img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg"> <img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg">
</div> </div>
<!-- Margaritaville Images End --> <!-- Margaritaville Images End -->
+4 -4
View File
@@ -4,20 +4,20 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Margaritaville Images --> <!-- Margaritaville Images -->
<div class="text-center images"> <div class="text-center images">
<img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg"> <img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg">
<img class="" src="../images/margaritaville-283x80.png"> <img class="mville" src="../images/margaritaville.svg">
<img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg"> <img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg">
</div> </div>
<!-- Margaritaville Images End --> <!-- Margaritaville Images End -->
+4 -4
View File
@@ -4,21 +4,21 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Margaritaville Images --> <!-- Margaritaville Images -->
<div class="text-center images"> <div class="text-center images">
<img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg"> <img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg">
<img class="" src="../images/margaritaville-283x80.png"> <img class="mville" src="../images/margaritaville.svg">
<img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg"> <img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg">
</div> </div>
<!-- Margaritaville Images End --> <!-- Margaritaville Images End -->
+4 -4
View File
@@ -4,20 +4,20 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Margaritaville Images --> <!-- Margaritaville Images -->
<div class="text-center images"> <div class="text-center images">
<img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg"> <img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg">
<img class="" src="../images/margaritaville-283x80.png"> <img class="mville" src="../images/margaritaville.svg">
<img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg"> <img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg">
</div> </div>
<!-- Margaritaville Images End --> <!-- Margaritaville Images End -->
+4 -4
View File
@@ -4,20 +4,20 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Margaritaville Images --> <!-- Margaritaville Images -->
<div class="text-center images"> <div class="text-center images">
<img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg"> <img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg">
<img class="" src="../images/margaritaville-283x80.png"> <img class="mville" src="../images/margaritaville.svg">
<img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg"> <img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg">
</div> </div>
<!-- Margaritaville Images End --> <!-- Margaritaville Images End -->
+4 -4
View File
@@ -4,20 +4,20 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Margaritaville Images --> <!-- Margaritaville Images -->
<div class="text-center images"> <div class="text-center images">
<img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg"> <img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg">
<img class="" src="../images/margaritaville-283x80.png"> <img class="mville" src="../images/margaritaville.svg">
<img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg"> <img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg">
</div> </div>
<!-- Margaritaville Images End --> <!-- Margaritaville Images End -->
+4 -4
View File
@@ -4,20 +4,20 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Margaritaville Images --> <!-- Margaritaville Images -->
<div class="text-center images"> <div class="text-center images">
<img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg"> <img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg">
<img class="" src="../images/margaritaville-283x80.png"> <img class="mville" src="../images/margaritaville.svg">
<img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg"> <img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg">
</div> </div>
<!-- Margaritaville Images End --> <!-- Margaritaville Images End -->
+4 -4
View File
@@ -4,20 +4,20 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Margaritaville Images --> <!-- Margaritaville Images -->
<div class="text-center images"> <div class="text-center images">
<img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg"> <img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg">
<img class="" src="../images/margaritaville-283x80.png"> <img class="mville" src="../images/margaritaville.svg">
<img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg"> <img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg">
</div> </div>
<!-- Margaritaville Images End --> <!-- Margaritaville Images End -->
+4 -4
View File
@@ -4,20 +4,20 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Margaritaville Images --> <!-- Margaritaville Images -->
<div class="text-center images"> <div class="text-center images">
<img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg"> <img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg">
<img class="" src="../images/margaritaville-283x80.png"> <img class="mville" src="../images/margaritaville.svg">
<img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg"> <img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg">
</div> </div>
<!-- Margaritaville Images End --> <!-- Margaritaville Images End -->
+4 -4
View File
@@ -4,20 +4,20 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Margaritaville Images --> <!-- Margaritaville Images -->
<div class="text-center images"> <div class="text-center images">
<img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg"> <img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg">
<img class="" src="../images/margaritaville-283x80.png"> <img class="mville" src="../images/margaritaville.svg">
<img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg"> <img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg">
</div> </div>
<!-- Margaritaville Images End --> <!-- Margaritaville Images End -->
+4 -4
View File
@@ -4,20 +4,20 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Bossier City Phone Directory</title> <title>Bossier City Phone Directory</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="..\css/phone.css" rel="stylesheet"> <link href="../css/phone.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container text-center"> <div class="container text-center">
<div class="header text-center title"> <div class="header text-center title">
Bossier City Phone Directory <a class= "homelink" href="../index.html"> Bossier City Phone Directory </a>
</div> </div>
<!-- Margaritaville Images --> <!-- Margaritaville Images -->
<div class="text-center images"> <div class="text-center images">
<img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg"> <img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg">
<img class="" src="../images/margaritaville-283x80.png"> <img class="mville" src="../images/margaritaville.svg">
<img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg"> <img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg">
</div> </div>
<!-- Margaritaville Images End --> <!-- Margaritaville Images End -->