allucanget/lan-web
Archived
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

initial commit

Browse Source
This commit is contained in:
zwitschi
2025-09-16 09:25:23 +02:00
commit 0746cc4296
43 changed files with 13336 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
static/theme/LCARS/assets/Antonio-Bold.woff Normal file
View File

Binary file not shown.

BIN
static/theme/LCARS/assets/Antonio-Bold.woff2 Normal file
View File

Binary file not shown.

BIN
static/theme/LCARS/assets/Antonio-Regular.woff Normal file
View File

Binary file not shown.

BIN
static/theme/LCARS/assets/Antonio-Regular.woff2 Normal file
View File

Binary file not shown.

BIN
static/theme/LCARS/assets/beep1.mp3 Normal file
View File

Binary file not shown.

BIN
static/theme/LCARS/assets/beep2.mp3 Normal file
View File

Binary file not shown.

BIN
static/theme/LCARS/assets/beep3.mp3 Normal file
View File

Binary file not shown.

BIN
static/theme/LCARS/assets/beep4.mp3 Normal file
View File

Binary file not shown.

3011
static/theme/LCARS/assets/classic.css Normal file
View File

File diff suppressed because it is too large Load Diff

50
static/theme/LCARS/assets/lcars.js Normal file
View File

@@ -0,0 +1,50 @@
document.addEventListener("touchstart", function() {},false);
let mybutton = document.getElementById("topBtn");
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 200 || document.documentElement.scrollTop > 200) {
mybutton.style.display = "block";
} else {
mybutton.style.display = "none";
}
}
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
function playSoundAndRedirect(audioId, url) {
var audio = document.getElementById(audioId);
audio.play();
audio.onended = function() {
window.location.href = url;
};
}
function goToAnchor(anchorId) {
window.location.hash = anchorId;
}
// Accordion drop-down
var acc = document.getElementsByClassName("accordion");
var i;
for (i = 0; i < acc.length; i++) {
acc[i].addEventListener("click", function() {
this.classList.toggle("active");
var accordionContent = this.nextElementSibling;
if (accordionContent.style.maxHeight){
accordionContent.style.maxHeight = null;
} else {
accordionContent.style.maxHeight = accordionContent.scrollHeight + "px";
}
});
}
// LCARS keystroke sound (not to be used with hyperlinks)
const LCARSkeystroke = document.getElementById('LCARSkeystroke');
const allPlaySoundButtons = document.querySelectorAll('.playSoundButton');
allPlaySoundButtons.forEach(button => {
button.addEventListener('click', function() {
LCARSkeystroke.pause();
LCARSkeystroke.currentTime = 0; // Reset to the beginning of the sound
LCARSkeystroke.play();
});
});

1881
static/theme/LCARS/assets/lower-decks-padd.css Normal file
View File

File diff suppressed because it is too large Load Diff

1856
static/theme/LCARS/assets/lower-decks.css Normal file
View File

File diff suppressed because it is too large Load Diff

2830
static/theme/LCARS/assets/nemesis-blue.css Normal file
View File

File diff suppressed because it is too large Load Diff

380
static/theme/LCARS/classic-standard.html Normal file
View File

@@ -0,0 +1,380 @@
<!DOCTYPE html>
<html>
<head>
<title>Classic Starndard</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="date=no">
<link rel="stylesheet" type="text/css" href="assets/classic.css">
</head>
<body>
<audio id="audio1" src="assets/beep1.mp3" preload="auto"></audio>
<audio id="audio2" src="assets/beep2.mp3" preload="auto"></audio>
<audio id="audio3" src="assets/beep3.mp3" preload="auto"></audio>
<audio id="audio4" src="assets/beep4.mp3" preload="auto"></audio>
<section class="wrap-standard" id="column-3">
<div class="wrap">
<div class="left-frame-top">
<!--
*** LCARS PANEL BUTTON ***
Replace the hashtag '#' with a real URL (or not) in the following <button> tag. If you do not want a sound effect for this link, replace the <button> element with the following <div> + <a> elements:
<div class="panel-1">
<a href="#">LCARS</a>
</div>
-->
<button onclick="playSoundAndRedirect('audio2', '#')" class="panel-1-button">LCARS</button>
<div class="panel-2">02<span class="hop">-262000</span></div>
</div>
<div class="right-frame-top">
<div class="banner">LCARS &#149; 47988</div>
<div class="data-cascade-button-group">
<div class="data-cascade-wrapper" id="default">
<div class="data-column">
<div class="dc-row-1">93</div>
<div class="dc-row-1">1853</div>
<div class="dc-row-2">24109</div>
<div class="dc-row-3">7</div>
<div class="dc-row-3">7024</div>
<div class="dc-row-4">322</div>
<div class="dc-row-5">4149</div>
<div class="dc-row-6">86</div>
<div class="dc-row-7">05</div>
</div>
<div class="data-column">
<div class="dc-row-1">21509</div>
<div class="dc-row-1">68417</div>
<div class="dc-row-2">80</div>
<div class="dc-row-3">2048</div>
<div class="dc-row-3">319825</div>
<div class="dc-row-4">46233</div>
<div class="dc-row-5">05</div>
<div class="dc-row-6">2014</div>
<div class="dc-row-7">30986</div>
</div>
<div class="data-column">
<div class="dc-row-1">585101</div>
<div class="dc-row-1">25403</div>
<div class="dc-row-2">31219</div>
<div class="dc-row-3">752</div>
<div class="dc-row-3">0604</div>
<div class="dc-row-4">21048</div>
<div class="dc-row-5">293612</div>
<div class="dc-row-6">534082</div>
<div class="dc-row-7">206</div>
</div>
<div class="data-column">
<div class="dc-row-1">2107853</div>
<div class="dc-row-1">12201972</div>
<div class="dc-row-2">24487255</div>
<div class="dc-row-3">30412</div>
<div class="dc-row-3">98</div>
<div class="dc-row-4">4024161</div>
<div class="dc-row-5">888</div>
<div class="dc-row-6">35045462</div>
<div class="dc-row-7">41520257</div>
</div>
<div class="data-column">
<div class="dc-row-1">33</div>
<div class="dc-row-1">56</div>
<div class="dc-row-2">04</div>
<div class="dc-row-3">69</div>
<div class="dc-row-3">41</div>
<div class="dc-row-4">15</div>
<div class="dc-row-5">25</div>
<div class="dc-row-6">65</div>
<div class="dc-row-7">21</div>
</div>
<div class="data-column">
<div class="dc-row-1">0223</div>
<div class="dc-row-1">688</div>
<div class="dc-row-2">28471</div>
<div class="dc-row-3">21366</div>
<div class="dc-row-3">8654</div>
<div class="dc-row-4">31</div>
<div class="dc-row-5">1984</div>
<div class="dc-row-6">272</div>
<div class="dc-row-7">21854</div>
</div>
<div class="data-column">
<div class="dc-row-1">633</div>
<div class="dc-row-1">51166</div>
<div class="dc-row-2">41699</div>
<div class="dc-row-3">6188</div>
<div class="dc-row-3">15033</div>
<div class="dc-row-4">21094</div>
<div class="dc-row-5">32881</div>
<div class="dc-row-6">26083</div>
<div class="dc-row-7">2143</div>
</div>
<div class="data-column">
<div class="dc-row-1">406822</div>
<div class="dc-row-1">81205</div>
<div class="dc-row-2">91007</div>
<div class="dc-row-3">38357</div>
<div class="dc-row-3">110</div>
<div class="dc-row-4">2041</div>
<div class="dc-row-5">312</div>
<div class="dc-row-6">57104</div>
<div class="dc-row-7">00708</div>
</div>
<div class="data-column">
<div class="dc-row-1">12073</div>
<div class="dc-row-1">688</div>
<div class="dc-row-2">21982</div>
<div class="dc-row-3">20254</div>
<div class="dc-row-3">55</div>
<div class="dc-row-4">38447</div>
<div class="dc-row-5">26921</div>
<div class="dc-row-6">285</div>
<div class="dc-row-7">30102</div>
</div>
<div class="data-column">
<div class="dc-row-1">21604</div>
<div class="dc-row-1">15421</div>
<div class="dc-row-2">25</div>
<div class="dc-row-3">3808</div>
<div class="dc-row-3">582031</div>
<div class="dc-row-4">62311</div>
<div class="dc-row-5">85799</div>
<div class="dc-row-6">87</div>
<div class="dc-row-7">6895</div>
</div>
<div class="data-column">
<div class="dc-row-1">72112</div>
<div class="dc-row-1">101088</div>
<div class="dc-row-2">604122</div>
<div class="dc-row-3">126523</div>
<div class="dc-row-3">86801</div>
<div class="dc-row-4">8447</div>
<div class="dc-row-5">210486</div>
<div class="dc-row-6">LV426</div>
<div class="dc-row-7">220655</div>
</div>
<div class="data-column">
<div class="dc-row-1">272448</div>
<div class="dc-row-1">29620</div>
<div class="dc-row-2">339048</div>
<div class="dc-row-3">31802</div>
<div class="dc-row-3">9859</div>
<div class="dc-row-4">672304</div>
<div class="dc-row-5">581131</div>
<div class="dc-row-6">338</div>
<div class="dc-row-7">70104</div>
</div>
<div class="data-column">
<div class="dc-row-1">16182</div>
<div class="dc-row-1">711632</div>
<div class="dc-row-2">102955</div>
<div class="dc-row-3">2061</div>
<div class="dc-row-3">5804</div>
<div class="dc-row-4">850233</div>
<div class="dc-row-5">833441</div>
<div class="dc-row-6">465</div>
<div class="dc-row-7">210047</div>
</div>
<div class="data-column">
<div class="dc-row-1">75222</div>
<div class="dc-row-1">98824</div>
<div class="dc-row-2">63</div>
<div class="dc-row-3">858552</div>
<div class="dc-row-3">696730</div>
<div class="dc-row-4">307124</div>
<div class="dc-row-5">58414</div>
<div class="dc-row-6">209</div>
<div class="dc-row-7">808044</div>
</div>
<div class="data-column">
<div class="dc-row-1">331025</div>
<div class="dc-row-1">62118</div>
<div class="dc-row-2">2700</div>
<div class="dc-row-3">395852</div>
<div class="dc-row-3">604206</div>
<div class="dc-row-4">26</div>
<div class="dc-row-5">309150</div>
<div class="dc-row-6">885</div>
<div class="dc-row-7">210411</div>
</div>
<div class="data-column">
<div class="dc-row-1">817660</div>
<div class="dc-row-1">121979</div>
<div class="dc-row-2">20019</div>
<div class="dc-row-3">462869</div>
<div class="dc-row-3">25002</div>
<div class="dc-row-4">308</div>
<div class="dc-row-5">52074</div>
<div class="dc-row-6">33</div>
<div class="dc-row-7">80544</div>
</div>
<div class="data-column">
<div class="dc-row-1">1070</div>
<div class="dc-row-1">020478</div>
<div class="dc-row-2">26419</div>
<div class="dc-row-3">372122</div>
<div class="dc-row-3">2623</div>
<div class="dc-row-4">79</div>
<div class="dc-row-5">90008</div>
<div class="dc-row-6">8049</div>
<div class="dc-row-7">251664</div>
</div>
<div class="data-column">
<div class="dc-row-1">900007</div>
<div class="dc-row-1">704044</div>
<div class="dc-row-2">982365</div>
<div class="dc-row-3">25819</div>
<div class="dc-row-3">385</div>
<div class="dc-row-4">656214</div>
<div class="dc-row-5">409</div>
<div class="dc-row-6">218563</div>
<div class="dc-row-7">527222</div>
</div>
<div class="data-column">
<div class="dc-row-1">80106</div>
<div class="dc-row-1">1314577</div>
<div class="dc-row-2">39001</div>
<div class="dc-row-3">7162893</div>
<div class="dc-row-3">12855</div>
<div class="dc-row-4">57</div>
<div class="dc-row-5">23966</div>
<div class="dc-row-6">4</div>
<div class="dc-row-7">6244009</div>
</div>
<div class="data-column">
<div class="dc-row-1">2352</div>
<div class="dc-row-1">308</div>
<div class="dc-row-2">928</div>
<div class="dc-row-3">2721</div>
<div class="dc-row-3">8890</div>
<div class="dc-row-4">402</div>
<div class="dc-row-5">540</div>
<div class="dc-row-6">795</div>
<div class="dc-row-7">23</div>
</div>
<div class="data-column">
<div class="dc-row-1">66880</div>
<div class="dc-row-1">8675309</div>
<div class="dc-row-2">821533</div>
<div class="dc-row-3">249009</div>
<div class="dc-row-3">51922</div>
<div class="dc-row-4">600454</div>
<div class="dc-row-5">9035768</div>
<div class="dc-row-6">453571</div>
<div class="dc-row-7">825064</div>
</div>
<div class="data-column">
<div class="dc-row-1">131488</div>
<div class="dc-row-1">641212</div>
<div class="dc-row-2">218035</div>
<div class="dc-row-3">37</div>
<div class="dc-row-3">6022</div>
<div class="dc-row-4">82</div>
<div class="dc-row-5">572104</div>
<div class="dc-row-6">799324</div>
<div class="dc-row-7">4404</div>
</div>
<div class="data-column">
<div class="dc-row-1">8807</div>
<div class="dc-row-1">4481</div>
<div class="dc-row-2">8915</div>
<div class="dc-row-3">2104</div>
<div class="dc-row-3">1681</div>
<div class="dc-row-4">326</div>
<div class="dc-row-5">446</div>
<div class="dc-row-6">8337</div>
<div class="dc-row-7">526</div>
</div>
<div class="data-column">
<div class="dc-row-1">593</div>
<div class="dc-row-1">8057</div>
<div class="dc-row-2">22</div>
<div class="dc-row-3">23</div>
<div class="dc-row-3">6722</div>
<div class="dc-row-4">890</div>
<div class="dc-row-5">2608</div>
<div class="dc-row-6">7274</div>
<div class="dc-row-7">2103</div>
</div>
</div> <!-- /data-cascade-wrapper -->
<nav>
<!--
*** MAIN NAVIGATION BUTTONS ***
Replace the hashtag '#' with a real URL (or not).
If you don't want sound effects, replace the <button> element with a basic <a> tag shown here in this comment:
<a href="#">01</a>
<a href="#">02</a>
<a href="#">03</a>
<a href="#">04</a>
-->
<button onclick="playSoundAndRedirect('audio2', '#')">01</button>
<button onclick="playSoundAndRedirect('audio2', '#')">02</button>
<button onclick="playSoundAndRedirect('audio2', '#')">03</button>
<button onclick="playSoundAndRedirect('audio2', '#')">04</button>
</nav>
</div>
<div class="bar-panel first-bar-panel">
<div class="bar-1"></div>
<div class="bar-2"></div>
<div class="bar-3"></div>
<div class="bar-4"></div>
<div class="bar-5"></div>
</div>
</div>
</div>
<div class="wrap" id="gap">
<div class="left-frame">
<!--
** SCROLL TO TOP OF PAGE BUTTON **
This button is initially hidden, and is styled like a panel in the sidebar. It appears at the bottom of the page after vertical scrolling. If you don't want the sound effect, replace with this:
<button onclick="topFunction()" id="topBtn"><span class="hop">screen</span> top</button>
-->
<button onclick="topFunction(); playSoundAndRedirect('audio4', '#')" id="topBtn"><span class="hop">screen</span> top</button>
<div>
<div class="panel-3">03<span class="hop">-111968</span></div>
<div class="panel-4">04<span class="hop">-041969</span></div>
<div class="panel-5">05<span class="hop">-1701D</span></div>
<div class="panel-6">06<span class="hop">-071984</span></div>
<div class="panel-7">07<span class="hop">-081940</span></div>
<div class="panel-8">08<span class="hop">-47148</span></div>
<div class="panel-9">09<span class="hop">-081966</span></div>
</div>
<div>
<div class="panel-10">10<span class="hop">-31</span></div>
</div>
</div>
<div class="right-frame">
<div class="bar-panel">
<div class="bar-6"></div>
<div class="bar-7"></div>
<div class="bar-8"></div>
<div class="bar-9"></div>
<div class="bar-10"></div>
</div>
<main>
<!-- Start your content here. -->
<h1>Hello</h1>
<h2>Welcome to LCARS &#149; Classic Theme &#149; Standard Layout</h2>
<h3 class="font-gold">Version 24.2</h3>
<h4>Replace This Content With Your Own</h4>
<p class="go-big">Live long and prosper.</p>
<!-- End content area. -->
</main>
<footer>
<!-- Your copyright information is only a suggestion and you can choose to delete it. -->
Content &copy; 2025 *replace this text with your website's name or URL.* <br>
<!-- The following attribution must not be removed: -->
LCARS Inspired Website Template by <a href="https://www.thelcars.com">www.TheLCARS.com</a>.
</footer>
</div>
</div>
</section>
<script type="text/javascript" src="assets/lcars.js"></script>
<div class="headtrim"> </div>
<div class="baseboard"> </div>
</body>
</html>

