carbon/build/index.html

78 lines
No EOL
3.7 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="static/main.css?static=b0aba41b0b">
<script type="module" src="static/groups.js?static=2cc7f0daf8"></script>
<script type="module" src="static/chat-input.js?static=a90499fdac"></script>
<script type="module" src="static/room-picker.js?static=d92adfaaca"></script>
<script type="module" src="static/sync/sync.js?static=232a64285c"></script>
<title>Carbon</title>
</head>
<body>
<main class="main">
<div class="c-groups">
<div class="c-groups__display" id="c-groups-display">
<div class="c-group-marker" id="c-group-marker"></div>
<div class="c-groups__container" id="c-groups-list"></div>
</div>
</div>
<div class="c-rooms" id="c-rooms"></div>
<div class="c-chat">
<div class="c-chat__messages">
<div class="c-chat__inner">
<div class="c-message-notice">
<div class="c-message-notice__inner">You've reached the start of the conversation.</div>
</div>
<div class="c-message-group">
<div class="c-message-group__avatar">
<div class="c-message-group__icon"></div>
</div>
<div class="c-message-group__messages">
<div class="c-message-group__intro">
<div class="c-message-group__name">Cadence</div>
<div class="c-message-group__date">at 4:20 pm</div>
</div>
<div class="c-message">the second button is for rooms (gonna call them &quot;channels&quot; to make discord users happy) that are not in a group (which will be most rooms - few people set up groups because they're so annoying, and many communities of people only need a single chatroom)</div>
<div class="c-message">for now, please assume that current groups (&quot;groups v1&quot;) will not be recognised by this client at all</div>
<div class="c-message">so yeah, press the second button, you see all the ungrouped channels</div>
</div>
</div>
<div class="c-message-event">
<div class="c-message-event__inner"><img class="c-message-event__icon" src="/static/join-event.svg" alt=""/>riley joined the channel.
</div>
</div>
<div class="c-message-group">
<div class="c-message-group__avatar">
<div class="c-message-group__icon"></div>
</div>
<div class="c-message-group__messages">
<div class="c-message-group__intro">
<div class="c-message-group__name">Cadence</div>
<div class="c-message-group__date">at 4:20 pm</div>
</div>
<div class="c-message">hi riley feel free to catch up in your own time</div>
</div>
</div>
<div class="c-message-group">
<div class="c-message-group__avatar">
<div class="c-message-group__icon"></div>
</div>
<div class="c-message-group__messages">
<div class="c-message-group__intro">
<div class="c-message-group__name">riley</div>
<div class="c-message-group__date">at 4:20 pm</div>
</div>
<div class="c-message">henlo</div>
<div class="c-message">wasuwasuwasuwasuuuuuup</div>
</div>
</div>
</div>
</div>
<div class="c-chat-input">
<textarea class="c-chat-input__textarea" placeholder="Send a message..." autocomplete="off" id="c-chat-textarea"></textarea>
</div>
</div>
</main>
</body>
</html>