-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathalpha.html
More file actions
285 lines (282 loc) · 17.2 KB
/
alpha.html
File metadata and controls
285 lines (282 loc) · 17.2 KB
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
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="Introduction" content="Hive is a LAN chat software with cute and neat user interface. Built by Qt C++ with GPL licence." />
<!-- <meta name=""> -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no" />
<title>Hive! Alpha</title>
<!-- CSS-->
<link href="css/material_font.css" rel="stylesheet">
<link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />
<link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection" />
<link href="favicon.ico" type="image/x-icon" rel="shortcut icon" />
</head>
<body>
<!-- Floating Button -->
<div class="fixed-action-btn" style="bottom: 45px; right: 24px;"><a class="btn-floating btn-large red"><i class="large material-icons">mode_edit</i></a>
<ul>
<li><a class="btn-floating yellow darken-1" href="https://github.com/HiveChat/Hive-desktop/issues"><i class="material-icons">report_problem</i></a></li>
<li><a class="btn-floating green" href="https://github.com/HiveChat/Hive-desktop/"><i class="material-icons">live_help</i></a></li>
<li><a class="btn-floating blue" href="mailto:zhenghanecho@gmail.com"><i class="material-icons">email</i></a></li>
<!-- <li><a class="btn-floating green" href="mailto:zhenghanecho@gmail.com"><i class="material-icons">comment</i></a></li> -->
</ul>
</div>
<!-- Nav Bar -->
<nav class="white" role="navigation">
<div class="nav-wrapper container"><a id="logo-container" href="index.html" class="orange-text darken-4 brand-logo">Hive</a>
<ul class="right hide-on-med-and-down">
<li class="active"><a href="#" class=" orange-text darken-4"><b>Alpha</b></a></li>
<li><a href="principle.html" class="orange-text darken-4">How it works</a></li>
<li><a href="downloads.html" class="orange-text darken-4">Downloads</a></li>
<li><a href="https://github.com/HiveChat/Hive-desktop" class="orange-text darken-4">Source Code</a></li>
</ul>
<ul id="nav-mobile" class="side-nav darken-4">
<li><a href="principle.html" class="orange-text darken-4">How it works</a></li>
<li><a href="downloads.html" class="orange-text darken-4">Downloads</a></li>
<li><a href="https://github.com/HiveChat/Hive-desktop" class="orange-text darken-4">Source Code</a></li>
<!-- <li><a href="http://www.github.com/ultrasilicon/hive">on GitHub</a></li> -->
</ul><a href="#" data-activates="nav-mobile" class="button-collapse orange-text darken-4"><i class="material-icons">menu</i></a></div>
</nav>
<div id="index-banner" class="parallax-container">
<div class="section no-pad-bot">
<div class="container white-text">
<br>
<br>
<p>
<h1 class="header center">Hive! <sup>0.0.8</sup></h1>
<!-- <div class="row center"><img src="img/logo.png"></div> -->
</p>
<div class="row center">
<h5 class="headerlight">A step further to the freedom of speech and to the <a href="https://libreplanet.org/wiki/Main_Page" style="text-decoration: underline; color:White;">Libre Planet!</a></h5>
<p>
<a href="https://github.com/ultrasilicon"><img src="https://img.shields.io/github/followers/Ultrasilicon.svg?style=social&label=Follow"></a>
<a href="https://github.com/HiveChat/Hive-desktop"><img src="https://img.shields.io/github/stars/HiveChat/Hive-desktop.svg?style=social&label=Star"></a>
</p>
</div>
<div class="row center">
<a href="principle.html" id="download-button" class="btn-large waves-effect waves-light light-blue lighten-3 white-text"><b>Read More</b></a>       
<a href="downloads.html" id="download-button" class="btn-large waves-effect waves-light purple white-text"><b>Download & preview</b></a>
<br>
<br>
<br>
<br>
</div>
<br>
<br>
</div>
</div>
<div class="parallax"><img src="img/bkg1.png" alt="Unsplashed background img 1"></div>
</div>
<div class="container">
<div class="section">
<br>
<br>
<!-- Icon Section -->
<div class="row">
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center black-text"><i class="material-icons">cloud_done</i></h2>
<h5 class="center">Higher Stability</h5>
<p class="light">Hooray! Almost all the bugs raised on the <a href="https://github.com/HiveChat/Hive-desktop/issues">GitHub</a> have been fixed perfectly in Hive! <sup>0.0.8</sup>. Besides, Hive have became a <b>real multithreaded application</b>, which <b>runs fluently</b> even when the disk or the network is slow.</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center black-text"><i class="material-icons">whatshot</i></h2>
<h5 class="center">Smarter Interface</h5>
<p class="light">In Hive! <sup>0.0.8</sup>, <b>more animation and interactive components</b> are included. You are free to disable or enable them whenever you want. Actually, with Hive's <b>great optimization</b>, you don't need to worry about its performance at all.</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center black-text"><i class="material-icons">folder_shared</i></h2>
<h5 class="center">Large File Sharing</h5>
<p class="light">Here is the fun part. Hive! <sup>0.0.8</sup> introduces a multithread TCP server which is capable of <b>transfering multiple large files simultaneously</b>, which also brings the new feature - <b>customized avatar</b> (introduced below). </p>
</div>
</div>
</div>
<br>
<br>
<br>
<p class="light">Can't wait? Don't hesitate to <b>download a preview version</b> in the <a href="downloads.html"><b>Download Page</b></a>. Remember, <b>not all the functions are completed yet</b>, and <b>more surprises</b> will come with the formal release!
<p>
<br>
<br>
</div>
</div>
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<div class="row center">
<h3 class="center white-text light">Smart & Interactive</h3></div>
</div>
</div>
<div class="parallax"><img src=" img/bkg2.png" alt="Unsplashed background img 2"></div>
</div>
<div class="container">
<div class="section">
<!-- Empty Line -->
<div class="row">
<h3 class="col s12 light center header"></h3>
<h3 class="col s12 light center header"></h3></div>
<div class="row">
<div class="col s7 push-s6 center">
<img class="center materialboxed responsive-img z-depth-5" data-caption="Welcome Screen" src="img/0.0.8_ui_1.gif" width="60%" height="60%"></div>
<div class="col s5 pull-s7 center">
<h5 class="center grey-text text-darken-1">Share your file faster!</h5>
<p class="center grey-text text-darken-1">#File transfer server is still under construction, and it will be available on the preview builds very soon! </p>
</div>
</div>
<div class="row">
<h3 class="col s12 light center header"></h3>
<h3 class="col s12 light center header"></h3></div>
<div class="row">
<div class="col s5 push-s5 center">
<h5 class="center grey-text text-darken-1">Customize your avatar with Avatar Editor</h5>
<p class="center grey-text text-darken-1">#Zooming, scrolling, and whatever you want to make your avatar perfect.</p>
</div>
<div class="col s7 pull-s5 center"><img class="center materialboxed responsive-img z-depth-5" data-caption="Enthusiasm From Every Detail" src="img/0.0.8_ui_2.gif" width="60%" height="60%"></div>
</div>
<div class="row">
<h3 class="col s12 light center header"></h3>
<h3 class="col s12 light center header"></h3></div>
<div class="row">
<div class="col s7 push-s6 center"><img class="center materialboxed responsive-img z-depth-5" data-caption="Chat Freely, No Online Record" src="img/0.0.8_ui_3.gif" width="60%" height="60%"></div>
<div class="col s5 pull-s7 center">
<h5 class="center grey-text text-darken-1">Easier interaction & intuitive guidance</h5>
<p class="center grey-text text-darken-1">#Now you can switch to Chat tab by hovering it using your mouse, which is much easier. Arranging contacts by dragging is under development. </p>
</div>
</div>
<div class="row">
<h3 class="col s12 light center header"></h3>
<h3 class="col s12 light center header"></h3></div>
<div class="row">
<div class="col s5 push-s5 center">
<h5 class="center grey-text text-darken-1">Activate by clicking on Dock Icon</h5>
<p class="center grey-text text-darken-1">#Finally, this works!</p>
</div>
<div class="col s7 pull-s5 center"><img class="center materialboxed responsive-img z-depth-5" data-caption="Addictive Experience" src="img/0.0.8_ui_4.gif" width="60%" height="60%"></div>
</div>
<div class="row">
<h3 class="col s12 light center header"></h3>
<h3 class="col s12 light center header"></h3></div>
</div>
</div>
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<div class="row center">
<h3 class="center white-text light">Run Everywhere</h3></div>
</div>
</div>
<div class="parallax"><img src=" img/bkg2.png" alt="Unsplashed background img 2"></div>
</div>
<div class="container">
<div class="section">
<!-- Empty Line -->
<div class="row">
<h3 class="col s12 light center header"></h3>
<h3 class="col s12 light center header"></h3></div>
<div class="row">
<div class="col s7 push-s6 center"><img class="center materialboxed responsive-img z-depth-5" data-caption="Hive on Windows 10" src="img/ui_8.png" width="60%" height="60%"></div>
<div class="col s5 pull-s7 center">
<h5 class="center grey-text text-darken-1">Windows</h5>
<p class="center grey-text text-darken-1">Hive supports all Windows systems from Windows XP to Windows 10. This is a screenshot taken on Windows 10 when Hive is running full screen.</p>
</div>
</div>
<div class="row">
<h3 class="col s12 light center header"></h3>
<h3 class="col s12 light center header"></h3>
</div>
<div class="row">
<div class="col s5 push-s5 center">
<h5 class="center grey-text text-darken-1">Mac</h5>
<p class="center grey-text text-darken-1">
Hive for Mac supports versions from 10.9 to 10.12. Here's a screenshot of Hive running in Mac OS X 10.10.
</p>
</div>
<div class="col s7 pull-s5 center">
<img class="center materialboxed responsive-img z-depth-5" data-caption="Hive on Mac OS X" src="img/ui_7.png" width="60%" height="60%">
</div>
</div>
<div class="row">
<h3 class="col s12 light center header"></h3>
<h3 class="col s12 light center header"></h3>
</div>
<div class="row">
<div class="col s7 push-s6 center"><img class="center materialboxed responsive-img z-depth-5" data-caption="Hive on Kubuntu" src="img/ui_5.png" width="60%" height="60%"></div>
<div class="col s5 pull-s7 center">
<h5 class="center grey-text text-darken-1">Linux</h5>
<p class="center grey-text text-darken-1">This is how it looks like when Hive runs on Ubuntu, a distribution of Linux system.</p>
</div>
</div>
<div class="row">
<h3 class="col s12 light center header"></h3>
<h3 class="col s12 light center header"></h3>
</div>
<div class="row">
<div class="col s5 push-s5 center">
<h5 class="center grey-text text-darken-1">Embedded Linux</h5>
<p class="center grey-text text-darken-1"><a href="https://www.raspberrypi.org">Raspberry Pi</a> is a credit-card-sized computer. This is an screenshot of Hive running on Raspberry Pi with ARM embedded Linux system, 800MHz CPU and 1GB RAM. Hive is working super fluently on this device, so no more worry about the performance. Check out source code <a href="https://github.com/HiveChat/Hive-raspberrypi">Hive for Raspberry Pi</a></p>
</div>
<div class="col s7 pull-s5 center">
<img class="center materialboxed responsive-img z-depth-5" data-caption="Hive on Raspberry Pi" src="img/ui_6.png" width="60%" height="60%">
</div>
</div>
<div class="row">
<h3 class="col s12 light center header"></h3>
<h3 class="col s12 light center header"></h3></div>
</div>
</div>
<!-- Notice -->
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<br>
<br>
<h4 class="center white-text light">Now, Start the Adventure!</h4>
<div class="row center">
<h5 class="header col s12 light"></h5></div>
<div class="row center"><a href="downloads.html" id="download-button" class="btn-large waves-effect waves-light purple white-text"><b>download & preview</b></a></div>
<br>
<br>
</div>
</div>
<div class="parallax"><img src="img/bkg1.png" alt="Unsplashed background img 3"></div>
</div>
<footer class="page-footer amber">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="brown-text">Org Bio:</h5>
<p class="brown-text">Hive is my long term project, which means it will be constantly updated to perform better. The target is making a modern chat software(currently in LAN environment) running in all platforms. By the way I can learn many things about UI design and also program algorithm. I hope you like it and keep up to date!</p>
</div>
<div class="col l3 s12">
<h5 class="brown-text">Author:</h5>
<ul>
<li><a class="brown-text" href="#!">Tim Zheng(HFLS)</a></li>
<li><img width="120" src="img/fsf.png"></li>
</ul>
</div>
<div class="col l3 s12">
<h5 class="brown-text">Connect:</h5>
<ul>
<li><a class="brown-text" href="mailto:zhenghanecho@gmail.com">zhenghanecho@Gmail.com</a></li>
<li><a class="brown-text" href="http://www.github.com/ultrasilicon">GitHub: Ultrasilicon</a></li>
<li><a class="brown-text" href="https://t.me/HappyEcho">Telegram: @HappyEcho</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container white-text">Made with ❤️ by Tim using <a class="red-text text-lighten-5" href="http://materializecss.com">Materialize.js</a>                  <span class="copyleft">©</span> 2016 Tim Zheng. All Wrongs Reserved.</div>
</div>
</footer>
<!--Scripts-->
<!-- <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> -->
<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/materialize.js"></script>
<script src="js/init.js"></script>
</body>
</html>