465
static/theme/LCARS/classic-ultra.html Normal file
View File

@@ -0,0 +1,465 @@
<!DOCTYPE html>
<html>
<head>
<title>Classic Ultra</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="date=no">
<link rel="stylesheet" type="text/css" href="assets/classic.css">
</head>
<body>
<audio id="audio1" src="assets/beep1.mp3" preload="auto"></audio>
<audio id="audio2" src="assets/beep2.mp3" preload="auto"></audio>
<audio id="audio3" src="assets/beep3.mp3" preload="auto"></audio>
<audio id="audio4" src="assets/beep4.mp3" preload="auto"></audio>
<div class="wrap-everything">
<section id="column-1">
<div class="lcars-frame">
<div class="frame-col-1">
<div class="frame-col-1-cell-a"></div>
<div class="frame-col-1-cell-b"></div>
<div class="frame-col-1-cell-c"></div>
</div>
<div class="frame-col-2"> </div>
<div class="frame-col-3 display-vertical">
<div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div>
</div>
<div class="frame-col-4"> </div>
<div class="frame-col-5">
<div class="frame-col-5-cell-a"></div>
<div class="frame-col-5-cell-b"></div>
<div class="frame-col-5-cell-c"></div>
</div>
</div>
<div class="pillbox">
<!--
*** ULTRA LAYOUT SECTION 1 PILL BUTTONS ***
Replace the hashtag '#' in each button with a real url (or not). If you don't want sound effects for these links, replace buttons with <a> tags like this:
<a href="#">J-001</a>
<a href="#">R-002</a>
<a href="#">R-003</a>
<a href="#">I-004</a>
<a href="#">C-005</a>
<a href="#">A-006</a>
-->
<button onclick="playSoundAndRedirect('audio1', '#')" class="pill">J-001</button>
<button onclick="playSoundAndRedirect('audio1', '#')" class="pill">R-002</button>
<button onclick="playSoundAndRedirect('audio1', '#')" class="pill">R-003</button>
<button onclick="playSoundAndRedirect('audio1', '#')" class="pill">I-004</button>
<button onclick="playSoundAndRedirect('audio1', '#')" class="pill">C-005</button>
<button onclick="playSoundAndRedirect('audio1', '#')" class="pill">A-006</button>
</div>
<div class="lcars-list-2 uppercase">
<ul>
<li>Subspace Link: Established</li>
<li>Starfleet Database: Connected</li>
<li>Quantum Memory Field: stable</li>
<li class="bullet-almond-creme font-almond-creme">Optical Data Network: rerouting</li>
</ul>
</div>
<div class="pillbox-2">
<!--
*** ULTRA LAYOUT SECTION 1 PILL BUTTONS SET 2 ***
Replace the hashtag '#' in each button with a real url (or not). If you don't want sound effects for these links, replace buttons with <a> tags like this:
<a href="#">F12-22</a>
<a href="#">G24-22</a>
<div class="pill-2"></div>
<a href="#">H-07AM</a>
<a href="#">I50-72</a>
<a href="#">J5369</a>
-->
<button onclick="playSoundAndRedirect('audio1', '#')" class="pill-2">F12-22</button>
<button onclick="playSoundAndRedirect('audio1', '#')" class="pill-2">G24-22</button>
<div class="pill-2"> </div>
<button onclick="playSoundAndRedirect('audio1', '#')" class="pill-2">H-07AM</button>
<button onclick="playSoundAndRedirect('audio1', '#')" class="pill-2">I50-72</button>
<button onclick="playSoundAndRedirect('audio1', '#')" class="pill-2">J5369</button>
</div>
</section>
<section id="column-2">
<div class="panel-11"> 11-1524 </div>
<!--
*** ULTRA LAYOUT SECTION 2 SIDEBAR BUTTONS ***
Replace the hashtag '#' with a real URL (or not) in the following <button> tags. If you don't want sound effects for these links, replace the <button> elements with the following <div> + <a> elements:
<div class="section-2-buttons">
<a href="">JS2B-01</a>
<a href="">IS2B-02</a>
<a href="">MS2B-03</a>
</div>
-->
<button onclick="playSoundAndRedirect('audio2', '#')" class="sidebar-button button-almond-creme">JS2B-01</button>
<button onclick="playSoundAndRedirect('audio2', '#')" class="sidebar-button button-butterscotch">JS2B-02</button>
<button onclick="playSoundAndRedirect('audio2', '#')" class="sidebar-button button-african-violet">MS2B-03</button>
<div class="panel-12"> 12-0730</div>
<div class="panel-13">13-318</div>
<div class="panel-14">14-DL44</div>
<div class="panel-15">15-3504</div>
</section>
<section id="column-3">
<div class="wrap">
<div class="left-frame-top">
<!--
*** LCARS PANEL BUTTON ***
Replace the hashtag '#' with a real URL (or not) in the following <button> tag. If you do not want a sound effect for this link, replace the <button> element with the following <div> + <a> elements:
<div class="panel-1">
<a href="#">LCARS</a>
</div>
-->
<button onclick="playSoundAndRedirect('audio2', '#')" class="panel-1-button">LCARS</button>
<div class="panel-2">02<span class="hop">-262000</span></div>
</div>
<div class="right-frame-top">
<div class="banner"> LCARS &#149; 47988 </div>
<div class="data-cascade-button-group">
<div class="data-cascade-wrapper" id="default">
<div class="data-column">
<div class="dc-row-1">93</div>
<div class="dc-row-1">1853</div>
<div class="dc-row-2">24109</div>
<div class="dc-row-3">7</div>
<div class="dc-row-3">7024</div>
<div class="dc-row-4">322</div>
<div class="dc-row-5">4149</div>
<div class="dc-row-6">86</div>
<div class="dc-row-7">05</div>
</div>
<div class="data-column">
<div class="dc-row-1">21509</div>
<div class="dc-row-1">68417</div>
<div class="dc-row-2">80</div>
<div class="dc-row-3">2048</div>
<div class="dc-row-3">319825</div>
<div class="dc-row-4">46233</div>
<div class="dc-row-5">05</div>
<div class="dc-row-6">2014</div>
<div class="dc-row-7">30986</div>
</div>
<div class="data-column">
<div class="dc-row-1">585101</div>
<div class="dc-row-1">25403</div>
<div class="dc-row-2">31219</div>
<div class="dc-row-3">752</div>
<div class="dc-row-3">0604</div>
<div class="dc-row-4">21048</div>
<div class="dc-row-5">293612</div>
<div class="dc-row-6">534082</div>
<div class="dc-row-7">206</div>
</div>
<div class="data-column">
<div class="dc-row-1">2107853</div>
<div class="dc-row-1">12201972</div>
<div class="dc-row-2">24487255</div>
<div class="dc-row-3">30412</div>
<div class="dc-row-3">98</div>
<div class="dc-row-4">4024161</div>
<div class="dc-row-5">888</div>
<div class="dc-row-6">35045462</div>
<div class="dc-row-7">41520257</div>
</div>
<div class="data-column">
<div class="dc-row-1">33</div>
<div class="dc-row-1">56</div>
<div class="dc-row-2">04</div>
<div class="dc-row-3">69</div>
<div class="dc-row-3">41</div>
<div class="dc-row-4">15</div>
<div class="dc-row-5">25</div>
<div class="dc-row-6">65</div>
<div class="dc-row-7">21</div>
</div>
<div class="data-column">
<div class="dc-row-1">0223</div>
<div class="dc-row-1">688</div>
<div class="dc-row-2">28471</div>
<div class="dc-row-3">21366</div>
<div class="dc-row-3">8654</div>
<div class="dc-row-4">31</div>
<div class="dc-row-5">1984</div>
<div class="dc-row-6">272</div>
<div class="dc-row-7">21854</div>
</div>
<div class="data-column">
<div class="dc-row-1">633</div>
<div class="dc-row-1">51166</div>
<div class="dc-row-2">41699</div>
<div class="dc-row-3">6188</div>
<div class="dc-row-3">15033</div>
<div class="dc-row-4">21094</div>
<div class="dc-row-5">32881</div>
<div class="dc-row-6">26083</div>
<div class="dc-row-7">2143</div>
</div>
<div class="data-column">
<div class="dc-row-1">406822</div>
<div class="dc-row-1">81205</div>
<div class="dc-row-2">91007</div>
<div class="dc-row-3">38357</div>
<div class="dc-row-3">110</div>
<div class="dc-row-4">2041</div>
<div class="dc-row-5">312</div>
<div class="dc-row-6">57104</div>
<div class="dc-row-7">00708</div>
</div>
<div class="data-column">
<div class="dc-row-1">12073</div>
<div class="dc-row-1">688</div>
<div class="dc-row-2">21982</div>
<div class="dc-row-3">20254</div>
<div class="dc-row-3">55</div>
<div class="dc-row-4">38447</div>
<div class="dc-row-5">26921</div>
<div class="dc-row-6">285</div>
<div class="dc-row-7">30102</div>
</div>
<div class="data-column">
<div class="dc-row-1">21604</div>
<div class="dc-row-1">15421</div>
<div class="dc-row-2">25</div>
<div class="dc-row-3">3808</div>
<div class="dc-row-3">582031</div>
<div class="dc-row-4">62311</div>
<div class="dc-row-5">85799</div>
<div class="dc-row-6">87</div>
<div class="dc-row-7">6895</div>
</div>
<div class="data-column">
<div class="dc-row-1">72112</div>
<div class="dc-row-1">101088</div>
<div class="dc-row-2">604122</div>
<div class="dc-row-3">126523</div>
<div class="dc-row-3">86801</div>
<div class="dc-row-4">8447</div>
<div class="dc-row-5">210486</div>
<div class="dc-row-6">LV426</div>
<div class="dc-row-7">220655</div>
</div>
<div class="data-column">
<div class="dc-row-1">272448</div>
<div class="dc-row-1">29620</div>
<div class="dc-row-2">339048</div>
<div class="dc-row-3">31802</div>
<div class="dc-row-3">9859</div>
<div class="dc-row-4">672304</div>
<div class="dc-row-5">581131</div>
<div class="dc-row-6">338</div>
<div class="dc-row-7">70104</div>
</div>
<div class="data-column">
<div class="dc-row-1">16182</div>
<div class="dc-row-1">711632</div>
<div class="dc-row-2">102955</div>
<div class="dc-row-3">2061</div>
<div class="dc-row-3">5804</div>
<div class="dc-row-4">850233</div>
<div class="dc-row-5">833441</div>
<div class="dc-row-6">465</div>
<div class="dc-row-7">210047</div>
</div>
<div class="data-column">
<div class="dc-row-1">75222</div>
<div class="dc-row-1">98824</div>
<div class="dc-row-2">63</div>
<div class="dc-row-3">858552</div>
<div class="dc-row-3">696730</div>
<div class="dc-row-4">307124</div>
<div class="dc-row-5">58414</div>
<div class="dc-row-6">209</div>
<div class="dc-row-7">808044</div>
</div>
<div class="data-column">
<div class="dc-row-1">331025</div>
<div class="dc-row-1">62118</div>
<div class="dc-row-2">2700</div>
<div class="dc-row-3">395852</div>
<div class="dc-row-3">604206</div>
<div class="dc-row-4">26</div>
<div class="dc-row-5">309150</div>
<div class="dc-row-6">885</div>
<div class="dc-row-7">210411</div>
</div>
<div class="data-column">
<div class="dc-row-1">817660</div>
<div class="dc-row-1">121979</div>
<div class="dc-row-2">20019</div>
<div class="dc-row-3">462869</div>
<div class="dc-row-3">25002</div>
<div class="dc-row-4">308</div>
<div class="dc-row-5">52074</div>
<div class="dc-row-6">33</div>
<div class="dc-row-7">80544</div>
</div>
<div class="data-column">
<div class="dc-row-1">1070</div>
<div class="dc-row-1">020478</div>
<div class="dc-row-2">26419</div>
<div class="dc-row-3">372122</div>
<div class="dc-row-3">2623</div>
<div class="dc-row-4">79</div>
<div class="dc-row-5">90008</div>
<div class="dc-row-6">8049</div>
<div class="dc-row-7">251664</div>
</div>
<div class="data-column">
<div class="dc-row-1">900007</div>
<div class="dc-row-1">704044</div>
<div class="dc-row-2">982365</div>
<div class="dc-row-3">25819</div>
<div class="dc-row-3">385</div>
<div class="dc-row-4">656214</div>
<div class="dc-row-5">409</div>
<div class="dc-row-6">218563</div>
<div class="dc-row-7">527222</div>
</div>
<div class="data-column">
<div class="dc-row-1">80106</div>
<div class="dc-row-1">1314577</div>
<div class="dc-row-2">39001</div>
<div class="dc-row-3">7162893</div>
<div class="dc-row-3">12855</div>
<div class="dc-row-4">57</div>
<div class="dc-row-5">23966</div>
<div class="dc-row-6">4</div>
<div class="dc-row-7">6244009</div>
</div>
<div class="data-column">
<div class="dc-row-1">2352</div>
<div class="dc-row-1">308</div>
<div class="dc-row-2">928</div>
<div class="dc-row-3">2721</div>
<div class="dc-row-3">8890</div>
<div class="dc-row-4">402</div>
<div class="dc-row-5">540</div>
<div class="dc-row-6">795</div>
<div class="dc-row-7">23</div>
</div>
<div class="data-column">
<div class="dc-row-1">66880</div>
<div class="dc-row-1">8675309</div>
<div class="dc-row-2">821533</div>
<div class="dc-row-3">249009</div>
<div class="dc-row-3">51922</div>
<div class="dc-row-4">600454</div>
<div class="dc-row-5">9035768</div>
<div class="dc-row-6">453571</div>
<div class="dc-row-7">825064</div>
</div>
<div class="data-column">
<div class="dc-row-1">131488</div>
<div class="dc-row-1">641212</div>
<div class="dc-row-2">218035</div>
<div class="dc-row-3">37</div>
<div class="dc-row-3">6022</div>
<div class="dc-row-4">82</div>
<div class="dc-row-5">572104</div>
<div class="dc-row-6">799324</div>
<div class="dc-row-7">4404</div>
</div>
<div class="data-column">
<div class="dc-row-1">8807</div>
<div class="dc-row-1">4481</div>
<div class="dc-row-2">8915</div>
<div class="dc-row-3">2104</div>
<div class="dc-row-3">1681</div>
<div class="dc-row-4">326</div>
<div class="dc-row-5">446</div>
<div class="dc-row-6">8337</div>
<div class="dc-row-7">526</div>
</div>
<div class="data-column">
<div class="dc-row-1">593</div>
<div class="dc-row-1">8057</div>
<div class="dc-row-2">22</div>
<div class="dc-row-3">23</div>
<div class="dc-row-3">6722</div>
<div class="dc-row-4">890</div>
<div class="dc-row-5">2608</div>
<div class="dc-row-6">7274</div>
<div class="dc-row-7">2103</div>
</div>
</div> <!-- /data-cascade-wrapper -->
<nav>
<!--
*** MAIN NAVIGATION BUTTONS ***
Replace the hashtag '#' with a real URL (or not).
If you don't want sound effects, replace the <button> element with a basic <a> tag shown here in this comment:
<a href="#">01</a>
<a href="#">02</a>
<a href="#">03</a>
<a href="#">04</a>
-->
<button onclick="playSoundAndRedirect('audio2', '#')">01</button>
<button onclick="playSoundAndRedirect('audio2', '#')">02</button>
<button onclick="playSoundAndRedirect('audio2', '#')">03</button>
<button onclick="playSoundAndRedirect('audio2', '#')">04</button>
</nav>
</div>
<div class="bar-panel first-bar-panel">
<div class="bar-1"></div>
<div class="bar-2"></div>
<div class="bar-3"></div>
<div class="bar-4"></div>
<div class="bar-5"></div>
</div>
</div>
</div>
<div class="wrap" id="gap">
<div class="left-frame">
<!--
** SCROLL TO TOP OF PAGE BUTTON **
This button is styled like a panel in the sidebar and appears at the bottom of the page after scrolling down. If you don't want the sound effect, replace with this:
<button onclick="topFunction()" id="topBtn"><span class="hop">screen</span> top</button>
-->
<button onclick="topFunction(); playSoundAndRedirect('audio4', '#')" id="topBtn"><span class="hop">screen</span> top</button>
<div>
<div class="panel-3">03<span class="hop">-111968</span></div>
<div class="panel-4">04<span class="hop">-041969</span></div>
<div class="panel-5">05<span class="hop">-1701D</span></div>
<div class="panel-6">06<span class="hop">-071984</span></div>
<div class="panel-7">07<span class="hop">-081940</span></div>
<div class="panel-8">08<span class="hop">-47148</span></div>
<div class="panel-9">09<span class="hop">-081966</span></div>
</div>
<div>
<div class="panel-10">10<span class="hop">-31</span></div>
</div>
</div>
<div class="right-frame">
<div class="bar-panel">
<div class="bar-6"></div>
<div class="bar-7"></div>
<div class="bar-8"></div>
<div class="bar-9"></div>
<div class="bar-10"></div>
</div>
<main>
<!-- Start your content here. -->
<h1>Hello</h1>
<h2>Welcome to LCARS &#149; Classic Theme &#149; Ultra Layout</h2>
<h3 class="font-gold">Version 24.2</h3>
<h4>Replace This Content With Your Own</h4>
<p class="go-big">Live long and prosper.</p>
<!-- End content area. -->
</main>
<footer>
<!-- Your copyright information is only a suggestion and you can choose to delete it. -->
Content &copy; 2025 *replace this text with your website's name or URL.* <br>
<!-- The following attribution must not be removed: -->
LCARS Inspired Website Template by <a href="https://www.thelcars.com">www.TheLCARS.com</a>.
</footer>
</div>
</div>
</section>
</div>
<script type="text/javascript" src="assets/lcars.js"></script>
<div class="headtrim"> </div>
<div class="baseboard"> </div>
</body>
</html>

