This repository has been archived by the owner on May 9, 2018. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 44
/
index.html
150 lines (140 loc) · 5.52 KB
/
index.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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Zulip</title>
<link rel="icon" href="favicon.ico">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/media.css">
</head>
<body>
<!-- Navigation bar -->
<header>
<div class="container">
<div id="logo">
<a href="index.html"><img src="images/logos/zulip-icon-512x512.png" />zulip</a>
</div>
<nav>
<ul class="downloads">
<li><a href="server.html">Server</a></li>
<li><a href="clients.html">Clients</a></li>
</ul>
<ul>
<li><a href="about.html">About</a></li>
<li><a href="features.html">Features</a></li>
<li><a href="help.html">Help</a></li>
<li><a href="contribute.html">Contribute</a></li>
</ul>
</nav>
</div>
</header>
<article class="container">
<h1>It's like Slack, but self-hosted and open-source.</h1>
<img id="screenshot" src="images/laptop-screenshot.png"/>
<div class="half box">
<h2>Run your own server</h2>
<div class="call-to-action">
<a class="button" href="server.html">Get started</a> or <a class="button-link" href="features.html">check out the features</a>
</div>
</div>
<div class="half box download-options">
<h2>Download a client</h2>
<h6>(or use the <a href="clients.html">web app</a>)</h6>
<ul>
<li><a href="https://zulip.com/dist/apps/mac/Zulip-latest.dmg">Mac</a></li>
<li><a href="https://zulip.com/dist/apps/win/zulip-latest.exe">Windows</a></li>
<li><a href="clients.html">Linux</a></li>
</ul>
<ul>
<li><a href="http://itunes.com/apps/zulip">iPhone</a></li>
<li><a href="https://play.google.com/store/apps/details?id=com.zulip.android">Android</a></li>
</ul>
</div>
</article>
<article class="features">
<h2>Here's why you'll love it:</h2>
<section>
<div class="container">
<div class="feature-img">
<img src="images/threads.png" />
</div>
<div class="feature-box">
<h3>Make sense of your messages</h3>
<p>Every conversation in Zulip has a topic, so it’s easy to keep conversations straight. Are your coworkers discussing a software bug and the content of your website at the same time? No problem.</p>
</div>
</div>
</section>
<section>
<div class="container">
<div class="feature-img">
<img src="images/important-things.png" />
</div>
<div class="feature-box">
<h3>Easily read just the important things.</h3>
<p>Sometimes, important things get discussed when you’re not around. Unfortunately, so do a lot of unimportant things.</p>
<p>Narrowing by stream or topic lets you focus on that important customer project without having to read about how Jim’s guitar lessons are going.</p>
</div>
</div>
</section>
<section>
<div class="container">
<div class="feature-img">
<img src="images/search.png" />
</div>
<div class="feature-box">
<h3>Better search than Gmail.</h3>
<p>An impressive amount of knowledge lives in your chat system. Zulip’s powerful and fast search will delight you with how quickly you can find exactly what you’re looking for.</p>
</div>
</div>
</section>
<section>
<div class="container">
<div class="feature-img">
<img src="images/integrations.png" />
</div>
<div class="feature-box">
<h3>Integrations that don’t intrude.</h3>
<p>Zulip has many integrations and a powerful API to match. But here’s where it gets interesting: thanks to how Zulip categorizes messages, automated messages never overwhelm you. As with any topic in Zulip, they’re easy to focus on, skim, defer to later, or ignore—as appropriate.</p>
</div>
</div>
</section>
<section>
<div class="container">
<div class="feature-img">
<img src="images/technical.png" />
</div>
<div class="feature-box">
<h3>As technical as you want to be.</h3>
<p>Keyboard shortcuts? Check.<br/>
Syntax highlighting? Check.<br/>
Discuss code and technical topics with ease.</p>
</div>
</div>
</section>
<section>
<div class="container">
<div class="feature-img">
<img src="images/features.png" />
</div>
<div class="feature-box">
<h3>...and all the obvious stuff too.</h3>
<p>Drag-and-drop file uploads, image pasting, group private messages, audible notifications, missed-message emails, desktop apps, and everything else you might want. Including emoji, naturally.</p>
</div>
</div>
</section>
</article>
<!-- Footer -->
<footer>
Licensed under <a href="#">License</a>
<ul>
<li><a href="#">Github</a></li>
<li><a href="#">Docs</a></li>
<li><a href="#">Contributors</a></li>
</ul>
</footer>
</body>
</html>