97 lines
7.9 KiB
HTML
97 lines
7.9 KiB
HTML
<!DOCTYPE html>
|
|
<html class="theme-dark">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="Content-Security-Policy" content="script-src 'self';">
|
|
<link rel="stylesheet" type="text/css" href="./styles/styles.css">
|
|
</head>
|
|
<body class="preload">
|
|
<div id="title-bar">
|
|
<div id="title">
|
|
<svg aria-hidden="false" width="55" height="16" viewBox="0 0 55 16">
|
|
<!-- corDis Scraped From Discord Logo-->
|
|
<path fill="currentColor" d="M2.4237804999999994 6.67391304 L2.4237804999999994 3.32608696 C2.4237804999999994 2.11956522,4.556707299999999 1.83695652,5.203048800000001 3.05434783 L7.174390200000001 2.23913043 C6.4095528 0.510869565,4.987601600000001 0,3.8134146000000015 0 C1.8959349000000003 0,0 1.13043478,0 3.32608696 L0 6.67391304 C0 8.88043478,1.8959349000000003 10,3.7703251999999985 10 C4.976829200000001 10,6.420325200000001 9.39130435,7.217479600000001 7.81521739 L5.106097500000001 6.82608696 C4.5890244 8.17391304,2.4237804999999994 7.84782609,2.4237804999999994 6.67391304 Z M29.376219499999998 0.141304348 L25.7997967 0.141304348 L25.7997967 4.22826087 L28.1804878 6.40217391 L28.1804878 2.43478261 L29.451625999999997 2.43478261 C30.2595528 2.43478261,30.6581301 2.83695652,30.6581301 3.4673913 L30.6581301 6.5 C30.6581301 7.13043478,30.2810975 7.55434783,29.451625999999997 7.55434783 L25.789024400000002 7.55434783 L25.789024400000002 9.85869565 L29.365447099999997 9.85869565 C31.2829268 9.86956522,33.0819105 8.90217391,33.0819105 6.66304348 L33.0819105 3.39130435 C33.0926829 1.13043478,31.2936992 0.141304348,29.376219499999998 0.141304348 Z M11.828048800000001 0 C9.8459349 0,7.8745935 1.09782609,7.8745935 3.33695652 L7.8745935 6.66304348 C7.8745935 8.89130435,9.8567073 10,11.849593500000001 10 C13.831707299999998 10,15.8030488 8.89130435,15.8030488 6.66304348 L15.8030488 3.33695652 C15.8030488 1.10869565,13.810162599999998 0,11.828048800000001 0 Z M13.3792683 6.66304348 C13.3792683 7.35869565,12.603658500000002 7.7173913,11.8388211 7.7173913 C11.0632114 7.7173913,10.287601599999999 7.36956522,10.287601599999999 6.66304348 L10.287601599999999 3.33695652 C10.287601599999999 2.61956522,11.0416666 2.23913043,11.795731700000001 2.23913043 C12.582113800000002 2.23913043,13.3792683 2.58695652,13.3792683 3.33695652 L13.3792683 6.66304348 Z M24.453252 3.33695652 C24.3993902 1.05434783,22.869715399999997 0.141304348,20.898373999999997 0.141304348 L17.074187000000002 0.141304348 L17.074187000000002 9.86956522 L19.5195122 9.86956522 L19.5195122 6.77173913 L19.9504065 6.77173913 L22.1695122 9.85869565 L25.185772299999996 9.85869565 L22.5788618 6.52173913 C23.7422764 6.15217391,24.453252 5.14130435,24.453252 3.33695652 Z M20.941463399999996 4.65217391 L19.5195122 4.65217391 L19.5195122 2.43478261 L20.941463399999996 2.43478261 C22.4711382 2.43478261,22.4711382 4.65217391,20.941463399999996 4.65217391 Z M34.38536586 9.85869565 L36.798373999999995 9.85869565 L36.798373999999995 0.141304348 L34.38536586 0.141304348 L34.38536586 9.85869565 Z M41.5920732 3.7826087 C40.8487805 3.61956522,40.353252 3.34782609,40.320935 2.88043478 C40.3640244 1.75,42.0768293 1.7173913,43.0786585 2.79347826 L44.6621951 1.55434783 C43.6711382 0.326086957,42.550813 0,41.387398399999995 0 C39.6315041 0,37.9294716 1,37.9294716 2.91304348 C37.9294716 4.77173913,39.3298781 5.76086957,40.870325199999996 6 C41.6567073 6.10869565,42.5292683 6.42391304,42.5077236 6.97826087 C42.4430894 8.02173913,40.3317073 7.9673913,39.3729675 6.7826087 L37.8540651 8.23913043 C38.7481707 9.40217391,39.9654472 10,41.1073171 10 C42.8632114 10,44.8130081 8.9673913,44.8884146 7.08695652 C44.9961382 4.69565217,43.2941057 4.09782609,41.5920732 3.7826087 Z"></path>
|
|
</svg>
|
|
</div>
|
|
<div id="window-actions">
|
|
<div id="minimize">
|
|
<svg width="12" height="12" viewBox="0 0 12 12">
|
|
<!-- Yoinked Directly from Discord -->
|
|
<rect fill="currentColor" width="10" height="1" x="1" y="6" />
|
|
</svg>
|
|
</div>
|
|
<div id="maximize">
|
|
<svg width="12" height="12" viewBox="0 0 12 12">
|
|
<!-- Yoinked Directly from Discord -->
|
|
<rect fill="none" stroke="currentColor" width="9" height="9" x="1.5" y="1.5" />
|
|
</svg>
|
|
</div>
|
|
<div id="close">
|
|
<svg width="12" height="12" viewBox="0 0 12 12">
|
|
<!-- Yoinked Directly from Discord -->
|
|
<polygon fill="currentColor" fill-rule="evenodd" points="11 1.576 6.583 6 11 10.424 10.424 11 6 6.583 1.576 11 1 10.424 5.417 6 1 1.576 1.576 1 6 5.417 10.424 1" />
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="content">
|
|
<div id="guild-list-container">
|
|
<div id="guild-list"></div>
|
|
<div id="add-guild">
|
|
<div class="pill"></div>
|
|
<img src="./img/add-guild-icon.png">
|
|
</div>
|
|
</div>
|
|
<div id="guild">
|
|
<div id="guild-sidebar">
|
|
<div id="guild-name-container"><span id="guild-name"></span></div>
|
|
<div id="channel-list"></div>
|
|
<div id="connection" class="hidden member">
|
|
<div class="icon">
|
|
<img id="member-avatar" class="avatar" src="./img/loading.svg" alt="Loading...">
|
|
<div id="member-status-circle" class="status-circle offline"></div>
|
|
</div>
|
|
<div class="text">
|
|
<div id="member-name" class="name">Connecting...</div>
|
|
<div id="member-status-text" class="status-text">Connecting...</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="channel">
|
|
<div id="channel-title" class="channel-title">
|
|
<!-- Yoinked Directly from Discord -->
|
|
<div id="channel-icon" class="channel-icon">
|
|
<svg width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M5.88657 21C5.57547 21 5.3399 20.7189 5.39427 20.4126L6.00001 17H2.59511C2.28449 17 2.04905 16.7198 2.10259 16.4138L2.27759 15.4138C2.31946 15.1746 2.52722 15 2.77011 15H6.35001L7.41001 9H4.00511C3.69449 9 3.45905 8.71977 3.51259 8.41381L3.68759 7.41381C3.72946 7.17456 3.93722 7 4.18011 7H7.76001L8.39677 3.41262C8.43914 3.17391 8.64664 3 8.88907 3H9.87344C10.1845 3 10.4201 3.28107 10.3657 3.58738L9.76001 7H15.76L16.3968 3.41262C16.4391 3.17391 16.6466 3 16.8891 3H17.8734C18.1845 3 18.4201 3.28107 18.3657 3.58738L17.76 7H21.1649C21.4755 7 21.711 7.28023 21.6574 7.58619L21.4824 8.58619C21.4406 8.82544 21.2328 9 20.9899 9H17.41L16.35 15H19.7549C20.0655 15 20.301 15.2802 20.2474 15.5862L20.0724 16.5862C20.0306 16.8254 19.8228 17 19.5799 17H16L15.3632 20.5874C15.3209 20.8261 15.1134 21 14.8709 21H13.8866C13.5755 21 13.3399 20.7189 13.3943 20.4126L14 17H8.00001L7.36325 20.5874C7.32088 20.8261 7.11337 21 6.87094 21H5.88657ZM9.41045 9L8.35045 15H14.3504L15.4104 9H9.41045Z"></path></svg>
|
|
</div>
|
|
<div id="channel-name" class="channel-name"></div>
|
|
<div id="channel-flavor-divider" class="channel-flavor-divider"></div>
|
|
<div id="channel-flavor-text" class="channel-flavor-text"></div>
|
|
</div>
|
|
<div id="channel-content">
|
|
<div id="channel-feed-wrapper">
|
|
<div id="channel-feed-content-wrapper">
|
|
<div id="channel-feed"></div>
|
|
</div>
|
|
<div id="channel-feed-input-wrapper">
|
|
<div id="channel-feed-input">
|
|
<div id="input-bar">
|
|
<div id="resource-input-button">
|
|
<!-- Yoinked Directly from Discord -->
|
|
<svg viewBox="0 0 24 24"><path class="attachButtonPlus-jWVFah" fill="currentColor" d="M12 2.00098C6.486 2.00098 2 6.48698 2 12.001C2 17.515 6.486 22.001 12 22.001C17.514 22.001 22 17.515 22 12.001C22 6.48698 17.514 2.00098 12 2.00098ZM17 13.001H13V17.001H11V13.001H7V11.001H11V7.00098H13V11.001H17V13.001Z"></path></svg>
|
|
</div>
|
|
<div id="text-input" contenteditable="plaintext-only"></div>
|
|
</div>
|
|
<div id="error-bar">
|
|
<div id="send-error"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="guild-members"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|