235
static/theme/LCARS/lower-decks-padd.html Normal file
View File

@@ -0,0 +1,235 @@
<!DOCTYPE html>
<html>
<head>
<title>Lower Decks PADD</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="date=no">
<link rel="stylesheet" type="text/css" href="assets/lower-decks-padd.css">
</head>
<body>
<audio id="audio1" src="assets/beep1.mp3" preload="auto"></audio>
<audio id="audio2" src="assets/beep2.mp3" preload="auto"></audio>
<audio id="audio3" src="assets/beep3.mp3" preload="auto"></audio>
<audio id="audio4" src="assets/beep4.mp3" preload="auto"></audio>
<div class="wrap-all">
<div class="wrap">
<div class="left-frame-top">
<!--
*** LCARS PANEL BUTTON ***
Replace the hashtag '#' with a real URL (or not) in the following <button> tag. If you do not want a sound effect for this link, replace the <button> element with the following <div> + <a> elements:
<div class="panel-1">
<a href="#">LCARS</a>
</div>
-->
<button onclick="playSoundAndRedirect('audio2', '#')" class="panel-1-button">LCARS</button>
<div class="panel-2">02<span class="hop">-262000</span></div>
</div>
<div class="right-frame-top">
<div class="banner">LCARS 57436.2</div>
<div class="data-cascade-button-group">
<div class="data-wrapper">
<div class="data-column">
<div class="dc-row-1 font-arctic-ice">47</div>
<div class="dc-row-2">31</div>
<div class="dc-row-3">28</div>
<div class="dc-row-4">94</div>
</div>
<div class="data-column">
<div class="dc-row-1">329</div>
<div class="dc-row-2 font-night-rain">128</div>
<div class="dc-row-3">605</div>
<div class="dc-row-4">704</div>
</div>
<div class="data-column">
<div class="dc-row-1 font-night-rain">39725514862</div>
<div class="dc-row-2 font-arctic-ice">51320259663</div>
<div class="dc-row-3 font-alpha-blue">21857221984</div>
<div class="dc-row-4">40372566301</div>
</div>
<div class="data-column">
<div class="dc-row-1 font-arctic-ice">56</div>
<div class="dc-row-2 font-night-rain">04</div>
<div class="dc-row-3 font-night-rain">40</div>
<div class="dc-row-4 font-night-rain">35</div>
</div>
<div class="data-column">
<div class="dc-row-1 font-arctic-ice">614</div>
<div class="dc-row-2 font-arctic-ice">883</div>
<div class="dc-row-3 font-alpha-blue">109</div>
<div class="dc-row-4">297</div>
</div>
<div class="data-column">
<div class="dc-row-1 darkspace darkfont">000</div>
<div class="dc-row-2 darkspace font-alpha-blue">13</div>
<div class="dc-row-3 darkspace font-arctic-ice">05</div>
<div class="dc-row-4 darkspace font-night-rain">25</div>
</div>
<div class="data-column">
<div class="dc-row-1">48</div>
<div class="dc-row-2 font-night-rain">07</div>
<div class="dc-row-3">38</div>
<div class="dc-row-4">62</div>
</div>
<div class="data-column">
<div class="dc-row-1">416</div>
<div class="dc-row-2 font-night-rain">001</div>
<div class="dc-row-3">888</div>
<div class="dc-row-4">442</div>
</div>
<div class="data-column">
<div class="dc-row-1 font-night-rain">86225514862</div>
<div class="dc-row-2 font-arctic-ice">31042009183</div>
<div class="dc-row-3 font-alpha-blue">74882306985</div>
<div class="dc-row-4">54048523421</div>
</div>
<div class="data-column">
<div class="dc-row-1 font-alpha-blue">10</div>
<div class="dc-row-2">80</div>
<div class="dc-row-3 font-night-rain">31</div>
<div class="dc-row-4 font-alpha-blue">85</div>
</div>
<div class="data-column">
<div class="dc-row-1 font-alpha-blue">87</div>
<div class="dc-row-2">71</div>
<div class="dc-row-3 font-night-rain">40</div>
<div class="dc-row-4 font-night-rain">26</div>
</div>
<div class="data-column">
<div class="dc-row-1">98</div>
<div class="dc-row-2">63</div>
<div class="dc-row-3 font-night-rain">52</div>
<div class="dc-row-4 font-alpha-blue">71</div>
</div>
<div class="data-column">
<div class="dc-row-1">118</div>
<div class="dc-row-2">270</div>
<div class="dc-row-3">395</div>
<div class="dc-row-4">260</div>
</div>
<div class="data-column">
<div class="dc-row-1">8675309</div>
<div class="dc-row-2 font-night-rain">7952705</div>
<div class="dc-row-3">9282721</div>
<div class="dc-row-4">4981518</div>
</div>
<div class="data-column">
<div class="dc-row-1 darkspace darkfont">000</div>
<div class="dc-row-2 darkspace font-alpha-blue">99</div>
<div class="dc-row-3 darkspace font-arctic-ice">10</div>
<div class="dc-row-4 darkspace font-night-rain">84</div>
</div>
<div class="data-column">
<div class="dc-row-1">65821407321</div>
<div class="dc-row-2 font-alpha-blue">54018820533</div>
<div class="dc-row-3 font-night-rain">27174523016</div>
<div class="dc-row-4">38954062564</div>
</div>
<div class="data-column">
<div class="dc-row-1 font-arctic-ice">999</div>
<div class="dc-row-2 font-arctic-ice">202</div>
<div class="dc-row-3 font-alpha-blue">574</div>
<div class="dc-row-4">293</div>
</div>
<div class="data-column">
<div class="dc-row-1">3872</div>
<div class="dc-row-2 font-night-rain">1105</div>
<div class="dc-row-3">1106</div>
<div class="dc-row-4 font-alpha-blue">7411</div>
</div>
</div>
<nav>
<!--
*** MAIN NAVIGATION BUTTONS ***
Replace the hashtag '#' with a real URL (or not).
If you don't want sound effects, replace the <button> element with a basic <a> tag shown here in this comment:
<a href="#">01</a>
<a href="#">02</a>
<a href="#">03</a>
<a href="#">04</a>
-->
<button onclick="playSoundAndRedirect('audio2', '#')">01</button>
<button onclick="playSoundAndRedirect('audio2', '#')">02</button>
<button onclick="playSoundAndRedirect('audio2', '#')">03</button>
<button onclick="playSoundAndRedirect('audio2', '#')">04</button>
</nav>
</div>
<div class="bar-panel first-bar-panel">
<div class="bar-1"> </div>
<div class="bar-2"> </div>
<div class="bar-3"> </div>
<div class="bar-4"> </div>
<div class="bar-5"> </div>
</div>
</div>
</div>
<div class="divider">
<div class="block-left"> </div>
<div class="block-right">
<div class="block-row">
<div class="bar-11"> </div>
<div class="bar-12"> </div>
<div class="bar-13"> </div>
<div class="bar-14">
<div class="blockhead"> </div>
</div>
</div>
</div>
</div>
<div class="wrap">
<div class="left-frame">
<!--
** SCROLL TO TOP OF PAGE BUTTON **
This button is initially hidden, and is styled like a panel in the sidebar. It appears at the bottom of the page after vertical scrolling. If you don't want the sound effect, replace with this:
<button onclick="topFunction()" id="topBtn"><span class="hop">screen</span> top</button>
-->
<button onclick="topFunction(); playSoundAndRedirect('audio4', '#')" id="topBtn"><span class="hop">screen</span> top</button>
<div>
<div class="panel-3">03<span class="hop">-111968</span></div>
<div class="panel-4">04<span class="hop">-041969</span></div>
<div class="panel-5">05<span class="hop">-1701D</span></div>
<div class="panel-6">06<span class="hop">-071984</span></div>
</div>
<div>
<div class="panel-7">07<span class="hop">-081940</span></div>
</div>
</div>
<div class="right-frame">
<div class="bar-panel">
<div class="bar-6"> </div>
<div class="bar-7"> </div>
<div class="bar-8"> </div>
<div class="bar-9"> </div>
<div class="bar-10"> </div>
</div>
<main>
<!-- Start your content here. -->
<h1>Hello</h1>
<h2>Welcome to LCARS &#149; Lower Decks PADD Theme</h2>
<h3 class="font-radioactive">Version 24.2</h3>
<h4>Replace This Content With Your Own</h4>
<p class="go-big">Live long and prosper.</p>
<!-- End content area. -->
</main>
<footer>
<!-- Your copyright information is only a suggestion and you can choose to delete it. -->
Content Copyright &#169; 2025 *replace this text with your website's name or URL.* <br>
<!-- The following attribution must not be removed: -->
LCARS Inspired Website Template by <a href="https://www.thelcars.com">www.TheLCARS.com</a>.
</footer>
</div>
</div>
</div>
<script type="text/javascript" src="assets/lcars.js"></script>
<div class="headtrim"> </div>
<div class="baseboard"> </div>
</body>
</html>

