-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
344 lines (340 loc) · 20.3 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
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
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
<!DOCTYPE html>
<!--
Template Name: Gomag
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html lang="">
<head>
<title>DCRS - Device Checker/Runtime System</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link href="layout/styles/layout.css" rel="stylesheet" type="text/css" media="all">
<link rel="shortcut icon" href="/ui/favicon.png" type="image/x-icon">
<link rel="icon" href="/ui/favicon.png" type="image/x-icon">
</head>
<body id="top">
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- Top Background Image Wrapper -->
<div class="bgded" style="background-image:url('images/demo/backgrounds/01.png');">
<!-- ################################################################################################ -->
<div class="wrapper row1">
<header id="header" class="hoc clear">
<!-- ################################################################################################ -->
<div id="logo" class="fl_left">
<h1><a href="index.html"><img src="ui/icon.png"> DCRS</a></h1>
</div>
<nav id="mainav" class="fl_right">
<ul class="clear">
<li class="active"><a href="index.html"><i class="fa fa-home" aria-hidden="true"></i> Home</a></li>
<li><a class="drop" href="#">Dropdown</a>
<ul>
<li><a href="#">Level 2</a></li>
<li><a class="drop" href="#">Level 2 + Drop</a>
<ul>
<li><a href="#">Level 3</a></li>
<li><a href="#">Level 3</a></li>
<li><a href="#">Level 3</a></li>
</ul>
</li>
<li><a href="#">Level 2</a></li>
</ul>
</li>
<li class="active"><a href="index.html"><i class="fa fa-users" aria-hidden="true"></i> Team</a></li>
<li class="active"><a href="https://github.com/Plasnerd/DCRS" target="blank"><i class="fa fa-github" aria-hidden="true"></i> Source-code</a></li>
</ul>
</nav>
<!-- ################################################################################################ -->
</header>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<section id="pageintro" class="hoc clear">
<div>
<!-- ################################################################################################ -->
<h1>Web/HTML5 based computing <i><small>- in words of @mkg20001</small></i></h1>
<h2 class="heading">It can be a web "BIOS" (Soon)<br>
<strong>or it can be a web OS running multiple "OS"</strong></h2>
<p>It sounds confusing? Its because the computing is changing in a manner you possibly never thinked about.</p>
<p>The operating systems you use (for example Win/Linux) is where you do works, but is also where you set your computer. In DCRS its different. DCRS check/set your device, and then run the work(s) system(s) that the user have installed. Then DCRS can be a "BIOS", OS and runtime at same time.</p>
<p>The work systems (WS) powered by DCRS can give you the same feeling of a OS (like DCRS is feeling of a BIOS), because is where you will can do works. You can also do settings for your work system. But for set your device, you need to easily access the DCRS interface, where all your device's settings are united.</p>
<footer>
<ul class="nospace inline pushright">
<li><a class="btn" href="#"><i class="fa fa-download" aria-hidden="true"></i> Download</a></li>
<li><a class="btn inverse" href="#"><i class="fa fa-book" aria-hidden="true"></i> Read more</a></li> <small>Any button you choose, I say: <b>Welcome to the Future</b>!</small>
</ul>
</footer>
<!-- ################################################################################################ -->
</div>
</section>
<!-- ################################################################################################ -->
</div>
<!-- End Top Background Image Wrapper -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper row3">
<main class="hoc container clear btmpad-none">
<!-- main body -->
<!-- ################################################################################################ -->
<div class="sectiontitle center">
<h6 class="heading">Future can appear first, and just for you.</h6>
<p>DCRS is a platform of future, that uses technologies of future, for devices of future.</p>
</div>
<ul class="nospace group center btmspace-80">
<li class="one_third first">
<article><img src="images/demo/icons/html.png">
<h6 class="heading font-x1">HTML5</h6>
<p class="btmspace-30">HTML, CSS and JS is the only thing a WS need to be loaded into DCRS.
<br> DCRS is basically a HTML/CSS/JS UI that is built in a Electron app that autoruns in a Ubuntu Core OS. But in future the DCRS' Electron will be built also in a "BIOS"/"UEFI". […]</p>
<footer><a class="btn" href="#">Read More »</a></footer>
</article>
</li>
<li class="one_third">
<article><img src="images/demo/icons/dcrs.png">
<h6 class="heading font-x1">Multi</h6>
<p class="btmspace-30">You can install a lot of work systems in your drive and see all in the WS boot selector screen. <b>You can hibernate a WS then switch to another. Also you can run 2 or more WS at same time</b>. […]</p>
<footer><a class="btn" href="#">Read More »</a></footer>
</article>
</li>
<li class="one_third">
<article><img src="images/demo/icons/sync.svg">
<h6 class="heading font-x1">Sync</h6>
<p class="btmspace-30">Login to your ZeroNet's ZeroID account and sync your preferences, in any device. […]</p>
<footer><a class="btn" href="#">Read More »</a></footer>
</article>
</li>
<li class="one_third first">
<article><img src="images/demo/icons/ipfs.png">
<h6 class="heading font-x1">IPFS</h6>
<p class="btmspace-30">A peer-to-peer hypermedia protocol
to make the web faster, safer, and more open. […]</p>
<footer><a class="btn" href="#">Read More »</a></footer>
</article>
</li><li class="one_third">
<article><img src="images/demo/icons/zeronet.png">
<h6 class="heading font-x1">ZeroNet</h6>
<p class="btmspace-30">If DCRS is the BIOS/OS of the future, then we need to support the Web of the future! Time infos, work systems and other data; DCRS don't get from oldnet, but from ZeroNet (newnet). Work systems will also have access to ZeroNet. And you will also have access to the surfaceweb/clearnet/oldnet in WSs. […]</p>
<footer><a class="btn" href="#">Read More »</a></footer>
</article>
</li><li class="one_third">
<article><img src="images/demo/icons/ubuntu.png">
<h6 class="heading font-x1">Snappy Ubuntu Core</h6>
<p class="btmspace-30">With a reduced file size, the DCRS OS can run in a Raspberry Pi, a desktop, a notebook, a TV or any device that uses ARM/x86 architecture. […]</p>
<footer><a class="btn" href="#">Read More »</a></footer>
</article>
</li>
<li class="one_third first">
<article><img src="images/demo/icons/tv.svg">
<h6 class="heading font-x1">TV mode [Soon]</h6>
<p class="btmspace-30">[Soon] Each DCRS' element adapted for high definition screens. Support for commands from your remote control. […]</p>
<p style="color:red">Comming to the Beta releases.</p>
<footer><a class="btn" href="#">Read More »</a></footer>
</article>
</li>
<li class="one_third">
<article><img src="images/demo/icons/mobile.svg">
<h6 class="heading font-x1">Mobile mode [Soon]</h6>
<p class="btmspace-30">[Soon] Bigger, adaptive and easy elements in mobile devices. Connect your phone or tablet to a big screen and everything will be adapted. […]</p>
<p style="color:red">Comming to the Beta releases.</p>
<footer><a class="btn" href="#">Read More »</a></footer>
</article>
</li><li class="one_third">
<article><img src="images/demo/icons/game.svg">
<h6 class="heading font-x1">Game mode [Soon]</h6>
<p class="btmspace-30">[Soon] Instead of boot to a WS, DCRS can directly boot to a game stored in a drive. With a custom bootscreen and a custom WS, console developers can create the console they want with the easy of HTML5 and power of Node.js. […]</p>
<p style="color:red">Comming to the Beta releases.</p>
<footer><a class="btn" href="#">Read More »</a></footer>
</article>
</li>
</ul>
<figure><img src="images/demo/978x380.png" alt=""></figure>
<!-- ################################################################################################ -->
<!-- / main body -->
<div class="clear"></div>
</main>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper bgded overlay coloured" style="background-image:url('images/demo/backgrounds/02.png');">
<section class="hoc container clear">
<!-- ################################################################################################ -->
<div class="sectiontitle center">
<h6 class="heading">Tempor turpis pede</h6>
<p>Dictum ipsum vel auctor leo est tincidunt est cras.</p>
</div>
<ul class="nospace group infoboxes">
<li class="one_third first">
<article class="infobox"><i class="fa fa-codepen"></i>
<p><a href="#">View Details</a></p>
<h6>Lectus nullam et diam</h6>
</article>
</li>
<li class="one_third">
<article class="infobox"><i class="fa fa-scissors"></i>
<p><a href="#">View Details</a></p>
<h6>Non dui consequat pulvinar</h6>
</article>
</li>
<li class="one_third">
<article class="infobox"><i class="fa fa-crosshairs"></i>
<p><a href="#">View Details</a></p>
<h6>Integer velit mi facilisis</h6>
</article>
</li>
</ul>
<!-- ################################################################################################ -->
<div class="clear"></div>
</section>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper row3">
<article class="hoc container clear">
<!-- ################################################################################################ -->
<figure class="one_half first">
<ul class="nospace">
<li class="btmspace-10"><img src="images/demo/480x186.png" alt=""></li>
<li><img src="images/demo/480x186.png" alt=""></li>
</ul>
</figure>
<div class="one_half">
<p class="nospace font-xs bold">Eget volutpat et aliquam</p>
<h6 class="heading">Sed magna maecenas ultrices</h6>
<p class="btmspace-30">Neque a nisl nulla facilisi phasellus et mi et nisl sollicitudin consequat aliquam erat volutpat vestibulum congue erat eu turpis in mattis velit eu ante in in felis in metus mollis.</p>
<ul class="nospace group btmspace-30 smvplc">
<li class="one_third first"><a href="#"><i class="fa fa-3x fa-dashboard"></i></a>
<p>Downloads<br>
<strong>NOCOUNTER</strong></p>
</li>
<li class="one_third"><a href="#"><i class="fa fa-3x fa-deaf"></i></a>
<p>Daily active users<br>
<strong>NOCOUNTER</strong></p>
</li>
<li class="one_third"><a href="#"><i class="fa fa-3x fa-slack"></i></a>
<p>Peers (this site)<br>
<strong>NOCOUNTER</strong></p>
</li>
</ul>
<footer><a class="btn" href="#">Feugiat sed blandit</a></footer>
</div>
<!-- ################################################################################################ -->
<div class="clear"></div>
</article>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper bgded overlay" style="background-image:url('images/demo/backgrounds/03.png');">
<section class="hoc container clear">
<!-- ################################################################################################ -->
<div class="one_half first">
<h6 class="heading">Blandit sed in risus fusce</h6>
<p>Felis ipsum id non sapien nunc pretium consequat sapien fusce ante augue convallis sit amet volutpat ac posuere vel quam aenean porta donec a diam ut nunc tempor ornare etiam leo leo.</p>
<footer><a class="btn" href="#">Bibendum vel dictum</a></footer>
</div>
<div class="one_half"><img src="images/demo/480x186-vid.png" alt=""></div>
<!-- ################################################################################################ -->
<div class="clear"></div>
</section>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper row3">
<figure class="hoc container clear">
<!-- ################################################################################################ -->
<ul class="nospace group logos">
<li class="one_quarter first"><a href="#"><img src="images/demo/222x86.png" alt=""></a></li>
<li class="one_quarter"><a href="#"><img src="images/demo/222x86.png" alt=""></a></li>
<li class="one_quarter"><a href="#"><img src="images/demo/222x86.png" alt=""></a></li>
<li class="one_quarter"><a href="#"><img src="images/demo/222x86.png" alt=""></a></li>
</ul>
<figcaption class="center hidden"><a class="btn" href="#">View More »</a></figcaption>
<!-- ################################################################################################ -->
</figure>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper row4 bgded overlay" style="background-image:url('images/demo/backgrounds/04.png');">
<footer id="footer" class="hoc clear">
<!-- ################################################################################################ -->
<div class="one_third first">
<h6 class="heading">Gomag</h6>
<p>Et posuere sit amet vulputate tempor tellus maecenas vehicula magna quis pede curabitur iaculis dui eu purus quisque est enim lobortis.</p>
<p class="btmspace-50">Sed sollicitudin a mi vestibulum nisi ut lectus duis quam leo consectetuer.</p>
<nav>
<ul class="nospace">
<li><a href="index.html"><i class="fa fa-lg fa-home"></i></a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Terms</a></li>
<li><a href="#">Privacy</a></li>
<li><a href="#">Cookies</a></li>
<li><a href="#">Disclaimer</a></li>
<li><a href="#">Online Shop</a></li>
<li><a href="#">Sitemap</a></li>
</ul>
</nav>
</div>
<div class="one_third">
<h6 class="heading">Metus nam eu urna tempus</h6>
<ul class="nospace btmspace-30 linklist contact">
<li><i class="fa fa-map-marker"></i>
<address>
Street Name & Number, Town, Postcode/Zip
</address>
</li>
<li><i class="fa fa-phone"></i> +00 (123) 456 7890</li>
<li><i class="fa fa-fax"></i> +00 (123) 456 7890</li>
<li><i class="fa fa-envelope-o"></i> [email protected]</li>
</ul>
<ul class="faico clear">
<li><a class="faicon-facebook" href="#"><i class="fa fa-facebook"></i></a></li>
<li><a class="faicon-twitter" href="#"><i class="fa fa-twitter"></i></a></li>
<li><a class="faicon-dribble" href="#"><i class="fa fa-dribbble"></i></a></li>
<li><a class="faicon-linkedin" href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a class="faicon-google-plus" href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a class="faicon-vk" href="#"><i class="fa fa-vk"></i></a></li>
</ul>
</div>
<div class="one_third">
<h6 class="heading">Non lacus vivamus quis</h6>
<article><a href="#"><img class="btmspace-15" src="images/demo/320x140.png" alt=""></a>
<h6 class="nospace font-x1"><a href="#">Sed congue vel gravida</a></h6>
<time class="font-xs block btmspace-10" datetime="2045-04-05">Thursday, 5<sup>th</sup> April 2045</time>
<p class="nospace">Viverra interdum quam in hac habitasse platea dictumst sed pede volutpat […]</p>
</article>
</div>
<!-- ################################################################################################ -->
</footer>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper row5">
<div id="copyright" class="hoc clear">
<!-- ################################################################################################ -->
<p class="fl_left">Copyright © 2016 - All Rights Reserved - <a href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a></p>
<!-- ################################################################################################ -->
</div>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<a id="backtotop" href="#top"><i class="fa fa-chevron-up"></i></a>
<!-- JAVASCRIPTS -->
<script src="layout/scripts/jquery.min.js"></script>
<script src="layout/scripts/jquery.backtotop.js"></script>
<script src="layout/scripts/jquery.mobilemenu.js"></script>
</body>
</html>