data:image/png;base64,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data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAeAAAAFoCAYAAACPNyggAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAB4KADAAQAAAABAAABaAAAAAAHwbojAAAL30lEQVR4Ae3QMQEAAADCoPVPbQwfiEBhwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGDBgwIABAwYMGPgMDI3+AAEeFvcCAAAAAElFTkSuQmCCdisplay wordGuess letter

false

6<html>, <head>," <meta name=""snap-cloud-domain"" location=""https://snap.berkeley.edu:443"">"," <meta charset=""UTF-8"">", <title>Snap! Build Your Own Blocks</title>," <meta name=""description"" content=""The Snap! social platform"">"," <meta name=""author"" content=""Bernat Romagosa"">"," <meta name=""snap-cloud-domain"" location=""https://snap.berkeley.edu"">"," <link rel=""icon"" href=""favicon.ico"">"," <meta name=""viewport"" content=""width=device-width, initial-scale=1"">"," "," <link rel=""stylesheet"" href=""libs/reset.css"">"," <link rel=""stylesheet"" href=""libs/pure-min.css"">"," <link rel=""stylesheet"""," href=""https://use.fontawesome.com/releases/v5.7.1/css/all.css"""," integrity=""sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr"""," crossorigin=""anonymous"">"," <link rel=""stylesheet"" href=""libs/custom-alert.css"">"," <script type=""text/javascript"" src=""libs/FileSaver.min.js""></script>", ," <link rel=""stylesheet"" href=""style/elements.css"">"," <link rel=""stylesheet"" href=""style/classes.css"">"," <link rel=""stylesheet"" href=""style/layout.css"">", ," <script type=""text/javascript"" src=""js/locale.js""></script>"," <script type=""text/javascript"" src=""js/base.js""></script>"," <script type=""text/javascript"" src=""libs/cloud.js""></script>"," <script type=""text/javascript"">SnapCloud = new Cloud();</script>"," <script type=""text/javascript"" src=""libs/sha512.js""></script>", </head>, <body>," <script type=""text/javascript"" src=""libs/custom-alert.min.js""></script>", <script>new customAlert();</script>," <div id=""loading"">"," <i class=""fas fa-spinner fa-spin fa-3x"" aria-hidden=""true""></i>", </div>,"<nav id=""top-bar"">"," <div class=""pure-menu-horizontal pure-menu"">"," <ul class=""pure-g pure-menu-list"">"," <a class=""pure-u-1-12"" href=""/"" aria-label=""Snap! home page"">"," <img src=""img/topbar-logo.png"" class=""logo clickable""/>", </a>," <span class=""pure-u-5-12"">"," <li class=""pure-menu-item"">"," <a localizable class=""pure-menu-link run"""," target=""_blank"">Run Snap<em>!</em></a>", </li>," <li class=""pure-menu-item"">"," <a localizable class=""pure-menu-link explore"""," href=""explore"">Explore</a>", </li>," <li class=""pure-menu-item"">"," <a localizable class=""pure-menu-link forum"""," href=""https://forum.snap.berkeley.edu/"">Forum</a>", </li>," <li class=""pure-menu-item"">"," <a localizable class=""pure-menu-link"" target=""_blank"""," href=""https://www.snapcon.org"">Snap<em>!</em>Con</a>", </li>, </span>," <i class=""pure-u-1-24""></i>"," <div class=""search pure-u-1-6"">"," <form action=""search"">"," <input type=""text"" name=""query"">"," <i class=""fas fa-search""></i>", </form>, </div>," <i class=""pure-u-1-24""></i>"," <li hidden=""true"" class=""join pure-menu-item pure-u-1-12"">"," <a localizable class=""pure-menu-link"""," href=""sign_up"">Join</a></li>"," <li hidden=""true"" class=""sign-in pure-menu-item pure-u-1-12"">"," <a localizable class=""pure-menu-link"""," href=""login"">Log In</a></li>"," <li hidden=""true"" class=""pure-menu-item pure-u-1-6"," pure-menu-has-children pure-menu-allow-hover user-menu"">"," <a id=""menuLink1"" class=""pure-menu-link visitor clickable""></a>"," <ul class=""pure-menu-children"">"," <li class=""pure-menu-item"">"," <a localizable class=""pure-menu-link my-projects"""," href=""my_projects"">My Projects</a></li>"," <li class=""pure-menu-item"">"," <a localizable class=""pure-menu-link my-collections"""," href=""my_collections"">My Collections</a></li>"," <li class=""pure-menu-item"">"," <a localizable class=""pure-menu-link my-public-projects"""," href="""">My Public Page</a></li>"," <li class=""pure-menu-item"">"," <a localizable class=""pure-menu-link my-profile"""," href=""profile"">My Profile</a></li>"," <li hidden=""true"" class=""pure-menu-item admin"">"," <a localizable class=""pure-menu-link"""," href=""admin"">Administration</a></li>", <hr>," <li class=""pure-menu-item"">"," <a localizable class=""pure-menu-link clickable"""," href=""javascript:SnapCloud.logout(function () {", sessionStorage.clear();, location.href = 'index';," });"">Log Out</a></li>", </ul>, </li>," <li class=""pure-menu-item pure-u-1-24 pure-menu-has-children"," pure-menu-allow-hover language-select"">"," <a class=""pure-menu-link clickable"">"," <i class=""fas fa-globe""></i>", </a>," <ul class=""pure-menu-children languages"">"," <a class=""pure-menu-link clickable"""," onclick=""localizer.setLanguage('es');"">Castellano</a>"," <a class=""pure-menu-link clickable"""," onclick=""localizer.setLanguage('ca');"">Català</a>"," <a class=""pure-menu-link clickable"""," onclick=""localizer.setLanguage('zh');"">简体中文</a>"," <a class=""pure-menu-link clickable"""," onclick=""localizer.setLanguage('de');"">Deutsch</a>"," <a class=""pure-menu-link clickable"""," onclick=""localizer.setLanguage('en');"">English</a>"," <a class=""pure-menu-link clickable"""," onclick=""localizer.setLanguage('pt');"">Português</a>", </ul>, </li>, </ul>, </div>,</nav>," <div id=""wrapper"">","<script src=""js/project.js""></script>","<link rel=""stylesheet"" href=""style/project.css"">",,,"<link rel=""stylesheet"" href=""style/banner.css"">",,"<div class=""slideshow"">"," <div class=""slide fade"">"," <img src=""img/snap-byob.png"" style=""width:100%"">", </div>,," <div class=""slide fade"">"," <img src=""img/lowfloor.png"" style=""width:100%"">", </div>,," <div class=""slide fade"">"," <img src=""img/widewalls.png"" style=""width:100%"">", </div>,," <div class=""slide fade"">"," <img src=""img/noceiling.png"" style=""width:100%"">", </div>,," <a class=""previous"" onclick=""plusSlides(-1)"">❮</a>"," <a class=""next"" onclick=""plusSlides(1)"">❯</a>",</div>,<br>,,<script>, var slideIndex = 1;,, showSlide(slideIndex);,, function plusSlides (n) {, showSlide(slideIndex += n);, };,, function currentSlide (n) {, showSlide(slideIndex = n);, };,, function showSlide (n) {," var slides = document.querySelectorAll('.slide'),", i;, if (n > slides.length) { slideIndex = 1 }, if (n < 1) { slideIndex = slides.length }, slides.forEach(function (slide) {, slide.style.display = 'none';, });, slides[slideIndex-1].style.display = 'block';, };,,</script>,,<h1><span localizable>Welcome to Snap</span><em>!</em></h1>,,"<div class=""indent bigger"" localizable>Snap<em>!</em> is a broadly inviting programming language for kids and adults that’s also a platform for serious study of computer science.</div>",,"<div class=""indent v-spaced"">"," <a href=""/snap"" class=""pure-button"" localizable>Run Snap<em>!</em> Now</a>"," <a href=""/examples"" class=""pure-button"" localizable>Example Projects</a>"," <a href=""/snap/help/SnapManual.pdf"" class=""pure-button"" localizable>Reference Manual</a>"," <a href=""https://snapcon.org"" target=""_blank"" class=""pure-button"" localizable>Snap!Con 2020</a>",</div>,,"<br class=""v-spaced"">",,,,"<div class=""latest container"">"," <h2 class=""latest header"" localizable></h2>"," <div class=""bar"">"," <div hidden class=""latest search"">"," <form action=""latest"">"," <input type=""text"" name=""query"">"," <i class=""fas fa-search""></i>", </form>, <script>," var latest_page = 1,"," latest_totalPages = 1,"," latest_maxPages = [20][0] || 0, // 0 = no limit"," latest_pageSize = [5][0] || 150,", latest_keepIfEmpty = [][0];,, if (!['Latest Projects'][0]) {, document.querySelector('.latest.header').remove();, } else {, document.querySelector('.latest.header').innerHTML =, ['Latest Projects'][0];, },, if ([false][0]) {," document.querySelector("".latest.search"").hidden =", false;, };,, document.querySelector('.latest form input').value =, getUrlParameter('query');,, function latest_toPage (pageNumber) {, var latest_div =," document.querySelector('.latest.container'),", latest_listDiv =," document.querySelector('.latest.list'),", latest_pageSpan =, document.querySelector(," '.latest.paginator .page'),", latest_totalPagesSpan =, document.querySelector(," '.latest.paginator .total-pages'),", height = latest_listDiv.clientHeight;,, // Forces grid to keep previous height when emptied out, if (height > 0) {, latest_listDiv.style.height = height;, },, latest_listDiv.innerHTML = '';, beganLoading('.latest.list');,, latest_loadPage(," getUrlParameter('query'),"," latest_pageSize,"," pageNumber,", function (response) {, latest_totalPages =, latest_maxPages || response.pages;, latest_totalPagesSpan.textContent =, latest_totalPages;,, if (latest_totalPages == 0 ||, (response.projects && !response.projects[0]) ||, (response.collections &&, !response.collections[0]) ||, (response.users && !response.users[0]), // Until we fix the API this will do, ) {, if (!latest_keepIfEmpty) {, latest_div.remove();, } else {, doneLoading('.latest.list');, }, return;, } else if (latest_totalPages == 1 &&, !latest_keepIfEmpty) {, document.querySelector(, '.latest.paginator').remove();, },," latest_onLoadPage(response,", latest_listDiv);,, doneLoading('.latest.list');, }, );,, latest_page = pageNumber;, latest_pageSpan.textContent = pageNumber;, };,, function latest_initGrid (callback) {, latest_toPage(1);, if (callback) {, callback.call(this);, }, };,, </script>, </div>,"<nav class=""latest paginator"">"," <a class=""clickable"" onclick=""latest_toPage(1);""><i class=""fas fa-caret-left""></i></a>"," <a class=""clickable"" onclick=""latest_toPage(latest_page - 5 > 0 ? latest_page - 5 : 1);""><i class=""fas fa-angle-double-left""></i></a>"," <a class=""clickable"" onclick=""latest_toPage(latest_page - 1 > 0 ? latest_page - 1 : latest_page);""><i class=""fas fa-angle-left""></i></a>"," <span class=""page""></span> / <span class=""total-pages""></span>"," <a class=""clickable"" onclick=""latest_toPage(latest_page + 1 < latest_totalPages ? latest_page + 1 : latest_totalPages);""><i class=""fas fa-angle-right""></i></a>"," <a class=""clickable"" onclick=""latest_toPage(latest_page + 5 < latest_totalPages ? latest_page + 5 : latest_totalPages);""><i class=""fas fa-angle-double-right""></i></a>"," <a class=""clickable"" onclick=""latest_toPage(latest_totalPages);""><i class=""fas fa-caret-right""></i></a>",</nav>, </div>," <div class=""latest list pure-g""></div>",</div>,<script>, latest_loadPage =," function (query, pageSize, pageNumber, onSuccess) {", SnapCloud.getPublishedProjectList(," null, // no username"," pageNumber,"," pageSize,"," query,"," onSuccess,"," genericError,", true // withThumbnail, );, };,, latest_onLoadPage =," function (response, targetElement) {", response.projects.forEach(function (project) {, targetElement.append(, newProjectDiv(," project,", {," size: 'small',"," gridSize: 5,", extraFields: {," isPublic: 'ispublic',"," isPublished: 'ispublished',", author: 'username', }, }, ), );, });, };,, latest_initGrid();,</script>,,,"<div class=""featured container"">"," <h2 class=""featured header"" localizable></h2>"," <div class=""bar"">"," <div hidden class=""featured search"">"," <form action=""featured"">"," <input type=""text"" name=""query"">"," <i class=""fas fa-search""></i>", </form>, <script>," var featured_page = 1,"," featured_totalPages = 1,"," featured_maxPages = [0][0] || 0, // 0 = no limit"," featured_pageSize = [5][0] || 150,", featured_keepIfEmpty = [][0];,, if (!['Featured Projects'][0]) {, document.querySelector('.featured.header').remove();, } else {, document.querySelector('.featured.header').innerHTML =, ['Featured Projects'][0];, },, if ([false][0]) {," document.querySelector("".featured.search"").hidden =", false;, };,, document.querySelector('.featured form input').value =, getUrlParameter('query');,, function featured_toPage (pageNumber) {, var featured_div =," document.querySelector('.featured.container'),", featured_listDiv =," document.querySelector('.featured.list'),", featured_pageSpan =, document.querySelector(," '.featured.paginator .page'),", featured_totalPagesSpan =, document.querySelector(," '.featured.paginator .total-pages'),", height = featured_listDiv.clientHeight;,, // Forces grid to keep previous height when emptied out, if (height > 0) {, featured_listDiv.style.height = height;, },, featured_listDiv.innerHTML = '';, beganLoading('.featured.list');,, featured_loadPage(," getUrlParameter('query'),"," featured_pageSize,"," pageNumber,", function (response) {, featured_totalPages =, featured_maxPages || response.pages;, featured_totalPagesSpan.textContent =, featured_totalPages;,, if (featured_totalPages == 0 ||, (response.projects && !response.projects[0]) ||, (response.collections &&, !response.collections[0]) ||, (response.users && !response.users[0]), // Until we fix the API this will do, ) {, if (!featured_keepIfEmpty) {, featured_div.remove();, } else {, doneLoading('.featured.list');, }, return;, } else if (featured_totalPages == 1 &&, !featured_keepIfEmpty) {, document.querySelector(, '.featured.paginator').remove();, },," featured_onLoadPage(response,", featured_listDiv);,, doneLoading('.featured.list');, }, );,, featured_page = pageNumber;, featured_pageSpan.textContent = pageNumber;, };,, function featured_initGrid (callback) {, featured_toPage(1);, if (callback) {, callback.call(this);, }, };,, </script>, </div>,"<nav class=""featured paginator"">"," <a class=""clickable"" onclick=""featured_toPage(1);""><i class=""fas fa-caret-left""></i></a>"," <a class=""clickable"" onclick=""featured_toPage(featured_page - 5 > 0 ? featured_page - 5 : 1);""><i class=""fas fa-angle-double-left""></i></a>"," <a class=""clickable"" onclick=""featured_toPage(featured_page - 1 > 0 ? featured_page - 1 : featured_page);""><i class=""fas fa-angle-left""></i></a>"," <span class=""page""></span> / <span class=""total-pages""></span>"," <a class=""clickable"" onclick=""featured_toPage(featured_page + 1 < featured_totalPages ? featured_page + 1 : featured_totalPages);""><i class=""fas fa-angle-right""></i></a>"," <a class=""clickable"" onclick=""featured_toPage(featured_page + 5 < featured_totalPages ? featured_page + 5 : featured_totalPages);""><i class=""fas fa-angle-double-right""></i></a>"," <a class=""clickable"" onclick=""featured_toPage(featured_totalPages);""><i class=""fas fa-caret-right""></i></a>",</nav>, </div>," <div class=""featured list pure-g""></div>",</div>,<script>, featured_loadPage =," function (query, pageSize, pageNumber, onSuccess) {", SnapCloud.getCollectionProjects(," 'snapcloud',"," pageNumber,"," pageSize,"," 'Featured',"," onSuccess,"," genericError,", true // withThumbnail, );, };,, featured_onLoadPage = latest_onLoadPage;, featured_initGrid();,</script>,,,"<div class=""snapcon container"">"," <h2 class=""snapcon header"" localizable></h2>"," <div class=""bar"">"," <div hidden class=""snapcon search"">"," <form action=""snapcon"">"," <input type=""text"" name=""query"">"," <i class=""fas fa-search""></i>", </form>, <script>," var snapcon_page = 1,"," snapcon_totalPages = 1,"," snapcon_maxPages = [0][0] || 0, // 0 = no limit"," snapcon_pageSize = [5][0] || 150,", snapcon_keepIfEmpty = [][0];,, if (!['Snap!Con 2019 Projects'][0]) {, document.querySelector('.snapcon.header').remove();, } else {, document.querySelector('.snapcon.header').innerHTML =, ['Snap!Con 2019 Projects'][0];, },, if ([false][0]) {," document.querySelector("".snapcon.search"").hidden =", false;, };,, document.querySelector('.snapcon form input').value =, getUrlParameter('query');,, function snapcon_toPage (pageNumber) {, var snapcon_div =," document.querySelector('.snapcon.container'),", snapcon_listDiv =," document.querySelector('.snapcon.list'),", snapcon_pageSpan =, document.querySelector(," '.snapcon.paginator .page'),", snapcon_totalPagesSpan =, document.querySelector(," '.snapcon.paginator .total-pages'),", height = snapcon_listDiv.clientHeight;,, // Forces grid to keep previous height when emptied out, if (height > 0) {, snapcon_listDiv.style.height = height;, },, snapcon_listDiv.innerHTML = '';, beganLoading('.snapcon.list');,, snapcon_loadPage(," getUrlParameter('query'),"," snapcon_pageSize,"," pageNumber,", function (response) {, snapcon_totalPages =, snapcon_maxPages || response.pages;, snapcon_totalPagesSpan.textContent =, snapcon_totalPages;,, if (snapcon_totalPages == 0 ||, (response.projects && !response.projects[0]) ||, (response.collections &&, !response.collections[0]) ||, (response.users && !response.users[0]), // Until we fix the API this will do, ) {, if (!snapcon_keepIfEmpty) {, snapcon_div.remove();, } else {, doneLoading('.snapcon.list');, }, return;, } else if (snapcon_totalPages == 1 &&, !snapcon_keepIfEmpty) {, document.querySelector(, '.snapcon.paginator').remove();, },," snapcon_onLoadPage(response,", snapcon_listDiv);,, doneLoading('.snapcon.list');, }, );,, snapcon_page = pageNumber;, snapcon_pageSpan.textContent = pageNumber;, };,, function snapcon_initGrid (callback) {, snapcon_toPage(1);, if (callback) {, callback.call(this);, }, };,, </script>, </div>,"<nav class=""snapcon paginator"">"," <a class=""clickable"" onclick=""snapcon_toPage(1);""><i class=""fas fa-caret-left""></i></a>"," <a class=""clickable"" onclick=""snapcon_toPage(snapcon_page - 5 > 0 ? snapcon_page - 5 : 1);""><i class=""fas fa-angle-double-left""></i></a>"," <a class=""clickable"" onclick=""snapcon_toPage(snapcon_page - 1 > 0 ? snapcon_page - 1 : snapcon_page);""><i class=""fas fa-angle-left""></i></a>"," <span class=""page""></span> / <span class=""total-pages""></span>"," <a class=""clickable"" onclick=""snapcon_toPage(snapcon_page + 1 < snapcon_totalPages ? snapcon_page + 1 : snapcon_totalPages);""><i class=""fas fa-angle-right""></i></a>"," <a class=""clickable"" onclick=""snapcon_toPage(snapcon_page + 5 < snapcon_totalPages ? snapcon_page + 5 : snapcon_totalPages);""><i class=""fas fa-angle-double-right""></i></a>"," <a class=""clickable"" onclick=""snapcon_toPage(snapcon_totalPages);""><i class=""fas fa-caret-right""></i></a>",</nav>, </div>," <div class=""snapcon list pure-g""></div>",</div>,<script>, snapcon_loadPage =," function (query, pageSize, pageNumber, onSuccess) {", SnapCloud.getCollectionProjects(," 'snapcloud',"," pageNumber,"," pageSize,"," 'Snap!Con 2019',"," onSuccess,"," genericError,", true // withThumbnail, );, };,, snapcon_onLoadPage = latest_onLoadPage;, snapcon_initGrid();,</script>,,,<script>, // pick a random curated collection, var collection =," [ 'Science Projects',"," 'Art Projects',"," 'Fractals',"," 'Animations',", 'Games' ][Math.floor(Math.random()*4)];,</script>,,"<div class=""curated container"">"," <h2 class=""curated header"" localizable></h2>"," <div class=""bar"">"," <div hidden class=""curated search"">"," <form action=""curated"">"," <input type=""text"" name=""query"">"," <i class=""fas fa-search""></i>", </form>, <script>," var curated_page = 1,"," curated_totalPages = 1,"," curated_maxPages = [0][0] || 0, // 0 = no limit"," curated_pageSize = [5][0] || 150,", curated_keepIfEmpty = [][0];,, if (![collection][0]) {, document.querySelector('.curated.header').remove();, } else {, document.querySelector('.curated.header').innerHTML =, [collection][0];, },, if ([false][0]) {," document.querySelector("".curated.search"").hidden =", false;, };,, document.querySelector('.curated form input').value =, getUrlParameter('query');,, function curated_toPage (pageNumber) {, var curated_div =," document.querySelector('.curated.container'),", curated_listDiv =," document.querySelector('.curated.list'),", curated_pageSpan =, document.querySelector(," '.curated.paginator .page'),", curated_totalPagesSpan =, document.querySelector(," '.curated.paginator .total-pages'),", height = curated_listDiv.clientHeight;,, // Forces grid to keep previous height when emptied out, if (height > 0) {, curated_listDiv.style.height = height;, },, curated_listDiv.innerHTML = '';, beganLoading('.curated.list');,, curated_loadPage(," getUrlParameter('query'),"," curated_pageSize,"," pageNumber,", function (response) {, curated_totalPages =, curated_maxPages || response.pages;, curated_totalPagesSpan.textContent =, curated_totalPages;,, if (curated_totalPages == 0 ||, (response.projects && !response.projects[0]) ||, (response.collections &&, !response.collections[0]) ||, (response.users && !response.users[0]), // Until we fix the API this will do, ) {, if (!curated_keepIfEmpty) {, curated_div.remove();, } else {, doneLoading('.curated.list');, }, return;, } else if (curated_totalPages == 1 &&, !curated_keepIfEmpty) {, document.querySelector(, '.curated.paginator').remove();, },," curated_onLoadPage(response,", curated_listDiv);,, doneLoading('.curated.list');, }, );,, curated_page = pageNumber;, curated_pageSpan.textContent = pageNumber;, };,, function curated_initGrid (callback) {, curated_toPage(1);, if (callback) {, callback.call(this);, }, };,, </script>, </div>,"<nav class=""curated paginator"">"," <a class=""clickable"" onclick=""curated_toPage(1);""><i class=""fas fa-caret-left""></i></a>"," <a class=""clickable"" onclick=""curated_toPage(curated_page - 5 > 0 ? curated_page - 5 : 1);""><i class=""fas fa-angle-double-left""></i></a>"," <a class=""clickable"" onclick=""curated_toPage(curated_page - 1 > 0 ? curated_page - 1 : curated_page);""><i class=""fas fa-angle-left""></i></a>"," <span class=""page""></span> / <span class=""total-pages""></span>"," <a class=""clickable"" onclick=""curated_toPage(curated_page + 1 < curated_totalPages ? curated_page + 1 : curated_totalPages);""><i class=""fas fa-angle-right""></i></a>"," <a class=""clickable"" onclick=""curated_toPage(curated_page + 5 < curated_totalPages ? curated_page + 5 : curated_totalPages);""><i class=""fas fa-angle-double-right""></i></a>"," <a class=""clickable"" onclick=""curated_toPage(curated_totalPages);""><i class=""fas fa-caret-right""></i></a>",</nav>, </div>," <div class=""curated list pure-g""></div>",</div>,<script>, curated_loadPage =," function (query, pageSize, pageNumber, onSuccess) {", SnapCloud.getCollectionProjects(," 'snapcloud',"," pageNumber,"," pageSize,"," collection,"," onSuccess,"," genericError,", true // withThumbnail, );, };,, curated_onLoadPage = latest_onLoadPage;, curated_initGrid();,</script>,, </div>,"<div id=""footer"">"," <div class=""links pure-g"">"," <div class=""pure-u-1-5"">", <p><h4 localizable>About</h4></p>," <p><a localizable href=""about"">About Snap<em>!</em></a></p>"," <p><a localizable href=""blog"">Blog</a></p>"," <p><a localizable href=""credits"">Credits</a></p>"," <p><a localizable href=""requirements"">Technical Requirements</a></p>"," <p><a localizable href=""partners"">Partners</a></p>"," <p><a localizable href=""source"" >Source Code</a></p>", </div>," <div class=""pure-u-1-5"">", <p><h4 localizable>Learning</h4></p>," <p><a localizable href=""examples"">Examples</a></p>"," <p><a localizable href=""snapsource/help/SnapManual.pdf""", >Reference Manual</a></p>," <p><a localizable href=""materials"">Materials</a></p>"," <p><a localizable href=""bjc"">The Beauty and Joy of Computing</a></p>"," <p><a localizable href=""research"">Research</a></p>", </div>," <div class=""pure-u-1-5"">", <p><h4 localizable>Tools</h4></p>," <p><a localizable href=""offline"">Offline Version</a></p>"," <p><a localizable href=""extensions"">Extensions</a></p>"," <p><a href=""snapp"">Snapp<em>!</em></a></p>"," <p><a href=""snapinator"">Snapinator</a></p>"," <p><a href=""old_site/old-byob.html"">BYOB (old Snap<em>!</em>)</a></p>", </div>," <div class=""pure-u-1-5"">", <p><h4 localizable>Support</h4></p>," <p><a localizable target=""_blank"""," href=""https://forum.snap.berkeley.edu/"">Forum</a></p>"," <p><a localizable href=""contact"">Contact Us</a></p>"," <p><a localizable href=""mirrors"">Mirrors</a></p>", </div>," <div class=""pure-u-1-5"">", <p><h4 localizable>Legal</h4></p>," <p><a localizable href=""dmca"">DMCA</a></p>"," <p><a localizable href=""privacy"">Privacy</a></p>"," <p><a localizable href=""tos"">Terms of Service</a></p>", </div>, </div>,</div>, </body>, <script>, SnapCloud.genericError = genericError;, document.querySelector('#top-bar .run').href = snapURL;, if (!sessionStorage.username) {, SnapCloud.initSession(," function (username, role) {", sessionStorage.username = username;, sessionStorage.role = role;, initForUsername(username);, }, );, } else {, initForUsername(sessionStorage.username);, },, function initForUsername (username) {, if (username) {, SnapCloud.username = username;, document.querySelector('li.join').hidden = true;, document.querySelector('li.sign-in').hidden = true;, document.querySelector('li.user-menu').hidden = false;, document.querySelector('a.my-public-projects').href =, 'user?user=' + username;," if (hasAnyOfRoles(['admin', 'moderator', 'reviewer'])) {", document.querySelector('.admin').hidden = false;, }, fillVisitorFields();, } else {, document.querySelector('li.join').hidden = false;, document.querySelector('li.sign-in').hidden = false;, document.querySelector('li.user-menu').hidden = true;, }, fillUsernameFields();, fillVisitorFields();, doneLoading();, },, // Share sessionStorage across tabs, // http://blog.guya.net/2015/06/12/sharing-sessionstorage-between-tabs-for-secure-multi-tab-authentication/, if (!sessionStorage.length) {," localStorage.setItem('getSessionStorage', Date.now());", };," window.addEventListener('storage', function(event) {", if (event.key == 'getSessionStorage') {," localStorage.setItem('sessionStorage',", JSON.stringify(sessionStorage));, localStorage.removeItem('sessionStorage');, } else if (event.key == 'sessionStorage' && !sessionStorage.length) {," var data = JSON.parse(event.newValue), value;"," for (key in data) { sessionStorage.setItem(key, data[key]); }", }, });, </script>,</html> function (username, role) {,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,0