238
static/theme/LCARS/lower-decks.html Normal file
View File

@@ -0,0 +1,238 @@
<!DOCTYPE html>
<html>
<head>
<title>Lower Decks</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="date=no">
<link rel="stylesheet" type="text/css" href="assets/lower-decks.css">
</head>
<body>
<audio id="audio1" src="assets/beep1.mp3" preload="auto"></audio>
<audio id="audio2" src="assets/beep2.mp3" preload="auto"></audio>
<audio id="audio3" src="assets/beep3.mp3" preload="auto"></audio>
<audio id="audio4" src="assets/beep4.mp3" preload="auto"></audio>
<div class="wrap-all">
<div class="wrap">
<div class="scroll-top"><a id="scroll-top" href=""><span class="hop">screen</span> top</a></div>
<div class="left-frame-top">
<!--
*** LCARS PANEL BUTTON ***
Replace the hashtag '#' with a real URL (or not) in the following <button> tag. If you do not want a sound effect for this link, replace the <button> element with the following <div> + <a> elements:
<div class="panel-1">
<a href="#">LCARS</a>
</div>
-->
<button onclick="playSoundAndRedirect('audio2', '#')" class="panel-1-button">LCARS</button>
<div class="panel-2">02<span class="hop">-262000</span></div>
</div>
<div class="right-frame-top">
<div class="banner"> <a href="">LCARS</a> 2380</div>
<div class="data-cascade-button-group">
<div class="data-wrapper">
<div class="data-column">
<div class="dc-row-1">03</div>
<div class="dc-row-2">69</div>
<div class="dc-row-3">84</div>
<div class="dc-row-4">54</div>
</div>
<div class="data-column">
<div class="dc-row-1">416</div>
<div class="dc-row-2">508</div>
<div class="dc-row-3">752</div>
<div class="dc-row-4">629</div>
</div>
<div class="data-column">
<div class="dc-row-1">397<span class="hide-data">25514862</span></div>
<div class="dc-row-2">513<span class="hide-data">20259663</span></div>
<div class="dc-row-3">218<span class="hide-data">57221984</span></div>
<div class="dc-row-4">403<span class="hide-data">72566301</span></div>
</div>
<div class="data-column">
<div class="dc-row-1">56</div>
<div class="dc-row-2">04</div>
<div class="dc-row-3">40</div>
<div class="dc-row-4">35</div>
</div>
<div class="data-column">
<div class="dc-row-1">61</div>
<div class="dc-row-2">68</div>
<div class="dc-row-3">47</div>
<div class="dc-row-4">29</div>
</div>
<div class="data-column">
<div class="dc-row-1 darkspace darkfont">0</div>
<div class="dc-row-2 darkspace">21</div>
<div class="dc-row-3 darkspace">79</div>
<div class="dc-row-4 darkspace darkfont">0</div>
</div>
<div class="data-column">
<div class="dc-row-1">81</div>
<div class="dc-row-2">07</div>
<div class="dc-row-3">38</div>
<div class="dc-row-4">62</div>
</div>
<div class="data-column">
<div class="dc-row-1">416</div>
<div class="dc-row-2">001</div>
<div class="dc-row-3">888</div>
<div class="dc-row-4">442</div>
</div>
<div class="data-column">
<div class="dc-row-1">86225514862</div>
<div class="dc-row-2">31042009183</div>
<div class="dc-row-3">74882306985</div>
<div class="dc-row-4">54048523421</div>
</div>
<div class="data-column">
<div class="dc-row-1">10</div>
<div class="dc-row-2">80</div>
<div class="dc-row-3">31</div>
<div class="dc-row-4">85</div>
</div>
<div class="data-column">
<div class="dc-row-1">87</div>
<div class="dc-row-2">71</div>
<div class="dc-row-3">40</div>
<div class="dc-row-4">26</div>
</div>
<div class="data-column">
<div class="dc-row-1 darkspace darkfont">0</div>
<div class="dc-row-2 darkspace">56</div>
<div class="dc-row-3 darkspace">28</div>
<div class="dc-row-4 darkspace darkfont">0</div>
</div>
<div class="data-column">
<div class="dc-row-1">98</div>
<div class="dc-row-2">63</div>
<div class="dc-row-3">52</div>
<div class="dc-row-4">71</div>
</div>
<div class="data-column">
<div class="dc-row-1">118</div>
<div class="dc-row-2">270</div>
<div class="dc-row-3">395</div>
<div class="dc-row-4">260</div>
</div>
<div class="data-column">
<div class="dc-row-1">65821407321</div>
<div class="dc-row-2">54018820533</div>
<div class="dc-row-3">27174523016</div>
<div class="dc-row-4">38954062564</div>
</div>
<div class="data-column">
<div class="dc-row-1 darkspace darkfont">0</div>
<div class="dc-row-2 darkspace">99</div>
<div class="dc-row-3 darkspace">10</div>
<div class="dc-row-4 darkspace darkfont">0</div>
</div>
<div class="data-column">
<div class="dc-row-1">31</div>
<div class="dc-row-2">20</div>
<div class="dc-row-3">57</div>
<div class="dc-row-4">12</div>
</div>
<div class="data-column">
<div class="dc-row-1">119</div>
<div class="dc-row-2">570</div>
<div class="dc-row-3">333</div>
<div class="dc-row-4">402</div>
</div>
<div class="data-column">
<div class="dc-row-1">8675309</div>
<div class="dc-row-2">7952705</div>
<div class="dc-row-3">9282721</div>
<div class="dc-row-4">4981518</div>
</div>
<div class="data-column">
<div class="dc-row-1">38</div>
<div class="dc-row-2">62</div>
<div class="dc-row-3">97</div>
<div class="dc-row-4">42</div>
</div>
<div class="data-column">
<div class="dc-row-1">562</div>
<div class="dc-row-2">139</div>
<div class="dc-row-3">716</div>
<div class="dc-row-4">573</div>
</div>
</div>
<nav>
<!--
*** MAIN NAVIGATION BUTTONS ***
Replace the hashtag '#' with a real URL (or not).
If you don't want sound effects, replace the <button> element with a basic <a> tag shown here in this comment:
<a href="#">01</a>
<a href="#">02</a>
<a href="#">03</a>
<a href="#">04</a>
-->
<button onclick="playSoundAndRedirect('audio2', '#')">01</button>
<button onclick="playSoundAndRedirect('audio2', '#')">02</button>
<button onclick="playSoundAndRedirect('audio2', '#')">03</button>
<button onclick="playSoundAndRedirect('audio2', '#')">04</button>
</nav>
</div>
<div class="bar-panel first-bar-panel">
<div class="bar-1"></div>
<div class="bar-2"></div>
<div class="bar-3"></div>
<div class="bar-4"></div>
</div>
</div>
</div>
<div class="wrap" id="gap">
<div class="left-frame">
<!--
** SCROLL TO TOP OF PAGE BUTTON **
This button is initially hidden, and is styled like a panel in the sidebar. It appears at the bottom of the page after vertical scrolling. If you don't want the sound effect, replace with this:
<button onclick="topFunction()" id="topBtn"><span class="hop">screen</span> top</button>
-->
<button onclick="topFunction(); playSoundAndRedirect('audio4', '#')" id="topBtn"><span class="hop">screen</span> top</button>
<div>
<div class="panel-3">03<span class="hop">-111968</span></div>
<div class="panel-4">04<span class="hop">-41969</span></div>
<div class="panel-5">05<span class="hop">-1701D</span></div>
<div class="panel-6">06<span class="hop">-081966</span></div>
</div>
<div>
<div class="panel-7">7<span class="hop">-31</span></div>
</div>
</div>
<div class="right-frame">
<div class="bar-panel">
<div class="bar-6"></div>
<div class="bar-7"></div>
<div class="bar-8"></div>
<div class="bar-9"></div>
</div>
<main>
<!-- Start your content here. -->
<h1>Hello</h1>
<h2>Welcome to LCARS &#149; Lower Decks Theme</h2>
<h3 class="font-october-sunset">Version 24.2</h3>
<h4>Replace This Content With Your Own</h4>
<p class="go-big">Live long and prosper.</p>
<!-- End content area. -->
</main>
<footer>
<!-- Your copyright information is only a suggestion and you can choose to delete it. -->
Content Copyright &#169; 2025 *replace this text with your website's name or URL.* <br>
<!-- The following attribution must not be removed: -->
LCARS Inspired Website Template by <a href="https://www.thelcars.com">www.TheLCARS.com</a>.
</footer>
</div>
</div>
</div>
<script type="text/javascript" src="assets/lcars.js"></script>
<div class="headtrim"> </div>
<div class="baseboard"> </div>
</body>
</html>

