-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpreview.html
69 lines (66 loc) · 3.6 KB
/
preview.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<html>
<head>
<link href="custom.css" rel="stylesheet" type="text/css"/>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<link href="http://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet" type="text/css">
</head>
<body>
<div id="app">
<div class="header">
<div class="team-menu"><img class="connection_icon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAABmFBMVEUAAAD////////////////////////////////////2+/LR5bKw1Hmfy1KUxz2VyD2izVKz1nnS5rP////A3JuOw0qKwkCNxD+QxT6Sxj6Txz6SxUnC3Jv1+fGXx2GDvkCGwECIwUCLwj+PxD6PxT+JwUCFwECZyGD2+vGSxWF9vEGAvkGDv0CMwz+Wx2GPw2F4ukJ7u0J+vUGBvkGHwUB8u0KSxGG31pp0uEN3uUJ5u0KFv0CCv0B6u0K415p5uU1yt0N/vUF1uEN8u0zG3bFttURwtkR5ukLH3rGWxnlqtERutUR2uUOZx3l6uVZos0VvtkRxt0Nzt0N8ulVisUVlskVns0VzuENmskVfsEVps0VztlZer0VhsEVjsUVstER1t1aOwXhcrkZdr0VgsEaQwnm/2a9YrUZbrka/2rDz+PFhr09XrEZksE6pzplUq0ZVrEZarUaqzpl0tWJRq0dWrEZ1tmJztWJOqUdSq0dxtGJMqEdNqUdQqkdytWKmzJhXrFBKqEdZrU+716+GvXhjr1dIp0hkr1dYtVOVAAAAFHRSTlMAV8/v/wCH+x/n////////////9kvBHZAAAAG7SURBVHgBvdOxjtNAEIDhGe/MZO3sxVaiIJkiSNdQUPJOeQlqXoCCIg/EU9BQHRKg5CT7ErzrHTa+aBOqaxC/tdLK+2kbj+H/hoWhlCmQr0HeyYxyM8mvkWHKoAfBS6cBWEeYugAzf4QGp1SV8DvU/ZjBdN7iud6hdnOTdl+TuALyrUPEwfdu3nc1ipr9AwdIFZPysJylRDfa6cZL2rfgMd9QjO8R0Y+/u7sa4LHZz4wN/MXEyw1hbK1VZdV7PZ1OyufzktsxXADCW5EkXq06Paan02Uoo3kHmAEzJ8HBN6v5qlkqaxTmCdAzQK8Noi6rXwCrJyutepUMAARnXS++3cvm2xvftR0PzAyQAXtwdNChifvFHppBdR003IDCIg6JDOse4DX8WIdo1TwfpaUgqWC9c4eqqg5HF20QZdAMmDlasdHWkrKR03J0A4iIXRTrpba29laiY8YMyOyMKYkXroyROZZuwVTyztAFJPmZKBGq+FxFVBr5BHr7ubd3GICfAM+88qDHHYe/BmbbIAaGKU/Fz10emDxyHxBhgJTg+DGP3O3QbltMBkd92F2H9sWxB772wo9z2z8FfwDHWbdKLDfq1AAAAABJRU5ErkJggg=="/> anonymous</div>
<div class="channel-menu">
<span class="channel-menu_name">
<span class="channel-menu_prefix">#</span>
general
</span>
</div>
</div>
<div class="main">
<div class="listings">
<div class="listings_channels">
<h2 class="listings_header">Channels</h2>
<ul class="channel_list">
<li class="channel active">
<a class="channel_name">
<span class="unread">0</span>
<span><span class="prefix">#</span>general</span>
</a>
</li>
</ul>
</div>
<div class="listings_direct-messages"></div>
</div>
<div class="message-history">
<div id="message-list">
<div class="time-divide">
<span class="date">
</span>
</div>
<div class="message">
<a href="https://twitter.com/codeupstart/" target="_blank"><img src="https://twitter.com/codeupstart/profile_image" class="message_profile-pic" /></a>
<a href="https://twitter.com/codeupstart/" target="_blank" class="message_username">codeupstart</a>
<span class="message_timestamp">1:31 PM</span>
<span class="message_content">Hi there! 😘</span>
</div>
<div class="message">
<a href="https://twitter.com/codeupstart/" target="_blank"><img src="https://twitter.com/codeupstart/profile_image" class="message_profile-pic" /></a>
<a href="https://twitter.com/codeupstart/" target="_blank" class="message_username">codeupstart</a>
<span class="message_timestamp">1:31 PM</span>
<span class="message_content">Welcome to your chat app</span>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="user-menu">
<p class="disclaimer">This demo is not created by, affiliated with, or supported by Slack Technologies, Inc.</p>
</div>
<div class="input-box">
<input type="text" class="input-box_text" />
</div>
</div>
</div>
</body>
</html>