mirror of
https://github.com/MathMan05/Fermi.git
synced 2026-05-25 20:44:19 +00:00
MathMan05
147 lines
4.9 KiB
HTML
147 lines
4.9 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
|
|
/>
|
|
<title>Fermi</title>
|
|
<meta content="Fermi" property="og:title" />
|
|
<meta content="Join a community of people and start chatting!" property="og:description" />
|
|
<meta content="/logo.webp" property="og:image" />
|
|
<meta content="#4b458c" name="theme-color" />
|
|
<link href="/style.css" rel="stylesheet" />
|
|
<link href="/themes.css" rel="stylesheet" id="lightcss" />
|
|
<link rel="icon" type="image/x-icon" href="/favicon.ico" id="favicon" />
|
|
<style>
|
|
body.no-theme,
|
|
#loading {
|
|
background: #16191b;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
@media (prefers-color-scheme: light) {
|
|
body.no-theme,
|
|
#loading {
|
|
background: #9397bd;
|
|
}
|
|
}
|
|
</style>
|
|
<link rel="manifest" href="/manifest.json" />
|
|
</head>
|
|
|
|
<body class="no-theme">
|
|
<div id="loading" class="loading">
|
|
<div class="centeritem">
|
|
<img src="/logo.svg" style="width: 3in; height: 3in" />
|
|
<h1 id="loadingText" i18n="htmlPages.loadingText">Fermi is loading</h1>
|
|
<h2 id="load-desc" i18n="htmlPages.loaddesc">This shouldn't take long</h2>
|
|
<h1 id="switchaccounts" i18n="htmlPages.switchaccounts">Switch Accounts</h1>
|
|
</div>
|
|
</div>
|
|
<div class="flexltr" id="page">
|
|
<div id="servers"></div>
|
|
<div class="flexttb channelflex">
|
|
<div class="flexltr header" id="servertd">
|
|
<h2 id="serverName" class="ellipsis">Server Name</h2>
|
|
</div>
|
|
<div id="channels"></div>
|
|
<div class="flexttb">
|
|
<div class="flexltr" id="VoiceBox">
|
|
<div class="flexttb">
|
|
<span id="VoiceStatus"></span>
|
|
<span id="VoiceGuild"></span>
|
|
<div id="VoiceButtons" class="flexltr"></div>
|
|
</div>
|
|
</div>
|
|
<div class="flexltr" id="userdock">
|
|
<div class="flexltr" id="userinfo">
|
|
<img id="userpfp" class="pfp" />
|
|
|
|
<div class="flexttb userflex">
|
|
<p id="username">USERNAME</p>
|
|
<p id="status">STATUS</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="user-actions" class="flexltr">
|
|
<div><span id="mic" class="svgicon svg-mic"></span></div>
|
|
<div><span id="settings" class="svgicon svg-settings"></span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flexttb flexgrow" id="mainarea">
|
|
<div class="flexltr header channelnamediv">
|
|
<label for="maintoggle" id="maintoggleicon">
|
|
<span class="svgicon svg-category"></span>
|
|
</label>
|
|
<input type="checkbox" id="maintoggle" />
|
|
<span class="flexltr" style="align-items: center">
|
|
<span id="channelname">Channel name</span>
|
|
<span id="channelTopic" class="ellipsis" hidden>Channel topic</span>
|
|
</span>
|
|
<div class="spaceElm"></div>
|
|
<div id="pinnedMDiv">
|
|
<span class="svgicon svg-pin" id="pinnedM"></span>
|
|
</div>
|
|
<div class="searchMeta">
|
|
<div contenteditable="true" class="searchBox" id="searchBox"></div>
|
|
<span id="searchX" class="svgicon svg-search" contenteditable="false"></span>
|
|
</div>
|
|
<label for="memberlisttoggle" id="memberlisttoggleicon">
|
|
<span class="svgicon svg-friends"></span>
|
|
</label>
|
|
<input type="checkbox" id="memberlisttoggle" checked />
|
|
</div>
|
|
<div class="flexltr flexgrow">
|
|
<div class="flexttb flexgrow" id="voiceArea"></div>
|
|
<div class="flexttb flexgrow" id="chatArea">
|
|
<div id="channelw" class="flexltr">
|
|
<div id="scrollWrap"></div>
|
|
<div id="loadingdiv"></div>
|
|
</div>
|
|
<div style="position: relative">
|
|
<div id="searchOptions" class="flexttb searchOptions"></div>
|
|
</div>
|
|
<div id="pasteimage" class="flexltr"></div>
|
|
<div id="replybox" class="hideReplyBox"></div>
|
|
<div id="typediv">
|
|
<div id="realbox">
|
|
<div class="outerTypeBox">
|
|
<span class="svg-upload svgicon" id="upload"></span>
|
|
<div id="typebox" contenteditable="true"></div>
|
|
<span class="svgicon svg-gif" id="gifTB"></span>
|
|
<span class="svgicon svg-sticker" id="stickerTB"></span>
|
|
<span class="svgicon svg-emoji" id="emojiTB"></span>
|
|
</div>
|
|
</div>
|
|
<div id="typing" class="hidden flexltr">
|
|
<p id="typingtext">typing</p>
|
|
<div class="flexltr loading-indicator">
|
|
<div class="dot"></div>
|
|
<div class="dot"></div>
|
|
<div class="dot"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flexttb" id="sideContainDiv">
|
|
<div class="flexttb" id="sideDiv"></div>
|
|
<div id="player" class="flexttb"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div hidden id="gimmefile">
|
|
<div id="filedroptext" class="centeritem nonimagecenter" i18n="uploadFilesText">
|
|
Upload your files here!
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script src="/index.js" type="module"></script>
|
|
<!-- <script src="/service.js" --->
|
|
</html>
|