You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
122 lines
2.9 KiB
HTML
122 lines
2.9 KiB
HTML
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>Chat</title>
|
|
<link rel="stylesheet" href="/css/style.css">
|
|
</head>
|
|
<body>
|
|
<div class="appContainer">
|
|
<!-- <div class="app">
|
|
<div class="sidebar">
|
|
<div class="profileCard frame">
|
|
<div class="frameShadow"></div>
|
|
<div class="profileInformation">
|
|
<div class="displayName">
|
|
Sven Slootweg
|
|
</div>
|
|
<div class="username">
|
|
joepie91@example.com
|
|
</div>
|
|
</div>
|
|
<div class="statusPicker picker">
|
|
<div class="selectedOption">
|
|
<div class="statusBall online"></div>Online
|
|
</div>
|
|
<div class="pickerArrow">▼</div>
|
|
</div>
|
|
<div class="statusMessage">
|
|
<input type="text" placeholder="Enter a status message here...">
|
|
</div>
|
|
</div>
|
|
<div class="friendList frame">
|
|
<div class="frameShadow"></div>
|
|
<div class="friend selected">
|
|
<div class="statusBall away"></div>John Doe
|
|
</div>
|
|
<div class="friend">
|
|
<div class="statusBall offline"></div>Jane Doe
|
|
</div>
|
|
<div class="friend meta">
|
|
Add or invite a friend...
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mainView frame">
|
|
<div class="frameShadow"></div>
|
|
<div class="header">
|
|
<div class="friendInformation">
|
|
<div class="name">
|
|
<div class="displayName">
|
|
John Doe
|
|
</div>
|
|
<div class="username">
|
|
johndoe@example.com
|
|
</div>
|
|
</div>
|
|
<div class="statusDisplay">
|
|
<div class="status">
|
|
<div class="statusBall away"></div>
|
|
Busy
|
|
</div>
|
|
<div class="statusMessage">
|
|
Status message goes here...
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="friendActions">
|
|
<div class="action sendPicture">Send picture</div>
|
|
<div class="action sendFile">Send file</div>
|
|
<div class="action remove">Remove friend</div>
|
|
</div>
|
|
</div>
|
|
<div class="contents conversation">
|
|
<div class="message sent">
|
|
<div class="metadata">
|
|
<div class="timestamp">
|
|
22:01
|
|
</div>
|
|
<div class="sender">
|
|
You
|
|
</div>
|
|
</div>
|
|
<div class="body">
|
|
Foo
|
|
</div>
|
|
</div>
|
|
<div class="message received">
|
|
<div class="metadata">
|
|
<div class="timestamp">
|
|
22:02
|
|
</div>
|
|
<div class="sender">
|
|
John Doe
|
|
</div>
|
|
</div>
|
|
<div class="message">
|
|
Bar!
|
|
</div>
|
|
</div>
|
|
<div class="message sent">
|
|
<div class="metadata">
|
|
<div class="timestamp">
|
|
22:05
|
|
</div>
|
|
<div class="sender">
|
|
You
|
|
</div>
|
|
</div>
|
|
<div class="message">
|
|
Baz...
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
</div>
|
|
|
|
<script src="/js/bundle.js"></script>
|
|
<script src="/budo/livereload.js"></script>
|
|
</body>
|
|
</html> |