394
static/theme/LCARS/nemesis-blue-standard.html Normal file
View File

@@ -0,0 +1,394 @@
<!DOCTYPE html>
<html>
<head>
<title>Nemesis Blue Standard</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="date=no">
<link rel="stylesheet" type="text/css" href="assets/nemesis-blue.css">
</head>
<body>
<audio id="audio1" src="assets/beep1.mp3" preload="auto"></audio>
<audio id="audio2" src="assets/beep2.mp3" preload="auto"></audio>
<audio id="audio3" src="assets/beep3.mp3" preload="auto"></audio>
<audio id="audio4" src="assets/beep4.mp3" preload="auto"></audio>
<section class="wrap-standard" id="column-3">
<div class="wrap">
<div class="left-frame-top">
<!--
*** TOP PANEL BUTTONS ***
Replace the hashtag '#' with a real URL (or not) in the <button> tags following this comment. If you do not want a sound effect for this link, replace the <button> elements with the following <div> + <a> elements:
<div class="panel-1">
<a href="#">LCARS</a>
</div>
<div class="panel-2">
<a href="#">02<span class="hop">-262000</span></a>
</div>
-->
<button onclick="playSoundAndRedirect('audio2', '#')" class="panel-1-button">LCARS</button>
<button onclick="playSoundAndRedirect('audio2', '#')" class="sidebar-button button-moonbeam">02<span class="hop">-262000</span></button>
</div>
<div class="right-frame-top">
<div class="banner">LCARS &#149; 56844</div>
<div class="data-cascade-button-group">
<div class="data-cascade-wrapper" id="default">
<div class="data-column">
<div class="dc-row-1">93</div>
<div class="dc-row-1">1853</div>
<div class="dc-row-2">24109</div>
<div class="dc-row-3">7</div>
<div class="dc-row-3">7024</div>
<div class="dc-row-4">322</div>
<div class="dc-row-5">4149</div>
<div class="dc-row-6">86</div>
<div class="dc-row-7">05</div>
</div>
<div class="data-column">
<div class="dc-row-1">21509</div>
<div class="dc-row-1">68417</div>
<div class="dc-row-2">80</div>
<div class="dc-row-3">2048</div>
<div class="dc-row-3">319825</div>
<div class="dc-row-4">46233</div>
<div class="dc-row-5">05</div>
<div class="dc-row-6">2014</div>
<div class="dc-row-7">30986</div>
</div>
<div class="data-column">
<div class="dc-row-1">585101</div>
<div class="dc-row-1">25403</div>
<div class="dc-row-2">31219</div>
<div class="dc-row-3">752</div>
<div class="dc-row-3">0000</div>
<div class="dc-row-4">21048</div>
<div class="dc-row-5">293612</div>
<div class="dc-row-6">534082</div>
<div class="dc-row-7">206</div>
</div>
<div class="data-column">
<div class="dc-row-1">2107853</div>
<div class="dc-row-1">12201972</div>
<div class="dc-row-2">24487255</div>
<div class="dc-row-3">30412</div>
<div class="dc-row-3">98</div>
<div class="dc-row-4">4024161</div>
<div class="dc-row-5">888</div>
<div class="dc-row-6">35045462</div>
<div class="dc-row-7">41520257</div>
</div>
<div class="data-column">
<div class="dc-row-1">33</div>
<div class="dc-row-1">56</div>
<div class="dc-row-2">04</div>
<div class="dc-row-3">69</div>
<div class="dc-row-3">41</div>
<div class="dc-row-4">15</div>
<div class="dc-row-5">25</div>
<div class="dc-row-6">65</div>
<div class="dc-row-7">21</div>
</div>
<div class="data-column">
<div class="dc-row-1">0223</div>
<div class="dc-row-1">688</div>
<div class="dc-row-2">28471</div>
<div class="dc-row-3">21366</div>
<div class="dc-row-3">8654</div>
<div class="dc-row-4">31</div>
<div class="dc-row-5">1984</div>
<div class="dc-row-6">272</div>
<div class="dc-row-7">21854</div>
</div>
<div class="data-column">
<div class="dc-row-1">633</div>
<div class="dc-row-1">51166</div>
<div class="dc-row-2">41699</div>
<div class="dc-row-3">6188</div>
<div class="dc-row-3">15033</div>
<div class="dc-row-4">21094</div>
<div class="dc-row-5">32881</div>
<div class="dc-row-6">26083</div>
<div class="dc-row-7">2143</div>
</div>
<div class="data-column">
<div class="dc-row-1">406822</div>
<div class="dc-row-1">81205</div>
<div class="dc-row-2">91007</div>
<div class="dc-row-3">38357</div>
<div class="dc-row-3">0000</div>
<div class="dc-row-4">2041</div>
<div class="dc-row-5">312</div>
<div class="dc-row-6">57104</div>
<div class="dc-row-7">00708</div>
</div>
<div class="data-column">
<div class="dc-row-1">12073</div>
<div class="dc-row-1">688</div>
<div class="dc-row-2">21982</div>
<div class="dc-row-3">20254</div>
<div class="dc-row-3">55</div>
<div class="dc-row-4">38447</div>
<div class="dc-row-5">26921</div>
<div class="dc-row-6">285</div>
<div class="dc-row-7">30102</div>
</div>
<div class="data-column">
<div class="dc-row-1">21604</div>
<div class="dc-row-1">15421</div>
<div class="dc-row-2">25</div>
<div class="dc-row-3">3808</div>
<div class="dc-row-3">582031</div>
<div class="dc-row-4">62311</div>
<div class="dc-row-5">85799</div>
<div class="dc-row-6">87</div>
<div class="dc-row-7">6895</div>
</div>
<div class="data-column">
<div class="dc-row-1">72112</div>
<div class="dc-row-1">101088</div>
<div class="dc-row-2">604122</div>
<div class="dc-row-3">126523</div>
<div class="dc-row-3">86801</div>
<div class="dc-row-4">8447</div>
<div class="dc-row-5">210486</div>
<div class="dc-row-6">LV426</div>
<div class="dc-row-7">220655</div>
</div>
<div class="data-column">
<div class="dc-row-1">272448</div>
<div class="dc-row-1">296520</div>
<div class="dc-row-2">339048</div>
<div class="dc-row-3">31802</div>
<div class="dc-row-3">0000</div>
<div class="dc-row-4">672304</div>
<div class="dc-row-5">581131</div>
<div class="dc-row-6">338</div>
<div class="dc-row-7">70104</div>
</div>
<div class="data-column">
<div class="dc-row-1">16182</div>
<div class="dc-row-1">711632</div>
<div class="dc-row-2">102955</div>
<div class="dc-row-3">2061</div>
<div class="dc-row-3">5804</div>
<div class="dc-row-4">850233</div>
<div class="dc-row-5">833441</div>
<div class="dc-row-6">465</div>
<div class="dc-row-7">210047</div>
</div>
<div class="data-column">
<div class="dc-row-1">75222</div>
<div class="dc-row-1">98824</div>
<div class="dc-row-2">63</div>
<div class="dc-row-3">858552</div>
<div class="dc-row-3">696730</div>
<div class="dc-row-4">307124</div>
<div class="dc-row-5">58414</div>
<div class="dc-row-6">209</div>
<div class="dc-row-7">808044</div>
</div>
<div class="data-column">
<div class="dc-row-1">331025</div>
<div class="dc-row-1">62118</div>
<div class="dc-row-2">2700</div>
<div class="dc-row-3">395852</div>
<div class="dc-row-3">604206</div>
<div class="dc-row-4">26</div>
<div class="dc-row-5">309150</div>
<div class="dc-row-6">885</div>
<div class="dc-row-7">210411</div>
</div>
<div class="data-column">
<div class="dc-row-1">817660</div>
<div class="dc-row-1">121979</div>
<div class="dc-row-2">20019</div>
<div class="dc-row-3">462869</div>
<div class="dc-row-3">25002</div>
<div class="dc-row-4">308</div>
<div class="dc-row-5">52074</div>
<div class="dc-row-6">33</div>
<div class="dc-row-7">80544</div>
</div>
<div class="data-column">
<div class="dc-row-1">1070</div>
<div class="dc-row-1">020478</div>
<div class="dc-row-2">26419</div>
<div class="dc-row-3">372122</div>
<div class="dc-row-3">2623</div>
<div class="dc-row-4">79</div>
<div class="dc-row-5">90008</div>
<div class="dc-row-6">8049</div>
<div class="dc-row-7">251664</div>
</div>
<div class="data-column">
<div class="dc-row-1">900007</div>
<div class="dc-row-1">704044</div>
<div class="dc-row-2">982365</div>
<div class="dc-row-3">258819</div>
<div class="dc-row-3">0000</div>
<div class="dc-row-4">656214</div>
<div class="dc-row-5">409</div>
<div class="dc-row-6">218563</div>
<div class="dc-row-7">527222</div>
</div>
<div class="data-column">
<div class="dc-row-1">80106</div>
<div class="dc-row-1">1314577</div>
<div class="dc-row-2">39001</div>
<div class="dc-row-3">7162893</div>
<div class="dc-row-3">12855</div>
<div class="dc-row-4">57</div>
<div class="dc-row-5">23966</div>
<div class="dc-row-6">4</div>
<div class="dc-row-7">6244009</div>
</div>
<div class="data-column">
<div class="dc-row-1">2352</div>
<div class="dc-row-1">308</div>
<div class="dc-row-2">928</div>
<div class="dc-row-3">2721</div>
<div class="dc-row-3">0000</div>
<div class="dc-row-4">402</div>
<div class="dc-row-5">540</div>
<div class="dc-row-6">795</div>
<div class="dc-row-7">23</div>
</div>
<div class="data-column">
<div class="dc-row-1">66880</div>
<div class="dc-row-1">8675309</div>
<div class="dc-row-2">821533</div>
<div class="dc-row-3">249009</div>
<div class="dc-row-3">51922</div>
<div class="dc-row-4">600454</div>
<div class="dc-row-5">9035768</div>
<div class="dc-row-6">453571</div>
<div class="dc-row-7">825064</div>
</div>
<div class="data-column">
<div class="dc-row-1">131488</div>
<div class="dc-row-1">641212</div>
<div class="dc-row-2">218035</div>
<div class="dc-row-3">37</div>
<div class="dc-row-3">6022</div>
<div class="dc-row-4">82</div>
<div class="dc-row-5">572104</div>
<div class="dc-row-6">799324</div>
<div class="dc-row-7">4404</div>
</div>
<div class="data-column">
<div class="dc-row-1">8807</div>
<div class="dc-row-1">4481</div>
<div class="dc-row-2">8915</div>
<div class="dc-row-3">2104</div>
<div class="dc-row-3">0000</div>
<div class="dc-row-4">326</div>
<div class="dc-row-5">446</div>
<div class="dc-row-6">8337</div>
<div class="dc-row-7">526</div>
</div>
<div class="data-column">
<div class="dc-row-1">593</div>
<div class="dc-row-1">8057</div>
<div class="dc-row-2">22</div>
<div class="dc-row-3">23</div>
<div class="dc-row-3">6722</div>
<div class="dc-row-4">890</div>
<div class="dc-row-5">2608</div>
<div class="dc-row-6">7274</div>
<div class="dc-row-7">2103</div>
</div>
</div>
<nav>
<!--
*** MAIN NAVIGATION BUTTONS ***
Replace the hashtag '#' with a real URL (or not).
If you don't want sound effects, replace the <button> element with a basic <a> tag shown here in this comment:
<a href="#">01</a>
<a href="#">02</a>
<a href="#">03</a>
<a href="#">04</a>
-->
<button onclick="playSoundAndRedirect('audio2', '#')">01</button>
<button onclick="playSoundAndRedirect('audio2', '#')">02</button>
<button onclick="playSoundAndRedirect('audio2', '#')">03</button>
<button onclick="playSoundAndRedirect('audio2', '#')">04</button>
</nav>
</div>
<div class="floor-text">
optical data network available
</div>
<div class="bar-panel first-bar-panel">
<div class="bar-1"></div>
<div class="bar-2"></div>
<div class="bar-3"></div>
<div class="bar-4"></div>
<div class="bar-5"></div>
</div>
</div>
</div>
<div class="wrap" id="gap">
<div class="left-frame">
<!--
** SCROLL TO TOP OF PAGE BUTTON **
This button is styled like a panel in the sidebar and appears at the bottom of the page after scrolling down. If you don't want the sound effect, replace with this:
<button onclick="topFunction()" id="topBtn"><span class="hop">screen</span> top</button>
-->
<button onclick="topFunction(); playSoundAndRedirect('audio4', '#')" id="topBtn"><span class="hop">screen</span> top</button>
<div>
<div class="panel-3">03<span class="hop">-111968</span></div>
<!-- <div class="sidebar-buttons">
<a href="">1-042</a>
<a href="">2-079</a>
<a href="">3-184</a>
<a href="">4-033</a>
<a href="">5-216</a>
<a href="">6-315</a>
</div> -->
<div class="panel-4">04<span class="hop">-041969</span></div>
<div class="panel-5">05<span class="hop">-1701D</span></div>
<div class="panel-6">06<span class="hop">-071984</span></div>
<div class="panel-7">07<span class="hop">-081940</span></div>
<div class="panel-8">08<span class="hop">-47148</span></div>
<div class="panel-9">09<span class="hop">-081966</span></div>
</div>
<div>
<div class="panel-10">10<span class="hop">-31</span></div>
</div>
</div>
<div class="right-frame">
<div class="bar-panel">
<div class="bar-6"></div>
<div class="bar-7"></div>
<div class="bar-8"></div>
<div class="bar-9"></div>
<div class="bar-10"></div>
</div>
<main>
<!-- Start your content here. -->
<h1>Hello</h1>
<h2>Welcome to LCARS &#149; Nemesis Blue Theme &#149; Standard Layout</h2>
<h3 class="font-grape">Version 24.2</h3>
<h4>Replace this content with your own.</h4>
<p>Live long and prosper.</p>
<!-- End content area. -->
</main>
<footer>
<!-- Your copyright information is only a suggestion and you can choose to delete it. -->
Content &copy; 2025 *replace this text with your website's name or URL.* <br>
<!-- The following attribution must not be removed: -->
LCARS Inspired Website Template by <a href="https://www.thelcars.com">www.TheLCARS.com</a>.
</footer>
</div>
</div>
</section>
<script type="text/javascript" src="assets/lcars.js"></script>
<div class="headtrim"> </div>
<div class="baseboard"> </div>
</body>
</html>

