Skip to content

Instantly share code, notes, and snippets.

@ihorkatkov

ihorkatkov/index.html

Created September 6, 2017 15:36
Show Gist options
  • Save ihorkatkov/8a02f800acfad3fc630402f2e9621f83 to your computer and use it in GitHub Desktop.
Save ihorkatkov/8a02f800acfad3fc630402f2e9621f83 to your computer and use it in GitHub Desktop.
Download ZIP
// source https://jsbin.com
Raw
index.html
<html lang="en"><head><style class="vjs-styles-defaults">
.video-js {
width: 300px;
height: 150px;
}
.vjs-fluid {
padding-top: 56.25%
}
</style>
<meta charset="UTF-8">
<title>Recap for Teacher</title>
<link rel="stylesheet" href="/markup/build/css/style.css">
<link rel="shortcut icon" href="/markup/build/images/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="/css/056d47f.css">
<meta name="viewport" content="width=device-width">
<meta property="og:type" content="article">
<meta property="og:title" content="Recap">
<meta property="og:description" content="Focusing dialogue on questions. 100% Free.">
<meta property="og:url" content="http://letsrecap.com/">
<meta property="og:image" content="https://s3.amazonaws.com/recap-prod/assets/recap-facebook.jpg">
<meta property="og:site_name" content="http://letsrecap.com/">
<meta name="twitter:card" content="photo">
<meta name="twitter:site" content="@RecapThat">
<meta name="twitter:title" content="Recap">
<meta name="twitter:description" content="Focusing dialogue on questions. 100% Free.">
<meta name="twitter:image" content="https://s3.amazonaws.com/recap-prod/assets/recap-twitter.jpg">
<meta name="twitter:url" content="http://letsrecap.com/">
<script type="text/javascript" async="" src="https://d24n15hnbwhuhn.cloudfront.net/libs/amplitude-3.4.0-min.gz.js"></script><script type="text/javascript" async="" src="https://cdn.segment.com/analytics.js/v1/Wv0cn8ogckVm3FAS1wSjCma9NysJis2X/analytics.min.js"></script><script>
window.Config = {};
window.Translations = {};
window.user = {
id: 1
};
window.disabledIntegrations = ["Amplitude","AutopilotHQ","Vero"];
</script>
<script type="text/javascript">
!function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","page","once","off","on"];analytics.factory=function(t){return function(){var e=Array.prototype.slice.call(arguments);e.unshift(t);analytics.push(e);return analytics}};for(var t=0;t<analytics.methods.length;t++){var e=analytics.methods[t];analytics[e]=analytics.factory(e)}analytics.load=function(t){var e=document.createElement("script");e.type="text/javascript";e.async=!0;e.src=("https:"===document.location.protocol?"https://":"http://")+"cdn.segment.com/analytics.js/v1/"+t+"/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(e,n)};analytics.SNIPPET_VERSION="3.1.0";
analytics.load("Wv0cn8ogckVm3FAS1wSjCma9NysJis2X");
}}();
</script>
<style type="text/css">.clipchamp-main-inlined2ef7aa9-2111-4abb-b205-8226ca9c3f45{width:600px;height:600px;max-width:100%;max-height:100%;border:none;}</style><style type="text/css">.clipchamp-main-frame02a47ae2-66ff-4a3e-9d1b-05598f3f31f4{position:absolute;width:600px;height:600px;max-width:100%;max-height:100%;left:50%;top:50%;-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:none;background-color:transparent;}</style><style type="text/css">.clipchamp-main-frame02a47ae2-66ff-4a3e-9d1b-05598f3f31f4:fullscreen{-ms-transform:none;-moz-transform:none;-webkit-transform:none;transform:none;}</style><style type="text/css">.clipchamp-main-frame02a47ae2-66ff-4a3e-9d1b-05598f3f31f4:-ms-fullscreen{-ms-transform:none;-moz-transform:none;-webkit-transform:none;transform:none;}</style><style type="text/css">.clipchamp-main-frame02a47ae2-66ff-4a3e-9d1b-05598f3f31f4:-moz-full-screen{-ms-transform:none;-moz-transform:none;-webkit-transform:none;transform:none;}</style><style type="text/css">.clipchamp-main-frame02a47ae2-66ff-4a3e-9d1b-05598f3f31f4:-webkit-full-screen{-ms-transform:none;-moz-transform:none;-webkit-transform:none;transform:none;}</style><style type="text/css">.clipchamp-background2de44225-eb74-47c6-bcd2-2f06b2e4f5b9{z-index:2147483647;position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,0.7);}</style><style type="text/css">.scrollarea-content{margin:0;padding:0;overflow:hidden;position:relative}.scrollarea-content:focus{outline:0}.scrollarea{position:relative;overflow:hidden}.scrollarea .scrollbar-container{position:absolute;background:none;opacity:.1;z-index:9999;-webkit-transition:all .4s;transition:all .4s}.scrollarea .scrollbar-container.horizontal{width:100%;height:10px;left:0;bottom:0}.scrollarea .scrollbar-container.horizontal .scrollbar{width:20px;height:8px;background:#000;margin-top:1px}.scrollarea .scrollbar-container.vertical{width:10px;height:100%;right:0;top:0}.scrollarea .scrollbar-container.vertical .scrollbar{width:8px;height:20px;background:#000;margin-left:1px}.scrollarea .scrollbar-container.active,.scrollarea .scrollbar-container:hover{background:gray;opacity:.6!important}.scrollarea:hover .scrollbar-container{opacity:.3}</style><style>#cVim-command-bar, #cVim-command-bar-mode, #cVim-command-bar-input, #cVim-command-bar-search-results,
.cVim-completion-item, .cVim-completion-item .cVim-full, .cVim-completion-item .cVim-left,
.cVim-completion-item .cVim-right {
font-family: Helvetica, Helvetica Neue, Neue, sans-serif, monospace, Arial;
font-size: 10pt !important;
-webkit-font-smoothing: antialiased !important;
}
#cVim-command-bar {
position: fixed;
z-index: 2147483646;
background-color: #1b1d1e;
color: #bbb;
display: none;
box-sizing: content-box;
box-shadow: 0 3px 3px rgba(0,0,0,0.4);
left: 0;
width: 100%;
height: 20px;
}
#cVim-command-bar-mode {
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
padding-left: 2px;
height: 100%;
width: 10px;
padding-top: 2px;
color: #888;
}
#cVim-command-bar-input {
background-color: #1b1d1e;
color: #bbb;
height: 100%;
right: 0;
top: 0;
width: calc(100% - 10px);
position: absolute;
}
#cVim-command-bar-search-results {
position: fixed;
width: 100%;
overflow: hidden;
z-index: 2147483647;
left: 0;
box-shadow: 0 3px 3px rgba(0,0,0,0.4);
background-color: #1c1c1c;
}
.cVim-completion-item, .cVim-completion-item .cVim-full, .cVim-completion-item .cVim-left, .cVim-completion-item .cVim-right {
text-overflow: ellipsis;
padding: 1px;
display: inline-block;
box-sizing: border-box;
vertical-align: middle;
overflow: hidden;
white-space: nowrap;
}
.cVim-completion-item:nth-child(even) {
background-color: #1f1f1f;
}
.cVim-completion-item {
width: 100%; left: 0;
color: #bcbcbc;
}
.cVim-completion-item[active] {
width: 100%; left: 0;
color: #1b1d1e;
background-color: #f1f1f1;
}
.cVim-completion-item[active] span {
color: #1b1d1e;
}
.cVim-completion-item .cVim-left {
color: #fff;
width: 37%;
}
.cVim-completion-item .cVim-right {
font-style: italic;
color: #888;
width: 57%;
}
#cVim-link-container, .cVim-link-hint,
#cVim-hud, #cVim-status-bar {
font-family: Helvetica, Helvetica Neue, Neue, sans-serif, monospace, Arial;
font-size: 10pt !important;
-webkit-font-smoothing: antialiased !important;
}
#cVim-link-container {
position: absolute;
pointer-events: none;
width: 100%; left: 0;
height: 100%; top: 0;
z-index: 2147483647;
}
.cVim-link-hint {
position: absolute;
color: #302505 !important;
background-color: #ffd76e !important;
border-radius: 2px !important;
padding: 2px !important;
font-size: 8pt !important;
font-weight: 500 !important;
text-transform: uppercase !important;
border: 1px solid #ad810c;
display: inline-block !important;
vertical-align: middle !important;
text-align: center !important;
box-shadow: 2px 2px 1px rgba(0,0,0,0.25) !important;
}
.cVim-link-hint_match {
color: #777;
text-transform: uppercase !important;
}
#cVim-hud {
background-color: rgba(28,28,28,0.9);
position: fixed !important;
transition: right 0.2s ease-out;
z-index: 24724289;
}
#cVim-hud span {
padding: 2px;
padding-left: 4px;
padding-right: 4px;
color: #8f8f8f;
font-size: 10pt;
}
#cVim-frames-outline {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
right: 0;
z-index: 9999999999;
box-sizing: border-box;
border: 3px solid yellow;
}
</style></head>
<body cz-shortcut-listen="true">
<div id="b-app"><div data-reactroot=""><div><div class="b-app__grid"><header class="b-main-header b-main-header--workspace"><div class="b-main-header__grid"><div class="b-main-header__left-column"><a href="/" class="b-logo "></a><a class="b-main-header__logout-link-wrap"><i class="b-main-header__logout-link-icon"><div class="b-tooltip"><span class="b-tooltip__grid" data-tooltip="Log Out"></span></div></i></a><div class="b-main-header__notifications-wrap"><a class="b-main-header__bell-icon-wrap"><i class="b-main-header__bell-icon"><div class="b-tooltip"><span class="b-tooltip__grid" data-tooltip="Notifications"></span></div></i></a></div><span class="b-main-header__share-link-wrap"><a class="b-main-header__share-link b-tooltip"><i class="b-main-header__share-icon"></i><!-- react-text: 20 -->Get free poster<!-- /react-text --><span class="b-tooltip__grid" data-tooltip="Get a free poster"></span></a><noscript></noscript></span></div><div class="b-main-header__right-column"><a href="http://marketplace.recap.dev" class="b-main-header__switch-location-button"></a></div></div></header><div class="b-alert b-alert--show-relative"></div><div class="b-content"><div class="b-profile-info b-profile-info--teacher-profile"><div class="b-profile-info__grid g-clearfix"><div class="b-profile-info__user-wrap"><img src="/markup/build/images/icons/teacher-default-icon.svg" alt="Profile photo" class="b-profile-info__user-img b-profile-info__user-img--teacher-icon"></div><div class="b-profile-info__user-text-info-wrap"><h2 title="Mr. Ihor Katkov" class="b-profile-info__user-name"><span class="b-profile-info__user-type">Mr.</span><!-- react-text: 77 -->Ihor Katkov<!-- /react-text --></h2><div class="b-profile-info__email-wrap b-profile-info__email-wrap--main"><span class="b-profile-info__email-title b-profile-info__email-title--main">Recap email:</span><div class="b-profile-info__user-email b-profile-info__user-email--main">[email protected]</div></div><ul class="b-profile-info__item-list"><li class="b-profile-info__item b-profile-info__item--inline"><i class="b-profile-info__item-icon b-icon b-icon--class"></i><span class="b-profile-info__item-text"><span class="g-font-bold">35</span><!-- react-text: 86 --> <!-- /react-text --><!-- react-text: 87 -->queues<!-- /react-text --></span></li><li class="b-profile-info__item b-profile-info__item--inline"><i class="b-profile-info__item-icon b-icon b-icon--user"></i><span class="b-profile-info__item-text"><span class="g-font-bold">18</span><!-- react-text: 92 --> <!-- /react-text --><!-- react-text: 93 -->participants<!-- /react-text --></span></li></ul><a class="b-profile-info__edit-profile-button b-button b-button--float-right"><i class="b-button__icon b-icon b-icon--gear"></i><!-- react-text: 96 -->Edit profile<!-- /react-text --></a><span class="b-profile-info__take-a-tour-button b-tooltip"><a class="b-profile-info__take-a-tour-link" href="http://support.letsrecap.com/2017/08/04/quick-start-guide/" target="_blank" rel="noopener noreferrer"><i class="b-button__icon b-icon b-icon--tour"></i><!-- react-text: 100 -->Quick Start Guide<!-- /react-text --></a></span></div></div></div><div><div class="b-main-navbar"><div class="b-main-navbar__grid"><nav class="b-main-navbar__navigation"><ul class="b-main-navbar__list"><li class="b-main-navbar__item"><a class="b-main-navbar__link--active b-main-navbar__link" href="/teacher/dashboard/classes"><i class="b-main-navbar__icon b-main-navbar__icon--classes-list"></i><!-- react-text: 60 -->Queues<!-- /react-text --></a></li><li class="b-main-navbar__item"><a class="b-main-navbar__link" href="/teacher/dashboard/library"><i class="b-main-navbar__icon b-main-navbar__icon--library"></i><!-- react-text: 64 -->Library<!-- /react-text --></a></li></ul></nav><div><a class="b-main-navbar__join-new-class-button">Join New Queue</a></div></div></div><noscript></noscript></div><div class="b-class-list"><div class="b-class-list__grid"><div class="b-class-list__items-wrapper"><div class="b-class-list__item b-class-list__item--add-class"><div class="b-class-list__button-content"><i class="b-class-list__add-class-icon"></i><span class="b-class-list__button-text">Add queue</span></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(133, 209, 231);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="test" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(120, 188, 208);">test</div><div class="b-class-list__class-grade"><!-- react-text: 113 -->Pre-K<!-- /react-text --><!-- react-text: 114 -->,<!-- /react-text --></div><div class="b-class-list__counter-students"><!-- react-text: 116 -->0<!-- /react-text --><!-- react-text: 117 --> <!-- /react-text --><!-- react-text: 118 -->participants<!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(245, 163, 102);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="test" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(221, 147, 92);">test</div><div class="b-class-list__class-grade"><!-- react-text: 130 -->Pre-K<!-- /react-text --><!-- react-text: 131 -->,<!-- /react-text --></div><div class="b-class-list__counter-students"><!-- react-text: 133 -->0<!-- /react-text --><!-- react-text: 134 --> <!-- /react-text --><!-- react-text: 135 -->participants<!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(198, 228, 133);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="412341" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(178, 205, 120);">412341</div><div class="b-class-list__class-grade"><!-- react-text: 147 -->Pre-K<!-- /react-text --><!-- react-text: 148 -->,<!-- /react-text --></div><div class="b-class-list__counter-students"><!-- react-text: 150 -->0<!-- /react-text --><!-- react-text: 151 --> <!-- /react-text --><!-- react-text: 152 -->participants<!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(122, 158, 206);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="Functional Programming is rules" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(110, 142, 185);">Functional Programming is rules</div><div class="b-class-list__counter-students"><!-- react-text: 164 -->1<!-- /react-text --><!-- react-text: 165 --> <!-- /react-text --><!-- react-text: 166 -->participant<!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(254, 204, 97);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="3123123123" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(229, 184, 87);">3123123123</div><div class="b-class-list__counter-students"><!-- react-text: 178 -->0<!-- /react-text --><!-- react-text: 179 --> <!-- /react-text --><!-- react-text: 180 -->participants<!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(181, 126, 195);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="123123123" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(163, 113, 176);">123123123</div><div class="b-class-list__counter-students"><!-- react-text: 192 -->0<!-- /react-text --><!-- react-text: 193 --> <!-- /react-text --><!-- react-text: 194 -->participants<!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(246, 97, 97);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="123123" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(221, 87, 87);">123123</div><div class="b-class-list__counter-students"><!-- react-text: 206 -->0<!-- /react-text --><!-- react-text: 207 --> <!-- /react-text --><!-- react-text: 208 -->participants<!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(198, 228, 133);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="bla" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(178, 205, 120);">bla</div><div class="b-class-list__counter-students"><!-- react-text: 220 -->0<!-- /react-text --><!-- react-text: 221 --> <!-- /react-text --><!-- react-text: 222 -->participants<!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(133, 209, 231);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="pin 1" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(120, 188, 208);">pin 1</div><div class="b-class-list__counter-students"><!-- react-text: 234 -->0<!-- /react-text --><!-- react-text: 235 --> <!-- /react-text --><!-- react-text: 236 -->participants<!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(245, 163, 102);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="pin 1" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(221, 147, 92);">pin 1</div><div class="b-class-list__counter-students"><!-- react-text: 248 -->0<!-- /react-text --><!-- react-text: 249 --> <!-- /react-text --><!-- react-text: 250 -->participants<!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(198, 228, 133);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="test" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(178, 205, 120);">test</div><div class="b-class-list__counter-students"><!-- react-text: 262 -->0<!-- /react-text --><!-- react-text: 263 --> <!-- /react-text --><!-- react-text: 264 -->participants<!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(122, 158, 206);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="test11231" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(110, 142, 185);">test11231</div><div class="b-class-list__counter-students"><!-- react-text: 276 -->8<!-- /react-text --><!-- react-text: 277 --> <!-- /react-text --><!-- react-text: 278 -->participants<!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(254, 204, 97);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="222" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(229, 184, 87);">222</div><div class="b-class-list__counter-students"><!-- react-text: 290 -->0<!-- /react-text --><!-- react-text: 291 --> <!-- /react-text --><!-- react-text: 292 -->participants<!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(181, 126, 195);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="111" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(163, 113, 176);">111</div><div class="b-class-list__counter-students"><!-- react-text: 304 -->0<!-- /react-text --><!-- react-text: 305 --> <!-- /react-text --><!-- react-text: 306 -->participants<!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(246, 97, 97);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="Advanced Functional Programming" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(221, 87, 87);">Advanced Functional Programming</div><div class="b-class-list__counter-students"><!-- react-text: 318 -->1<!-- /react-text --><!-- react-text: 319 --> <!-- /react-text --><!-- react-text: 320 -->participant<!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(198, 228, 133);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="123123" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(178, 205, 120);">123123</div><div class="b-class-list__class-grade"><!-- react-text: 332 -->Kindergarten<!-- /react-text --><!-- react-text: 333 -->,<!-- /react-text --></div><div class="b-class-list__counter-students"><!-- react-text: 335 -->0<!-- /react-text --><!-- react-text: 336 --> <!-- /react-text --><!-- react-text: 337 -->participants<!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(133, 209, 231);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="blabla" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(120, 188, 208);">blabla</div><div class="b-class-list__counter-students"><!-- react-text: 349 -->0<!-- /react-text --><!-- react-text: 350 --> <!-- /react-text --><!-- react-text: 351 -->participants<!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(245, 163, 102);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="123123" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(221, 147, 92);">123123</div><div class="b-class-list__class-grade"><!-- react-text: 363 -->Pre-K<!-- /react-text --><!-- react-text: 364 -->,<!-- /react-text --></div><div class="b-class-list__counter-students"><!-- react-text: 366 -->0<!-- /react-text --><!-- react-text: 367 --> <!-- /react-text --><!-- react-text: 368 -->participants<!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(198, 228, 133);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="ыаыва" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(178, 205, 120);">ыаыва</div><div class="b-class-list__class-grade"><!-- react-text: 380 -->Kindergarten<!-- /react-text --><!-- react-text: 381 -->,<!-- /react-text --></div><div class="b-class-list__counter-students"><!-- react-text: 383 -->0<!-- /react-text --><!-- react-text: 384 --> <!-- /react-text --><!-- react-text: 385 -->participants<!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(122, 158, 206);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="Data Structures and Algorithms" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(110, 142, 185);">Data Structures and Algorithms</div><div class="b-class-list__counter-students"><!-- react-text: 397 -->0<!-- /react-text --><!-- react-text: 398 --> <!-- /react-text --><!-- react-text: 399 -->participants<!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(254, 204, 97);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="blabla" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(229, 184, 87);">blabla</div><div class="b-class-list__counter-students"><!-- react-text: 411 -->0<!-- /react-text --><!-- react-text: 412 --> <!-- /react-text --><!-- react-text: 413 -->participants<!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(181, 126, 195);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="Advanced Functional Programming" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(163, 113, 176);">Advanced Functional Programming</div><div class="b-class-list__counter-students"><!-- react-text: 425 -->1<!-- /react-text --><!-- react-text: 426 --> <!-- /react-text --><!-- react-text: 427 -->participant<!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(246, 97, 97);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="blablaf" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(221, 87, 87);">blablaf</div><div class="b-class-list__counter-students"><!-- react-text: 439 -->0<!-- /react-text --><!-- react-text: 440 --> <!-- /react-text --><!-- react-text: 441 -->participants<!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(198, 228, 133);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="Some class" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(178, 205, 120);">Some class</div><div class="b-class-list__counter-students"><!-- react-text: 453 -->0<!-- /react-text --><!-- react-text: 454 --> <!-- /react-text --><!-- react-text: 455 -->participants<!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(133, 209, 231);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="Advanced Functional Programming" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(120, 188, 208);">Advanced Functional Programming</div><div class="b-class-list__counter-students"><!-- react-text: 467 -->1<!-- /react-text --><!-- react-text: 468 --> <!-- /react-text --><!-- react-text: 469 -->participant<!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(245, 163, 102);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="111" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(221, 147, 92);">111</div><div class="b-class-list__counter-students"><!-- react-text: 481 -->0<!-- /react-text --><!-- react-text: 482 --> <!-- /react-text --><!-- react-text: 483 -->participants<!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(198, 228, 133);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="Advanced Functional Programming" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(178, 205, 120);">Advanced Functional Programming</div><div class="b-class-list__counter-students"><!-- react-text: 495 -->1<!-- /react-text --><!-- react-text: 496 --> <!-- /react-text --><!-- react-text: 497 -->participant<!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(122, 158, 206);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="Advanced Functional Programming" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(110, 142, 185);">Advanced Functional Programming</div><div class="b-class-list__counter-students"><!-- react-text: 509 -->1<!-- /react-text --><!-- react-text: 510 --> <!-- /react-text --><!-- react-text: 511 -->participant<!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(254, 204, 97);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="class pin" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(229, 184, 87);">class pin</div><div class="b-class-list__counter-students"><!-- react-text: 523 -->0<!-- /react-text --><!-- react-text: 524 --> <!-- /react-text --><!-- react-text: 525 -->participants<!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(181, 126, 195);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="email" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(163, 113, 176);">email</div><div class="b-class-list__counter-students"><!-- react-text: 537 -->0<!-- /react-text --><!-- react-text: 538 --> <!-- /react-text --><!-- react-text: 539 -->participants<!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(246, 97, 97);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="Data Structures and Algorithms" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(221, 87, 87);">Data Structures and Algorithms</div><div class="b-class-list__counter-students"><!-- react-text: 551 -->0<!-- /react-text --><!-- react-text: 552 --> <!-- /react-text --><!-- react-text: 553 -->participants<!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(198, 228, 133);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="Advanced Functional Programming" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(178, 205, 120);">Advanced Functional Programming</div><div class="b-class-list__counter-students"><!-- react-text: 565 -->1<!-- /react-text --><!-- react-text: 566 --> <!-- /react-text --><!-- react-text: 567 -->participant<!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(133, 209, 231);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="Advanced Functional Programming" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(120, 188, 208);">Advanced Functional Programming</div><div class="b-class-list__class-grade"><!-- react-text: 579 -->Higher Ed<!-- /react-text --><!-- react-text: 580 -->,<!-- /react-text --></div><div class="b-class-list__counter-students"><!-- react-text: 582 -->2<!-- /react-text --><!-- react-text: 583 --> <!-- /react-text --><!-- react-text: 584 -->participants<!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(245, 163, 102);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="biology" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(221, 147, 92);">biology</div><div class="b-class-list__counter-students"><!-- react-text: 596 -->1<!-- /react-text --><!-- react-text: 597 --> <!-- /react-text --><!-- react-text: 598 -->participant<!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(198, 228, 133);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="science" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(178, 205, 120);">science</div><div class="b-class-list__class-grade"><!-- react-text: 610 -->Kindergarten<!-- /react-text --><!-- react-text: 611 -->,<!-- /react-text --></div><div class="b-class-list__counter-students"><!-- react-text: 613 -->0<!-- /react-text --><!-- react-text: 614 --> <!-- /react-text --><!-- react-text: 615 -->participants<!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div></div></div></div></div><a href="http://support.letsrecap.com/" target="_blank" class="b-help"><img class="b-help__icon" src="/markup/build/images/icons/ic_help_16px.svg" alt="Help icon"><span class="b-help__text">Help</span></a><footer class="b-footer"><div class="b-footer__grid"><div class="b-footer__socials-media-link"><a href="http://facebook.com/recapthat" target="_blank" class="b-footer__social b-footer__social--facebook"></a><a href="http://twitter.com/recapthat" target="_blank" class="b-footer__social b-footer__social--twitter"></a><a href="http://pinterest.com/letsrecap" target="_blank" class="b-footer__social b-footer__social--pinterest"></a><a href="http://instagram.com/letsrecap" target="_blank" class="b-footer__social b-footer__social--instagram"></a></div><div class="b-footer__product-link"><div class="b-footer__link-block b-footer__link-block--left"><a href="http://letsrecap.com" class="b-footer__link">About</a><a href="http://letsrecap.com/terms/" class="b-footer__link">Terms</a></div><div class="b-footer__link-block b-footer__link-block--right"><a href="http://support.letsrecap.com" class="b-footer__link" target="_blank">Support</a><a href="http://letsrecap.com/privacy/" class="b-footer__link">Privacy</a></div></div><img src="/markup/build/images/logo-footer.png" alt="footer logo" class="b-footer__logo"></div></footer></div></div><!-- react-empty: 45 --></div></div>
<div id="js-playback"></div>
<script>
window.Icons = {"teacher":{"1":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/teacher\/teacher_1.png","thumbnails":[]},"10":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/teacher\/teacher_1.png","thumbnails":[]}},"student":{"2":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/student\/1x1_trans.png","thumbnails":[]},"3":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/student\/1x1_trans.png","thumbnails":[]},"4":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/student\/1x1_trans.png","thumbnails":[]},"5":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/student\/1x1_trans.png","thumbnails":[]},"6":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/student\/1x1_trans.png","thumbnails":[]},"7":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/student\/1x1_trans.png","thumbnails":[]},"8":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/student\/1x1_trans.png","thumbnails":[]},"18":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/student\/1x1_trans.png","thumbnails":[]},"19":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/student\/1x1_trans.png","thumbnails":[]},"20":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/student\/1x1_trans.png","thumbnails":[]},"21":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/student\/1x1_trans.png","thumbnails":[]},"22":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/student\/1x1_trans.png","thumbnails":[]},"23":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/student\/1x1_trans.png","thumbnails":[]},"24":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/student\/1x1_trans.png","thumbnails":[]}},"classroom":{"9":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/classroom\/classroom_2.png","thumbnails":{"40x40":"https:\/\/recap-prod.s3.amazonaws.com\/icons\/classroom\/filters\/40x40\/classroom_40x40.png"}},"11":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/classroom\/classroom_2.png","thumbnails":{"40x40":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/classroom\/filters\/40x40\/classroom_40x40.png"}},"12":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/classroom\/classroom_2.png","thumbnails":{"40x40":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/classroom\/filters\/40x40\/classroom_40x40.png"}},"13":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/classroom\/classroom_2.png","thumbnails":{"40x40":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/classroom\/filters\/40x40\/classroom_40x40.png"}},"14":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/classroom\/classroom_2.png","thumbnails":{"40x40":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/classroom\/filters\/40x40\/classroom_40x40.png"}},"15":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/classroom\/classroom_2.png","thumbnails":{"40x40":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/classroom\/filters\/40x40\/classroom_40x40.png"}},"16":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/classroom\/classroom_2.png","thumbnails":{"40x40":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/classroom\/filters\/40x40\/classroom_40x40.png"}},"17":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/classroom\/classroom_2.png","thumbnails":{"40x40":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/classroom\/filters\/40x40\/classroom_40x40.png"}}}};
window.Icons.alreadyUsedIcons = [];
/**
* Get random icon for given type
*
* @param type
*/
function getRandomIconPath(type) {
var icon = findRandomIcon(type);
return getIconPath(icon);
}
/**
* Returns icon path for given icon
*/
function getIconPath(icon)
{
if (icon.type == 'student') {
return icon['thumbnails']['112x112'];
} else if (icon.type == 'teacher') {
return icon['thumbnails']['150x150'];
}
return icon['path'];
}
/**
* Finds random icon
*
* @param type
*
* @returns object
*/
function findRandomIcon(type) {
if (typeof window.Icons[type] == 'undefined') {
console.warn('wrong object name');
return '';
}
var objectIcons = window.Icons[type];
var keys = Object.keys(objectIcons);
var icon, iconId;
do {
iconId = keys[Math.floor(Math.random() * keys.length)];
icon = objectIcons[iconId];
} while ($.inArray(iconId, window.Icons.alreadyUsedIcons) != -1);
window.Icons.alreadyUsedIcons.push(iconId);
// if all unique icons already used, let's start from the beginning
if (window.Icons.alreadyUsedIcons.length == keys.length) {
window.Icons.alreadyUsedIcons.length = 0;
}
icon.id = iconId;
icon.type = type;
return icon;
}
</script>
<script src="/js/758b3ad.js"></script>
<script>
var segmentAnalytics = new SegmentAnalytics();
window.Config = window.Config || {};
window.Config.pathToZeroClipboardSWF = "/assets/js/ZeroClipboard.swf";
window.Config.links = window.Config.links || {};
window.Config.links.troubleshootingUrl = 'https://recap.zendesk.com/hc/en-us/articles/217916388-Easy-Troubleshooting-Guide';
window.Config.links.supportEmail = '[email protected]';
window.Config.clipchamp = {
s3_bucket : 'recap-stage',
s3_folder : 'import/clipchamp',
api_url : 'https://api.clipchamp.com/o92wEQEUzNVE_K-MQlUyxJ5eaKA/button.js',
};
window.Config.backend = {
datetime_iso8601 : '2017-09-06T15:34:30+0000',
datetime_yyyy_mm_dd : '20170906'
};
window.Config.google = {
clientId: '513398201231-fohe48g7kuj9222ppsgvll9hmqus9vl8.apps.googleusercontent.com',
scopes: ["https:\/\/www.googleapis.com\/auth\/classroom.courses.readonly","https:\/\/www.googleapis.com\/auth\/classroom.rosters.readonly","https:\/\/www.googleapis.com\/auth\/classroom.profile.emails"],
};
</script>
<script src="/assets/js/main.js"></script>
<script src="/js/react/vendor.js"></script>
<script src="/js/react/alertComponent.4c69b1e81dc723859540.js"></script>
<script src="/js/react/slider.1ec70cef840b44998d80.js"></script>
<script src="https://api.clipchamp.com/o92wEQEUzNVE_K-MQlUyxJ5eaKA/button.js"></script><div class="clipchamp-background2de44225-eb74-47c6-bcd2-2f06b2e4f5b9" style="display: none;"></div>
<script>
window.user = {
id: 1,
type: 'teacher',
first_name: 'Ihor',
last_name: 'Katkov',
email: '[email protected]',
paypal_email: '',
env: 'prod',
firstGoogleLogin: false,
shouldShowTermsAndPrivacyPopup: false,
isInterestsWatched: true,
firstLogin: false
};
window.onboarding = {
slide: 0
};
window.links = {
shareRecapPDF: 'https://s3.amazonaws.com/recap-prod/assets/Share_Recap.pdf'
};
window.domains = {
marketplace: 'marketplace.recap.dev',
workspace: 'ws.recap.dev'
};
</script>
<script>
window.socials = {
twitter: {
url: 'https://letsrecap.com',
text: 'The free student response and reflection app @RecapThat is now available! %23edapp %23edtech'
},
facebook: {
url: 'https://letsrecap.com'
},
pinterest: {
url: 'https://letsrecap.com',
media: 'https://recap-prod.s3.amazonaws.com/assets/recap_pinterest_564x1000_3.png',
desc: 'Recap is now available! Review student video responses and self-reflections to assess and track progress. Sign up FREE at https://letsrecap.com/'
}
};
</script>
<script>
window.alerts = {
success: [],
warning: [],
danger: [],
attention: []
};
</script>
<script src="/js/react/bundle.734ae38d9e2209bc39f9.js"></script><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div>
<div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div>
<script id="jsbin-source-html" type="text/html"><html lang="en"><head><style class="vjs-styles-defaults">
.video-js {
width: 300px;
height: 150px;
}
.vjs-fluid {
padding-top: 56.25%
}
</style>
<meta charset="UTF-8">
<title>Recap for Teacher</title>
<link rel="stylesheet" href="/markup/build/css/style.css">
<link rel="shortcut icon" href="/markup/build/images/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="/css/056d47f.css">
<meta name="viewport" content="width=device-width">
<meta property="og:type" content="article">
<meta property="og:title" content="Recap">
<meta property="og:description" content="Focusing dialogue on questions. 100% Free.">
<meta property="og:url" content="http://letsrecap.com/">
<meta property="og:image" content="https://s3.amazonaws.com/recap-prod/assets/recap-facebook.jpg">
<meta property="og:site_name" content="http://letsrecap.com/">
<meta name="twitter:card" content="photo">
<meta name="twitter:site" content="@RecapThat">
<meta name="twitter:title" content="Recap">
<meta name="twitter:description" content="Focusing dialogue on questions. 100% Free.">
<meta name="twitter:image" content="https://s3.amazonaws.com/recap-prod/assets/recap-twitter.jpg">
<meta name="twitter:url" content="http://letsrecap.com/">
<script type="text/javascript" async="" src="https://d24n15hnbwhuhn.cloudfront.net/libs/amplitude-3.4.0-min.gz.js"><\/script><script type="text/javascript" async="" src="https://cdn.segment.com/analytics.js/v1/Wv0cn8ogckVm3FAS1wSjCma9NysJis2X/analytics.min.js"><\/script><script>
window.Config = {};
window.Translations = {};
window.user = {
id: 1
};
window.disabledIntegrations = ["Amplitude","AutopilotHQ","Vero"];
<\/script>
<script type="text/javascript">
!function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","page","once","off","on"];analytics.factory=function(t){return function(){var e=Array.prototype.slice.call(arguments);e.unshift(t);analytics.push(e);return analytics}};for(var t=0;t<analytics.methods.length;t++){var e=analytics.methods[t];analytics[e]=analytics.factory(e)}analytics.load=function(t){var e=document.createElement("script");e.type="text/javascript";e.async=!0;e.src=("https:"===document.location.protocol?"https://":"http://")+"cdn.segment.com/analytics.js/v1/"+t+"/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(e,n)};analytics.SNIPPET_VERSION="3.1.0";
analytics.load("Wv0cn8ogckVm3FAS1wSjCma9NysJis2X");
}}();
<\/script>
<style type="text/css">.clipchamp-main-inlined2ef7aa9-2111-4abb-b205-8226ca9c3f45{width:600px;height:600px;max-width:100%;max-height:100%;border:none;}</style><style type="text/css">.clipchamp-main-frame02a47ae2-66ff-4a3e-9d1b-05598f3f31f4{position:absolute;width:600px;height:600px;max-width:100%;max-height:100%;left:50%;top:50%;-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:none;background-color:transparent;}</style><style type="text/css">.clipchamp-main-frame02a47ae2-66ff-4a3e-9d1b-05598f3f31f4:fullscreen{-ms-transform:none;-moz-transform:none;-webkit-transform:none;transform:none;}</style><style type="text/css">.clipchamp-main-frame02a47ae2-66ff-4a3e-9d1b-05598f3f31f4:-ms-fullscreen{-ms-transform:none;-moz-transform:none;-webkit-transform:none;transform:none;}</style><style type="text/css">.clipchamp-main-frame02a47ae2-66ff-4a3e-9d1b-05598f3f31f4:-moz-full-screen{-ms-transform:none;-moz-transform:none;-webkit-transform:none;transform:none;}</style><style type="text/css">.clipchamp-main-frame02a47ae2-66ff-4a3e-9d1b-05598f3f31f4:-webkit-full-screen{-ms-transform:none;-moz-transform:none;-webkit-transform:none;transform:none;}</style><style type="text/css">.clipchamp-background2de44225-eb74-47c6-bcd2-2f06b2e4f5b9{z-index:2147483647;position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,0.7);}</style><style type="text/css">.scrollarea-content{margin:0;padding:0;overflow:hidden;position:relative}.scrollarea-content:focus{outline:0}.scrollarea{position:relative;overflow:hidden}.scrollarea .scrollbar-container{position:absolute;background:none;opacity:.1;z-index:9999;-webkit-transition:all .4s;transition:all .4s}.scrollarea .scrollbar-container.horizontal{width:100%;height:10px;left:0;bottom:0}.scrollarea .scrollbar-container.horizontal .scrollbar{width:20px;height:8px;background:#000;margin-top:1px}.scrollarea .scrollbar-container.vertical{width:10px;height:100%;right:0;top:0}.scrollarea .scrollbar-container.vertical .scrollbar{width:8px;height:20px;background:#000;margin-left:1px}.scrollarea .scrollbar-container.active,.scrollarea .scrollbar-container:hover{background:gray;opacity:.6!important}.scrollarea:hover .scrollbar-container{opacity:.3}</style><style>#cVim-command-bar, #cVim-command-bar-mode, #cVim-command-bar-input, #cVim-command-bar-search-results,
.cVim-completion-item, .cVim-completion-item .cVim-full, .cVim-completion-item .cVim-left,
.cVim-completion-item .cVim-right {
font-family: Helvetica, Helvetica Neue, Neue, sans-serif, monospace, Arial;
font-size: 10pt !important;
-webkit-font-smoothing: antialiased !important;
}
#cVim-command-bar {
position: fixed;
z-index: 2147483646;
background-color: #1b1d1e;
color: #bbb;
display: none;
box-sizing: content-box;
box-shadow: 0 3px 3px rgba(0,0,0,0.4);
left: 0;
width: 100%;
height: 20px;
}
#cVim-command-bar-mode {
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
padding-left: 2px;
height: 100%;
width: 10px;
padding-top: 2px;
color: #888;
}
#cVim-command-bar-input {
background-color: #1b1d1e;
color: #bbb;
height: 100%;
right: 0;
top: 0;
width: calc(100% - 10px);
position: absolute;
}
#cVim-command-bar-search-results {
position: fixed;
width: 100%;
overflow: hidden;
z-index: 2147483647;
left: 0;
box-shadow: 0 3px 3px rgba(0,0,0,0.4);
background-color: #1c1c1c;
}
.cVim-completion-item, .cVim-completion-item .cVim-full, .cVim-completion-item .cVim-left, .cVim-completion-item .cVim-right {
text-overflow: ellipsis;
padding: 1px;
display: inline-block;
box-sizing: border-box;
vertical-align: middle;
overflow: hidden;
white-space: nowrap;
}
.cVim-completion-item:nth-child(even) {
background-color: #1f1f1f;
}
.cVim-completion-item {
width: 100%; left: 0;
color: #bcbcbc;
}
.cVim-completion-item[active] {
width: 100%; left: 0;
color: #1b1d1e;
background-color: #f1f1f1;
}
.cVim-completion-item[active] span {
color: #1b1d1e;
}
.cVim-completion-item .cVim-left {
color: #fff;
width: 37%;
}
.cVim-completion-item .cVim-right {
font-style: italic;
color: #888;
width: 57%;
}
#cVim-link-container, .cVim-link-hint,
#cVim-hud, #cVim-status-bar {
font-family: Helvetica, Helvetica Neue, Neue, sans-serif, monospace, Arial;
font-size: 10pt !important;
-webkit-font-smoothing: antialiased !important;
}
#cVim-link-container {
position: absolute;
pointer-events: none;
width: 100%; left: 0;
height: 100%; top: 0;
z-index: 2147483647;
}
.cVim-link-hint {
position: absolute;
color: #302505 !important;
background-color: #ffd76e !important;
border-radius: 2px !important;
padding: 2px !important;
font-size: 8pt !important;
font-weight: 500 !important;
text-transform: uppercase !important;
border: 1px solid #ad810c;
display: inline-block !important;
vertical-align: middle !important;
text-align: center !important;
box-shadow: 2px 2px 1px rgba(0,0,0,0.25) !important;
}
.cVim-link-hint_match {
color: #777;
text-transform: uppercase !important;
}
#cVim-hud {
background-color: rgba(28,28,28,0.9);
position: fixed !important;
transition: right 0.2s ease-out;
z-index: 24724289;
}
#cVim-hud span {
padding: 2px;
padding-left: 4px;
padding-right: 4px;
color: #8f8f8f;
font-size: 10pt;
}
#cVim-frames-outline {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
right: 0;
z-index: 9999999999;
box-sizing: border-box;
border: 3px solid yellow;
}
</style></head>
<body cz-shortcut-listen="true">
<div id="b-app"><div data-reactroot=""><div><div class="b-app__grid"><header class="b-main-header b-main-header--workspace"><div class="b-main-header__grid"><div class="b-main-header__left-column"><a href="/" class="b-logo "></a><a class="b-main-header__logout-link-wrap"><i class="b-main-header__logout-link-icon"><div class="b-tooltip"><span class="b-tooltip__grid" data-tooltip="Log Out"></span></div></i></a><div class="b-main-header__notifications-wrap"><a class="b-main-header__bell-icon-wrap"><i class="b-main-header__bell-icon"><div class="b-tooltip"><span class="b-tooltip__grid" data-tooltip="Notifications"></span></div></i></a></div><span class="b-main-header__share-link-wrap"><a class="b-main-header__share-link b-tooltip"><i class="b-main-header__share-icon"></i><\!-- react-text: 20 -->Get free poster<\!-- /react-text --><span class="b-tooltip__grid" data-tooltip="Get a free poster"></span></a><noscript></noscript></span></div><div class="b-main-header__right-column"><a href="//marketplace.recap.dev" class="b-main-header__switch-location-button"></a></div></div></header><div class="b-alert b-alert--show-relative"></div><div class="b-content"><div class="b-profile-info b-profile-info--teacher-profile"><div class="b-profile-info__grid g-clearfix"><div class="b-profile-info__user-wrap"><img src="/markup/build/images/icons/teacher-default-icon.svg" alt="Profile photo" class="b-profile-info__user-img b-profile-info__user-img--teacher-icon"></div><div class="b-profile-info__user-text-info-wrap"><h2 title="Mr. Ihor Katkov" class="b-profile-info__user-name"><span class="b-profile-info__user-type">Mr.</span><\!-- react-text: 77 -->Ihor Katkov<\!-- /react-text --></h2><div class="b-profile-info__email-wrap b-profile-info__email-wrap--main"><span class="b-profile-info__email-title b-profile-info__email-title--main">Recap email:</span><div class="b-profile-info__user-email b-profile-info__user-email--main">[email protected]</div></div><ul class="b-profile-info__item-list"><li class="b-profile-info__item b-profile-info__item--inline"><i class="b-profile-info__item-icon b-icon b-icon--class"></i><span class="b-profile-info__item-text"><span class="g-font-bold">35</span><\!-- react-text: 86 --> <\!-- /react-text --><\!-- react-text: 87 -->queues<\!-- /react-text --></span></li><li class="b-profile-info__item b-profile-info__item--inline"><i class="b-profile-info__item-icon b-icon b-icon--user"></i><span class="b-profile-info__item-text"><span class="g-font-bold">18</span><\!-- react-text: 92 --> <\!-- /react-text --><\!-- react-text: 93 -->participants<\!-- /react-text --></span></li></ul><a class="b-profile-info__edit-profile-button b-button b-button--float-right"><i class="b-button__icon b-icon b-icon--gear"></i><\!-- react-text: 96 -->Edit profile<\!-- /react-text --></a><span class="b-profile-info__take-a-tour-button b-tooltip"><a class="b-profile-info__take-a-tour-link" href="//support.letsrecap.com/2017/08/04/quick-start-guide/" target="_blank" rel="noopener noreferrer"><i class="b-button__icon b-icon b-icon--tour"></i><\!-- react-text: 100 -->Quick Start Guide<\!-- /react-text --></a></span></div></div></div><div><div class="b-main-navbar"><div class="b-main-navbar__grid"><nav class="b-main-navbar__navigation"><ul class="b-main-navbar__list"><li class="b-main-navbar__item"><a class="b-main-navbar__link--active b-main-navbar__link" href="/teacher/dashboard/classes"><i class="b-main-navbar__icon b-main-navbar__icon--classes-list"></i><\!-- react-text: 60 -->Queues<\!-- /react-text --></a></li><li class="b-main-navbar__item"><a class="b-main-navbar__link" href="/teacher/dashboard/library"><i class="b-main-navbar__icon b-main-navbar__icon--library"></i><\!-- react-text: 64 -->Library<\!-- /react-text --></a></li></ul></nav><div><a class="b-main-navbar__join-new-class-button">Join New Queue</a></div></div></div><noscript></noscript></div><div class="b-class-list"><div class="b-class-list__grid"><div class="b-class-list__items-wrapper"><div class="b-class-list__item b-class-list__item--add-class"><div class="b-class-list__button-content"><i class="b-class-list__add-class-icon"></i><span class="b-class-list__button-text">Add queue</span></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(133, 209, 231);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="test" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(120, 188, 208);">test</div><div class="b-class-list__class-grade"><\!-- react-text: 113 -->Pre-K<\!-- /react-text --><\!-- react-text: 114 -->,<\!-- /react-text --></div><div class="b-class-list__counter-students"><\!-- react-text: 116 -->0<\!-- /react-text --><\!-- react-text: 117 --> <\!-- /react-text --><\!-- react-text: 118 -->participants<\!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(245, 163, 102);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="test" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(221, 147, 92);">test</div><div class="b-class-list__class-grade"><\!-- react-text: 130 -->Pre-K<\!-- /react-text --><\!-- react-text: 131 -->,<\!-- /react-text --></div><div class="b-class-list__counter-students"><\!-- react-text: 133 -->0<\!-- /react-text --><\!-- react-text: 134 --> <\!-- /react-text --><\!-- react-text: 135 -->participants<\!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(198, 228, 133);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="412341" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(178, 205, 120);">412341</div><div class="b-class-list__class-grade"><\!-- react-text: 147 -->Pre-K<\!-- /react-text --><\!-- react-text: 148 -->,<\!-- /react-text --></div><div class="b-class-list__counter-students"><\!-- react-text: 150 -->0<\!-- /react-text --><\!-- react-text: 151 --> <\!-- /react-text --><\!-- react-text: 152 -->participants<\!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(122, 158, 206);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="Functional Programming is rules" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(110, 142, 185);">Functional Programming is rules</div><div class="b-class-list__counter-students"><\!-- react-text: 164 -->1<\!-- /react-text --><\!-- react-text: 165 --> <\!-- /react-text --><\!-- react-text: 166 -->participant<\!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(254, 204, 97);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="3123123123" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(229, 184, 87);">3123123123</div><div class="b-class-list__counter-students"><\!-- react-text: 178 -->0<\!-- /react-text --><\!-- react-text: 179 --> <\!-- /react-text --><\!-- react-text: 180 -->participants<\!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(181, 126, 195);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="123123123" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(163, 113, 176);">123123123</div><div class="b-class-list__counter-students"><\!-- react-text: 192 -->0<\!-- /react-text --><\!-- react-text: 193 --> <\!-- /react-text --><\!-- react-text: 194 -->participants<\!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(246, 97, 97);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="123123" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(221, 87, 87);">123123</div><div class="b-class-list__counter-students"><\!-- react-text: 206 -->0<\!-- /react-text --><\!-- react-text: 207 --> <\!-- /react-text --><\!-- react-text: 208 -->participants<\!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(198, 228, 133);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="bla" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(178, 205, 120);">bla</div><div class="b-class-list__counter-students"><\!-- react-text: 220 -->0<\!-- /react-text --><\!-- react-text: 221 --> <\!-- /react-text --><\!-- react-text: 222 -->participants<\!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(133, 209, 231);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="pin 1" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(120, 188, 208);">pin 1</div><div class="b-class-list__counter-students"><\!-- react-text: 234 -->0<\!-- /react-text --><\!-- react-text: 235 --> <\!-- /react-text --><\!-- react-text: 236 -->participants<\!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(245, 163, 102);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="pin 1" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(221, 147, 92);">pin 1</div><div class="b-class-list__counter-students"><\!-- react-text: 248 -->0<\!-- /react-text --><\!-- react-text: 249 --> <\!-- /react-text --><\!-- react-text: 250 -->participants<\!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(198, 228, 133);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="test" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(178, 205, 120);">test</div><div class="b-class-list__counter-students"><\!-- react-text: 262 -->0<\!-- /react-text --><\!-- react-text: 263 --> <\!-- /react-text --><\!-- react-text: 264 -->participants<\!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(122, 158, 206);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="test11231" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(110, 142, 185);">test11231</div><div class="b-class-list__counter-students"><\!-- react-text: 276 -->8<\!-- /react-text --><\!-- react-text: 277 --> <\!-- /react-text --><\!-- react-text: 278 -->participants<\!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(254, 204, 97);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="222" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(229, 184, 87);">222</div><div class="b-class-list__counter-students"><\!-- react-text: 290 -->0<\!-- /react-text --><\!-- react-text: 291 --> <\!-- /react-text --><\!-- react-text: 292 -->participants<\!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(181, 126, 195);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="111" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(163, 113, 176);">111</div><div class="b-class-list__counter-students"><\!-- react-text: 304 -->0<\!-- /react-text --><\!-- react-text: 305 --> <\!-- /react-text --><\!-- react-text: 306 -->participants<\!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(246, 97, 97);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="Advanced Functional Programming" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(221, 87, 87);">Advanced Functional Programming</div><div class="b-class-list__counter-students"><\!-- react-text: 318 -->1<\!-- /react-text --><\!-- react-text: 319 --> <\!-- /react-text --><\!-- react-text: 320 -->participant<\!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(198, 228, 133);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="123123" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(178, 205, 120);">123123</div><div class="b-class-list__class-grade"><\!-- react-text: 332 -->Kindergarten<\!-- /react-text --><\!-- react-text: 333 -->,<\!-- /react-text --></div><div class="b-class-list__counter-students"><\!-- react-text: 335 -->0<\!-- /react-text --><\!-- react-text: 336 --> <\!-- /react-text --><\!-- react-text: 337 -->participants<\!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(133, 209, 231);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="blabla" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(120, 188, 208);">blabla</div><div class="b-class-list__counter-students"><\!-- react-text: 349 -->0<\!-- /react-text --><\!-- react-text: 350 --> <\!-- /react-text --><\!-- react-text: 351 -->participants<\!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(245, 163, 102);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="123123" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(221, 147, 92);">123123</div><div class="b-class-list__class-grade"><\!-- react-text: 363 -->Pre-K<\!-- /react-text --><\!-- react-text: 364 -->,<\!-- /react-text --></div><div class="b-class-list__counter-students"><\!-- react-text: 366 -->0<\!-- /react-text --><\!-- react-text: 367 --> <\!-- /react-text --><\!-- react-text: 368 -->participants<\!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(198, 228, 133);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="ыаыва" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(178, 205, 120);">ыаыва</div><div class="b-class-list__class-grade"><\!-- react-text: 380 -->Kindergarten<\!-- /react-text --><\!-- react-text: 381 -->,<\!-- /react-text --></div><div class="b-class-list__counter-students"><\!-- react-text: 383 -->0<\!-- /react-text --><\!-- react-text: 384 --> <\!-- /react-text --><\!-- react-text: 385 -->participants<\!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(122, 158, 206);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="Data Structures and Algorithms" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(110, 142, 185);">Data Structures and Algorithms</div><div class="b-class-list__counter-students"><\!-- react-text: 397 -->0<\!-- /react-text --><\!-- react-text: 398 --> <\!-- /react-text --><\!-- react-text: 399 -->participants<\!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(254, 204, 97);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="blabla" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(229, 184, 87);">blabla</div><div class="b-class-list__counter-students"><\!-- react-text: 411 -->0<\!-- /react-text --><\!-- react-text: 412 --> <\!-- /react-text --><\!-- react-text: 413 -->participants<\!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(181, 126, 195);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="Advanced Functional Programming" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(163, 113, 176);">Advanced Functional Programming</div><div class="b-class-list__counter-students"><\!-- react-text: 425 -->1<\!-- /react-text --><\!-- react-text: 426 --> <\!-- /react-text --><\!-- react-text: 427 -->participant<\!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(246, 97, 97);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="blablaf" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(221, 87, 87);">blablaf</div><div class="b-class-list__counter-students"><\!-- react-text: 439 -->0<\!-- /react-text --><\!-- react-text: 440 --> <\!-- /react-text --><\!-- react-text: 441 -->participants<\!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(198, 228, 133);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="Some class" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(178, 205, 120);">Some class</div><div class="b-class-list__counter-students"><\!-- react-text: 453 -->0<\!-- /react-text --><\!-- react-text: 454 --> <\!-- /react-text --><\!-- react-text: 455 -->participants<\!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(133, 209, 231);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="Advanced Functional Programming" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(120, 188, 208);">Advanced Functional Programming</div><div class="b-class-list__counter-students"><\!-- react-text: 467 -->1<\!-- /react-text --><\!-- react-text: 468 --> <\!-- /react-text --><\!-- react-text: 469 -->participant<\!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(245, 163, 102);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="111" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(221, 147, 92);">111</div><div class="b-class-list__counter-students"><\!-- react-text: 481 -->0<\!-- /react-text --><\!-- react-text: 482 --> <\!-- /react-text --><\!-- react-text: 483 -->participants<\!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(198, 228, 133);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="Advanced Functional Programming" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(178, 205, 120);">Advanced Functional Programming</div><div class="b-class-list__counter-students"><\!-- react-text: 495 -->1<\!-- /react-text --><\!-- react-text: 496 --> <\!-- /react-text --><\!-- react-text: 497 -->participant<\!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(122, 158, 206);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="Advanced Functional Programming" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(110, 142, 185);">Advanced Functional Programming</div><div class="b-class-list__counter-students"><\!-- react-text: 509 -->1<\!-- /react-text --><\!-- react-text: 510 --> <\!-- /react-text --><\!-- react-text: 511 -->participant<\!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(254, 204, 97);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="class pin" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(229, 184, 87);">class pin</div><div class="b-class-list__counter-students"><\!-- react-text: 523 -->0<\!-- /react-text --><\!-- react-text: 524 --> <\!-- /react-text --><\!-- react-text: 525 -->participants<\!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(181, 126, 195);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="email" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(163, 113, 176);">email</div><div class="b-class-list__counter-students"><\!-- react-text: 537 -->0<\!-- /react-text --><\!-- react-text: 538 --> <\!-- /react-text --><\!-- react-text: 539 -->participants<\!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(246, 97, 97);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="Data Structures and Algorithms" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(221, 87, 87);">Data Structures and Algorithms</div><div class="b-class-list__counter-students"><\!-- react-text: 551 -->0<\!-- /react-text --><\!-- react-text: 552 --> <\!-- /react-text --><\!-- react-text: 553 -->participants<\!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(198, 228, 133);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="Advanced Functional Programming" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(178, 205, 120);">Advanced Functional Programming</div><div class="b-class-list__counter-students"><\!-- react-text: 565 -->1<\!-- /react-text --><\!-- react-text: 566 --> <\!-- /react-text --><\!-- react-text: 567 -->participant<\!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(133, 209, 231);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="Advanced Functional Programming" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(120, 188, 208);">Advanced Functional Programming</div><div class="b-class-list__class-grade"><\!-- react-text: 579 -->Higher Ed<\!-- /react-text --><\!-- react-text: 580 -->,<\!-- /react-text --></div><div class="b-class-list__counter-students"><\!-- react-text: 582 -->2<\!-- /react-text --><\!-- react-text: 583 --> <\!-- /react-text --><\!-- react-text: 584 -->participants<\!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(245, 163, 102);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="biology" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(221, 147, 92);">biology</div><div class="b-class-list__counter-students"><\!-- react-text: 596 -->1<\!-- /react-text --><\!-- react-text: 597 --> <\!-- /react-text --><\!-- react-text: 598 -->participant<\!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div><div class="b-class-list__item" role="button"><div class="b-class-list__class-icon-background" style="background-color: rgb(198, 228, 133);"><img class="b-class-list__class-icon" src="https://recap-stage.s3.amazonaws.com/icons/classroom/classroom_2.png"></div><div class="b-class-list__bottom-text-content"><div title="science" class="b-class-list__text-class-info"><div class="b-class-list__name-class" style="color: rgb(178, 205, 120);">science</div><div class="b-class-list__class-grade"><\!-- react-text: 610 -->Kindergarten<\!-- /react-text --><\!-- react-text: 611 -->,<\!-- /react-text --></div><div class="b-class-list__counter-students"><\!-- react-text: 613 -->0<\!-- /react-text --><\!-- react-text: 614 --> <\!-- /react-text --><\!-- react-text: 615 -->participants<\!-- /react-text --></div></div><div class="b-class-list__item-footer"><div class="b-class-list__bottom-text-wrap"><a class="b-class-list__text-link">Get Join Pin</a><noscript></noscript></div></div></div></div></div></div></div></div><a href="//support.letsrecap.com/" target="_blank" class="b-help"><img class="b-help__icon" src="/markup/build/images/icons/ic_help_16px.svg" alt="Help icon"><span class="b-help__text">Help</span></a><footer class="b-footer"><div class="b-footer__grid"><div class="b-footer__socials-media-link"><a href="//facebook.com/recapthat" target="_blank" class="b-footer__social b-footer__social--facebook"></a><a href="//twitter.com/recapthat" target="_blank" class="b-footer__social b-footer__social--twitter"></a><a href="//pinterest.com/letsrecap" target="_blank" class="b-footer__social b-footer__social--pinterest"></a><a href="//instagram.com/letsrecap" target="_blank" class="b-footer__social b-footer__social--instagram"></a></div><div class="b-footer__product-link"><div class="b-footer__link-block b-footer__link-block--left"><a href="//letsrecap.com" class="b-footer__link">About</a><a href="//letsrecap.com/terms/" class="b-footer__link">Terms</a></div><div class="b-footer__link-block b-footer__link-block--right"><a href="//support.letsrecap.com" class="b-footer__link" target="_blank">Support</a><a href="//letsrecap.com/privacy/" class="b-footer__link">Privacy</a></div></div><img src="/markup/build/images/logo-footer.png" alt="footer logo" class="b-footer__logo"></div></footer></div></div><\!-- react-empty: 45 --></div></div>
<div id="js-playback"></div>
<script>
window.Icons = {"teacher":{"1":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/teacher\/teacher_1.png","thumbnails":[]},"10":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/teacher\/teacher_1.png","thumbnails":[]}},"student":{"2":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/student\/1x1_trans.png","thumbnails":[]},"3":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/student\/1x1_trans.png","thumbnails":[]},"4":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/student\/1x1_trans.png","thumbnails":[]},"5":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/student\/1x1_trans.png","thumbnails":[]},"6":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/student\/1x1_trans.png","thumbnails":[]},"7":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/student\/1x1_trans.png","thumbnails":[]},"8":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/student\/1x1_trans.png","thumbnails":[]},"18":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/student\/1x1_trans.png","thumbnails":[]},"19":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/student\/1x1_trans.png","thumbnails":[]},"20":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/student\/1x1_trans.png","thumbnails":[]},"21":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/student\/1x1_trans.png","thumbnails":[]},"22":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/student\/1x1_trans.png","thumbnails":[]},"23":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/student\/1x1_trans.png","thumbnails":[]},"24":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/student\/1x1_trans.png","thumbnails":[]}},"classroom":{"9":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/classroom\/classroom_2.png","thumbnails":{"40x40":"https:\/\/recap-prod.s3.amazonaws.com\/icons\/classroom\/filters\/40x40\/classroom_40x40.png"}},"11":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/classroom\/classroom_2.png","thumbnails":{"40x40":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/classroom\/filters\/40x40\/classroom_40x40.png"}},"12":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/classroom\/classroom_2.png","thumbnails":{"40x40":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/classroom\/filters\/40x40\/classroom_40x40.png"}},"13":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/classroom\/classroom_2.png","thumbnails":{"40x40":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/classroom\/filters\/40x40\/classroom_40x40.png"}},"14":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/classroom\/classroom_2.png","thumbnails":{"40x40":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/classroom\/filters\/40x40\/classroom_40x40.png"}},"15":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/classroom\/classroom_2.png","thumbnails":{"40x40":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/classroom\/filters\/40x40\/classroom_40x40.png"}},"16":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/classroom\/classroom_2.png","thumbnails":{"40x40":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/classroom\/filters\/40x40\/classroom_40x40.png"}},"17":{"path":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/classroom\/classroom_2.png","thumbnails":{"40x40":"https:\/\/recap-stage.s3.amazonaws.com\/icons\/classroom\/filters\/40x40\/classroom_40x40.png"}}}};
window.Icons.alreadyUsedIcons = [];
/**
* Get random icon for given type
*
* @param type
*/
function getRandomIconPath(type) {
var icon = findRandomIcon(type);
return getIconPath(icon);
}
/**
* Returns icon path for given icon
*/
function getIconPath(icon)
{
if (icon.type == 'student') {
return icon['thumbnails']['112x112'];
} else if (icon.type == 'teacher') {
return icon['thumbnails']['150x150'];
}
return icon['path'];
}
/**
* Finds random icon
*
* @param type
*
* @returns object
*/
function findRandomIcon(type) {
if (typeof window.Icons[type] == 'undefined') {
console.warn('wrong object name');
return '';
}
var objectIcons = window.Icons[type];
var keys = Object.keys(objectIcons);
var icon, iconId;
do {
iconId = keys[Math.floor(Math.random() * keys.length)];
icon = objectIcons[iconId];
} while ($.inArray(iconId, window.Icons.alreadyUsedIcons) != -1);
window.Icons.alreadyUsedIcons.push(iconId);
// if all unique icons already used, let's start from the beginning
if (window.Icons.alreadyUsedIcons.length == keys.length) {
window.Icons.alreadyUsedIcons.length = 0;
}
icon.id = iconId;
icon.type = type;
return icon;
}
<\/script>
<script src="/js/758b3ad.js"><\/script>
<script>
var segmentAnalytics = new SegmentAnalytics();
window.Config = window.Config || {};
window.Config.pathToZeroClipboardSWF = "/assets/js/ZeroClipboard.swf";
window.Config.links = window.Config.links || {};
window.Config.links.troubleshootingUrl = 'https://recap.zendesk.com/hc/en-us/articles/217916388-Easy-Troubleshooting-Guide';
window.Config.links.supportEmail = '[email protected]';
window.Config.clipchamp = {
s3_bucket : 'recap-stage',
s3_folder : 'import/clipchamp',
api_url : 'https://api.clipchamp.com/o92wEQEUzNVE_K-MQlUyxJ5eaKA/button.js',
};
window.Config.backend = {
datetime_iso8601 : '2017-09-06T15:34:30+0000',
datetime_yyyy_mm_dd : '20170906'
};
window.Config.google = {
clientId: '513398201231-fohe48g7kuj9222ppsgvll9hmqus9vl8.apps.googleusercontent.com',
scopes: ["https:\/\/www.googleapis.com\/auth\/classroom.courses.readonly","https:\/\/www.googleapis.com\/auth\/classroom.rosters.readonly","https:\/\/www.googleapis.com\/auth\/classroom.profile.emails"],
};
<\/script>
<script src="/assets/js/main.js"><\/script>
<script src="/js/react/vendor.js"><\/script>
<script src="/js/react/alertComponent.4c69b1e81dc723859540.js"><\/script>
<script src="/js/react/slider.1ec70cef840b44998d80.js"><\/script>
<script src="https://api.clipchamp.com/o92wEQEUzNVE_K-MQlUyxJ5eaKA/button.js"><\/script><div class="clipchamp-background2de44225-eb74-47c6-bcd2-2f06b2e4f5b9" style="display: none;"></div>
<script>
window.user = {
id: 1,
type: 'teacher',
first_name: 'Ihor',
last_name: 'Katkov',
email: '[email protected]',
paypal_email: '',
env: 'prod',
firstGoogleLogin: false,
shouldShowTermsAndPrivacyPopup: false,
isInterestsWatched: true,
firstLogin: false
};
window.onboarding = {
slide: 0
};
window.links = {
shareRecapPDF: 'https://s3.amazonaws.com/recap-prod/assets/Share_Recap.pdf'
};
window.domains = {
marketplace: 'marketplace.recap.dev',
workspace: 'ws.recap.dev'
};
<\/script>
<script>
window.socials = {
twitter: {
url: 'https://letsrecap.com',
text: 'The free student response and reflection app @RecapThat is now available! %23edapp %23edtech'
},
facebook: {
url: 'https://letsrecap.com'
},
pinterest: {
url: 'https://letsrecap.com',
media: 'https://recap-prod.s3.amazonaws.com/assets/recap_pinterest_564x1000_3.png',
desc: 'Recap is now available! Review student video responses and self-reflections to assess and track progress. Sign up FREE at https://letsrecap.com/'
}
};
<\/script>
<script>
window.alerts = {
success: [],
warning: [],
danger: [],
attention: []
};
<\/script>
<script src="/js/react/bundle.734ae38d9e2209bc39f9.js"><\/script><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div>
<div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div><div class="ReactModalPortal"><div data-reactroot=""></div></div></body><div id="cVim-status-bar" style="top: 0px;"></div><iframe src="chrome-extension://ihlenndgcmojhcghmfjfneahoeklbjjh/cmdline_frame.html" id="cVim-command-frame"></iframe></html></script>
</body><div id="cVim-status-bar" style="top: 0px;"></div><iframe src="chrome-extension://ihlenndgcmojhcghmfjfneahoeklbjjh/cmdline_frame.html" id="cVim-command-frame"></iframe></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment