| |
@@ -0,0 +1,204 @@
|
| |
+ {% extends "master_getfedora.html" %}
|
| |
+
|
| |
+ {% block title %}{% trans trimmed %}Fedora SoaS Desktop{% endtrans %}{% endblock %}
|
| |
+
|
| |
+ {% block content %}
|
| |
+ <header id="head">
|
| |
+ <div class="bg-white">
|
| |
+ <div class="container py-5 bg-transparent">
|
| |
+ <div class="row">
|
| |
+ <div class="py-4">
|
| |
+ <h1 class="font-weight-light">{% trans trimmed %}The SoaS Desktop.{% endtrans %}</h1><br><br>
|
| |
+ <img class="img-fluid" src="/static/images/spins/screenshots/screenshot-soas.jpg"><br><br><br>
|
| |
+ <p class="font-weight-light lead">{% trans trimmed %}Sugar on a Stick is a Fedora-based operating system featuring the award-winning Sugar Learning Platform and designed to fit on an ordinary USB thumbdrive ("stick").{% endtrans %}</p>
|
| |
+ <p class="font-weight-light lead">{% trans trimmed %}Sugar sets aside the traditional “office-desktop” metaphor, presenting a child-friendly graphical environment. Sugar automatically saves your progress to a "Journal" on your stick, so teachers and parents can easily pull up "all collaborative web browsing sessions done in the past week" or "papers written with Daniel and Sarah in the last 24 hours" with a simple query rather than memorizing complex file/folder structures. Applications in Sugar are known as Activities, some of which are described below.{% endtrans %}</p>
|
| |
+ <p class="font-weight-light lead">{% trans trimmed %}It is now deployable for the cost of a stick rather than a laptop; students can take their Sugar on a Stick thumbdrive to any machine - at school, at home, at a library or community center - and boot their customized computing environment without touching the host machine’s hard disk or existing system at all.{% endtrans %}</p>
|
| |
+ <div class="py-5 text-center">
|
| |
+ <a class="btn btn-outline-fedora-blue btn-lg" href="{{url_for('spins_soas_download', lang_code=lang_code)}}">{% trans trimmed %}Download Now{% endtrans %}</a>
|
| |
+ </div>
|
| |
+ </div>
|
| |
+ </div>
|
| |
+ </div>
|
| |
+ </div>
|
| |
+ </header>
|
| |
+
|
| |
+ <!-- Exploring The Wider World -->
|
| |
+ <div class="bg-light border">
|
| |
+ <div class="container py-5 bg-transparent">
|
| |
+ <div class="py-4">
|
| |
+ <h2 class="font-weight-light text-center">{% trans trimmed %}Exploring The Wider World{% endtrans %}</h2>
|
| |
+ </div>
|
| |
+ <div class="row">
|
| |
+ <div class="col-md-3 py-4 col-xs-12">
|
| |
+ <img src="/static/images/spins/soas/web.png" height=35 alt="Browse"/>
|
| |
+ <h4 class="mt-3 mb-3 font-weight-light">{% trans trimmed %}Browse{% endtrans %}</h4>
|
| |
+ <p class="font-weight-light">{% trans trimmed %}Access the internet with Browse Activity, bookmark sites to research with friends and save sessions to keep organized.{% endtrans %}</p>
|
| |
+ </div>
|
| |
+
|
| |
+ <div class="col-md-3 py-4 col-xs-12">
|
| |
+ <img src="/static/images/spins/soas/getbooks.png" height=35 alt="Get Books" />
|
| |
+ <h4 class="mt-3 mb-3 font-weight-light">{% trans trimmed %}Get Books{% endtrans %}</h4>
|
| |
+ <p class="font-weight-light">{% trans trimmed %}Download electronic books from all over the web. Explore with ease the classics and modern books from the Internet Archive, Feedbooks, etc.{% endtrans %}</p>
|
| |
+ </div>
|
| |
+
|
| |
+ <div class="col-md-3 py-4 col-xs-12">
|
| |
+ <img src="/static/images/spins/soas/read.png" height=35 alt="Read" />
|
| |
+ <h4 class="mt-3 mb-3 font-weight-light">{% trans trimmed %}Read{% endtrans %}</h4>
|
| |
+ <p class="font-weight-light">{% trans trimmed %}Explore reports, documents, books and comics with the Read Activity.{% endtrans %}</p>
|
| |
+ </div>
|
| |
+
|
| |
+ <div class="col-md-3 py-4 col-xs-12">
|
| |
+ <img src="/static/images/spins/soas/chat.png" height=35 alt="Chat" />
|
| |
+ <h4 class="mt-3 mb-3 font-weight-light">{% trans trimmed %}Chat{% endtrans %}</h4>
|
| |
+ <p class="font-weight-light">{% trans trimmed %}Chat provides a simple interface for collaborative discussion between two individuals or among a group as large as an entire classroom.{% endtrans %}</p>
|
| |
+ </div>
|
| |
+ </div>
|
| |
+ </div>
|
| |
+ </div>
|
| |
+
|
| |
+ <!-- Reflect on Learnings -->
|
| |
+ <div class="bg-gray-200 border">
|
| |
+ <div class="container py-5 bg-transparent">
|
| |
+ <div class="row">
|
| |
+ <div class="col-md-6">
|
| |
+ <div class="py-4">
|
| |
+ <h2 class="font-weight-light text-center">{% trans trimmed %}Reflect on Learnings{% endtrans %}</h2>
|
| |
+ </div>
|
| |
+ <div class="row">
|
| |
+ <div class="col-md-6 py-4 col-xs-12 top-margin">
|
| |
+ <img src="/static/images/spins/soas/journal.png" height=35 alt="Journal" />
|
| |
+ <h4 class="mt-3 mb-3 font-weight-light">{% trans trimmed %}Journal{% endtrans %}</h4>
|
| |
+ <p class="font-weight-light">{% trans trimmed %}The Journal provides an interface into a datastore of everything you've created in Sugar. Bookmarking and commenting tools integrate with the Journal to allow parents and teachers to review a child's learning progress.{% endtrans %}</p>
|
| |
+ </div>
|
| |
+ <div class="col-md-6 py-4 col-xs-12 top-margin">
|
| |
+ <img src="/static/images/spins/soas/portfolio.png" height=35 alt="Portfolio" />
|
| |
+ <h4 class="mt-3 mb-3 font-weight-light">{% trans trimmed %}Portfolio{% endtrans %}</h4>
|
| |
+ <p class="font-weight-light">{% trans trimmed %}Portfolio provides a means to create periodic snapshots in slideshow form of representative work that shows what the learner can do.{% endtrans %}</p>
|
| |
+ </div>
|
| |
+ </div>
|
| |
+ </div>
|
| |
+ <div class="col-md-6">
|
| |
+ <div class="py-4">
|
| |
+ <h2 class="font-weight-light text-center">{% trans trimmed %}Getting Technical{% endtrans %}</h2>
|
| |
+ </div>
|
| |
+ <div class="row">
|
| |
+ <div class="col-md-6 py-4 col-xs-12 top-margin">
|
| |
+ <img src="/static/images/spins/soas/turtleart.png" height=35 alt="Turtle Blocks" />
|
| |
+ <h4 class="mt-3 mb-3 font-weight-light">{% trans trimmed %}Turtle Blocks{% endtrans %}</h4>
|
| |
+ <p class="font-weight-light">{% trans trimmed %}Learn programming concepts with snap together blocks. Create art, animations and interactive programs in a graphics focused environment.{% endtrans %}</p>
|
| |
+ </div>
|
| |
+ <div class="col-md-6 py-4 col-xs-12 top-margin">
|
| |
+ <img src="/static/images/spins/soas/icon.png" height=35 alt="Pippy" />
|
| |
+ <h4 class="mt-3 mb-3 font-weight-light">{% trans trimmed %}Pippy{% endtrans %}</h4>
|
| |
+ <p class="font-weight-light">{% trans trimmed %}Program applications in a simple environment. The Python backend provides unlimited opportunities within a simple language.{% endtrans %}</p>
|
| |
+ </div>
|
| |
+ </div>
|
| |
+ </div>
|
| |
+ </div>
|
| |
+ </div>
|
| |
+ </div>
|
| |
+
|
| |
+ <!-- Multimedia -->
|
| |
+ <div class="bg-white border">
|
| |
+ <div class="container py-5 bg-transparent">
|
| |
+ <div class="py-4">
|
| |
+ <h2 class="font-weight-light text-center">{% trans trimmed %}Multimedia{% endtrans %}</h2>
|
| |
+ </div>
|
| |
+ <div class="row">
|
| |
+ <div class="col-md-3 py-4 col-xs-12">
|
| |
+ <img src="/static/images/spins/soas/jukebox.png" height=35 alt="Jukebox"/>
|
| |
+ <h4 class="mt-3 mb-3 font-weight-light">{% trans trimmed %}Jukebox{% endtrans %}</h4>
|
| |
+ <p class="font-weight-light">{% trans trimmed %}Jukebox is a simple media player to consume different kinds of audio and video files as well as your own creations.{% endtrans %}</p>
|
| |
+ </div>
|
| |
+
|
| |
+ <div class="col-md-3 py-4 col-xs-12">
|
| |
+ <img src="/static/images/spins/soas/paint.png" height=35 alt="Paint" />
|
| |
+ <h4 class="mt-3 mb-3 font-weight-light">{% trans trimmed %}Paint{% endtrans %}</h4>
|
| |
+ <p class="font-weight-light">{% trans trimmed %}Paint provides the tools to make artistic creations. Use brushes, stamps, shapes, text and images to create beautiful pictures.{% endtrans %}</p>
|
| |
+ </div>
|
| |
+
|
| |
+ <div class="col-md-3 py-4 col-xs-12">
|
| |
+ <img src="/static/images/spins/soas/record.png" height=35 alt="Record" />
|
| |
+ <h4 class="mt-3 mb-3 font-weight-light">{% trans trimmed %}Record{% endtrans %}</h4>
|
| |
+ <p class="font-weight-light">{% trans trimmed %}Record is a basic rich-media capture Activity. It lets you capture still images, video, and/or audio.{% endtrans %}</p>
|
| |
+ </div>
|
| |
+
|
| |
+ <div class="col-md-3 py-4 col-xs-12">
|
| |
+ <img src="/static/images/spins/soas/imageviewer.png" height=35 alt="Image Viewer" />
|
| |
+ <h4 class="mt-3 mb-3 font-weight-light">{% trans trimmed %}Image Viewer{% endtrans %}</h4>
|
| |
+ <p class="font-weight-light">{% trans trimmed %}A simple and fast image viewer tool for Sugar. It has standard features, like zoom and rotate.{% endtrans %}</p>
|
| |
+ </div>
|
| |
+ </div>
|
| |
+ </div>
|
| |
+ </div>
|
| |
+
|
| |
+ <!-- Understanding and Creating Content -->
|
| |
+ <div class="bg-light">
|
| |
+ <div class="container py-5 bg-transparent">
|
| |
+ <div class="py-4">
|
| |
+ <h2 class="font-weight-light text-center">{% trans trimmed %}Understanding and Creating Content{% endtrans %}</h2>
|
| |
+ </div>
|
| |
+ <div class="row">
|
| |
+ <div class="col-md-3 py-4 col-xs-12">
|
| |
+ <img src="/static/images/spins/soas/write.png" height=35 alt="Write"/>
|
| |
+ <h4 class="mt-3 mb-3 font-weight-light">{% trans trimmed %}Write{% endtrans %}</h4>
|
| |
+ <p class="font-weight-light">{% trans trimmed %}Create a story, poem, report or anything with Write. Use formatting tools to add images or colors and work together with friends.{% endtrans %}</p>
|
| |
+ </div>
|
| |
+
|
| |
+ <div class="col-md-3 py-4 col-xs-12">
|
| |
+ <img src="/static/images/spins/soas/labyrinth.png" height=35 alt="Labyrinth" />
|
| |
+ <h4 class="mt-3 mb-3 font-weight-light">{% trans trimmed %}Labyrinth{% endtrans %}</h4>
|
| |
+ <p class="font-weight-light">{% trans trimmed %}Put complex ideas on the computer. Use the Labyrinth Activity to mind map about new concepts, to explore new ideas or to reflect.{% endtrans %}</p>
|
| |
+ </div>
|
| |
+
|
| |
+ <div class="col-md-3 py-4 col-xs-12">
|
| |
+ <img src="/static/images/spins/soas/physics.png" height=35 alt="Physics" />
|
| |
+ <h4 class="mt-3 mb-3 font-weight-light">{% trans trimmed %}Physics{% endtrans %}</h4>
|
| |
+ <p class="font-weight-light">{% trans trimmed %}Create real life simulations using shapes, motors, ropes and bolts to explore physics in the world.{% endtrans %}</p>
|
| |
+ </div>
|
| |
+
|
| |
+ <div class="col-md-3 py-4 col-xs-12">
|
| |
+ <img src="/static/images/spins/soas/fototoon.png" height=35 alt="Fototoon" />
|
| |
+ <h4 class="mt-3 mb-3 font-weight-light">{% trans trimmed %}Fototoon{% endtrans %}</h4>
|
| |
+ <p class="font-weight-light">{% trans trimmed %}Use images and text to create comic strips. FotoToon provides many options to add motion, speech and thought to creations.{% endtrans %}</p>
|
| |
+ </div>
|
| |
+ </div>
|
| |
+ </div>
|
| |
+ </div>
|
| |
+
|
| |
+ <!-- Resources -->
|
| |
+ <div class="py-5 main-head bg-gray-200 border">
|
| |
+ <div class="container">
|
| |
+ <div class="row">
|
| |
+ <div class="col-12">
|
| |
+ <h2 class="font-weight-light text-center">{% trans trimmed %}Support Resources.{% endtrans %}</h2>
|
| |
+ </div>
|
| |
+ </div>
|
| |
+ <br><br>
|
| |
+ <div class="row top-margin">
|
| |
+ <div class="col-md-4 py-4 col-xs-12">
|
| |
+ <div class="col-12">
|
| |
+ <h3 class="font-weight-light"><i class="fa fa-fw fa-lg header-icon fa-book"></i>{% trans trimmed %} Documentation{% endtrans %}</h3><br>
|
| |
+ <p class="font-weight-light">{% trans trimmed %}Specific documentation and tutorials are available at the <a href="https://sugarlabs.org/">SoaS project upstream website{% endtrans %}</a></p><br>
|
| |
+ </div>
|
| |
+ </div>
|
| |
+ <div class="col-md-4 py-4 col-xs-12">
|
| |
+ <div class="col-12">
|
| |
+ <h3 class="font-weight-light"><i class="fa fa-fw fa-lg header-icon fa-envelope"></i>{% trans trimmed %} Email{% endtrans %}</h3><br>
|
| |
+ <p class="font-weight-light">{% trans trimmed %}Users and developers are also available on the mailing list at{% endtrans %} <a href="http://lists.sugarlabs.org/listinfo/soas">soas@lists.sugarlabs.org.</a></p>
|
| |
+ </div>
|
| |
+ </div>
|
| |
+ <div class="col-md-4 py-4 col-xs-12">
|
| |
+ <div class="col-12">
|
| |
+ <h3 class="font-weight-light"><i class="fa fa-fw fa-lg header-icon fa-comments"></i> Chat</h3><br>
|
| |
+ <p class="font-weight-light">{% trans trimmed %}Users and developers are available in the{% endtrans %} <a href="http://webchat.freenode.net/?channels=sugar">#sugar</a> IRC channel on <strong>irc.freenode.org</strong> for real-time chat</p>
|
| |
+ </div>
|
| |
+ </div>
|
| |
+ </div>
|
| |
+ </div>
|
| |
+ </div>
|
| |
+
|
| |
+ {% endblock %}
|
| |
+ {% block js %}
|
| |
+ {{ super() }}
|
| |
+ {% endblock %}
|
| |
This PR has the spins.fp.o and all its pages (index and download). Also added checksums to security (for now).