-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
384 lines (311 loc) · 17.1 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
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
<!DOCTYPE html>
<html lang="en">
<head>
<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>Doscom | Dinus Open Source Community</title>
<link rel="shortcut icon" type="image/png" href="favicon.png" />
<meta name="description" content="Doscom adalah komunitas open source di bidang perangkat lunak yang memilik misi untuk "Memasyarakatkan Open Source dan Meng-Open Source-kan Masyrakat" melalui berbagai kegitan seperti workshop, seminar dan sharing session, Kami juga meracik sebuah sistem operasi bernama TeaLinuxOS." />
<meta name="keywords" content="doscom, open source, udinus, dinus, tealinux" />
<meta name="author" content="Diky Arga Doscom" />
<meta property="og:title" content="Doscom | Dinus Open Source Community" />
<meta property="og:description" content="Kami adalah komunitas open source di bidang perangkat lunak yang memilik misi untuk "Memasyarakatkan Open Source dan Meng-Open Source-kan Masyrakat" melalui berbagai kegitan seperti workshop, seminar dan sharing session, Kami juga meracik sebuah sistem operasi bernama TeaLinuxOS." />
<!-- CSS -->
<!-- coba icon baru <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> -->
<link rel="stylesheet" href="https://cdn.materialdesignicons.com/1.4.57/css/materialdesignicons.min.css" media="all" rel="stylesheet" type="text/css" />
<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" />
<style media="screen">
.card .card-content .card-title{
line-height: 28px;
}
.card .card-title{
font-size: 24px;
font-weight: 600;
}
</style>
<meta name="google-site-verification" content="rOKCy9fAyYpNaclr3bZN7uXbvYM6vLE_LzYHDPesgQw" />
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-76700149-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<div class="navbar-fixed">
<nav class="white" role="navigation">
<div class="nav-wrapper container">
<a id="logo-container" href="#" class="brand-logo"><img src="images/logo-mini-doscom.png" height="50px" alt="" />
</a>
<ul class="right hide-on-med-and-down table-of-contents">
<li><a href="#tentang">Tentang</a>
</li>
<li><a href="#divisi">Divisi</a>
</li>
<li ><a href="#tealinuxos">TeaLinuxOS</a>
</li>
<li ><a href="#blog">Blog</a>
</li>
<li ><a href="#kontak">Kontak</a>
</li>
</ul>
<ul id="nav-mobile" class="side-nav">
<li><a href="#tentang">Tentang</a>
</li>
<li><a href="#divisi">Divisi</a>
</li>
<li ><a href="#tealinuxos">TeaLinuxOS</a>
</li>
<li ><a href="#blog">Blog</a>
</li>
<li ><a href="#kontak">Kontak</a>
</li>
</ul>
<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="black-text mdi mdi-menu"></i></a>
</div>
</nav>
</div>
<div class="parallax-container valign-wrapper section scrollspy" id="tentang">
<div class="section no-pad-bot" style="position:none;">
<div class="container">
<div class="row center">
<img src="images/logo-doscom.png" alt="Logo Doscom - Dinus Open Source Community" />
<br>
<h4 class="flow-text white-text col s12 light"><b> Dinus Open Source Community</b></h4>
<p class="flow-text">
Kami adalah komunitas <i>open source</i> di bidang perangkat lunak yang memilik visi untuk " Memasyarakatkan Open Source dan Meng-Open Source-kan Masyrakat " melalui berbagai kegitan seperti workshop, seminar dan sharing session, Kami juga meracik sebuah sistem operasi bernama <a href="http://www.tealinuxos.org" style="color:#FFF;">TeaLinuxOS</a>.
</p>
</div>
</div>
</div>
<div class="parallax blue"></div>
</div>
<div class="section scrollspy" id="divisi">
<div class="container" >
<div class="section">
<div class="row center">
<h2><i class="mdi mdi-rocket blue-text"></i></h2>
<h5>Apa yang kami lakukan ?</h5>
<p class="header col s12 light">Kami belajar dan berbagi ilmu pengetahuan
tentang dunia <i>open source</i>
</p>
</div>
<!-- Icon Section -->
<div class="row center-align">
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center blue-text"><i class="mdi mdi-code-braces blue-text"></i></h2>
<h5 class="center">Pemprograman</h5>
<p class="light " >Divisi pemograman merupakan bidang yang berkonsentrasi pada pengembangan program
desktop, mobile dan web apps</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center blue-text"><i class="mdi mdi-server-network blue-text"></i></h2>
<h5 class="center">Jaringan Komputer</h5>
<p class="light">Divisi jaringan berkonstrasi untuk mengelola jaringan internet
serta mengembangkan internet of thing di ruang lingkup komunitas</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center blue-text"><i class="mdi mdi-vector-polygon blue-text"></i></h2>
<h5 class="center">Multimedia</h5>
<p class="light">Divisi multimedia berkonsentrasi mengasah kemampuan dalam bidang design digital
2D,3D dan Game</p>
</div>
</div>
</div>
</div>
</div>
<div class="parallax-container valign-wrapper" style="min-height:450px;">
<div class="section no-pad-bot">
<div class="container">
<div class="row center">
<h5 class="semi-transparan black-text quote light flow-text">
"Walaupun kami beda Sistem Operasi & Software Aplikasi dengan kebanyakan orang, tapi bukan berarti kami terpinggirkan. Justru kami merasa didepan untuk siap sedia memberikan solusi sekaligus pembelajaran keterbukaan tentang ilmu & Teknologi Informasi."
</h5>
</div>
</div>
</div>
<div class="parallax"><img src="images/pod-doscom.jpg" alt="POD Doscom Dinus Open Source Community">
</div>
</div>
</div>
<div class="section scrollspy" id="tealinuxos">
<div class="container">
<div class="section">
<div class="row">
<div class="col s12 center">
<h3><i class="mdi mdi-leaf green-text"></i></h3>
<h4>TeaLinux OS</h4>
<p class="center-align light">
<b>TeaLinuxOS</b> adalah distro Linux turunan Ubuntu yang dikembangkan oleh Dinus Open Source Community (DOSCOM) yang berorientasi pemrograman. Dengan menghadirkan filosofi, “Nikmatnya sebuah racikan”, TeaLinuxOS dikembangkan secara terbuka dan bersama-sama untuk menghasilkan distro Linux pemrograman yang dikhususkan untuk dunia pendidikan.
</p>
</div>
</div>
</div>
</div>
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<div class="row center">
<h5 class="header col s12 light">Nikmatnya sebuah racikan!</h5>
</div>
<div class="row center">
<div class="col s12 m6 l6 right-align link-tea">
<h6><a class="ghost-button-thick-border" href="http://tealinuxos.org/">Cari tau</a></h6>
</div>
<div class="col s12 m6 l6 left-align link-tea">
<h6><a class="ghost-button-thick-border" href="http://tealinuxos.org/unduh/">Unduh</a></h6>
</div>
</div>
</div>
</div>
<div class="parallax"><img src="images/tea-linux-os.png" alt="Tea Linux OS">
</div>
</div>
</div>
<div class="container section scrollspy" id="blog" >
<div class="section">
<div class="row">
<div class="col s12 center">
<h3><i class="mdi mdi-library-books blue-text"></i></h3>
<h4>Blog</h4>
<p class="center-align light">Lihat tulisan terbaru kami</p>
</div>
</div>
<div class="row">
<div class="col s12 m6 l4">
<div class="card">
<div class="card-image">
<a href="http://doscom.org/blog/workshop-pembuatan-game-space-radian-dengan-godot-engine/"><img src="images/blog/Foto-Bersama-Panitia-dan-Peserta-Workshop-Game-Radian-Godot-Engine-Doscom-2015-730x410.jpg"></a>
</div>
<div class="card-content">
<div class="judul_posting">
<span class="card-title"><a href="http://doscom.org/blog/workshop-pembuatan-game-space-radian-dengan-godot-engine/"> Workshop Pembuatan Game Space Radian dengan Godot Engine</a></span>
</div>
<p>Universitas Dian Nuswantoro atau Udinus sedang mengadakan festival bertajuk “Explore Your Passion!” dengan target peserta remaja SMA sederajat dan mahasiswa baru yang sedang mendalami passion-nya, kegiatan meliputi lomba, workshop, expo, dan pameran.</p>
</div>
<div class="card-action">
<a href="http://doscom.org/blog/workshop-pembuatan-game-space-radian-dengan-godot-engine/" class="blue-text">Baca Selengkapnya</a>
</div>
</div>
</div>
<div class="col s12 m6 l4">
<div class="card">
<div class="card-image">
<a href="http://doscom.org/blog/software-freedom-day-mozilla-maker-party-udinus-2014/"><img src="http://medias.3dvf.com/news/logiciels/godot2.jpg"></a>
</div>
<div class="card-content">
<div class="judul_posting">
<span class="card-title"><a href="http://doscom.org/blog/software-freedom-day-mozilla-maker-party-udinus-2014/"> Ulasan Aplikasi: Godot Game Engine</a></span>
</div>
<p>Godot adalah game engine yang mempunyai fitur lengkap dan berlisensi open source. Godot sudah menggunakan “visual oriented workflow” yang mana dapat diexport Multi Platform. </p>
</div>
<div class="card-action">
<a href="http://doscom.org/blog/software-freedom-day-mozilla-maker-party-udinus-2014/" class="blue-text">Baca Selengkapnya</a>
</div>
</div>
</div>
<div class="col s12 m6 l4">
<div class="card">
<div class="card-image">
<a href="http://doscom.org/blog/tutorial-workshop-ionic-dengan-angular-js-3/"><img src="http://d6xfpzo6h49n1.cloudfront.net/bAa5ovcuBEEFngjWYrj5cyVRLyU=/fit-in/705x0/https://d2vvqscadf4c1f.cloudfront.net/8XQXbkkSSJG7UqzHaoOg_angular-js-and-ionic-bundle.jpg"></a>
</div>
<div class="card-content">
<div class="judul_posting">
<span class="card-title"><a href="http://doscom.org/blog/tutorial-workshop-ionic-dengan-angular-js-3/"> Tutorial Workshop Ionic dengan Angular JS</a></span>
</div>
<p>Kenapa harus Web Apps?
Development yang cepat,
Cross platform (iOS, Android, Firefox, etc), dapat bekerja di berbagai platform
Tidak memakan waktu lama dan lebih efisien
Bahasa pemrograman lebih mudah
Based on HTML5, CSS3, JS
Device native API yang sudah banyak tersedia.</p>
</div>
<div class="card-action">
<a href="http://doscom.org/blog/tutorial-workshop-ionic-dengan-angular-js-3/" class="blue-text">Baca Selengkapnya</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col s12 m6 l4">
<p style="opacity:0;">.</p>
</div>
<div class="col s12 m6 l4 center">
<a href="http://doscom.org/blog" style="display: block; width: 100%;" class="btn-large waves-effect blue blue-light btn">Kunjungi Blog Kami</a>
</div>
<div class="col s12 m6 l4">
</div>
</div>
</div>
</div>
<div class="section scrollspy" id="kontak" style="padding-bottom: 0;">
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<div class="row center semi-transparan">
<h5 class="header col s12 m6 black-text bold garis-samping-kanan">Gedung D Lantai 1 <br/> Universitas Dian Nuswantoro</h5>
<h5 class="header col s12 m6 black-text light">Jalan Nakula I // No 1 - 15 <br/> Semarang // 50131</h5>
</div>
</div>
</div>
<div class="parallax"><img src="images/screen-shot-peta-udinus-doscom.png" alt="Unsplashed background img 3">
</div>
</div>
<footer class="page-footer blue">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">Doscom</h5>
<p class="grey-text text-lighten-4">
Kami adalah komunitas open source di bidang perangkat lunak yang memilik visi untuk " Memasyarakatkan Open Source dan Meng-Open Source-kan Masyrakat " melalui berbagai kegitan seperti workshop, seminar dan sharing session, Kami juga meracik sebuah sistem operasi bernama TeaLinuxOS. </p>
</div>
<div class="col l3 s12">
<h5 class="white-text">Kontak </h5>
<ul>
<li class="white-text"><i class=" mdi mdi-email-open"></i> <a class="white-text" href="mailto:[email protected]?Subject=Hello%20Doscom"> [email protected]</a>
</li>
<li><i class="white-text mdi mdi-telegram"></i> <a class="white-text" href="https://telegram.me/doscomedia"> telegram.me/doscom</a>
</li>
</ul>
</div>
<div class="col l3 s12">
<h5 class="white-text">Terhubung</h5>
<ul>
<li><i class="white-text mdi mdi-facebook"></i><a class="white-text" href="https://www.facebook.com/doscomedia/"> doscomedia</a>
</li>
<li><i class="white-text mdi mdi-twitter"></i> <a class="white-text" href="https://twitter.com/doscomedia"> @doscomedia</a>
</li>
<li><i class="white-text mdi mdi-instagram"></i><a class="white-text" href="http://instagram.com/doscomedia"> doscomedia</a>
</li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
Made with ❤ by Dinus Open Source Community
</div>
</div>
</footer>
</div>
<!-- Scripts-->
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="js/materialize.js"></script>
<script src="js/init.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.scrollspy').scrollSpy(
);
});
</script>
</body>
</html>