479
static/theme/LCARS/nemesis-blue-ultra.html Normal file
View File

@@ -0,0 +1,479 @@
<!DOCTYPE html>
<html>
<head>
<title>Nemesis Blue Ultra</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="date=no">
<link rel="stylesheet" type="text/css" href="assets/nemesis-blue.css">
</head>
<body>
<audio id="audio1" src="assets/beep1.mp3" preload="auto"></audio>
<audio id="audio2" src="assets/beep2.mp3" preload="auto"></audio>
<audio id="audio3" src="assets/beep3.mp3" preload="auto"></audio>
<audio id="audio4" src="assets/beep4.mp3" preload="auto"></audio>
<div class="wrap-everything">
<section id="column-1">
<div class="lcars-frame">
<div class="frame-col-1">
<div class="frame-col-1-cell-a"></div>
<div class="frame-col-1-cell-b"></div>
<div class="frame-col-1-cell-c"></div>
</div>
<div class="frame-col-2"> </div>
<div class="frame-col-3 display-horizontal">
<div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div>
</div>
<div class="frame-col-4"> </div>
<div class="frame-col-5">
<div class="frame-col-5-cell-a"></div>
<div class="frame-col-5-cell-b"></div>
<div class="frame-col-5-cell-c"></div>
</div>
</div>
<div class="pillbox">
<!--
*** ULTRA LAYOUT SECTION 1 PILL BUTTONS ***
Replace the hashtag '#' in each button with a real url (or not). If you don't want sound effects for these links, replace buttons with <a> tags like this:
<a href="#">J-001</a>
<a href="#">R-002</a>
<a href="#">R-003</a>
<a href="#">I-004</a>
<a href="#">C-005</a>
<a href="#">A-006</a>
-->
<button onclick="playSoundAndRedirect('audio1', '#')" class="pill">J-001</button>
<button onclick="playSoundAndRedirect('audio1', '#')" class="pill">R-002</button>
<button onclick="playSoundAndRedirect('audio1', '#')" class="pill">R-003</button>
<button onclick="playSoundAndRedirect('audio1', '#')" class="pill">I-004</button>
<button onclick="playSoundAndRedirect('audio1', '#')" class="pill">C-005</button>
<button onclick="playSoundAndRedirect('audio1', '#')" class="pill">A-006</button>
</div>
<div class="lcars-list-2 uppercase">
<ul>
<li>Subspace Link: Established</li>
<li>Starfleet Database: Connected</li>
<li>Quantum Memory Field: stable</li>
<li class="bullet-moonbeam font-moonbeam">Optical Data Network: <span class="blink">rerouting</span></li>
</ul>
</div>
<div class="pillbox-2">
<!--
*** ULTRA LAYOUT SECTION 1 PILL BUTTONS SET 2 ***
Replace the hashtag '#' in each button with a real url (or not). If you don't want sound effects for these links, replace buttons with <a> tags like this:
<a href="#">F12-22</a>
<a href="#">G24-22</a>
<div class="pill-2"></div>
<a href="#">H-07AM</a>
<a href="#">I50-72</a>
<a href="#">J5369</a>
-->
<button onclick="playSoundAndRedirect('audio1', '#')" class="pill-2">F12-22</button>
<button onclick="playSoundAndRedirect('audio1', '#')" class="pill-2">G24-22</button>
<div class="pill-2"> </div>
<button onclick="playSoundAndRedirect('audio1', '#')" class="pill-2">H-07AM</button>
<button onclick="playSoundAndRedirect('audio1', '#')" class="pill-2">I50-72</button>
<button onclick="playSoundAndRedirect('audio1', '#')" class="pill-2">J5369</button>
</div>
</section>
<section id="column-2">
<div class="panel-11"> 11-1524 </div>
<!--
*** ULTRA LAYOUT SECTION 2 SIDEBAR BUTTONS ***
Replace the hashtag '#' with a real URL (or not) in the following <button> tags. If you don't want sound effects for these links, replace the <button> elements with the following <div> + <a> elements:
<div class="section-2-buttons">
<a href="#">JS2B-01</a>
<a href="#">IS2B-02</a>
<a href="#">MS2B-03</a>
</div>
-->
<button onclick="playSoundAndRedirect('audio2', '#')" class="sidebar-button button-evening">JS2B-01</button>
<button onclick="playSoundAndRedirect('audio2', '#')" class="sidebar-button button-moonbeam">JS2B-02</button>
<button onclick="playSoundAndRedirect('audio2', '#')" class="sidebar-button button-evening">MS2B-03</button>
<div class="panel-12"> 12-0730</div>
<!-- The next button is a standalone <button> and is not contained in the parent "section-2-buttons" div. If you don't want a sound effect, replace the <button> element with this div + <a> tag:
<div class="panel-13"><a href="#">13-318</a></div>
-->
<button onclick="playSoundAndRedirect('audio2', '#')" class="sidebar-button button-honey">13-318</button>
<div class="panel-14">14-DL44</div>
<div class="panel-15">15-3504</div>
</section>
<section id="column-3">
<div class="wrap">
<div class="left-frame-top">
<!--
*** TOP PANEL BUTTONS ***
Replace the hashtag '#' with a real URL (or not) in the <button> tags following this comment. If you do not want a sound effect for this link, replace the <button> elements with the following <div> + <a> elements:
<div class="panel-1">
<a href="#">LCARS</a>
</div>
<div class="panel-2">
<a href="#">02<span class="hop">-262000</span></a>
</div>
-->
<button onclick="playSoundAndRedirect('audio2', '#')" class="panel-1-button">LCARS</button>
<button onclick="playSoundAndRedirect('audio2', '#')" class="sidebar-button button-moonbeam">02<span class="hop">-262000</span></button>
</div>
<div class="right-frame-top">
<div class="banner"> LCARS &#149; 56844 </div>
<div class="data-cascade-button-group">
<div class="data-cascade-wrapper" id="default">
<div class="data-column">
<div class="dc-row-1">93</div>
<div class="dc-row-1">1853</div>
<div class="dc-row-2">24109</div>
<div class="dc-row-3">7</div>
<div class="dc-row-3">7024</div>
<div class="dc-row-4">322</div>
<div class="dc-row-5">4149</div>
<div class="dc-row-6">86</div>
<div class="dc-row-7">05</div>
</div>
<div class="data-column">
<div class="dc-row-1">21509</div>
<div class="dc-row-1">68417</div>
<div class="dc-row-2">80</div>
<div class="dc-row-3">2048</div>
<div class="dc-row-3">319825</div>
<div class="dc-row-4">46233</div>
<div class="dc-row-5">05</div>
<div class="dc-row-6">2014</div>
<div class="dc-row-7">30986</div>
</div>
<div class="data-column">
<div class="dc-row-1">585101</div>
<div class="dc-row-1">25403</div>
<div class="dc-row-2">31219</div>
<div class="dc-row-3">752</div>
<div class="dc-row-3">0000</div>
<div class="dc-row-4">21048</div>
<div class="dc-row-5">293612</div>
<div class="dc-row-6">534082</div>
<div class="dc-row-7">206</div>
</div>
<div class="data-column">
<div class="dc-row-1">2107853</div>
<div class="dc-row-1">12201972</div>
<div class="dc-row-2">24487255</div>
<div class="dc-row-3">30412</div>
<div class="dc-row-3">98</div>
<div class="dc-row-4">4024161</div>
<div class="dc-row-5">888</div>
<div class="dc-row-6">35045462</div>
<div class="dc-row-7">41520257</div>
</div>
<div class="data-column">
<div class="dc-row-1">33</div>
<div class="dc-row-1">56</div>
<div class="dc-row-2">04</div>
<div class="dc-row-3">69</div>
<div class="dc-row-3">41</div>
<div class="dc-row-4">15</div>
<div class="dc-row-5">25</div>
<div class="dc-row-6">65</div>
<div class="dc-row-7">21</div>
</div>
<div class="data-column">
<div class="dc-row-1">0223</div>
<div class="dc-row-1">688</div>
<div class="dc-row-2">28471</div>
<div class="dc-row-3">21366</div>
<div class="dc-row-3">8654</div>
<div class="dc-row-4">31</div>
<div class="dc-row-5">1984</div>
<div class="dc-row-6">272</div>
<div class="dc-row-7">21854</div>
</div>
<div class="data-column">
<div class="dc-row-1">633</div>
<div class="dc-row-1">51166</div>
<div class="dc-row-2">41699</div>
<div class="dc-row-3">6188</div>
<div class="dc-row-3">15033</div>
<div class="dc-row-4">21094</div>
<div class="dc-row-5">32881</div>
<div class="dc-row-6">26083</div>
<div class="dc-row-7">2143</div>
</div>
<div class="data-column">
<div class="dc-row-1">406822</div>
<div class="dc-row-1">81205</div>
<div class="dc-row-2">91007</div>
<div class="dc-row-3">38357</div>
<div class="dc-row-3">0000</div>
<div class="dc-row-4">2041</div>
<div class="dc-row-5">312</div>
<div class="dc-row-6">57104</div>
<div class="dc-row-7">00708</div>
</div>
<div class="data-column">
<div class="dc-row-1">12073</div>
<div class="dc-row-1">688</div>
<div class="dc-row-2">21982</div>
<div class="dc-row-3">20254</div>
<div class="dc-row-3">55</div>
<div class="dc-row-4">38447</div>
<div class="dc-row-5">26921</div>
<div class="dc-row-6">285</div>
<div class="dc-row-7">30102</div>
</div>
<div class="data-column">
<div class="dc-row-1">21604</div>
<div class="dc-row-1">15421</div>
<div class="dc-row-2">25</div>
<div class="dc-row-3">3808</div>
<div class="dc-row-3">582031</div>
<div class="dc-row-4">62311</div>
<div class="dc-row-5">85799</div>
<div class="dc-row-6">87</div>
<div class="dc-row-7">6895</div>
</div>
<div class="data-column">
<div class="dc-row-1">72112</div>
<div class="dc-row-1">101088</div>
<div class="dc-row-2">604122</div>
<div class="dc-row-3">126523</div>
<div class="dc-row-3">86801</div>
<div class="dc-row-4">8447</div>
<div class="dc-row-5">210486</div>
<div class="dc-row-6">LV426</div>
<div class="dc-row-7">220655</div>
</div>
<div class="data-column">
<div class="dc-row-1">272448</div>
<div class="dc-row-1">296520</div>
<div class="dc-row-2">339048</div>
<div class="dc-row-3">31802</div>
<div class="dc-row-3">0000</div>
<div class="dc-row-4">672304</div>
<div class="dc-row-5">581131</div>
<div class="dc-row-6">338</div>
<div class="dc-row-7">70104</div>
</div>
<div class="data-column">
<div class="dc-row-1">16182</div>
<div class="dc-row-1">711632</div>
<div class="dc-row-2">102955</div>
<div class="dc-row-3">2061</div>
<div class="dc-row-3">5804</div>
<div class="dc-row-4">850233</div>
<div class="dc-row-5">833441</div>
<div class="dc-row-6">465</div>
<div class="dc-row-7">210047</div>
</div>
<div class="data-column">
<div class="dc-row-1">75222</div>
<div class="dc-row-1">98824</div>
<div class="dc-row-2">63</div>
<div class="dc-row-3">858552</div>
<div class="dc-row-3">696730</div>
<div class="dc-row-4">307124</div>
<div class="dc-row-5">58414</div>
<div class="dc-row-6">209</div>
<div class="dc-row-7">808044</div>
</div>
<div class="data-column">
<div class="dc-row-1">331025</div>
<div class="dc-row-1">62118</div>
<div class="dc-row-2">2700</div>
<div class="dc-row-3">395852</div>
<div class="dc-row-3">604206</div>
<div class="dc-row-4">26</div>
<div class="dc-row-5">309150</div>
<div class="dc-row-6">885</div>
<div class="dc-row-7">210411</div>
</div>
<div class="data-column">
<div class="dc-row-1">817660</div>
<div class="dc-row-1">121979</div>
<div class="dc-row-2">20019</div>
<div class="dc-row-3">462869</div>
<div class="dc-row-3">25002</div>
<div class="dc-row-4">308</div>
<div class="dc-row-5">52074</div>
<div class="dc-row-6">33</div>
<div class="dc-row-7">80544</div>
</div>
<div class="data-column">
<div class="dc-row-1">1070</div>
<div class="dc-row-1">020478</div>
<div class="dc-row-2">26419</div>
<div class="dc-row-3">372122</div>
<div class="dc-row-3">2623</div>
<div class="dc-row-4">79</div>
<div class="dc-row-5">90008</div>
<div class="dc-row-6">8049</div>
<div class="dc-row-7">251664</div>
</div>
<div class="data-column">
<div class="dc-row-1">900007</div>
<div class="dc-row-1">704044</div>
<div class="dc-row-2">982365</div>
<div class="dc-row-3">258819</div>
<div class="dc-row-3">0000</div>
<div class="dc-row-4">656214</div>
<div class="dc-row-5">409</div>
<div class="dc-row-6">218563</div>
<div class="dc-row-7">527222</div>
</div>
<div class="data-column">
<div class="dc-row-1">80106</div>
<div class="dc-row-1">1314577</div>
<div class="dc-row-2">39001</div>
<div class="dc-row-3">7162893</div>
<div class="dc-row-3">12855</div>
<div class="dc-row-4">57</div>
<div class="dc-row-5">23966</div>
<div class="dc-row-6">4</div>
<div class="dc-row-7">6244009</div>
</div>
<div class="data-column">
<div class="dc-row-1">2352</div>
<div class="dc-row-1">308</div>
<div class="dc-row-2">928</div>
<div class="dc-row-3">2721</div>
<div class="dc-row-3">0000</div>
<div class="dc-row-4">402</div>
<div class="dc-row-5">540</div>
<div class="dc-row-6">795</div>
<div class="dc-row-7">23</div>
</div>
<div class="data-column">
<div class="dc-row-1">66880</div>
<div class="dc-row-1">8675309</div>
<div class="dc-row-2">821533</div>
<div class="dc-row-3">249009</div>
<div class="dc-row-3">51922</div>
<div class="dc-row-4">600454</div>
<div class="dc-row-5">9035768</div>
<div class="dc-row-6">453571</div>
<div class="dc-row-7">825064</div>
</div>
<div class="data-column">
<div class="dc-row-1">131488</div>
<div class="dc-row-1">641212</div>
<div class="dc-row-2">218035</div>
<div class="dc-row-3">37</div>
<div class="dc-row-3">6022</div>
<div class="dc-row-4">82</div>
<div class="dc-row-5">572104</div>
<div class="dc-row-6">799324</div>
<div class="dc-row-7">4404</div>
</div>
<div class="data-column">
<div class="dc-row-1">8807</div>
<div class="dc-row-1">4481</div>
<div class="dc-row-2">8915</div>
<div class="dc-row-3">2104</div>
<div class="dc-row-3">0000</div>
<div class="dc-row-4">326</div>
<div class="dc-row-5">446</div>
<div class="dc-row-6">8337</div>
<div class="dc-row-7">526</div>
</div>
<div class="data-column">
<div class="dc-row-1">593</div>
<div class="dc-row-1">8057</div>
<div class="dc-row-2">22</div>
<div class="dc-row-3">23</div>
<div class="dc-row-3">6722</div>
<div class="dc-row-4">890</div>
<div class="dc-row-5">2608</div>
<div class="dc-row-6">7274</div>
<div class="dc-row-7">2103</div>
</div>
</div>
<nav>
<!--
*** MAIN NAVIGATION BUTTONS ***
Replace the hashtag '#' with a real URL (or not).
If you don't want sound effects, replace the <button> element with a basic <a> tag shown here in this comment:
<a href="#">01</a>
<a href="#">02</a>
<a href="#">03</a>
<a href="#">04</a>
-->
<button onclick="playSoundAndRedirect('audio2', '#')">01</button>
<button onclick="playSoundAndRedirect('audio2', '#')">02</button>
<button onclick="playSoundAndRedirect('audio2', '#')">03</button>
<button onclick="playSoundAndRedirect('audio2', '#')">04</button>
</nav>
</div>
<div class="floor-text">
optical data network available
</div>
<div class="bar-panel first-bar-panel">
<div class="bar-1"></div>
<div class="bar-2"></div>
<div class="bar-3"></div>
<div class="bar-4"></div>
<div class="bar-5"></div>
</div>
</div>
</div>
<div class="wrap" id="gap">
<div class="left-frame">
<!--
** SCROLL TO TOP OF PAGE BUTTON **
This button is styled like a panel in the sidebar and appears at the bottom of the page after scrolling down. If you don't want the sound effect, replace with this:
<button onclick="topFunction()" id="topBtn"><span class="hop">screen</span> top</button>
-->
<button onclick="topFunction(); playSoundAndRedirect('audio4', '#')" id="topBtn"><span class="hop">screen</span> top</button>
<div>
<div class="panel-3">03<span class="hop">-111968</span></div>
<!-- <button onclick="playSoundAndRedirect('audio1', '#')" class="sidebar-button">1-042</button>
<div class="sidebar-nav">
<a href="">1-042</a>
<a href="">2-079</a>
</div> -->
<div class="panel-4">04<span class="hop">-041969</span></div>
<div class="panel-5">05<span class="hop">-1701D</span></div>
<div class="panel-6">06<span class="hop">-071984</span></div>
<div class="panel-7">07<span class="hop">-081940</span></div>
<div class="panel-8">08<span class="hop">-47148</span></div>
<div class="panel-9">09<span class="hop">-081966</span></div>
</div>
<div>
<div class="panel-10">10<span class="hop">-31</span></div>
</div>
</div>
<div class="right-frame">
<div class="bar-panel">
<div class="bar-6"></div>
<div class="bar-7"></div>
<div class="bar-8"></div>
<div class="bar-9"></div>
<div class="bar-10"></div>
</div>
<main>
<!-- Start your content here. -->
<h1>Hello</h1>
<h2>Welcome to LCARS &#149; Nemesis Blue Theme &#149; Ultra Layout</h2>
<h3 class="font-lawn">Version 24.2</h3>
<h4>Replace This Content With Your Own</h4>
<p class="go-big">Live long and prosper.</p>
<!-- End content area. -->
</main>
<footer>
<!-- Your copyright information is only a suggestion and you can choose to delete it. -->
Content &copy; 2025 *replace this text with your website's name or URL.* <br>
<!-- The following attribution must not be removed: -->
LCARS Inspired Website Template by <a href="https://www.thelcars.com">www.TheLCARS.com</a>.
</footer>
</div>
</div>
</section>
</div>
<script type="text/javascript" src="assets/lcars.js"></script>
<div class="headtrim"> </div>
<div class="baseboard"> </div>
</body>
</html>