CINXE.COM

Sugar Labs

<!DOCTYPE html> <html class="no-js" lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link id="defaultIcon1" rel="shortcut icon" href="/assets/favicon_06.png" /> <title>Sugar Labs</title> <link href="/css/googleFonts.css" rel="stylesheet" type="text/css" > <meta name="robots" content="index,follow,NOODP" /> <meta name="description" Content="At Sugar Labs, we make FOSS tools that learners use to explore, discover, create, and reflect. We encourage our users to take responsibility for their learning." /> <meta name="keywords" Content="Sugar Labs, Sugar, Sugarlabs, Education, Opensource, OpenSource, Sugar activities, activities, Sugar OS, Sugarizer, Sugar on Stick, SOAS, FOSS, Free software, software libre, Free/Libre Software, Constructionism, GSOC, GCI, Outreachy, Sugar Software, Learning" /> <!-- Facebook card --> <meta property="fb:admins" content="552694361,100003527081308,100003017988002,100007693992282" /> <meta property="fb:page_id" content="187845102582" /> <!-- Twitter card --> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@sugar_labs" /> <meta name="twitter:creator" content="@sugar_labs" /> <meta name="twitter:title" content="The Sugar Labs" /> <meta name="twitter:description" content="Sugar Labs contributes to and helps maintain the award-winning Sugar Learning Platform, which promotes collaborative learning through Sugar Activities" /> <meta name="twitter:image" content="/home-screenshot.png" /> <!-- Open graph --> <meta property="og:site_name" content="Sugar Labs" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Sugar Labs" /> <meta property="og:url" content="https://sugarlabs.org/" /> <meta property="og:description" content="Sugar Labs contributes to and helps maintain the award-winning Sugar Learning Platform, which promotes collaborative learning through Sugar Activities." /> <meta property="og:image" content="/assets/home-screenshot.png" /> <!-- Google Knowledge Graph card --> <script type='application/ld+json'> { "@context": "http://www.schema.org", "@type": "Organization", "name": "Sugar Labs", "url": "https://sugarlabs.org/", "logo": "https://sugarlabs.org/assets/logo.png", "description": "Sugar Labs contributes to and helps maintain the award-winning Sugar Learning Platform, which promotes collaborative learning through Sugar Activities." } </script> <!-- CSS files--> <link rel="stylesheet" type="text/css" href="/css/bootstrap.css" /> <link rel="stylesheet" type="text/css" href="/css/airspace.css" /> <link rel="stylesheet" type="text/css" href="/css/custom.css" /> <link rel="stylesheet" type="text/css" href="/css/ionicons.min.css" media="none" onload="if(media!='all')media='all'"><noscript><link rel="stylesheet" href="/css/ionicons.min.css"></noscript> <link rel="stylesheet" type="text/css" href="/css/ion_icon_customization.css" /> <link rel="stylesheet" type="text/css" href="/css/owl.carousel.css" media="none" onload="if(media!='all')media='all'"><noscript><link rel="stylesheet" href="/css/owl.carousel.css"></noscript> <!-- Javascript files--> <!--[if lt IE 9]> <script src="//oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <![endif]--> <script type="text/javascript"> if (typeof jQuery == 'undefined') { document.write(unescape("%3Cscript src='/js/jquery.js' type='text/javascript'%3E%3C/script%3E")); } </script> <script> if(typeof($.fn.modal) === 'undefined') {document.write('<script src="/js/bootstrap.js"><\/script>')} </script> <script type="text/javascript" src="/js/main.js" defer></script> <script type="text/javascript" src="/js/custom.js" defer></script> <link rel="canonical" href="https://sugarlabs.org/" /> <link rel="alternate" type="application/rss+xml" title="http://planet.sugarlabs.org/" /> <script type="text/javascript" defer> $(window).load(function() { $(".loader").fadeOut("slow"); }) </script> <script> $(document).ready(function(){ $(".owl-carousel").owlCarousel({ paginationSpeed : 500, singleItem:true, autoPlay: 3000, }); }); </script> </head> <body > <!-- Header for screens with width > 1260px and width <= 767px --> <header class="large" id="firstHeader"> <div class="row"> <div class="container"> <nav class="navbar navbar-default navbar-expand-lg fixed-top align-items-center d-flex justify-content-between pb-0 pt-0"> <div class="logo1" id="navLogo"> <a href="/"><svg enable-background="new 0 0 501 167" viewBox="0 0 501 167" height="85" width="255" xmlns="http://www.w3.org/2000/svg"><path d="m63.05 117.52c-11.05 0-21.12-5.5-21.12-11.539 0-3.157 2.303-5.63 5.244-5.63 2.02 0 3.719 1.183 5.515 2.435 2.592 1.809 5.529 3.855 10.651 3.855 5.139 0 8.21-2.647 8.21-5.209 0-3.416-5.271-5.607-10.852-7.927-7.799-3.243-16.639-6.918-16.639-15.886 0-10.573 9.933-16.279 19.28-16.279 7.89 0 18.895 4.132 18.895 10.86 0 2.526-1.763 5.244-5.632 5.244-2.068 0-3.558-1.125-4.997-2.212-1.872-1.414-3.994-3.02-8.266-3.02-1.209 0-7.242.227-7.242 4.726 0 2.729 4.879 4.613 10.04 6.608 7.772 3 17.446 6.739 17.446 16.333.002 12.12-10.646 17.636-20.538 17.636" fill="#033cd2"/><path d="m63.34 63.1c7.07 0 17.13 3.775 17.13 9.1 0 1.839-1.259 3.484-3.873 3.484-3.677 0-5.13-5.227-13.261-5.227-4.84 0-9 2.129-9 6.485 0 9 27.491 8.03 27.491 22.941 0 10.746-9.196 15.877-18.779 15.877-10.842 0-19.359-5.422-19.359-9.779 0-2.321 1.645-3.87 3.484-3.87 3.775 0 6.873 6.291 16.17 6.291 6.195 0 9.97-3.484 9.97-6.97 0-10.07-27.491-9.486-27.491-23.812-.001-9.485 8.905-14.519 17.52-14.519m0-3.52c-10.2 0-21.04 6.323-21.04 18.04 0 10.142 9.828 14.228 17.724 17.511 4.578 1.903 9.767 4.061 9.767 6.302 0 1.41-2.297 3.45-6.45 3.45-4.569 0-7.15-1.801-9.646-3.541-1.939-1.353-3.944-2.75-6.52-2.75-3.928 0-7 3.246-7 7.39 0 7.085 10.691 13.299 22.879 13.299 10.74 0 22.299-6.069 22.299-19.396 0-10.802-10.733-14.947-18.57-17.974-3.337-1.289-8.921-3.445-8.921-4.968 0-2.822 4.567-2.965 5.482-2.965 3.682 0 5.393 1.292 7.205 2.66 1.593 1.203 3.398 2.566 6.06 2.566 4.284 0 7.393-2.946 7.393-7 0-8.126-12.213-12.62-20.654-12.62z" fill="#78e600"/><path d="m117.65 117.52c-10.726 0-22.19-5.854-22.19-22.281v-27.59c0-3.773 2.418-6.309 6.02-6.309s6.02 2.536 6.02 6.309v27.299c0 7.979 3.224 11.693 10.146 11.693 6.922 0 10.146-3.715 10.146-11.693v-27.3c0-3.773 2.418-6.309 6.02-6.309 3.6 0 6.02 2.536 6.02 6.309v27.59c0 16.428-11.46 22.282-22.18 22.282" fill="#033cd2"/><path d="m133.81 63.1c2.613 0 4.259 1.743 4.259 4.549v27.589c0 15.1-10.07 20.522-20.425 20.522-10.357 0-20.425-5.422-20.425-20.522v-27.589c0-2.807 1.646-4.549 4.26-4.549 2.613 0 4.259 1.743 4.259 4.549v27.299c0 8.809 3.872 13.454 11.907 13.454s11.906-4.646 11.906-13.454v-27.299c0-2.806 1.645-4.549 4.259-4.549m0-3.52c-4.581 0-7.78 3.318-7.78 8.07v27.299c0 8.754-4.239 9.935-8.386 9.935s-8.387-1.181-8.387-9.935v-27.299c0-4.751-3.199-8.07-7.779-8.07-4.581 0-7.78 3.318-7.78 8.07v27.589c0 17.727 12.37 24.04 23.945 24.04s23.945-6.315 23.945-24.04v-27.589c.001-4.751-3.197-8.07-7.778-8.07z" fill="#78e600"/><path d="m175.53 137.85c-8.493 0-21.509-4.994-21.509-11.149 0-2.758 1.671-5.729 5.342-5.729 2.02 0 3.766 1.074 5.785 2.317 2.804 1.728 5.981 3.683 11.06 3.683 10.827 0 12.215-9.426 12.273-13.816-3.037 2.818-7.04 4.37-11.498 4.37-16.03 0-24.414-14.13-24.414-28.09s8.386-28.09 24.414-28.09c4.424 0 8.692 1.905 11.688 4.32.654-2.638 2.95-4.32 6.122-4.32 2.778 0 5.731 2.077 5.731 5.923v44.24c0 16-9.811 26.346-24.993 26.346m1.452-65.63c-9.132 0-12.372 9.271-12.372 17.212s3.24 17.211 12.372 17.211c9.13 0 12.371-9.271 12.371-17.211s-3.241-17.212-12.371-17.212" fill="#033cd2"/><path d="m194.79 63.1c1.645 0 3.969 1.162 3.969 4.163v44.24c0 15.294-9.293 24.587-23.23 24.587-8.809 0-19.747-5.03-19.747-9.389 0-1.742.872-3.969 3.582-3.969 3.872 0 7.648 6 16.843 6 10.843 0 14.04-8.519 14.04-15.875v-4.453h-.194c-2.614 4.453-7.261 7.358-13.07 7.358-14.52 0-22.651-12.682-22.651-26.331s8.131-26.33 22.651-26.33c5.517 0 10.841 3.388 13.07 6.486h.194v-2.324c-.001-2.999 2.225-4.161 4.548-4.161m-17.811 45.3c10.454 0 14.13-10.26 14.13-18.972 0-8.712-3.679-18.973-14.13-18.973-10.455 0-14.13 10.261-14.13 18.973.001 8.713 3.678 18.972 14.13 18.972m17.811-48.822c-3.035 0-5.485 1.289-6.859 3.399-3.083-1.981-6.961-3.399-10.952-3.399-17.18 0-26.17 15.02-26.17 29.85s8.99 29.85 26.17 29.85c3.423 0 6.604-.83 9.352-2.385-.846 4.075-3.355 8.315-10.127 8.315-4.579 0-7.53-1.818-10.134-3.422-2.154-1.326-4.188-2.579-6.708-2.579-4.115 0-7.102 3.149-7.102 7.488 0 7.488 13.898 12.908 23.267 12.908 7.882 0 14.584-2.642 19.383-7.64 4.821-5.02 7.37-12.1 7.37-20.467v-44.23c-.001-4.99-3.859-7.683-7.49-7.683zm-17.811 45.3c-10.1 0-10.613-12.872-10.613-15.453s.512-15.453 10.613-15.453c10.1 0 10.612 12.873 10.612 15.453s-.511 15.453-10.612 15.453" fill="#78e600"/><path d="m256.26 117.52c-2.625 0-5.279-1.729-5.68-5.04-3.492 3.314-7.752 5.04-12.52 5.04-16.03 0-24.411-14.13-24.411-28.09 0-13.958 8.385-28.09 24.411-28.09 4.755 0 8.745 1.484 12.563 4.743.52-3.119 3.091-4.743 5.636-4.743 2.776 0 5.727 2.076 5.727 5.923v44.33c.001 3.846-2.95 5.923-5.726 5.923m-18.199-45.3c-9.132 0-12.373 9.273-12.373 17.212 0 7.94 3.241 17.212 12.373 17.212 9.133 0 12.373-9.272 12.373-17.212 0-7.939-3.24-17.212-12.373-17.212" fill="#033cd2"/><path d="m256.26 63.1c1.645 0 3.967 1.162 3.967 4.163v44.33c0 3-2.322 4.164-3.967 4.164-1.743 0-3.97-1.162-3.97-4.164v-3.581h-.193c-3.678 5.228-8.518 7.745-14.04 7.745-14.521 0-22.651-12.682-22.651-26.331s8.13-26.33 22.651-26.33c5.905 0 10.07 2.516 14.04 6.873h.193v-2.71c0-3 2.227-4.163 3.97-4.163m-18.199 45.3c10.454 0 14.13-10.26 14.13-18.972 0-8.712-3.679-18.973-14.13-18.973-10.455 0-14.13 10.261-14.13 18.973 0 8.713 3.678 18.972 14.13 18.972m18.199-48.822c-2.479 0-5.063 1.254-6.454 3.637-3.564-2.488-7.348-3.637-11.745-3.637-17.18 0-26.17 15.02-26.17 29.85s8.99 29.85 26.17 29.85c4.331 0 8.272-1.291 11.662-3.784 1.37 2.479 4.01 3.784 6.538 3.784 3.63 0 7.487-2.692 7.487-7.684v-44.33c-.001-4.99-3.858-7.683-7.488-7.683zm-18.199 45.3c-10.1 0-10.613-12.872-10.613-15.453s.512-15.453 10.613-15.453c10.1 0 10.613 12.873 10.613 15.453s-.512 15.453-10.613 15.453" fill="#78e600"/><path d="m282.98 117.52c-3.601 0-6.02-2.536-6.02-6.311v-43.561c0-3.774 2.419-6.309 6.02-6.309 3.289 0 5.593 2.118 5.965 5.361 2.537-2.849 6.103-5.361 10.1-5.361 3.768 0 6.503 2.572 6.503 6.115 0 2.326-1.173 5.322-6.76 6.375-2.961.515-9.793 2.788-9.793 12.89v24.49c0 3.774-2.419 6.311-6.02 6.311" fill="#033cd2"/><path d="m299.05 63.1c3 0 4.744 1.936 4.744 4.355 0 2.42-1.744 3.97-5.326 4.647-5.03.871-11.228 4.646-11.228 14.617v24.491c0 2.808-1.646 4.551-4.259 4.551-2.615 0-4.26-1.743-4.26-4.551v-43.561c0-2.807 1.645-4.549 4.26-4.549 2.613 0 4.259 1.743 4.259 4.549v4.356h.194c1.936-3.968 6.679-8.905 11.616-8.905m0-3.52c-3.515 0-6.709 1.664-9.283 3.875-1.286-2.396-3.728-3.875-6.785-3.875-4.581 0-7.779 3.318-7.779 8.07v43.561c0 4.752 3.198 8.07 7.779 8.07 4.58 0 7.778-3.318 7.778-8.07v-24.491c0-8.449 5.206-10.611 8.309-11.148.018-.003.035-.006.054-.01 7.128-1.348 8.191-5.657 8.191-8.105 0-4.564-3.475-7.876-8.264-7.876z" fill="#78e600"/><g fill="#969696"><path d="m324.99 111.21c0 2.808-1.646 4.551-4.259 4.551-2.614 0-4.26-1.743-4.26-4.551v-66.21c0-2.808 1.646-4.55 4.26-4.55 2.613 0 4.259 1.743 4.259 4.55z"/><path d="m386.07 111.59c0 3-2.324 4.164-3.969 4.164-1.742 0-3.969-1.162-3.969-4.164v-3.581h-.193c-3.68 5.228-8.52 7.745-14.04 7.745-14.52 0-22.65-12.682-22.65-26.331s8.131-26.33 22.65-26.33c5.906 0 10.07 2.516 14.04 6.873h.193v-2.71c0-3 2.227-4.163 3.969-4.163 1.645 0 3.969 1.162 3.969 4.163zm-22.17-3.195c10.455 0 14.13-10.26 14.13-18.972 0-8.712-3.678-18.973-14.13-18.973-10.453 0-14.13 10.261-14.13 18.973 0 8.713 3.679 18.972 14.13 18.972"/><path d="m404.95 44.997c0-2.808 1.646-4.55 4.26-4.55s4.26 1.743 4.26 4.55v25.07h.192c2.227-3.194 6.97-6.969 13.745-6.969 13.941 0 21.975 12.681 21.975 26.33s-8.03 26.331-21.975 26.331c-6.775 0-11.324-2.421-13.745-7.07h-.192v2.518c0 2.808-1.646 4.551-4.26 4.551s-4.26-1.743-4.26-4.551zm21.781 63.4c10.453 0 14.13-10.26 14.13-18.972 0-8.712-3.678-18.973-14.13-18.973-10.455 0-14.13 10.261-14.13 18.973 0 8.713 3.68 18.972 14.13 18.972"/><path d="m482 63.1c7.07 0 17.13 3.775 17.13 9.1 0 1.839-1.26 3.484-3.873 3.484-3.678 0-5.13-5.227-13.262-5.227-4.84 0-9 2.129-9 6.485 0 9 27.491 8.03 27.491 22.941 0 10.746-9.196 15.877-18.778 15.877-10.843 0-19.361-5.422-19.361-9.779 0-2.321 1.646-3.87 3.484-3.87 3.775 0 6.873 6.291 16.17 6.291 6.195 0 9.971-3.484 9.971-6.97 0-10.07-27.491-9.486-27.491-23.812-.001-9.485 8.904-14.519 17.52-14.519"/></g></svg> </a> </div> <div class="d-flex justify-content-center"> <div class="zeroMarPadBtm "> <ul class="mr-5 navbar-nav" id="menuBar"> <li class="nav-item dropdown align-self-center"> <a href="/#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">About<span class="caret"></span></a> <div class="dropdown-menu"> <a class="dropdown-item" href="/about-us">About us</a> <a class="dropdown-item" href="/about-us/#mission">Our mission</a> <a class="dropdown-item" href="/leadership">Leadership and governance</a> <a class="dropdown-item" href="/contact-us">Contact us</a> <a class="dropdown-item" href="/FAQ">FAQs</a> </div> </li> <li class="nav-item dropdown align-self-center"> <a href="/#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">News<span class="caret"></span></a> <div class="dropdown-menu"> <a class="dropdown-item" href="/community-news">Community News</a> <a class="dropdown-item" href="/event">Events</a> <a class="dropdown-item" href="/press">Press Release</a> <a class="dropdown-item" href="/sugar-stories">Sugar Stories</a> </div> </li> <li class="nav-item"> <a class="nav-link" href="/#try">Try now</a> </li> <li class="nav-item"> <a class="nav-link" href="/develop">Join development</a> </li> <li class="nav-item"> <a class="nav-link" href="/volunteering">Volunteer</a> </li> <li class="nav-item"> <a class="nav-link" href="/donate">Donate</a> </li> <li class="nav-item"> <a class="nav-link" href="/products">Products</a> </li> </ul> </div> </div> </nav> </div> </div> </header> <!-- Header for screens with width <= 1215px --> <div class="sticky-top bg-white container-fluid flex-fill w-100" id="secondHeader"> <nav class="navbar navbar-expand-lg navbar-light"> <div class="logo2"> <a href="/"><svg enable-background="new 0 0 501 167" viewBox="0 0 501 167" height="85" width="255" xmlns="http://www.w3.org/2000/svg"><path d="m63.05 117.52c-11.05 0-21.12-5.5-21.12-11.539 0-3.157 2.303-5.63 5.244-5.63 2.02 0 3.719 1.183 5.515 2.435 2.592 1.809 5.529 3.855 10.651 3.855 5.139 0 8.21-2.647 8.21-5.209 0-3.416-5.271-5.607-10.852-7.927-7.799-3.243-16.639-6.918-16.639-15.886 0-10.573 9.933-16.279 19.28-16.279 7.89 0 18.895 4.132 18.895 10.86 0 2.526-1.763 5.244-5.632 5.244-2.068 0-3.558-1.125-4.997-2.212-1.872-1.414-3.994-3.02-8.266-3.02-1.209 0-7.242.227-7.242 4.726 0 2.729 4.879 4.613 10.04 6.608 7.772 3 17.446 6.739 17.446 16.333.002 12.12-10.646 17.636-20.538 17.636" fill="#033cd2"/><path d="m63.34 63.1c7.07 0 17.13 3.775 17.13 9.1 0 1.839-1.259 3.484-3.873 3.484-3.677 0-5.13-5.227-13.261-5.227-4.84 0-9 2.129-9 6.485 0 9 27.491 8.03 27.491 22.941 0 10.746-9.196 15.877-18.779 15.877-10.842 0-19.359-5.422-19.359-9.779 0-2.321 1.645-3.87 3.484-3.87 3.775 0 6.873 6.291 16.17 6.291 6.195 0 9.97-3.484 9.97-6.97 0-10.07-27.491-9.486-27.491-23.812-.001-9.485 8.905-14.519 17.52-14.519m0-3.52c-10.2 0-21.04 6.323-21.04 18.04 0 10.142 9.828 14.228 17.724 17.511 4.578 1.903 9.767 4.061 9.767 6.302 0 1.41-2.297 3.45-6.45 3.45-4.569 0-7.15-1.801-9.646-3.541-1.939-1.353-3.944-2.75-6.52-2.75-3.928 0-7 3.246-7 7.39 0 7.085 10.691 13.299 22.879 13.299 10.74 0 22.299-6.069 22.299-19.396 0-10.802-10.733-14.947-18.57-17.974-3.337-1.289-8.921-3.445-8.921-4.968 0-2.822 4.567-2.965 5.482-2.965 3.682 0 5.393 1.292 7.205 2.66 1.593 1.203 3.398 2.566 6.06 2.566 4.284 0 7.393-2.946 7.393-7 0-8.126-12.213-12.62-20.654-12.62z" fill="#78e600"/><path d="m117.65 117.52c-10.726 0-22.19-5.854-22.19-22.281v-27.59c0-3.773 2.418-6.309 6.02-6.309s6.02 2.536 6.02 6.309v27.299c0 7.979 3.224 11.693 10.146 11.693 6.922 0 10.146-3.715 10.146-11.693v-27.3c0-3.773 2.418-6.309 6.02-6.309 3.6 0 6.02 2.536 6.02 6.309v27.59c0 16.428-11.46 22.282-22.18 22.282" fill="#033cd2"/><path d="m133.81 63.1c2.613 0 4.259 1.743 4.259 4.549v27.589c0 15.1-10.07 20.522-20.425 20.522-10.357 0-20.425-5.422-20.425-20.522v-27.589c0-2.807 1.646-4.549 4.26-4.549 2.613 0 4.259 1.743 4.259 4.549v27.299c0 8.809 3.872 13.454 11.907 13.454s11.906-4.646 11.906-13.454v-27.299c0-2.806 1.645-4.549 4.259-4.549m0-3.52c-4.581 0-7.78 3.318-7.78 8.07v27.299c0 8.754-4.239 9.935-8.386 9.935s-8.387-1.181-8.387-9.935v-27.299c0-4.751-3.199-8.07-7.779-8.07-4.581 0-7.78 3.318-7.78 8.07v27.589c0 17.727 12.37 24.04 23.945 24.04s23.945-6.315 23.945-24.04v-27.589c.001-4.751-3.197-8.07-7.778-8.07z" fill="#78e600"/><path d="m175.53 137.85c-8.493 0-21.509-4.994-21.509-11.149 0-2.758 1.671-5.729 5.342-5.729 2.02 0 3.766 1.074 5.785 2.317 2.804 1.728 5.981 3.683 11.06 3.683 10.827 0 12.215-9.426 12.273-13.816-3.037 2.818-7.04 4.37-11.498 4.37-16.03 0-24.414-14.13-24.414-28.09s8.386-28.09 24.414-28.09c4.424 0 8.692 1.905 11.688 4.32.654-2.638 2.95-4.32 6.122-4.32 2.778 0 5.731 2.077 5.731 5.923v44.24c0 16-9.811 26.346-24.993 26.346m1.452-65.63c-9.132 0-12.372 9.271-12.372 17.212s3.24 17.211 12.372 17.211c9.13 0 12.371-9.271 12.371-17.211s-3.241-17.212-12.371-17.212" fill="#033cd2"/><path d="m194.79 63.1c1.645 0 3.969 1.162 3.969 4.163v44.24c0 15.294-9.293 24.587-23.23 24.587-8.809 0-19.747-5.03-19.747-9.389 0-1.742.872-3.969 3.582-3.969 3.872 0 7.648 6 16.843 6 10.843 0 14.04-8.519 14.04-15.875v-4.453h-.194c-2.614 4.453-7.261 7.358-13.07 7.358-14.52 0-22.651-12.682-22.651-26.331s8.131-26.33 22.651-26.33c5.517 0 10.841 3.388 13.07 6.486h.194v-2.324c-.001-2.999 2.225-4.161 4.548-4.161m-17.811 45.3c10.454 0 14.13-10.26 14.13-18.972 0-8.712-3.679-18.973-14.13-18.973-10.455 0-14.13 10.261-14.13 18.973.001 8.713 3.678 18.972 14.13 18.972m17.811-48.822c-3.035 0-5.485 1.289-6.859 3.399-3.083-1.981-6.961-3.399-10.952-3.399-17.18 0-26.17 15.02-26.17 29.85s8.99 29.85 26.17 29.85c3.423 0 6.604-.83 9.352-2.385-.846 4.075-3.355 8.315-10.127 8.315-4.579 0-7.53-1.818-10.134-3.422-2.154-1.326-4.188-2.579-6.708-2.579-4.115 0-7.102 3.149-7.102 7.488 0 7.488 13.898 12.908 23.267 12.908 7.882 0 14.584-2.642 19.383-7.64 4.821-5.02 7.37-12.1 7.37-20.467v-44.23c-.001-4.99-3.859-7.683-7.49-7.683zm-17.811 45.3c-10.1 0-10.613-12.872-10.613-15.453s.512-15.453 10.613-15.453c10.1 0 10.612 12.873 10.612 15.453s-.511 15.453-10.612 15.453" fill="#78e600"/><path d="m256.26 117.52c-2.625 0-5.279-1.729-5.68-5.04-3.492 3.314-7.752 5.04-12.52 5.04-16.03 0-24.411-14.13-24.411-28.09 0-13.958 8.385-28.09 24.411-28.09 4.755 0 8.745 1.484 12.563 4.743.52-3.119 3.091-4.743 5.636-4.743 2.776 0 5.727 2.076 5.727 5.923v44.33c.001 3.846-2.95 5.923-5.726 5.923m-18.199-45.3c-9.132 0-12.373 9.273-12.373 17.212 0 7.94 3.241 17.212 12.373 17.212 9.133 0 12.373-9.272 12.373-17.212 0-7.939-3.24-17.212-12.373-17.212" fill="#033cd2"/><path d="m256.26 63.1c1.645 0 3.967 1.162 3.967 4.163v44.33c0 3-2.322 4.164-3.967 4.164-1.743 0-3.97-1.162-3.97-4.164v-3.581h-.193c-3.678 5.228-8.518 7.745-14.04 7.745-14.521 0-22.651-12.682-22.651-26.331s8.13-26.33 22.651-26.33c5.905 0 10.07 2.516 14.04 6.873h.193v-2.71c0-3 2.227-4.163 3.97-4.163m-18.199 45.3c10.454 0 14.13-10.26 14.13-18.972 0-8.712-3.679-18.973-14.13-18.973-10.455 0-14.13 10.261-14.13 18.973 0 8.713 3.678 18.972 14.13 18.972m18.199-48.822c-2.479 0-5.063 1.254-6.454 3.637-3.564-2.488-7.348-3.637-11.745-3.637-17.18 0-26.17 15.02-26.17 29.85s8.99 29.85 26.17 29.85c4.331 0 8.272-1.291 11.662-3.784 1.37 2.479 4.01 3.784 6.538 3.784 3.63 0 7.487-2.692 7.487-7.684v-44.33c-.001-4.99-3.858-7.683-7.488-7.683zm-18.199 45.3c-10.1 0-10.613-12.872-10.613-15.453s.512-15.453 10.613-15.453c10.1 0 10.613 12.873 10.613 15.453s-.512 15.453-10.613 15.453" fill="#78e600"/><path d="m282.98 117.52c-3.601 0-6.02-2.536-6.02-6.311v-43.561c0-3.774 2.419-6.309 6.02-6.309 3.289 0 5.593 2.118 5.965 5.361 2.537-2.849 6.103-5.361 10.1-5.361 3.768 0 6.503 2.572 6.503 6.115 0 2.326-1.173 5.322-6.76 6.375-2.961.515-9.793 2.788-9.793 12.89v24.49c0 3.774-2.419 6.311-6.02 6.311" fill="#033cd2"/><path d="m299.05 63.1c3 0 4.744 1.936 4.744 4.355 0 2.42-1.744 3.97-5.326 4.647-5.03.871-11.228 4.646-11.228 14.617v24.491c0 2.808-1.646 4.551-4.259 4.551-2.615 0-4.26-1.743-4.26-4.551v-43.561c0-2.807 1.645-4.549 4.26-4.549 2.613 0 4.259 1.743 4.259 4.549v4.356h.194c1.936-3.968 6.679-8.905 11.616-8.905m0-3.52c-3.515 0-6.709 1.664-9.283 3.875-1.286-2.396-3.728-3.875-6.785-3.875-4.581 0-7.779 3.318-7.779 8.07v43.561c0 4.752 3.198 8.07 7.779 8.07 4.58 0 7.778-3.318 7.778-8.07v-24.491c0-8.449 5.206-10.611 8.309-11.148.018-.003.035-.006.054-.01 7.128-1.348 8.191-5.657 8.191-8.105 0-4.564-3.475-7.876-8.264-7.876z" fill="#78e600"/><g fill="#969696"><path d="m324.99 111.21c0 2.808-1.646 4.551-4.259 4.551-2.614 0-4.26-1.743-4.26-4.551v-66.21c0-2.808 1.646-4.55 4.26-4.55 2.613 0 4.259 1.743 4.259 4.55z"/><path d="m386.07 111.59c0 3-2.324 4.164-3.969 4.164-1.742 0-3.969-1.162-3.969-4.164v-3.581h-.193c-3.68 5.228-8.52 7.745-14.04 7.745-14.52 0-22.65-12.682-22.65-26.331s8.131-26.33 22.65-26.33c5.906 0 10.07 2.516 14.04 6.873h.193v-2.71c0-3 2.227-4.163 3.969-4.163 1.645 0 3.969 1.162 3.969 4.163zm-22.17-3.195c10.455 0 14.13-10.26 14.13-18.972 0-8.712-3.678-18.973-14.13-18.973-10.453 0-14.13 10.261-14.13 18.973 0 8.713 3.679 18.972 14.13 18.972"/><path d="m404.95 44.997c0-2.808 1.646-4.55 4.26-4.55s4.26 1.743 4.26 4.55v25.07h.192c2.227-3.194 6.97-6.969 13.745-6.969 13.941 0 21.975 12.681 21.975 26.33s-8.03 26.331-21.975 26.331c-6.775 0-11.324-2.421-13.745-7.07h-.192v2.518c0 2.808-1.646 4.551-4.26 4.551s-4.26-1.743-4.26-4.551zm21.781 63.4c10.453 0 14.13-10.26 14.13-18.972 0-8.712-3.678-18.973-14.13-18.973-10.455 0-14.13 10.261-14.13 18.973 0 8.713 3.68 18.972 14.13 18.972"/><path d="m482 63.1c7.07 0 17.13 3.775 17.13 9.1 0 1.839-1.26 3.484-3.873 3.484-3.678 0-5.13-5.227-13.262-5.227-4.84 0-9 2.129-9 6.485 0 9 27.491 8.03 27.491 22.941 0 10.746-9.196 15.877-18.778 15.877-10.843 0-19.361-5.422-19.361-9.779 0-2.321 1.646-3.87 3.484-3.87 3.775 0 6.873 6.291 16.17 6.291 6.195 0 9.971-3.484 9.971-6.97 0-10.07-27.491-9.486-27.491-23.812-.001-9.485 8.904-14.519 17.52-14.519"/></g></svg> </a> </div> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNav" aria-controls="mainNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="mainNav"> <ul class="navbar-nav ml-auto"> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="/#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> About us </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="/about-us">About us</a> <a class="dropdown-item" href="/about-us/#mission">Our mission</a> <a class="dropdown-item" href="/leadership">Leadership and governance</a> <a class="dropdown-item" href="/contact-us">Contact us</a> <a class="dropdown-item" href="/FAQ">FAQs</a> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="/#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> News </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="/community-news">Community News</a> <a class="dropdown-item" href="/event">Events</a> <a class="dropdown-item" href="/press">Press Release</a> </div> </li> <li class="nav-item"> <a class="nav-link" href="/#try">Try now</a> </li> <li class="nav-item"> <a class="nav-link" href="/develop">Join development</a> </li> <li class="nav-item"> <a class="nav-link" href="/volunteering">Volunteer</a> </li> <li class="nav-item"> <a class="nav-link" href="/donate">Donate</a> </li> <li class="nav-item"> <a class="nav-link" href="/products">Products</a> </li> </ul> </div> </nav> </div> <div> <base href="/"> <!--Fix base path issue and ensure compatibility for nested URLs --> <div id="donation-banner"> <div class="donate-container"> <img aria-hidden="true" class="donate-icon" src="../assets/sparkles.svg" alt="Donation Icon"> <div class="donate-text-container"> <p class="donate-text"> Our goal is $25k this fall, and every contribution counts! Whether you give $3 or more, your tax-deductible donation will help us continue to provide a unique learning environment where youth can solve authentic tasks and learn by doing. <a href="/community/2024/12/03/help-SL-continue-to-transform-education"> Read more </a> about how we can make a difference together and donate today! </p> </div> <button class="donate-button" id="donate-button"><a href="https://www.paypal.com/donate?campaign_id=NEAV3YL4H6B5S">DONATE NOW</a> </button> <div class="donate-close-button"> <button class="close-button" id="close-icon"> <img src="../assets/entry-stop.svg" alt="Close Banner" /> </button> </div> </div> </div> <div id="donate-popup-banner"> <div class="donate-container"> <img aria-hidden="true" class="donate-icon" src="../assets/sparkles.svg" alt="Donation Icon"> <div class="donate-text-container"> <p class="donate-text"> Our goal is $25k this fall, and every contribution counts! Whether you give $3 or more, your tax-deductible donation will help us continue to provide a unique learning environment where youth can solve authentic tasks and learn by doing. <a href="/community/2024/12/03/help-SL-continue-to-transform-education"> Read more </a> about how we can make a difference together and donate today! </p> </div> <button class="donate-button" id="donate-button"><a href="https://www.paypal.com/donate?campaign_id=NEAV3YL4H6B5S">DONATE NOW</a></button><div class="donate-close-button"> <button class="close-button btn" id="close-icon"> <img src="../assets/entry-stop.svg" alt="Close Banner" /> </button> </div> </div> </div> <!-- Popup Trigger and Vertical Donate Button --> <button id="vertical-donate-button" style="display: none;">D<br>O<br>N<br>A<br>T<br>E</button> <script> document.addEventListener('DOMContentLoaded', function () { const banner = document.getElementById('donation-banner'); const closeButton = banner.querySelector('.close-button'); const popupBanner = document.getElementById('donate-popup-banner'); const verticalButton = document.getElementById('vertical-donate-button'); closeButton.addEventListener('click', function () { banner.classList.add('hidden'); verticalButton.style.display = 'block'; }); verticalButton.addEventListener('click', function () { if (popupBanner.style.display === 'none' || popupBanner.style.display === '') { popupBanner.style.display = 'block'; } else { popupBanner.style.display = 'none'; } }); popupBanner.querySelector('.btn').addEventListener('click', function () { popupBanner.style.display = 'none'; }); const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (!entry.isIntersecting) { verticalButton.style.display = 'block'; } else { verticalButton.style.display = 'none'; } }); }, { rootMargin: '0px', threshold: 0.1 }); observer.observe(banner); }); </script> </body> </html> </div> <!-- Loader --> <div id="loaderDiv" class="loader" > <div class="loader2"> <div id="animationPart1" class="inner one"></div> <div id="animationPart2" class="inner two"></div> <div id="animationPart3" class="inner three"></div> </div> </div> <!-- Introduction page --> <section id="slider"> <div class="container"> <div class="row"> <div class="col-md-12" > <div class="row justify-content-center"> <div class="col-md-10 col-md-push-1"> <div class="block"> <h2 style=" text-transform: uppercase;">Sugar Labs</h2> <p> Whether you're a young learner, teacher, or a budding developer, we believe Sugar Labs has something for you. Read on to learn more about our award-winning Sugar Learning Platform and how to join our diverse community of teachers and learners. </p> </div> </div> </div> </div> </div> </div> </section> <!-- Sugar Labs mission section --> <section id="intro" class="zeroMarPadBtm"> <div class="container"> <div class="row"> <div class="col-md-12" > <div class="row justify-content-center"> <div class="col-md-10 col-md-push-1"> <div class="block"> <div class="section-title"> <h2>Our mission: Authentic problem solving</h2> <p>The world needs more tools and communities for learn-by-doing education</p> </div> <p class="customColor"> Learners and teachers already have plenty of tools to help them with <em>instruction-based learning</em>. And despite the known benefits, there are very few tools and communities that encourage <em>project-based learning</em>. Sugar Labs's unique mission is to cultivate a community of teachers and learners engaged in <em>learn by doing</em> and, collaboratively, create tools explicitly made for <em>authentic problem solving</em>. </p> </div> </div> </div> </div> </div> </div> </section> <!-- "A glimpse of Sugar" slideshow --> <section class="intro_img customImageStyle img_slider" > <div class="container"> <div class="row justify-content-center"> <div class="col-md-8 col-md-offset-2"> <div class="container customMargin7"> <div class="section-title"> <h2 class="text-center customMargin1">Challenging and fun: It's hard fun!</h2> </div> </div> <div> <img id="imgrflt" src="/assets/DSC06422.jpg" alt="Parent with smiling child, in front of a computer. The Music Blocks logo is visible as a sticker on the computer." width="100%"> <p><br>Learning isn't easy, but it should be fun. The Sugar Labs community works hard to make tools that are both challenging and fun. Hard fun is the <b>sweet spot!</b></p> </div> </div> </div> </div> </section> <!-- Newsletter CTA section --> <section id="cta-section"> <div class="cta-container"> <div class="cta-row"> <div class="cta-col"> <div class="cta-inner-row justify-content-center"> <div class="cta-form-col"> <h2 class="cta-heading">EXCITED?</h2> <p class="cta-description">The simplest way to get involved is to join our newsletter.</p> <br> <form action="https://buttondown.com/api/emails/embed-subscribe/sugarlabs" method="post" class="cta-buttondown-form"> <p class="cta-signup-description">Sign up for our mailing list to receive regular news and updates from Sugar Labs.</p> <div class="cta-d-flex align-items-center justify-content-center w-100"> <label for="email" class="cta-label">Enter Your Email Address</label> <input type="email" name="email" placeholder="you@example.com" class="cta-form-control w-100 col-md-8 m-2" /> <input type="hidden" value="1" name="embed" /> </div> <input type="submit" value="Subscribe" class="cta-btn-primary" /> </form> <br> </div> </div> </div> </div> </div> </section> <!-- By the numbers --> <section id="testimonial" class="customPadding5"> <div class="container"> <!-- <div class="row"> --> <div class="col-md-12"> <div class="row justify-content-center"> <div class="col-md-8 col-md-push-2"> <div class="section-title text-center"> <h2>Sugar Labs by the numbers</h2> <p class="customParagraphStyle">Sugar Labs, founded in 2008, has had an impact on the lives of many. Here are some of the statistics we are tracking.</p> </div> </div> </div> <div class="row justify-content-around"> <div class="col-md-4 col-md-push-1"> <div class="block"> <ul class="counter-box clearfix" style="display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0; list-style-type: none;"> <li style="flex-basis: 100%; margin-bottom: 20px;"> <div class="block" style="text-align: center;"> <h4 data-target="55" class="count">0</h4> <span>Mentors helping youth learn in programs like Google Code-In (GCI) and Google Summer of Code</span> </div> </li> <li style="flex-basis: 100%; margin-bottom: 20px;"> <div class="block" style="text-align: center;"> <h4 data-target="1450" class="count">0</h4> <span>Problem-solving tasks completed by students ages 13-17.</span> </div> </li> </ul> </div> </div> <div class="col-md-4 col-md-push-1"> <div class="block"> <ul class="counter-box clearfix" style="display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0; list-style-type: none;"> <li style="flex-basis: 100%; margin-bottom: 20px;"> <div class="block" style="text-align: center;"> <h4 data-target="344" class="count">0</h4> <span>Projects for teaching and learning created by Sugar Labs students and teachers.</span> </div> </li> <li style="flex-basis: 100%; margin-bottom: 20px;"> <div class="block" style="text-align: center;"> <h4 data-target="11531321" class="count">0</h4> <span>Activities Downloaded</span> </div> </li> </ul> </div> </div> <div class="col-md-4 col-md-push-1"> <div class="block"> <ul class="counter-box clearfix" style="display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0; list-style-type: none;"> <li style="flex-basis: 100%; margin-bottom: 20px;"> <div class="block" style="text-align: center;"> <h4 data-target="3000000" class="count">0</h4> <span>Kids whose lives have been enriched by using the Sugar Learning Platform</span> </div> </li> <li style="flex-basis: 100%; margin-bottom: 20px;"> <div class="block" style="text-align: center;"> <h4 data-target="170" class="count">0</h4> <span>Languages our educational software has been translated into</span> </div> </li> </ul> </div> </div> </div> </div> <!-- </div> --> </div> </section> <!-- Testimonials Section --> <section id="testimonials"> <div class="testimonials-container"> <div class="testimonials-header"> <h2 class="testimonials-title">What We Hear</h2> <p class="testimonials-subtitle">Hear from students, teachers, parents, and developers about their Sugar Labs experiences.</p> </div> <div class="testimonials-carousel-wrapper"> <div class="testimonial-carousel owl-carousel"> <!-- Testimonial Item 1 --> <div class="testimonial-card"> <div class="testimonial-content"> <p class="testimonial-text">"This summer was super fun and filled with learning! I enjoyed testing over 60+ activities with kids to get first-hand feedback which had a positive impact in the way they approach problems..."</p> <div class="testimonial-author"> <span class="author-name">Sourabha G.</span> <span class="author-role">GSoC 2021 Student</span> </div> </div> </div> <!-- Testimonial Item 2 --> <div class="testimonial-card"> <div class="testimonial-content"> <p class="testimonial-text">"I would like to thank my mentors Walter Bender and Devin Ulibarri for their constant guidance and motivation..."</p> <div class="testimonial-author"> <span class="author-name">Riya Lohia</span> <span class="author-role">GSoC 2018 Student</span> </div> </div> </div> <!-- Testimonial Item 3 --> <div class="testimonial-card"> <div class="testimonial-content"> <p class="testimonial-text">"Fedora-Based Sugar on a Stick Is One Sweet Desktop."</p> <div class="testimonial-author"> <span class="author-name">LinuxInsider</span> </div> </div> </div> </div> </div> </div> </section> <!-- "About us" page redirect section --> <section id="intro"> <div class="container"> <div class="row"> <div class="col-md-12 text-center"> <a href="/about-us"><button type="button" class="btn bt-raised btn-custom bt">Read more about Sugar Labs</button></a> </div> </div> </div> </section> <!-- CTA for newsletter --> <!-- <section id="intro" class="customPadding3 sugar_in_browser_try_now "> <div class="container"> <div class="row"> <div class="col-md-12 text-center"> <h3>Sign up for our newsletter</h3> <form action="https://buttondown.com/api/emails/embed-subscribe/sugarlabs" method="post" class="embeddable-buttondown-form"> <p>Receive regular news and updates from Sugar Labs</p> <label for="email">Email</label> <input type="email" name="email" placeholder="you@example.com" /> <input type="hidden" value="1" name="embed" /> <input type="submit" value="Subscribe" /> </form> </div> </div> </div> </section>--> <!-- Download section --> <section id="call-to-action"> <div class="container customMargin3"> <div class="row"> <div class="col-md-12"> <h2 id="try">EXPERIENCE SUGAR</h2> <p><i>Our educational tools can be experienced in a number of ways. Try the one that's best for you.</i></p> </div> </div> <div class="row"> <div class="col-md-4"> <div class="border-box boxDownload"> <h3 class="customHeaderStyle">Music Blocks</h3> <figure> <img src="/assets/mb_logo_ja_alt_2.svg" class="span1 customLogoImageStyle" alt="Music Blocks logo"> </figure> <p>Create musical code with the browser-based visual programming language Music Blocks.</p> <ul > <br> <a href="/music-blocks"><button type="button" class="btn bt-raised btn-custom bt customMargin4">Learn about Music Blocks</button></a> </ul> </div> </div> <div class="col-md-4"> <div class="border-box boxDownload"> <h3 class="customHeaderStyle">Turtle Blocks</h3> <figure> <img src="/assets/turtle.svg" class="span1 customLogoImageStyle" alt="Turtle Blocks logo"> </figure> <p>Explore math and computation through beautiful, artful geometry.</p> <ul > <br> <a href="/turtle-blocks-js"><button type="button" class="btn bt-raised btn-custom bt customMargin4">Learn about Turtle Blocks</button></a> </ul> </div> </div> <div class="col-md-4"> <div class="border-box boxDownload"> <h3 class="customHeaderStyle">Try now on any device with Sugarizer</h3> <figure> <img src="/assets/sugarizer.svg" class="span1 customLogoImageStyle" alt="Sugarizer svg"> </figure> <p>Get a taste of Sugar with Sugarizer, which opens in your browser with no installation. Alternatively, you may install Sugarizer onto your mobile or desktop device via Google Play or F-Droid (Android), the App Store (iOS), and the Microsoft Store (Windows).</p> <ul > <br> <a href="/sugarizer"><button type="button" class="btn bt-raised btn-custom bt customMargin4">Learn more about Sugarizer</button></a> </ul> </div> </div> </div> <div class="row"> <div class="col-md-4"> <div class="border-box boxDownload"> <h3 class="customHeaderStyle">Desktop/laptop bootable drive</h3> <figure> <img src="/assets/soas.svg" class="span1 customLogoImageStyle" alt="SOAS svg"> </figure> <p>With Sugar on a Stick (SOAS), you can experience the full Sugar Learning Platform on any computer at any time from a bootable thumb drive.</p> <ul > <br> <a href="/booting-soas"><button type="button" class="btn bt-raised btn-custom bt customMargin4">Create bootable drive</button></a> </ul> </div> </div> <div class="col-md-4"> <div class="border-box boxDownload"> <h3 class="customHeaderStyle">Desktop/laptop installation</h3> <figure> <img src="/assets/computer.svg" class="span1 customLogoImageStyle" alt="computer svg"> </figure> <p>Sugar Learning Platform can be installed as a full operating system on most desktop and laptop computers.</p> <ul > <br> <a href="/booting-soas"><button type="button" class="btn bt-raised btn-custom bt customMargin4">Learn about installation</button></a> </ul> </div> </div> <div class="col-md-4"> <div class="border-box boxDownload" > <h3 class="customHeaderStyle">Try Trisquel for full freedom</h3> <figure> <img src="/assets/Trisquel-logo.png" class="span1 customLogoImageStyle" alt="Trisquel logo"> </figure> <p>Get all the benefits of a bootable/installation drive on the fully free and well maintained Trisquel distro.</p> <br> <a href="/trisquel"><button type="button" class="btn bt-raised btn-custom bt customMargin4">Learn about Sugar+Trisquel</button></a> </div> </div> </div> <div class="row"> <div class="col-md-4"> <div class="border-box boxDownload" > <h3 class="customHeaderStyle">Try Sugar on Raspberry Pi</h3> <figure> <img src="/assets/raspberry-pi.svg" class="span1 customLogoImageStyle" alt="Raspberry Pi logo"> </figure> <p>The full Sugar environment on a Raspberry Pi (RPi).</p> <br> <a href="/sugar-for-raspberry-pi"><button type="button" class="btn bt-raised btn-custom bt customMargin4">Learn about Sugar on RPi</button></a> </div> </div> <div class="col-md-4"> <div class="border-box boxDownload" > <h3 class="customHeaderStyle">Convenient installation via Flatpak</h3> <figure> <img src="/assets/flatpak.svg" class="span1 customLogoImageStyle" alt="Flatpak logo"> </figure> <p>Do you use a GNU/Linux? Available for any distribution, individual Sugar activities can be conveniently installed via Flatpak.</p> <br> <a href="https://flathub.org/apps/search?q=sugar%20labs"><button type="button" class="btn bt-raised btn-custom bt customMargin4">Sugar Activities on Flatpak</button></a> <!--TODO: Create a new page for more info page for Sugar Activities on Flatpak. --> </div> </div> </div> <!-- If we keep this, it should probably be a "Can't decide?" type button where we walk the user through some sort of decision making process.--> <!-- <div class="row"> <div class="col-md-12" > <h3 class="text-center">For more details, click the link below!</h3> <a href="https://wiki.sugarlabs.org/go/Get_sugar" ><button type="button" class="btn bt-raised btn-custom bt"> <span class="text-center">Get Sugar</span></button></a> </div> </div>--> <div> <br> <a href="https://v4.activities.sugarlabs.org/"><button type="button" class="btn bt-raised btn-custom bt">Sugar Activity Library</button> </a> </div> </div> </section> <!-- Activities Start -- was "Service" --> <!-- Note: If these activities are only available for GNU/Linux, we should say so. In fact, we may need to move this to another page if that's the case...--> <section id="service"> <div class="container"> <div class="row"> <div class="section-title"> <h2>Already using Sugar? We have many activities for you!</h2> <p>The Sugar Learning Platform is a complete environment for teaching and learning, which includes individual activities. If you're already using the Sugar Desktop Environment, then you can install from the activities below, which has links to some of our most popular activities.</p> </div> </div> <div class="row "><!-- This is one too many for this 4x2 grid and the SVG -- and only this SVG -- renders too large <div class="col-sm-6 col-md-3"> <div class="service-item"> <img class="span1" src='/assets/activity-numbers.svg' alt="Numbers activity svg"> <br> <h4>Numbers</h4> <p>Play with numbers</p> <a href="https://activities.sugarlabs.org/en-US/sugar/addon/4336"><button type="button" class="btn bt-raised btn-custom bt customMargin4">Get Numbers</button></a> </div> </div>--> <div class="col-sm-6 col-md-3"> <div class="service-item"> <img class="span1" src='/assets/activity-finance.svg' alt="Finance activity svg"> <br> <h4>Finance</h4> <p>Roleplay with money</p> <a href="https://activities.sugarlabs.org/en-US/sugar/addon/4040"><button type="button" class="btn bt-raised btn-custom bt customMargin4" >Get Finance</button></a> </div> </div> <div class="col-sm-6 col-md-3"> <div class="service-item" > <img class="span1" src='/assets/activity-maze.svg' alt="Maze Web activity svg"> <br> <h4>Maze</h4> <p>Have fun with progressive challenges</p> <a href="https://activities.sugarlabs.org/en-US/sugar/addon/4727"><button type="button" class="btn bt-raised btn-custom bt customMargin4" >Get Maze Web</button></a> </div> </div> <div class="col-sm-6 col-md-3"> <div class="service-item"> <img class="span1" src='/assets/activity-measure.svg' alt="Measure activity svg"> <br> <h4>Measure</h4> <p>Use your computer to measure things in the physical world</p> <a href="https://activities.sugarlabs.org/en-US/sugar/addon/4197"><button type="button" class="btn bt-raised btn-custom bt customMargin4" >Get Measure</button></a> </div> </div> <div class="col-sm-6 col-md-3"> <div class="service-item"> <img class="span1" src='/assets/activity-turtle3d.svg' alt="TurtleBlocks3D activity svg"> <br> <h4>TurtleBlocks3D</h4> <p>Are you already using TurtleBlocks? Try it in three dimensions!</p> <a href="https://activities.sugarlabs.org/en-US/sugar/addon/4757"><button type="button" class="btn bt-raised btn-custom bt customMargin4" >Get TurtleBlocks3D</button></a> </div> </div> <div class="col-sm-6 col-md-3"> <div class="service-item"> <img class="span1" src='/assets/activity-words.svg' alt="Words activity svg"> <br> <h4>Words</h4> <p>Compose and share your ideas</p> <a href="https://activities.sugarlabs.org/en-US/sugar/addon/4315"><button type="button" class="btn bt-raised btn-custom bt customMargin4" >Get Words</button></a> </div> </div> <div class="col-sm-6 col-md-3"> <div class="service-item"> <img class="span1" src='/assets/activity-ruler.svg' alt="Ruler activity svg"> <br> <h4>Ruler</h4> <p>Measure and explore math</p> <a href="https://activities.sugarlabs.org/en-US/sugar/addon/4192"><button type="button" class="btn bt-raised btn-custom bt customMargin4" >Get Ruler</button></a> </div> </div> <div class="col-sm-6 col-md-3"> <div class="service-item"> <img class="span1" src='/assets/activity-star-chart.svg' alt="StarChart activity svg"> <br> <h4>StarChart</h4> <p>Explore numbers and information in charts</p> <a href="https://activities.sugarlabs.org/en-US/sugar/addon/4300"><button type="button" class="btn bt-raised btn-custom bt customMargin4">StarChart</button></a> </div> </div> <div class="col-sm-6 col-md-3"> <div class="service-item"> <img class="span1" src='/assets/activity-recall.svg' alt="Recall activity svg"> <br> <h4>Recall</h4> <p>Test your memory with this fun game</p> <a href="https://v4.activities.sugarlabs.org/app/org.sugarlabs.RecallActivity.html"><button type="button" class="btn bt-raised btn-custom bt customMargin4">Get Recall</button></a> </div> </div> </div> </div> </section> <!-- Activites website redirect section --> <section id="call-to-action"> <div class="container customMargin3"> <div class="row"> <div class="col-md-12 text-center"> <h3>Check out the remaining hundreds of activities!</h3> <p>We have hundreds of activities to explore.</p> <a href="https://v4.activities.sugarlabs.org/"><button type="button" class="btn bt-raised btn-custom bt">Go to Sugar Activity Library</button></a><br><br> <p><em>Important: Please know that in order to install and try them, you need to be running the Sugar Desktop Environment. If you don't have that already, please consider your other options</a> to explore Sugar: <a class="footerHeaderStyle" href="/#try">Try Sugar!</a></em></p> </div> </div> </div> </section> <!-- Donate --> <section id="donation"> <div class="container"> <div class="text-center"> <h1>INTERESTED IN MAKING A DONATION?</h2> <h6>Are you able to make a one-time or recurring (tax-deductible) donation?</h3> <form action="https://www.paypal.com/donate" method="post" target="_top"> <input type="hidden" name="hosted_button_id" value="V9SNCQGVEFM2Q"/> <div className="donate-container" style="margin-bottom: 2rem;"> <button>Donate</button> <div className="payment-methods-text">Accepted payment methods:</div> <div className="credit-cards"> <Image src="/assets/paypal.svg?height=30&width=48" alt="Visa" id="credit-card-image" /> <Image src="/assets/visa.svg?height=30&width=48" alt="visa" id="credit-card-image" /> <Image src="/assets/mastercard.svg?height=30&width=48" alt="American Express" id="credit-card-image" /> <Image src="/assets/amex.svg?height=30&width=48" alt="Discover" id="credit-card-image" /> </div> </div> </form> <p> Want to read more about what your donation means? <a href="/donate">Learn more on our donate page.</a> </p> </div> </div> </section> <!-- "Integration and inquiry" section --><!-- Change this to "contact us now"???--> <!-- <section id="intro"> <div class="container"> <div class="row"> <div class="col-md-12 text-center"> <h2 >INTEGRATION AND INQUIRY</h2> <p>See how Sugar integrates into your classroom.</p> <a href="/inquiry"> <button type="button" class="btn bt-raised btn-custom bt">Find out now!</button> </a> </div> </div> </div> </section>--> <!-- Footer --> <footer style="background-color:#282828;padding-top:5px;"> <h5 style="text-align:right;margin-right:20px;"> <a href="#top" class="hrefCustomColor" id="scrollToTopBtn" style="display:none;"> <svg width="24" height="15" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" class="icon"> <polygon points="16,14 6,24 7.4,25.4 16,16.8 24.6,25.4 26,24" class="arrow" fill="white" stroke="black" stroke-width="3"/> </svg> </a> </h5> <div class="container"> <div class="row"> <div class="col-md-12" > <div class="row justify-content-around"> <div class="col-md-2 widget"> <h6 class="footerHeaderStyle align-center-md text-center-md"> Sugar Labs庐 is a registered USA 501(c)(3) tax-exempt, not-for-profit organization, supported by our generous contributors and sponsors. <p class="DonateFooter"> <a href="/donate">Donate</a> or <!-- Send to reasons to donate page --> <a href="/volunteering">Volunteer today</a>! <!-- Send to reasons to volunteer page --> </p> </h6> </div> <div class="col-md-3 widget"> <h4 class="footerHeaderStyle align-center-md"><b>Sugar Labs</b></h4> <article class="widget_content"> <ul class="leftAlign align-center-col-md"> <li class="footerListStyle"><a href="/about-us">About Us</a></li> <li class="footerListStyle"><a href="/volunteering">Get Involved</a></li><!-- <li class="footerListStyle"><a href="https://wiki.sugarlabs.org/go/Events#Upcoming_Events">Upcoming Events</a></li>--><!-- Is there a way to make a new page for this, possibly connected to some sort of feed? --> <li class="footerListStyle"><a href="/donate">Donate to Sugar Labs</a></li><!-- Perhaps this is too redundant --> <li class="footerListStyle"><a href="/leadership">Leadership and Governance</a></li> <li class="footerListStyle"><a href="/contact-us">Contact Us</a></li> </ul> </article> </div> <div class="col-md-3 widget"> <h4 class="footerHeaderStyle align-center-md"><b>Resources</b></h4> <article class="widget_content"> <ul class="leftAlign align-center-col-md"> <li class="footerListStyle"><a href="/more" >Culture and pedagogy</a></li><!-- <li class="footerListStyle"><a href="http://schoolserver.org/" >School Server Resources</a></li> <li class="footerListStyle"><a href="http://planet.sugarlabs.org" >Planet Sugar Labs</a></li>--><!-- This is basically deprecated. --><!-- <li class="footerListStyle"><a href="/about-libre-software-culture" >Libre Software Culture</a></li> <li class="footerListStyle"><a href="/sugar-lesson-plans" >Sugar Lesson Plans</a></li>--><!-- These need to be updated --> <li class="footerListStyle"><a href="/students">For Students</a></li> <li class="footerListStyle"><a href="/school-administrators">For School Administrators</a></li> <li class="footerListStyle"><a href="/parents">For Parents</a></li> <li class="footerListStyle"><a href="/develop">For Developers</a></li> <li class="footerListStyle"><a href="/sugar-stories">Sugar Stories</a></li> <li class="footerListStyle"><a href="/music-blocks">Music Blocks</a></li> <li class="footerListStyle"><a href="/turtle-blocks-js">Turtle Blocks JS</a></li> </ul> </article> </div><!-- We may want to move this to another page--> <div class="col-md-3 widget"> <h4 class="footerHeaderStyle align-center-md"><b>Development</b></h4> <article class="widget_content"> <ul class="leftAlign align-center-col-md"> <li class="footerListStyle"><a href="/develop">Read about development</a></li> <li class="footerListStyle"><a href="https://wiki.sugarlabs.org/go/Mailing_Lists">Join mailing list</a></li> <li class="footerListStyle"><a href="https://help.sugarlabs.org/en/">Documentation</a></li> <li class="footerListStyle"><a href="https://matrix.to/#/#sugar:matrix.org">Chat with us on Matrix</a></li> <li class="footerListStyle"><a href="https://wiki.sugarlabs.org/go/Development_Team/Source_Code">Development code</a></li> <li class="footerListStyle"><a href="https://translate.sugarlabs.org">Translation Platform</a></li> <li class="footerListStyle"><a href="https://wiki.sugarlabs.org/">Sugar Labs Wiki</a></li> <li class="footerListStyle"><a href="/profiles">Contributor Profiles</a></li> </ul> </article> </div> <div class="col-md-6"> <div class="row justify-content-center"> <div class="row d-flex justify-content-center"> <div class="grid-two-columns"> <div id="own-ssk" class="d-flex"> <a href="https://www.facebook.com/SugarLabsforall/timeline/" class="ion-icon ion-logo-facebook"></a> <a href="https://github.com/sugarlabs" class="ion-icon ion-logo-github"></a> <a href="https://x.com/sugar_labs" class="ion-icon ion-logo-X"></a> <a rel="me" href="https://mastodon.social/@sugar_labs" class="ion-icon ion-logo-mastodon"></a> </div> <div id="own-ssk" class="d-flex"> <a href="https://www.instagram.com/sugarlabsforall/" class="ion-icon ion-logo-instagram"></a> <a href="https://www.youtube.com/channel/UCfsR9AEb7HuPRAc14jfiI6g/featured" class="ion-icon ion-logo-youtube"></a> <a href="https://www.linkedin.com/company/sugar-labs" class="ion-icon ion-logo-linkedin"></a> <a href="https://medium.com/@sugarlabs" class="ion-icon ion-logo-medium"></a> </div> </div> </div> <br> <div id="contributeHeader" class="col-md-12"> <h4 class="text-center"><a href="https://github.com/sugarlabs/www"><b><span class="ion-logo-github" style="font-size:17px;color: #0099FF; margin-right: 12px;"></span><span style="font-size:17px;color: #0099FF;">Contribute to this website</span></b></a>.</h4> </div> </div> </div> </div> </br> <div class="row" > <div class="col-md-12" style="margin-top:12px;"> <p style="font-size:13px;" class='text-center-md'> Copyright &copy; 2025 Sugar Labs&reg; available under the <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International License (CC BY-SA)</a>.</br> Website design credit: Base template <a href="https://github.com/themefisher/airspace-jekyll">Airspace</a> by Themefisher was used for this site. </p> </div> </div> </div> </div> </div> </footer> <!-- Javascript files --> <script type="text/javascript" src="/js/plugins.js"></script> <script type="text/javascript" src="/js/owl.carousel.min.js"></script> <script type="text/javascript"> if (typeof jQuery.waypoints == 'undefined') { document.write('<script src="/js/waypoints.js"><\/script>'); } </script> <!-- Inline Javascript scripts --> <script type="text/javascript"> $(document).on('click', "a[href='#top'], #scrollToTopBtn", function (e) { $('html, body').animate({ scrollTop: 0 }, 'slow'); return false; }) $(document).ready(function () { $('#dismiss, .overlay').on('click', function () { $('#sidebar').removeClass('active'); $('.overlay').fadeOut(); }); $('#sidebarCollapse').on('click', function () { $('#sidebar').addClass('active'); $('.overlay').fadeIn(); $('.collapse.in').toggleClass('in'); $('a[aria-expanded=true]').attr('aria-expanded', 'false'); }); }); $(document).on('click', '.panel-heading span.icon_minim', function (e) { var $this = $(this); if (!$this.hasClass('panel-collapsed')) { $this.parents('.panel').find('.panel-body').slideUp(); $this.addClass('panel-collapsed'); $this.removeClass('ion-minus-round').addClass('ion-plus-round'); } else { $this.parents('.panel').find('.panel-body').slideDown(); $this.removeClass('panel-collapsed'); $this.removeClass('ion-plus-round').addClass('ion-minus-round'); } return false; }); $(document).on('click', '#panel1', function (e) { var $this = $(".panel-heading span.icon_minim"); if (!$this.hasClass('panel-collapsed')) { $this.parents('.panel').find('.panel-body').slideUp(); $this.addClass('panel-collapsed'); $this.removeClass('ion-minus-round').addClass('ion-plus-round'); } else { $this.parents('.panel').find('.panel-body').slideDown(); $this.removeClass('panel-collapsed'); $this.removeClass('ion-plus-round').addClass('ion-minus-round'); } return false; }); $(document).on("scroll", function () { var scrollPosition = $(document).scrollTop(); var windowHeight = $(window).height(); var documentHeight = $(document).height(); var thirtyPercentOfPage = (documentHeight - windowHeight) * 0.3; if (scrollPosition > thirtyPercentOfPage) { $('#scrollToTopBtn').fadeIn(); } else { $('#scrollToTopBtn').fadeOut(); } }); </script> <!-- Google analytics code --> <script type="text/javascript"> (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-102776855-1', 'auto'); ga('send', 'pageview'); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10