-
Notifications
You must be signed in to change notification settings - Fork 16
/
Copy pathindex.html
544 lines (524 loc) · 29.7 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
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="The Sugar Learning Platform is a leading learning platform developed for the One Laptop per Child project and used every day by nearly 3 million children around the world. With Sugarizer, you could discover the Sugar Learning Platform on any device: from the tiny Raspberry PI to the small Android/iOS tablet or the bigger PC/Mac. Enjoy the experience and help us reach every children on every device in every country.">
<meta name="author" content="Sugar Labs community">
<title>Sugarizer | The leading learning platform for children</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/themify-icons.css" rel="stylesheet">
<link href='css/dosis-font.css' rel='stylesheet' type='text/css'>
<link href='css/fontawesome.min.css' rel='stylesheet' type='text/css'>
<link href='css/brands.min.css' rel='stylesheet' type='text/css'>
<link href='css/solid.min.css' rel='stylesheet' type='text/css'>
<link href="css/featherlight.min.css" type="text/css" rel="stylesheet"/>
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="icon" href="img/favicon.ico" type="image/x-icon">
</head>
<body id="page-top" data-spy="scroll" data-target=".side-menu">
<nav class="side-menu">
<ul>
<li class="hidden active">
<a class="page-scroll" href="#page-top"></a>
</li>
<li>
<a href="#home" class="page-scroll">
<span data-i18n="menu-home" class="menu-title">Home</span>
<span class="dot"></span>
</a>
</li>
<li>
<a href="#features" class="page-scroll">
<span data-i18n="menu-features" class="menu-title">Features</span>
<span class="dot"></span>
</a>
</li>
<li>
<a href="#getstarted" class="page-scroll">
<span data-i18n="menu-started" class="menu-title">Get started</span>
<span class="dot"></span>
</a>
</li>
<li>
<a href="#apps" class="page-scroll">
<span data-i18n="menu-apps" class="menu-title">Download</span>
<span class="dot"></span>
</a>
</li>
<li>
<a href="#websites" class="page-scroll">
<span data-i18n="menu-more" class="menu-title">More</span>
<span class="dot"></span>
</a>
</li>
</ul>
</nav>
<!-- End: Language Selector -->
<!-- Start: Header -->
<a name="home"></a>
<section id="home" class="header-area" style="background-image: url('img/background.jpg');">
<!-- Start: Language Selector -->
<div class="language" align="right">
<div class="styleSelect" style="display: inline-block;" >
<select id="Lang" class="units" onclick="changeflag(this.selectedIndex)" onchange="changeflag(this.selectedIndex)">
<option value ="0">English</option>
<option value ="1">Español</option>
<option value ="2">Polski</option>
<option value ="3">Français</option>
<option value ="4">Portuguese</option>
</select>
</div>
</div>
<div class="flagLoc">
<img class="flag" id="flag" src="img/en.svg">
</div>
<div class="col-md-7">
<img src="img/logo.png" class="logo">
<h1 style="color:white;"><span data-i18n="head-taste">The leading learning platform for children</span></h1>
<h4><i style="color:white;line-height:24px" data-i18n="head-children">Used every day by nearly 3 million children around the world, Sugar is a leading learning platform developed for the One Laptop per Child project. With Sugarizer, it's now accessible to any children.</i></h4>
<br/>
<a href="http://try.sugarizer.org/" data-i18n="head-try" target="_blank" title="Try now" class="btn btn-lg btn-red">Try now</a>
<a href="#getstarted" data-i18n="get-started" title="Get started" class="btn btn-lg btn-red">Get started</a>
<a href="#apps" data-i18n="head-download" title="Install" class="btn btn-lg btn-red page-scroll">Download</a>
</div>
</section>
<!-- End: Header -->
</div>
<div class="container-fluid" id="features">
<!-- Start: Desc -->
<div class="row me-row content-ct">
<div class="col-md-4 feature">
<img src="img/children.svg" height="60" class="architecture-image"/>
<h3 data-i18n="headfeat-children">Children focused</h3>
<p data-i18n="feature-children">Sugarizer was thought for children between 6 and 12. The unique Sugarizer UI is discoverable, wholly intuitive, and use metaphors usable by children who don't know how to read.</p>
</div>
<div class="col-md-4 feature">
<img src="img/school.svg" height="60" class="architecture-image"/>
<h3 data-i18n="headfeat-school">Learn at school and beyond</h3>
<p data-i18n="feature-school">Sugarizer provide a set of "activities", not a set of applications. This is more than a new naming convention; it represents an intrinsic quality of the learning experience that could be use by children in the classroom or at home.</p>
</div>
<div class="col-md-4 feature">
<img src="img/collaborative.svg" height="60" class="architecture-image"/>
<h3 data-i18n="headfeat-collaborative">Collaborative</h3>
<p data-i18n="feature-collaborative">Everyone has the potential for being both a learner and a teacher. Sugarizer has chosen to put collaboration at the core of the user experience in order to realize this potential.</p>
</div>
</div>
<div class="row me-row content-ct">
<div class="col-md-4 feature">
<img src="img/approved.svg" height="60" class="architecture-image"/>
<h3 data-i18n="headfeat-approved">Field approved</h3>
<p data-i18n="feature-approved">Used every day by nearly 3 million children around the world, Sugar is a leading learning platform developed for the One Laptop per Child project. With Sugarizer, it's now accessible to any children.</p>
</div>
<div class="col-md-4 feature">
<img src="img/adblocker.svg" height="60" class="architecture-image"/>
<h3 data-i18n="headfeat-adblocker">Ads Free and privacy respectful</h3>
<div class="join" data-i18n="feature-adblocker">95% of apps market for children in stores contain advertising! With Sugarizer you're guaranteed to have 0 advertisements and 0 tracking tools included. We are RGPD compliant and extremely serious about data privacy.</div>
<div class="join" data-i18n="content-moreinfo">More information</div> <a id="policyurl" href="docs/articles/policy_en.html"><div class="join" data-i18n="content-here">here</div></a>.
</div>
<div class="col-md-4 feature">
<img src="img/copyleft.svg" height="40" class="architecture-image"/>
<h3 data-i18n="headfeat-opensource">Free software</h3>
<p data-i18n="feature-opensource">Sugarizer is a Free, Libre Software. We believe that source code transparency, simple customization and free contents, are absolute requirements for a tool in children's hands.</p>
</div>
</div>
<!-- End: Desc -->
</div>
<div class="container" id="getstarted">
<div class="row me-row content-ct">
<h2 class="row-title" data-i18n="get-started-title">Activity list:</h2>
</div>
<div id="carousel" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carousel" data-bs-slide-to="0" class="carousel-color active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carousel" data-bs-slide-to="1" class="carousel-color" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carousel" data-bs-slide-to="2" class="carousel-color" aria-label="Slide 3"></button>
<button type="button" data-bs-target="#carousel" data-bs-slide-to="3" class="carousel-color" aria-label="Slide 3"></button>
<button type="button" data-bs-target="#carousel" data-bs-slide-to="4" class="carousel-color" aria-label="Slide 4"></button>
<button type="button" data-bs-target="#carousel" data-bs-slide-to="5" class="carousel-color" aria-label="Slide 5"></button>
<button type="button" data-bs-target="#carousel" data-bs-slide-to="6" class="carousel-color" aria-label="Slide 6"></button>
<button type="button" data-bs-target="#carousel" data-bs-slide-to="7" class="carousel-color" aria-label="Slide 7"></button>
<button type="button" data-bs-target="#carousel" data-bs-slide-to="8" class="carousel-color" aria-label="Slide 8"></button>
<button type="button" data-bs-target="#carousel" data-bs-slide-to="9" class="carousel-color" aria-label="Slide 9"></button>
<button type="button" data-bs-target="#carousel" data-bs-slide-to="10" class="carousel-color" aria-label="Slide 10"></button>
<button type="button" data-bs-target="#carousel" data-bs-slide-to="11" class="carousel-color" aria-label="Slide 11"></button>
<button type="button" data-bs-target="#carousel" data-bs-slide-to="12" class="carousel-color" aria-label="Slide 12"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="card card-article">
<img src="docs/articles/images/teachers.png" class="carousel-image d-block w-50" alt="Sugarizer from home to the classroom">
<div class="card-body">
<h3 class="card-title" data-i18n="article-hometoclass-title">Sugarizer from home to the classroom</h3>
<p class="card-text" data-i18n="article-hometoclass-text">What is Sugarizer? How to use it? That's what we'll find out in this article.</p>
<a id="hometoclass" data-i18n="article-read" href="docs/articles/hometoclass" class="btn btn-red btn-article" role="button">READ</a>
</div>
</div>
</div>
<div class="carousel-item">
<div class="card card-article">
<img src="docs/articles/images/clicktolist.png" class="carousel-image d-block w-50" alt="First steps with Sugarizer">
<div class="card-body">
<h3 class="card-title" data-i18n="article-firststep-title">First steps with Sugarizer</h3>
<p class="card-text" data-i18n="article-firststep-text">Never used Sugarizer before? Let's find out.</p>
<a id="firststep" data-i18n="article-read" href="docs/articles/firststep" class="btn btn-red btn-article" role="button">READ</a>
</div>
</div>
</div>
<div class="carousel-item">
<div class="card card-article">
<img src="docs/articles/images/journalview.png" class="carousel-image d-block w-50" alt="...">
<div class="card-body">
<h3 class="card-title" data-i18n="article-journal-title">The Journal</h3>
<p class="card-text" data-i18n="article-journal-text">In Sugarizer, there is no need to save your work, the Journal is the place that automatically keeps a history of everything you do. Let's explore it together.</p>
<a id="journal" data-i18n="article-read" href="docs/articles/journal" class="btn btn-red btn-article" role="button">READ</a>
</div>
</div>
</div>
<div class="carousel-item">
<div class="card card-article">
<img src="docs/articles/images/neighborhood.png" class="carousel-image d-block w-50"alt="Share an activity">
<div class="card-body">
<h3 class="card-title" data-i18n="article-shareactivities-title">Share an activity</h3>
<p class="card-text" data-i18n="article-shareactivities-text">When connected to a server, Sugarizer makes it very easy to share activities with other users. Here's how.</p>
<a id="shareactivities" data-i18n="article-read" href="docs/articles/shareactivities" class="btn btn-red btn-article" role="button">READ</a>
</div>
</div>
</div>
<div class="carousel-item">
<div class="card card-article">
<img src="docs/articles/images/exerciser_templates.png" class="carousel-image d-block w-50"alt="Exerciser: the Sugarizer exercise creation tool">
<div class="card-body">
<h3 class="card-title" data-i18n="article-exerciser-title">Exerciser: the Sugarizer exercise creation tool</h3>
<p class="card-text" data-i18n="article-exerciser-text">One of the tools available to teachers on the Sugarizer platform is Exerciser, a simple way to create interactive exercises, track student progress and promote active learning.</p>
<a id="exerciser" data-i18n="article-read" href="docs/articles/exerciser" class="btn btn-red btn-article" role="button">READ</a>
</div>
</div>
</div>
<div class="carousel-item">
<div class="card card-article">
<img src="docs/articles/images/basicskills_read.png" class="carousel-image d-block w-50"alt="Exerciser: the Sugarizer exercise creation tool">
<div class="card-body">
<h3 class="card-title" data-i18n="article-basicskills-title">Fundamental learning with Sugarizer</h3>
<p class="card-text" data-i18n="article-basicskills-text">The strength of the Sugarizer platform lies in its ability to facilitate the teaching of basic skills in elementary school. Let's find out how.</p>
<a id="basicskills" data-i18n="article-read" href="docs/articles/basicskills" class="btn btn-red btn-article" role="button">READ</a>
</div>
</div>
</div>
<div class="carousel-item">
<div class="card card-article">
<img src="docs/articles/images/dashboard_home.png" class="carousel-image d-block w-50"alt="Sugarizer Server dashboard overview">
<div class="card-body">
<h3 class="card-title" data-i18n="article-dashboard-title">Sugarizer Server dashboard overview</h3>
<p class="card-text" data-i18n="article-dashboard-text">When deployed in the classroom, Sugarizer relies on a school server to enable teachers to track student progress, assign homework and manage activities. The Sugarizer Server dashboard is a powerful tool that enables teachers and administrators to manage learners and monitor Sugarizer platform activity in the school. Let's find out more.</p>
<a id="dashboard" data-i18n="article-read" href="docs/articles/dashboard" class="btn btn-red btn-article" role="button">READ</a>
</div>
</div>
</div>
<div class="carousel-item">
<div class="card card-article">
<img src="docs/articles/images/connected_choice.png" class="carousel-image d-block w-50"alt="Connected or not">
<div class="card-body">
<h3 class="card-title" data-i18n="article-connectedmode-title">Connected or not</h3>
<p class="card-text" data-i18n="article-connectedmode-text">Sugarizer can be installed on your machine or used through a browser. And once installed, the application can be used in both connected and disconnected modes. This flexibility allows everyone to use Sugarizer according to their needs and technical constraints. Let's take a closer look.</p>
<a id="connectedmode" data-i18n="article-read" href="docs/articles/connectedmode" class="btn btn-red btn-article" role="button">READ</a>
</div>
</div>
</div>
<div class="carousel-item">
<div class="card card-article">
<img src="docs/articles/images/privacy_settings.png" class="carousel-image d-block w-50"alt="Your privacy matters">
<div class="card-body">
<h3 class="card-title" data-i18n="article-privacy-title">Your privacy matters</h3>
<p class="card-text" data-i18n="article-privacy-text">In today's digital world, privacy is more important than ever, especially for children using educational platforms. Sugarizer, a learning platform designed for kids, is deeply committed to protecting user privacy and personal data. Here's an easy guide to understand how much privacy matters and how you can control it with Sugarizer.</p>
<a id="privacy" data-i18n="article-read" href="docs/articles/privacy" class="btn btn-red btn-article" role="button">READ</a>
</div>
</div>
</div>
<div class="carousel-item">
<div class="card card-article">
<img src="docs/articles/images/sugarizeros_home.jpg" class="carousel-image d-block w-50"alt="SugarizerOS: Transform your Android tablet into a powerful educational tool">
<div class="card-body">
<h3 class="card-title" data-i18n="article-sugarizeros-title">SugarizerOS: Turn your Android tablet into a powerful educational tool</h3>
<p class="card-text" data-i18n="article-sugarizeros-text">SugarizerOS is a version of the Sugarizer application that replaces the Android launcher screen. SugarizerOS transforms your Android tablet into an integrated educational platform. Let's explore SugarizerOS and its features.</p>
<a id="sugarizeros" data-i18n="article-read" href="docs/articles/sugarizeros" class="btn btn-red btn-article" role="button">READ</a>
</div>
</div>
</div>
<div class="carousel-item">
<div class="card card-article">
<img src="docs/articles/images/assignments.png" class="carousel-image d-block w-50"alt="Handle assignments with Sugarizer">
<div class="card-body">
<h3 class="card-title" data-i18n="article-assignment-title">Handle assignments with Sugarizer</h3>
<p class="card-text" data-i18n="article-assignment-text">Assignment management is an essential aspect of teaching, whether it's for regular assignments or assessments. The assignments feature of Sugarizer allows teachers to assign tasks to their students in a structured and controlled manner, directly from the application. Let's explore in this article how assignment management works with Sugarizer.</p>
<a id="assignments" data-i18n="article-read" href="docs/articles/assignments" class="btn btn-red btn-article" role="button">READ</a>
</div>
</div>
</div>
<div class="carousel-item">
<div class="card card-article">
<img src="docs/articles/images/colors3.png" class="carousel-image d-block w-50"alt="Your colors are your flag">
<div class="card-body">
<h3 class="card-title" data-i18n="article-colors-title">Your colors are your flag</h3>
<p class="card-text" data-i18n="article-colors-text">Colors play a central and symbolic role in Sugarizer. Each user can personalize their experience by choosing their favorite colors, making Sugarizer as distinctive as it is inclusive. Let's take our brush and explore the role of favorite colors in Sugarizer.</p>
<a id="colors" data-i18n="article-read" href="docs/articles/colors" class="btn btn-red btn-article" role="button">READ</a>
</div>
</div>
</div>
<div class="carousel-item">
<div class="card card-article">
<img src="docs/articles/images/videos1.png" class="carousel-image d-block w-50"alt="Over 1,000 educational videos for children">
<div class="card-body">
<h3 class="card-title" data-i18n="article-videos-title">Over 1,000 educational videos for children</h3>
<p class="card-text" data-i18n="article-videos-text">Access to a variety of high-quality educational videos is essential to enrich students' learning. They allow visualization of abstract concepts, discovery of different ways of learning, and immersion in otherwise inaccessible environments. However, it is often difficult to find videos that meet the specific needs of children and are free, copyright-free, and ad-free. This is why Sugarizer provides access to a collection of over 1,000 educational videos covering a variety of subjects and themes. Let's explore them in this article.</p>
<a id="videos" data-i18n="article-read" href="docs/articles/videos" class="btn btn-red btn-article" role="button">READ</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container" id="gallery">
<div class="activities-list">
<h3 data-i18n="activity-all-description">Sugarizer include about 50 activities to play, create, simulate, ...</h3>
<h3 data-i18n="activity-all-find">Find the one you need!</h3>
<a href="activities.html" data-i18n="explore" title="Explore" class="btn btn-lg btn-red">Explore</a>
</div>
<br/>
</div>
<div class="container-fluid" id="components">
<!-- Start: Desc -->
<div class="row me-row content-ct">
<h2 class="row-title" data-i18n="content-components">Sugarizer is distributed in the form of 3 components:</h2>
<div class="col-md-4 feature">
<img src="img/sugarizer_client.svg" height="90" class="architecture-image"/>
<h3 data-i18n="head-app">App</h3>
<p data-i18n="content-app">Sugarizer installed locally on the device so it does not require any access to the Server - it works stand-alone. Sugarizer App is available for Window/GNU-Linux/MacOS, for Android and iOS.</p>
</div>
<div class="col-md-4 feature">
<img src="img/sugarizer_thinclient.svg" height="90" class="architecture-image"/>
<h3 data-i18n="head-web">Web App</h3>
<p data-i18n="content-web">It could work on any device with a recent browser version. Sugarizer Web App doesn't need any installation on the device but requires a permanent access to a Sugarizer Server.</p>
</div>
<div class="col-md-4 feature">
<img src="img/sugarizer_server.svg" height="90" class="architecture-image"/>
<h3 data-i18n="head-server">Server</h3>
<p data-i18n="content-server">Sugarizer Server is the back-end for network features of Sugarizer. It expose locally Web App so allow deployment of Sugarizer on a local server, for example on a school server. Sugarizer Server can also be used to provide collaboration features for App and Web App on the network.</p>
</div>
</div>
<!-- End: Desc -->
</div>
<div class="container">
<a name="apps"></a>
<!-- Start: Apps -->
<div class="row me-row content-ct app" id="apps">
<h2 data-i18n="head-sugarizer" class="row-title">Download Sugarizer app on...</h2>
<div class="col-md-4 col-sm-6 feature">
<a href="https://play.google.com/store/apps/details?id=org.olpc_france.sugarizer" title="Google Play">
<img src="img/googleplay.jpg" class="app-img">
<h3 data-i18n="google-play">Google Play</h3>
</a>
</div>
<div class="col-md-4 col-sm-6 feature">
<a href="https://itunes.apple.com/us/app/sugarizer/id978495303" title="Apple Store">
<img src="img/applestore.jpg" class="app-img">
<h3 data-i18n="app-store">App Store</h3>
</a>
</div>
<div class="col-md-4 col-sm-6 feature">
<a href="http://www.amazon.com/gp/product/B00NKK7PZA" title="Amazon Apps">
<img src="img/amazon.jpg" class="app-img">
<h3 data-i18n="amazon-apps">Amazon Apps</h3>
</a>
</div>
<div class="col-md-4 col-sm-6 feature">
<a href="https://f-droid.org/repository/browse/?fdid=org.olpc_france.sugarizer" title="F-Droid">
<img src="img/f-droid.jpg" class="app-img">
<h3 data-i18n="f-droid">F-Droid</h3>
</a>
</div>
<div class="col-md-4 col-sm-6 feature">
<a href="https://snapcraft.io/sugarizer/" title="Snapcraft">
<img src="img/snapcraft.jpg" class="app-img">
<h3 data-i18n="snapcraft">Snapcraft</h3>
</a>
</div>
</div>
<a name="desktop"></a>
<h3>
<i class="fa fa-lg fa-solid fa-laptop fa-fw"></i> <span data-i18n="content-desktop">Desktop Installation</span>
</h3>
<hr/>
<h4>
<i class="fab fa-windows fa-lg fa-fw"></i> Windows
</h4>
<ul class="fa-ul">
<li>
<i class="fa-li fa fa-arrow-right"></i>
<small>
<a href="https://sugarizer.org/download/Sugarizer-Setup-1.8.0.exe">
<i class="fa fa-download"></i> Sugarizer-Setup-1.8.0.exe
</a>
</small>
</li>
</ul>
<br/>
<h4>
<i class="fab fa-apple fa-lg fa-fw"></i> macOS
</h4>
<ul class="fa-ul">
<li>
<i class="fa-li fa fa-arrow-right"></i>
<small>
<a href="https://sugarizer.org/download/Sugarizer-1.8.0.dmg">
<i class="fa fa-download"></i> Sugarizer-1.8.0.dmg
</a>
</small>
</li>
</ul>
<br/>
<h4>
<i class="fab fa-linux fa-lg fa-fw"></i> Linux
</h4>
<ul class="fa-ul">
<li>
<i class="fa-li fa fa-arrow-right"></i>
<small>
<a href="https://sugarizer.org/download/Sugarizer_1.8.0_amd64.deb">
<i class="fa fa-download"></i> Sugarizer_1.8.0_amd64.deb
</a>
</small>
</li>
<li>
<i class="fa-li fa fa-arrow-right"></i>
<small>
<a href="https://sugarizer.org/download/Sugarizer-1.8.0.AppImage">
<i class="fa fa-download"></i> Sugarizer-1.8.0.AppImage
</a>
</small>
</li>
</ul>
<br/>
<br/>
<a name="server"></a>
<h3>
<i class="fa fa-lg fa-server fa-fw"></i> <span data-i18n="content-serverinstall">Server Installation on</span> <font color="#2496ed">Docker <i class="fab fa-docker"></i></font>
</h3>
<hr/>
<pre class="command-line language-bash">
git clone https://github.com/llaske/sugarizer
git clone https://github.com/llaske/sugarizer-server
cd sugarizer-server
sh generate-docker-compose.sh
docker-compose up -d
</pre>
<span data-i18n="content-moreinfo">More information</span> <a href="https://github.com/llaske/sugarizer-server"><span data-i18n="content-here">here</span></a>.
<br/>
<br/>
<!-- End: Apps -->
</div>
<!-- Start: Websites -->
<div class="container-fluid websites" id="websites">
<div class="row me-row content-ct">
<h2 data-i18n="head-info" class="row-title">More information on...</h2>
<div class="col-md-4 col-sm-4">
<p data-i18n="gh" class="web">GitHub</p>
<p data-i18n="gh-content">Explore the Sugarizer project on GitHub.</p>
<a data-i18n="open" href="https://github.com/llaske/sugarizer" title="Sugarizer GitHub" class="btn btn-lg btn-red">Open</a>
</div>
<div class="col-md-4 col-sm-4">
<p data-i18n="wiki" class="web">Chat</p>
<p data-i18n="wiki-content">Ask any question you have on our Discord.</p>
<a data-i18n="open" href="https://sugarizer.org/discord" title="Sugarizer Discord" class="btn btn-lg btn-red">Open</a>
</div>
<div class="col-md-4 col-sm-4">
<p data-i18n="mailing" class="web">Donate</p>
<p data-i18n="mailing-content">Do you like Sugarizer? Donate to help us make it accessible to more users.</p>
<div style="margin: 0 auto; width: 116px;">
<table>
<tr><td><a class="sponsor-btn" href="https://github.com/sponsors/llaske?o=esb"><i class="far fa-heart sponsor-icon"></i><div class="sponsor-link">Sponsor</div></a></td></tr>
<tr><td><a href="https://liberapay.com/llaske/donate" style="width:116px;"><img alt="Donate using Liberapay" src="img/liberapay.svg"></a></td></tr>
</table>
</div>
</div>
</div>
</div>
<!-- End: Websites -->
<!-- Start: Footer -->
<div class="container-fluid footer">
<div class="row footer-credit">
<div class="col-md-6 col-sm-6">
<p><span data-i18n="oss">Sugarizer is a free software under</span> <a href="http://www.apache.org/licenses/LICENSE-2.0" title="Apache License" target="_blank"><span data-i18n="licence">Apache 2 licence</span></a>, <span data-i18n="code">source code is available on GitHub</span> <a href="https://github.com/llaske/sugarizer" title="GitHub" target="_blank"><span data-i18n="here">here</span></a>.
<span data-i18n="activities">Most activities use this license too but some could use a different license, check the README file for more.</span>
</p><br/>
<p>© 2013-<span id="currentYear"></span>, Lionel Laské, <a href="http://sugarlabs.org" title="Sugar Labs" target="_blank">Sugar Labs Inc.</a> and <a href="https://github.com/llaske/sugarizer/blob/dev/docs/credits.md" target="_blank">Contributors</a>.</p><br/>
<a href="https://github.com/llaske/sugarizer" target="_blank"><i class="fab fa-github-square fa-3x" style="margin-left:8px;margin-top:5px;color:#ffffff;"></i></a>
<a href="https://twitter.com/sugarizerapp" target="_blank"><i class="fab fa-square-x-twitter fa-3x" style="margin-left:8px;margin-top:5px;color:#ffffff;"></i></a>
<a href="https://www.facebook.com/Sugarizer" target="_blank"><i class="fab fa-facebook-square fa-3x" style="margin-left:8px;margin-top:5px;color:#ffffff;"></i></a>
<a href="https://sugarizer.org/discord" target="_blank" style="margin-left:12px;"><span class="position-absolute"><i class="fab fa-discord bg-white rounded-2 fa-2x align-self-center justify-content-center text-center" style="color: #2a2a2a; padding: .16em .1em; margin-bottom: 0.5rem; transform: translateY(7.9px) ;"></i></span></a>
</div>
<div class="col-md-6 col-sm-6">
<p><span data-i18n="original">Original page design by:</span> <a href="https://piotr-antosz.pl"
title="Piotr Antosz website"><span data-i18n="antosz">Piotr Antosz</span></a>.</p><br />
<p data-i18n="credits">Image credits (from the Noun Project): Play by P.J. Onori, Responsive Design by
Benni, Server image by aLf, Cloud by Dmitry Baranovskiy,
Tablet by Konstantin Velichko, Children by Musmellow, School by Kevin, Group by Nicolas Mitchell,
Approved by Gregor Cresnar, Ad Blocker by Setyo Ari Wibowo.
</p>
</div>
</div>
</div>
<!-- End: Footer -->
<script>if (typeof module === 'object') {window.module = module; module = undefined;}</script>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/scrolling-nav.js"></script>
<script src="js/featherlight.min.js" type="text/javascript" charset="utf-8"></script>
<script>if (window.module) module = window.module;</script>
<script src="js/require.js"></script>
<script type="text/javascript">
document.getElementById('currentYear').textContent = new Date().getFullYear();
requirejs.config({
baseUrl: "js",
paths: {
activity: "../js"
}
});
var langs = ["en", "es", "pl", "fr", "pt"];
var l10n = null;
requirejs(["l10n"], function (il10n) {
l10n = il10n;
let defaultLanguage = (typeof chrome != 'undefined' && chrome.app && chrome.app.runtime) ? chrome.i18n.getUILanguage() : navigator.language;
l10n.init(defaultLanguage.split('-')[0]);
});
function changeflag(c){
if (c == -1) return;
lang = langs[c];
l10n.switchTo(lang) ;
document.getElementById('flag').src = "img/" + lang + ".svg";
changeArticlesUrl();
}
window.addEventListener('localized', function() {
l10n.updateDocument();
lang = l10n.getLanguage();
lang = lang[0] + lang[1];
document.getElementById("Lang").value = langs.indexOf(lang);
document.getElementById('flag').src = "img/" + lang + ".svg";
changeArticlesUrl();
}, false);
function changeArticlesUrl() {
let articles = document.getElementsByClassName("btn-article");
let lang = l10n.getLanguage();
lang = lang == 'fr' ? 'fr' : 'en'; // Only French and English is available for articles
for(let i = 0; i < articles.length; i++){
articles[i].href = "docs/articles/"+articles[i].id + "_" + lang + ".html";
}
document.getElementById("policyurl").href = "docs/articles/policy_" + lang + ".html";
}
</script>
</body>
</html>