Add Extra Features to Chat Interface

[kmui2]

Right now, we only have a simple text input and submit button. We'd like to add extra buttons/lists that make it more cooler and unique like the following.

Most of this should mostly be writing HTML and JavaScript. This task isn't tied to anything specific like buttons only.

Example used:

...
    <div>
        <input id="happy" type="button" value=":-)" />
        <input id="sad" type="button" value=":-(" />
    </div>
...
    <script>
    // ...
        document.querySelector("#happy").onclick = function() {
            document.querySelector("#chat-message-input").value += ":-)";
        };
    / ...
    </script>

[EdwardZhou538]

Stuff we should probably add:

• sidebar displaying users currently in the chat
• settings button to adjust user and interface settings
• button to switch chatrooms
• emojis(??????????? did emojis even exist in the 1990's wtf)
• idk what else 1990's chatrooms are really basic from what I've seen

[kmui2]

Stuff we should probably add:

• sidebar displaying users currently in the chat
• settings button to adjust user and interface settings
• button to switch chatrooms
• emojis(??????????? did emojis even exist in the 1990's wtf)
• idk what else 1990's chatrooms are really basic from what I've seen

Sure, a good redesign is a good start. I'm creating new Django Models that'll help retrive chat room information so it can look like

Try experimenting with adding cards and different layouts for the chat page. The lists can be empty for now, and buttons don't need to work yet.

Docs: https://demo.themesberg.com/windows-95-ui-kit/docs/introduction.html