data:image/png;base64,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
290falseкерування:
повноекраний режим - shift і =, або натиснути +.
виконати код - enter.
прокрутка - верх і внизверсії:
1.0 - перша версія
1.1 - змінена тема, додано показщика кількості рядків коду<!DOCTYPE html>,<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! Community. Snap! is a blocks-based programming language built by UC Berkeley and used by hundrends of thousands of programmers around the world."">"," <meta name=""author"" content=""Bernat Romagosa, Michael Ball, Jens Mönig, Brian Harvey, Jadge Hügle"">",," <meta name=""snap-cloud-domain"" location=""https://snap.berkeley.edu"">"," <link rel=""icon"" href=""favicon.ico"">"," <link rel=""canonical"" href=""https://snap.berkeley.edu"" />"," <meta name=""viewport"" content=""width=device-width, initial-scale=1"">",, <!-- Stylesheets -->," <link rel=""stylesheet"" href=""libs/reset.css"">"," <link rel=""stylesheet"" href=""libs/custom-alert.css"">"," <link rel=""stylesheet"" href=""libs/pure-min.css"">"," <link rel=""stylesheet"" href=""style/layout.css"">"," <link rel=""stylesheet"" href=""style/elements.css"">"," <link rel=""stylesheet"" href=""style/classes.css"">"," <link rel=""stylesheet"""," href=""https://use.fontawesome.com/releases/v5.7.1/css/all.css"""," integrity=""sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr"""," crossorigin=""anonymous"">", <!-- JS -->," <script src=""js/locale.js""></script>"," <script src=""js/base.js""></script>"," <script src=""libs/cloud.js""></script>", <script>SnapCloud = new Cloud();</script>," <script src=""libs/sha512.js""></script>", </head>, <body>," <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>, <!--, <!-- ======= Snap!Con ======= -->, <!--," <li class=""pure-menu-item"">"," <a localizable class=""pure-menu-link"" target=""_blank"""," href=""https://www.snapcon.org"">Snap<em>!</em>shot</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 class=""join pure-menu-item pure-u-1-12"">"," <a localizable class=""pure-menu-link"""," href=""sign_up"">Join</a></li>"," <li hidden class=""sign-in pure-menu-item pure-u-1-12"">"," <a localizable class=""pure-menu-link"""," href=""login"">Log In</a></li>"," <li hidden 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 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"">"," <li class=""pure-menu-item"">"," <a class=""pure-menu-link clickable"""," href=""javascript:localizer.setLanguage('es');"">Castellano</a>", </li>," <li class=""pure-menu-item"">"," <a class=""pure-menu-link clickable"""," href=""javascript:localizer.setLanguage('ca');"">Català</a>", </li>," <li class=""pure-menu-item"">"," <a class=""pure-menu-link clickable"""," href=""javascript:localizer.setLanguage('zh');"">简体中文</a>", </li>," <li class=""pure-menu-item"">"," <a class=""pure-menu-link clickable"""," href=""javascript:localizer.setLanguage('de');"">Deutsch</a>", </li>," <li class=""pure-menu-item"">"," <a class=""pure-menu-link clickable"""," href=""javascript:localizer.setLanguage('en');"">English</a>", </li>," <li class=""pure-menu-item"">"," <a class=""pure-menu-link clickable"""," href=""javascript:localizer.setLanguage('fr');"">Français</a>", </li>," <li class=""pure-menu-item"">"," <a class=""pure-menu-link clickable"""," href=""javascript:localizer.setLanguage('it');"">Italiano</a>", </li>," <li class=""pure-menu-item"">"," <a class=""pure-menu-link clickable"""," href=""javascript:localizer.setLanguage('pt');"">Português</a>", </li>," <li class=""pure-menu-item"">"," <a class=""pure-menu-link clickable"""," href=""javascript:localizer.setLanguage('tr');"">Türkçe</a>", </li>, </ul>, </li>, </ul>, </div>,</nav>," <div id=""wrapper"">","<script src=""js/project.js""></script>","<link rel=""stylesheet"" href=""style/project.css"">",,<!-- Thanks to www.w3schools.com -->,"<link rel=""stylesheet"" href=""style/banner.css"">",,"<div class=""slideshow"">", <!--," <a href=""https://snapcon.org/"" target=""_blank"">"," <div class=""slide fade"">"," <img src=""img/snapcon.png"" style=""width:100%"">", </div>, </a>, -->,," <a href=""collection.html?user=snapcloud&collection=Chocolate"">"," <div class=""slide fade"">"," <img src=""img/totm.png"" style=""width:100%"">", </div>, </a>,," <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><span hidden class=""username""></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=""/my_projects"" hidden class=""pure-button"" localizable>My Projects</a>"," <a href="""" hidden class=""pure-button my-public-projects"" localizable>My Public Page</a>"," <a href=""/examples"" class=""pure-button"" localizable>Example Projects</a>"," <a href=""/snap/help/SnapManual.pdf"" class=""pure-button"" localizable>Reference Manual</a>",</div>,,<script>,let username = sessionStorage && sessionStorage.username;,,if (username) {, let heading = document.querySelector('h1 .username');, let publicPage = document.querySelector('.indent a.my-public-projects');, heading.hidden = false;," heading.innerHTML = `, ${escapeHtml(username)}`;"," document.querySelector('a[href=""/my_projects""]').hidden = false;", publicPage.hidden = false;, publicPage.href = `/user?user=${encodeURIComponent(username)}`;,},,</script>,"<br class=""v-spaced"">",,,<!--, Any template that uses me needs to specify the following functions:,, // Defines how to retrieve a particular page from the DB, featured_loadPage (," query, // search query"," pageSize, // amount of elements per page"," pageNumber, // current page being requested", onSuccess // callback called when response comes back. Just leave as," // `onSuccess` unless doing something very specific, as", // this callback is defined by the search bar itself., ),, // Defines how to load a particular page, featured_onLoadPage (," response, // response from the server", targetElement // HTML element where response should be rendered, ),," Once these functions have been defined, just call:",, featured_initGrid(callback);,-->,"<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>," onLoadPage = function (response, targetElement) {", response.projects.forEach(function (project) {, targetElement.append(, newProjectDiv(," project,", {," size: 'small',"," gridSize: 5,", extraFields: {," isPublic: 'ispublic',"," isPublished: 'ispublished',", author: 'username', }, }, ), );, });, };,, featured_loadPage =," function (query, pageSize, pageNumber, onSuccess) {", SnapCloud.getCollectionProjects(," 'snapcloud',"," pageNumber,"," pageSize,"," 'Featured',"," onSuccess,"," genericError,", true // withThumbnail, );, };,, featured_onLoadPage = onLoadPage;, featured_initGrid();,</script>,,<!--, Any template that uses me needs to specify the following functions:,, // Defines how to retrieve a particular page from the DB, snapcon_loadPage (," query, // search query"," pageSize, // amount of elements per page"," pageNumber, // current page being requested", onSuccess // callback called when response comes back. Just leave as," // `onSuccess` unless doing something very specific, as", // this callback is defined by the search bar itself., ),, // Defines how to load a particular page, snapcon_onLoadPage (," response, // response from the server", targetElement // HTML element where response should be rendered, ),," Once these functions have been defined, just call:",, snapcon_initGrid(callback);,-->,"<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!Shot 2021'][0]) {, document.querySelector('.snapcon.header').remove();, } else {, document.querySelector('.snapcon.header').innerHTML =, ['Snap!Shot 2021'][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!Shot 2021',"," onSuccess,"," genericError,", true // withThumbnail, );, };,, snapcon_onLoadPage = onLoadPage;, snapcon_initGrid();,</script>,,<!--, Any template that uses me needs to specify the following functions:,, // Defines how to retrieve a particular page from the DB, totm_loadPage (," query, // search query"," pageSize, // amount of elements per page"," pageNumber, // current page being requested", onSuccess // callback called when response comes back. Just leave as," // `onSuccess` unless doing something very specific, as", // this callback is defined by the search bar itself., ),, // Defines how to load a particular page, totm_onLoadPage (," response, // response from the server", targetElement // HTML element where response should be rendered, ),," Once these functions have been defined, just call:",, totm_initGrid(callback);,-->,"<div class=""totm container"">"," <h2 class=""totm header"" localizable></h2>"," <div class=""bar"">"," <div hidden class=""totm search"">"," <form action=""totm"">"," <input type=""text"" name=""query"">"," <i class=""fas fa-search""></i>", </form>, <script>," var totm_page = 1,"," totm_totalPages = 1,"," totm_maxPages = [0][0] || 0, // 0 = no limit"," totm_pageSize = [5][0] || 150,", totm_keepIfEmpty = [][0];,," if (!['Topic of the Month, March: Chocolate'][0]) {", document.querySelector('.totm.header').remove();, } else {, document.querySelector('.totm.header').innerHTML =," ['Topic of the Month, March: Chocolate'][0];", },, if ([false][0]) {," document.querySelector("".totm.search"").hidden =", false;, };,, document.querySelector('.totm form input').value =, getUrlParameter('query');,, function totm_toPage (pageNumber) {, var totm_div =," document.querySelector('.totm.container'),", totm_listDiv =," document.querySelector('.totm.list'),", totm_pageSpan =, document.querySelector(," '.totm.paginator .page'),", totm_totalPagesSpan =, document.querySelector(," '.totm.paginator .total-pages'),", height = totm_listDiv.clientHeight;,, // Forces grid to keep previous height when emptied out, if (height > 0) {, totm_listDiv.style.height = height;, },, totm_listDiv.innerHTML = '';, beganLoading('.totm.list');,, totm_loadPage(," getUrlParameter('query'),"," totm_pageSize,"," pageNumber,", function (response) {, totm_totalPages =, totm_maxPages || response.pages;, totm_totalPagesSpan.textContent =, totm_totalPages;,, if (totm_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 (!totm_keepIfEmpty) {, totm_div.remove();, } else {, doneLoading('.totm.list');, }, return;, } else if (totm_totalPages == 1 &&, !totm_keepIfEmpty) {, document.querySelector(, '.totm.paginator').remove();, },," totm_onLoadPage(response,", totm_listDiv);,, doneLoading('.totm.list');, }, );,, totm_page = pageNumber;, totm_pageSpan.textContent = pageNumber;, };,, function totm_initGrid (callback) {, totm_toPage(1);, if (callback) {, callback.call(this);, }, };,, </script>, </div>,"<nav class=""totm paginator"">"," <a class=""clickable"" onclick=""totm_toPage(1);""><i class=""fas fa-caret-left""></i></a>"," <a class=""clickable"" onclick=""totm_toPage(totm_page - 5 > 0 ? totm_page - 5 : 1);""><i class=""fas fa-angle-double-left""></i></a>"," <a class=""clickable"" onclick=""totm_toPage(totm_page - 1 > 0 ? totm_page - 1 : totm_page);""><i class=""fas fa-angle-left""></i></a>"," <span class=""page""></span> / <span class=""total-pages""></span>"," <a class=""clickable"" onclick=""totm_toPage(totm_page + 1 < totm_totalPages ? totm_page + 1 : totm_totalPages);""><i class=""fas fa-angle-right""></i></a>"," <a class=""clickable"" onclick=""totm_toPage(totm_page + 5 < totm_totalPages ? totm_page + 5 : totm_totalPages);""><i class=""fas fa-angle-double-right""></i></a>"," <a class=""clickable"" onclick=""totm_toPage(totm_totalPages);""><i class=""fas fa-caret-right""></i></a>",</nav>, </div>," <div class=""totm list pure-g""></div>",</div>,<script>, totm_loadPage =," function (query, pageSize, pageNumber, onSuccess) {", SnapCloud.getCollectionProjects(," 'snapcloud',"," pageNumber,"," pageSize,"," 'Chocolate',"," onSuccess,"," genericError,", true // withThumbnail, );, };,, totm_onLoadPage = onLoadPage;, totm_initGrid();,</script>,,<script>, // pick three random curated collections, var collections =," [ 'Science Projects',"," 'Simulations',"," '3D',"," 'Music',"," 'Art Projects',"," 'Fractals',"," 'Animations',", 'Games' ];,, for (var i = collections.length - 1; i > 2; i --) {," collections.splice(Math.floor(Math.random()*collections.length), 1);", },</script>,,<!--, Any template that uses me needs to specify the following functions:,, // Defines how to retrieve a particular page from the DB, curated1_loadPage (," query, // search query"," pageSize, // amount of elements per page"," pageNumber, // current page being requested", onSuccess // callback called when response comes back. Just leave as," // `onSuccess` unless doing something very specific, as", // this callback is defined by the search bar itself., ),, // Defines how to load a particular page, curated1_onLoadPage (," response, // response from the server", targetElement // HTML element where response should be rendered, ),," Once these functions have been defined, just call:",, curated1_initGrid(callback);,-->,"<div class=""curated1 container"">"," <h2 class=""curated1 header"" localizable></h2>"," <div class=""bar"">"," <div hidden class=""curated1 search"">"," <form action=""curated1"">"," <input type=""text"" name=""query"">"," <i class=""fas fa-search""></i>", </form>, <script>," var curated1_page = 1,"," curated1_totalPages = 1,"," curated1_maxPages = [0][0] || 0, // 0 = no limit"," curated1_pageSize = [5][0] || 150,", curated1_keepIfEmpty = [][0];,, if (![collections[0]][0]) {, document.querySelector('.curated1.header').remove();, } else {, document.querySelector('.curated1.header').innerHTML =, [collections[0]][0];, },, if ([false][0]) {," document.querySelector("".curated1.search"").hidden =", false;, };,, document.querySelector('.curated1 form input').value =, getUrlParameter('query');,, function curated1_toPage (pageNumber) {, var curated1_div =," document.querySelector('.curated1.container'),", curated1_listDiv =," document.querySelector('.curated1.list'),", curated1_pageSpan =, document.querySelector(," '.curated1.paginator .page'),", curated1_totalPagesSpan =, document.querySelector(," '.curated1.paginator .total-pages'),", height = curated1_listDiv.clientHeight;,, // Forces grid to keep previous height when emptied out, if (height > 0) {, curated1_listDiv.style.height = height;, },, curated1_listDiv.innerHTML = '';, beganLoading('.curated1.list');,, curated1_loadPage(," getUrlParameter('query'),"," curated1_pageSize,"," pageNumber,", function (response) {, curated1_totalPages =, curated1_maxPages || response.pages;, curated1_totalPagesSpan.textContent =, curated1_totalPages;,, if (curated1_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 (!curated1_keepIfEmpty) {, curated1_div.remove();, } else {, doneLoading('.curated1.list');, }, return;, } else if (curated1_totalPages == 1 &&, !curated1_keepIfEmpty) {, document.querySelector(, '.curated1.paginator').remove();, },," curated1_onLoadPage(response,", curated1_listDiv);,, doneLoading('.curated1.list');, }, );,, curated1_page = pageNumber;, curated1_pageSpan.textContent = pageNumber;, };,, function curated1_initGrid (callback) {, curated1_toPage(1);, if (callback) {, callback.call(this);, }, };,, </script>, </div>,"<nav class=""curated1 paginator"">"," <a class=""clickable"" onclick=""curated1_toPage(1);""><i class=""fas fa-caret-left""></i></a>"," <a class=""clickable"" onclick=""curated1_toPage(curated1_page - 5 > 0 ? curated1_page - 5 : 1);""><i class=""fas fa-angle-double-left""></i></a>"," <a class=""clickable"" onclick=""curated1_toPage(curated1_page - 1 > 0 ? curated1_page - 1 : curated1_page);""><i class=""fas fa-angle-left""></i></a>"," <span class=""page""></span> / <span class=""total-pages""></span>"," <a class=""clickable"" onclick=""curated1_toPage(curated1_page + 1 < curated1_totalPages ? curated1_page + 1 : curated1_totalPages);""><i class=""fas fa-angle-right""></i></a>"," <a class=""clickable"" onclick=""curated1_toPage(curated1_page + 5 < curated1_totalPages ? curated1_page + 5 : curated1_totalPages);""><i class=""fas fa-angle-double-right""></i></a>"," <a class=""clickable"" onclick=""curated1_toPage(curated1_totalPages);""><i class=""fas fa-caret-right""></i></a>",</nav>, </div>," <div class=""curated1 list pure-g""></div>",</div>,<script>, curated1_loadPage =," function (query, pageSize, pageNumber, onSuccess) {", SnapCloud.getCollectionProjects(," 'snapcloud',"," pageNumber,"," pageSize,"," collections[0],"," onSuccess,"," genericError,", true // withThumbnail, );, };,, curated1_onLoadPage = onLoadPage;, curated1_initGrid();,</script>,,<!--, Any template that uses me needs to specify the following functions:,, // Defines how to retrieve a particular page from the DB, curated2_loadPage (," query, // search query"," pageSize, // amount of elements per page"," pageNumber, // current page being requested", onSuccess // callback called when response comes back. Just leave as," // `onSuccess` unless doing something very specific, as", // this callback is defined by the search bar itself., ),, // Defines how to load a particular page, curated2_onLoadPage (," response, // response from the server", targetElement // HTML element where response should be rendered, ),," Once these functions have been defined, just call:",, curated2_initGrid(callback);,-->,"<div class=""curated2 container"">"," <h2 class=""curated2 header"" localizable></h2>"," <div class=""bar"">"," <div hidden class=""curated2 search"">"," <form action=""curated2"">"," <input type=""text"" name=""query"">"," <i class=""fas fa-search""></i>", </form>, <script>," var curated2_page = 1,"," curated2_totalPages = 1,"," curated2_maxPages = [0][0] || 0, // 0 = no limit"," curated2_pageSize = [5][0] || 150,", curated2_keepIfEmpty = [][0];,, if (![collections[1]][0]) {, document.querySelector('.curated2.header').remove();, } else {, document.querySelector('.curated2.header').innerHTML =, [collections[1]][0];, },, if ([false][0]) {," document.querySelector("".curated2.search"").hidden =", false;, };,, document.querySelector('.curated2 form input').value =, getUrlParameter('query');,, function curated2_toPage (pageNumber) {, var curated2_div =," document.querySelector('.curated2.container'),", curated2_listDiv =," document.querySelector('.curated2.list'),", curated2_pageSpan =, document.querySelector(," '.curated2.paginator .page'),", curated2_totalPagesSpan =, document.querySelector(," '.curated2.paginator .total-pages'),", height = curated2_listDiv.clientHeight;,, // Forces grid to keep previous height when emptied out, if (height > 0) {, curated2_listDiv.style.height = height;, },, curated2_listDiv.innerHTML = '';, beganLoading('.curated2.list');,, curated2_loadPage(," getUrlParameter('query'),"," curated2_pageSize,"," pageNumber,", function (response) {, curated2_totalPages =, curated2_maxPages || response.pages;, curated2_totalPagesSpan.textContent =, curated2_totalPages;,, if (curated2_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 (!curated2_keepIfEmpty) {, curated2_div.remove();, } else {, doneLoading('.curated2.list');, }, return;, } else if (curated2_totalPages == 1 &&, !curated2_keepIfEmpty) {, document.querySelector(, '.curated2.paginator').remove();, },," curated2_onLoadPage(response,", curated2_listDiv);,, doneLoading('.curated2.list');, }, );,, curated2_page = pageNumber;, curated2_pageSpan.textContent = pageNumber;, };,, function curated2_initGrid (callback) {, curated2_toPage(1);, if (callback) {, callback.call(this);, }, };,, </script>, </div>,"<nav class=""curated2 paginator"">"," <a class=""clickable"" onclick=""curated2_toPage(1);""><i class=""fas fa-caret-left""></i></a>"," <a class=""clickable"" onclick=""curated2_toPage(curated2_page - 5 > 0 ? curated2_page - 5 : 1);""><i class=""fas fa-angle-double-left""></i></a>"," <a class=""clickable"" onclick=""curated2_toPage(curated2_page - 1 > 0 ? curated2_page - 1 : curated2_page);""><i class=""fas fa-angle-left""></i></a>"," <span class=""page""></span> / <span class=""total-pages""></span>"," <a class=""clickable"" onclick=""curated2_toPage(curated2_page + 1 < curated2_totalPages ? curated2_page + 1 : curated2_totalPages);""><i class=""fas fa-angle-right""></i></a>"," <a class=""clickable"" onclick=""curated2_toPage(curated2_page + 5 < curated2_totalPages ? curated2_page + 5 : curated2_totalPages);""><i class=""fas fa-angle-double-right""></i></a>"," <a class=""clickable"" onclick=""curated2_toPage(curated2_totalPages);""><i class=""fas fa-caret-right""></i></a>",</nav>, </div>," <div class=""curated2 list pure-g""></div>",</div>,<script>, curated2_loadPage =," function (query, pageSize, pageNumber, onSuccess) {", SnapCloud.getCollectionProjects(," 'snapcloud',"," pageNumber,"," pageSize,"," collections[1],"," onSuccess,"," genericError,", true // withThumbnail, );, };,, curated2_onLoadPage = onLoadPage;, curated2_initGrid();,</script>,,<!--, Any template that uses me needs to specify the following functions:,, // Defines how to retrieve a particular page from the DB, curated3_loadPage (," query, // search query"," pageSize, // amount of elements per page"," pageNumber, // current page being requested", onSuccess // callback called when response comes back. Just leave as," // `onSuccess` unless doing something very specific, as", // this callback is defined by the search bar itself., ),, // Defines how to load a particular page, curated3_onLoadPage (," response, // response from the server", targetElement // HTML element where response should be rendered, ),," Once these functions have been defined, just call:",, curated3_initGrid(callback);,-->,"<div class=""curated3 container"">"," <h2 class=""curated3 header"" localizable></h2>"," <div class=""bar"">"," <div hidden class=""curated3 search"">"," <form action=""curated3"">"," <input type=""text"" name=""query"">"," <i class=""fas fa-search""></i>", </form>, <script>," var curated3_page = 1,"," curated3_totalPages = 1,"," curated3_maxPages = [0][0] || 0, // 0 = no limit"," curated3_pageSize = [5][0] || 150,", curated3_keepIfEmpty = [][0];,, if (![collections[2]][0]) {, document.querySelector('.curated3.header').remove();, } else {, document.querySelector('.curated3.header').innerHTML =, [collections[2]][0];, },, if ([false][0]) {," document.querySelector("".curated3.search"").hidden =", false;, };,, document.querySelector('.curated3 form input').value =, getUrlParameter('query');,, function curated3_toPage (pageNumber) {, var curated3_div =," document.querySelector('.curated3.container'),", curated3_listDiv =," document.querySelector('.curated3.list'),", curated3_pageSpan =, document.querySelector(," '.curated3.paginator .page'),", curated3_totalPagesSpan =, document.querySelector(," '.curated3.paginator .total-pages'),", height = curated3_listDiv.clientHeight;,, // Forces grid to keep previous height when emptied out, if (height > 0) {, curated3_listDiv.style.height = height;, },, curated3_listDiv.innerHTML = '';, beganLoading('.curated3.list');,, curated3_loadPage(," getUrlParameter('query'),"," curated3_pageSize,"," pageNumber,", function (response) {, curated3_totalPages =, curated3_maxPages || response.pages;, curated3_totalPagesSpan.textContent =, curated3_totalPages;,, if (curated3_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 (!curated3_keepIfEmpty) {, curated3_div.remove();, } else {, doneLoading('.curated3.list');, }, return;, } else if (curated3_totalPages == 1 &&, !curated3_keepIfEmpty) {, document.querySelector(, '.curated3.paginator').remove();, },," curated3_onLoadPage(response,", curated3_listDiv);,, doneLoading('.curated3.list');, }, );,, curated3_page = pageNumber;, curated3_pageSpan.textContent = pageNumber;, };,, function curated3_initGrid (callback) {, curated3_toPage(1);, if (callback) {, callback.call(this);, }, };,, </script>, </div>,"<nav class=""curated3 paginator"">"," <a class=""clickable"" onclick=""curated3_toPage(1);""><i class=""fas fa-caret-left""></i></a>"," <a class=""clickable"" onclick=""curated3_toPage(curated3_page - 5 > 0 ? curated3_page - 5 : 1);""><i class=""fas fa-angle-double-left""></i></a>"," <a class=""clickable"" onclick=""curated3_toPage(curated3_page - 1 > 0 ? curated3_page - 1 : curated3_page);""><i class=""fas fa-angle-left""></i></a>"," <span class=""page""></span> / <span class=""total-pages""></span>"," <a class=""clickable"" onclick=""curated3_toPage(curated3_page + 1 < curated3_totalPages ? curated3_page + 1 : curated3_totalPages);""><i class=""fas fa-angle-right""></i></a>"," <a class=""clickable"" onclick=""curated3_toPage(curated3_page + 5 < curated3_totalPages ? curated3_page + 5 : curated3_totalPages);""><i class=""fas fa-angle-double-right""></i></a>"," <a class=""clickable"" onclick=""curated3_toPage(curated3_totalPages);""><i class=""fas fa-caret-right""></i></a>",</nav>, </div>," <div class=""curated3 list pure-g""></div>",</div>,<script>, curated3_loadPage =," function (query, pageSize, pageNumber, onSuccess) {", SnapCloud.getCollectionProjects(," 'snapcloud',"," pageNumber,"," pageSize,"," collections[2],"," onSuccess,"," genericError,", true // withThumbnail, );, };,, curated3_onLoadPage = onLoadPage;, curated3_initGrid();,</script>,,<!--, Any template that uses me needs to specify the following functions:,, // Defines how to retrieve a particular page from the DB, latest_loadPage (," query, // search query"," pageSize, // amount of elements per page"," pageNumber, // current page being requested", onSuccess // callback called when response comes back. Just leave as," // `onSuccess` unless doing something very specific, as", // this callback is defined by the search bar itself., ),, // Defines how to load a particular page, latest_onLoadPage (," response, // response from the server", targetElement // HTML element where response should be rendered, ),," Once these functions have been defined, just call:",, latest_initGrid(callback);,-->,"<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 = onLoadPage;,, latest_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=""snap/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=""https://smerge.org/"">Smerge</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>,," <script src=""libs/custom-alert.min.js""></script>", <script>new customAlert();</script>,, <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();, if (typeof Sentry !== 'undefined') {, Sentry.setUser({ username: sessionStorage.username });, }, } 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>," <script src=""libs/FileSaver.min.js""></script>", <!-- Exception Tracking -->, <script>, function setupSentry() {, Sentry.init({," dsn:""https://54ac5f8c0cb443aabfab8ced53cf879f@bugs.cs10.org/8"",", integrations: [new Sentry.Integrations.BrowserTracing()], });,, if (sessionStorage && sessionStorage.username) {, Sentry.setUser({ username: sessionStorage.username });, } else {, Sentry.configureScope(scope => scope.setUser(null));, }, }, </script>," <script src='https://browser.sentry-cdn.com/6.12.0/bundle.tracing.min.js' crossorigin=""anonymous"" onload=""setupSentry""></script>", </body>,</html>,
0false