Select Lesson

Captain's Calls Game

20 mins

Objective

Background

Preparation

Instructions

Captain's Calls

Lesson Notes

Captain's Calls Game

20 mins

Objective

Background

Preparation

Instructions

20 mins

Captain's Calls Game

This is a physically active game which provides an opportunity for students aged 5-8 to practice giving and following instructions that indicate direction.
It could be used as a warm up, a wiggle-buster / fitness activity, or to provide teachers with evidence of learning at the end of the lesson. This can also easily be used with older students.

Objective

Give and follow instructions which include the directions:

Left / Right
Forward / Back
Clockwise / Anticlockwise
Compass directions (North, South, West, East)

Background

Directions are really important when using computer graphics.

This game will look at two different types of directions:

Directions based on the person - left (anti-closkwise), right (clockwise), forward, back
Directions based on a fixed point - north, south, west, east

Preparation

You will need:

A large flat area such as a court, field or hall which has four clearly defined boundaries, this is a fun pool game too.
A print out the sheet of captain's calls.
Optional - Hula hoops or chalk circles - these can be placed randomly around the play area for students to use as rowboats or whirlpool centres.

Instructions

Setup

Students stand spread out inside area.
Students must know which direction is the front of the pirate ship and north of the area. North does not have to be the front.
The teacher (or a designated student) acts as the captain.
The rest of the students are the crew.
Practise each call.
It is a good idea to introduce a few calls initially, adding more as students' ability to follow each instruction improves. For example, the students may 'warm up' and become familiar with each boundary by walking quickly forward / backward / left and right to each boundary, in response to the caller's instructions.

Play

The captain calls an order.
The crew follow the instruction as quickly as possible, taking care not to bang into other students.
The captain determines when to make the next call.
(This can be as all the students reach the boundary or engage in the activity, or it can be when most of the students have followed the instruction.)

Optional - Crew that do not follow instructions are out.

Versions:

Easy - Students follow a limited number of instructions (limiting directional instructions to left/right/forward/back) at a walking speed
Medium - Students follow more of the instruction (including clockwise and anticlockwise), at a fast walk or slow jog.
Hard
- Students follow all the instructions (*including compass directions) and
- move in different ways depending on the instruction. For example, walking backward to go 'back',
- 'side-stepping' to the 'left or right,
- 'pivoting' around one foot for clockwise or anticlockwise turns.
- could invent more calls and create corresponding actions to make a 'class version' of the game.

1. NAV BAR

13HRS

Resources

Guide

download
new file
upload media
rename

delete

Keyboard Shortcuts

Toolbox

My Notes

Loading Notes...

<!doctype html>

<title>{title}</title>
<meta name="viewport" content="width=device-width">

<!doctype html>

<title>{title}</title>
<meta name="viewport" content="width=device-width">

canvas {
        background-color: white;
        border: 1px solid black;
    }

table {
        position: absolute;
        width: 360px;
        height: 300px;
        background-color: black;
        top: 50%;
        opacity: 0.9;
        margin: auto;
        margin-top: -150px;
        left: 0;
        right: 0;
        cursor: pointer;
    }

td {
        padding: 24px;
    }

p {
        line-height: 28px;
    }

.social-share img {
        width: 20px;
        height: 20px;
        vertical-align: middle;
    }

h1 {
        font-size: 28px;
    }

#code {
        display: none;
    }
</style>

<a href="{protocol}//{domain}"><img src="{protocol}//{domain}/image/RedLogoMedium.png"
                                    alt="Code Avengers logo" width="200" height="25"
                                    style="margin-top: 20px;"></a>
<br><span>presents</span>
<h1>"{title}" by {codename}</h1>
<iframe id="myApp" {events} width="{width}" height="{height}"></iframe>
<p>Learn to make apps, games and websites with <a style="color: #ef5555" href="/">CodeAvengers.com</a>

<table onclick="this.style.display='none';displayApp()">
<tr>
<td>  
<h2>Instructions</h2>
<p>{instructions}
  
<p>
<b>Click to start</b>

</table>

<div id="code">
{content}
</div>

<!doctype html>

<title>{title}</title>
<meta name="viewport" content="width=device-width">

canvas {
        background-color: white;
        border: 1px solid black;
    }

td {
        padding: 24px;
    }

p {
        line-height: 28px;
    }

.social-share img {
        width: 20px;
        height: 20px;
        vertical-align: middle;
    }

h1 {
        font-size: 28px;
    }

.fullscreen footer, .fullscreen header {
        display: none;
    }

.fullscreen table {
        top: 170px;
    }
</style>

<header>
<a href="{protocol}//{domain}"><img src="{protocol}//{domain}/image/RedLogoMedium.png"
                                    alt="Code Avengers logo" width="200" height="25"
                                    style="margin-top: 20px;"></a>
<br><span>presents</span>
<h1>"{title}" by {codename}</h1>
</header>

<canvas id="paperscriptCanvas" tabindex="0"
        {canvasEvents} width="{width}" height="{height}"></canvas>

<footer>
<p>Learn to make apps, games and websites with <a style="color: #ef5555;" href="/">CodeAvengers.com</a>

</footer>

<tr>
<td>  
<h2>Instructions</h2>
<p>{instructions}
  
<p>
<b>Click to start</b>

</table>

<title>Code Avengers Profile</title>
<meta name="viewport" content="width=device-width">

<header>
<a href="https://codeavengers.com"><img src="/images/logo.png"></a>
<a href="/m/about.html">About us</a> | <a href="http://blog.codeavengers.com">Blog</a>
</header>
<section>
<h2>My Profile</h2>
<img src="/images/profile9.png" width="180" alt="profile">

</a>
<strong>Name</strong>: Supacoda<br>

<strong>Birthday</strong>: 14<sup>th</sup> April<br>

<strong>Height</strong>: 1.79m<br>

<h3>My Super Powers</h3>
<p>I have super endurance, once I start, I keep going until I finish!
	
<p>I will eat anything and lots of it... if there is a plate with food on it, I will eat it!

</div>
<div class="js comments_comment-content">
<div class="comments_comment-profile-info">
<span class="js comments_comment-profile-name">{{codeName}}</span>
        
<span class="js comments_comment-timestamp">{{timestamp}}</span>
      </div>
<p class="js comments_comment-text">{{comment}}
<div class="js comments_comment-buttons">
<span class="js comments_comment-replies-count" data-upvotes="{{upvotes}}">{{upvotes}}</span>
<button class="js comments_comment-up-vote"></button>
<button class="js comments_comment-reply"></button>
      </div>
    </div>
    {{#if parentID}}

{{else}}
<div class="js comments_comment-replies">
        
      </div>
    {{/if}}
  </div>

<div class="guiders-preview_content">
      {{#if complete}}{{else}}
<h4 class="guiders-preview_subtitle">{{subtitle}}</h4>
      {{/if}}
<h2 class="guiders-preview_title">{{{title}}} {{#if complete}}{{{message}}}{{/if}}</h2>
      {{#if complete}}{{else}}
<div class="guiders-preview_description"><p>{{{message}}}</div>
      {{/if}}
      {{#if complete}}
<div class="guiders-preview_social-buttons">
<a href="{{{twitterUrl}}}" target="_blank" onclick="ai.publish(true, null, event);" class="js guiders-preview_social-button -twitter"><i class="guiders-preview_social-icon icon-twitter"></i> {{{twitter}}}</a>
<button class="js guiders-preview_social-button -facebook" onclick="ai.share.facebook();ai.publish(true, null, event);"><i class="guiders-preview_social-icon icon-facebook"></i> {{{facebook}}}</button>
      </div>
      {{/if}}
    </div>
  </div>  
  {{#if tour}}
<p class="guiders-preview_action">{{{action}}}
  {{/if}}

{{#with pricing}}
<div id="pricing-popup">
<div class="pricing">
<h3 class="pricing_header">{{{header}}}</h3>
<p class="pricing_info">
    
    {{{text}}}

<div class="pricing_sections">
    {{#each sections}}
<div class="pricing_section-wrapper">
<div class="pricing_section">
<h3 class="pricing_section-header">{{header}}</h3>
          {{#if list}}
            {{#each list}}
<p class="pricing_section-info">{{this}}
            {{/each}}
          {{else}}
<p><span class="js- pricing_section-price">{{price}}</span> <span class="js- pricing_section-dom">{{dom}}</span> <span class="pricing_section-details">{{{details}}}</span>
<p class="pricing_section-info">{{{text}}}</p>
          {{/if}}
        </div>
        {{#if button1}}
<button class="pricing_button js signup-button">{{../button1}}</button>
        {{/if}}
        {{#if button2}}
<button class="pricing_button -red js-quote-button" data-analytic="submit-quote">{{../button2}}</button>
        {{/if}}
      </div>
    {{/each}}
    </div>
    
  </div>
</div>
{{/with}}

<div id="quote" class="js quote">
    <div class="pricing">
        <h3 class="pricing_header">{{{header}}}</h3>
        <p class="pricing_info">{{{text}}}</p>
        <div class="js pricing_sections">
        {{#each inputs}}
            <div class="pricing_input-wrapper {{size}}">
                <label class="pricing_label">{{placeholder}}</label>
                {{#if list}}
                    <select required name="{{name}}" class="js pricing_input">
                    {{#each list}}
                        <option value="{{#if name}}{{name}}{{/if}}">{{#if name}}{{name}}{{else}}{{this}}{{/if}}</option>
                    {{/each}}
                    </select>
                {{else}}
                    <input required type="{{#if type}}{{type}}{{else}}text{{/if}}" name="{{name}}" placeholder="{{placeholder}}" class="js pricing_input" value="{{value}}">
                {{/if}}
            </div>
        {{/each}}
        </div>
        <button class="js-teacher-quote pricing_button -red" data-analytic="submit-quote-button Quote">{{{button}}}</button>
  </div>
</div>

{{else}}
            {{{level}}}
          {{/if}}
        </h2>
<h3 class="track-popup_name">{{name}}</h3>
<p class="track-popup_description">{{description}}</p>
      </div>
    </div>
<div class="track-popup_header-right">
      {{{trackBox}}}
      
      {{#if secondaryButton}}
<a href="{{trackUrl}}" class="js track-popup_header-button">{{secondaryButton}}</a>
      {{/if}}
    </div>
  </div>
<div class="js track-popup_tracks">
    {{#each courses}}
<div class="track-popup_course">
<div class="track-popup_course-left">
<div class="track-popup_course-left-content">
<h2 class="track-popup_course-name">{{name}} {{type}}</h2>
<p class="track-popup_course-info">{{{description}}}</p>
          </div>
        </div>
<div class="track-popup_course-right">
          {{{boxHtml}}}
<a href="{{url}}" class="track-popup_course-button {{#if ../disableTrack}}is-disabled{{/if}}">{{../startNowButton}}</a>
        </div>
      </div>
    {{/each}}
  </div>
</div>

<div class="guides-info-section">
<h3 class="guides-info-section_heading">Key</h3>
<div class="js guides-info-section_key">
<p class="js guides-info-section_key-text">There are five types of lesson segments:</p>
<i class="guides-info-section_key-icon icon-puzzle"></i> <span class="guides-info-section_type">Concepts</span>: <p class="guides-info-section_key-description">Notes on the concepts covered in the CA lessons.</p>
<i class="guides-info-section_key-icon icon-rocket"></i> <span class="guides-info-section_type">Activities</span>: <p class="guides-info-section_key-description">Off-line and online activities to supplement the CA lessons. </p>
<i class="guides-info-section_key-icon icon-ca-logo"></i> <span class="guides-info-section_type">CA Lessons</span> = <p> class="guides-info-section_key-description"Online lessons created by CA.</p>
<i class="guides-info-section_key-icon icon-ca-logo"></i> <span class="guides-info-section_type">CA Projects</span> = <p class="guides-info-section_key-description">Online projects created by CA to reinforce your learning.</p>
<i class="guides-info-section_key-icon icon-ca-logo"></i> <span class="guides-info-section_type">CA Quizzes</span> = <p class="guides-info-section_key-description">Online quizzes created by CA to review previous lessons.</p>
<p class="js guides-info-section_key-text">These small segments can be organised into three sections</p>
<p><span>Prior Learning</span>: These are recap/review segments</p>
<p><span>The Lesson</span>: This section leads you through the concepts, activities and CA lessons.</p> 
<p><span>Extension</span>: These are additional concepts, activities and lessons.</p>
  </div>
</div>

<div class="js purchase-item {{handler}} {{type}} {{#if purchased}}has-purchased{{/if}} {{#if isComplete}}is-complete{{/if}} {{#if new}}-new{{/if}}" {{#if id}} data-id="{{id}}" {{/if}} {{#if plan}} data-plan="{{plan}}" {{/if}} {{#if item}} data-item="{{item}}" {{/if}} {{#if url}} data-url="{{url}}" {{/if}}>
<img src="{{img}}" class="purchase-item_img">
<p class="purchase-item_header">{{title}}</p>
    {{#if description}}
<p class="purchase-item_text">{{description}}</p>
    {{/if}}
<p class="purchase-item_price"><span class="purchase-item_price-price {{#if salePrice}}-strikethrough{{/if}}">{{price}}</span> {{#if salePrice}}<span class="purchase-item_price-sale">{{salePrice}}</span>{{/if}}</p>
<p class="purchase-item_type">USD {{per}}</p>
<div class="purchase-item_buttons">
      {{#each buttons}}
        {{#if url}}
<a href="{{url}}" {{#if target}} target="{{target}}" {{/if}} class="js purchase-item_button external-link" title="{{text}}">{{text}}</a>
        {{else}}
<button class="js purchase-item_button {{hander}}" title="{{text}}">
<span class="js show-spinner">{{text}}</span>
<div class="js show-spinner" data-loader="circle-side"></div>
          </button>
        {{/if}}
      {{/each}}
    </div>
    {{#if info}}
<p class="purchase-item_info">{{info}}</p>
    {{/if}}
  </div>

<div class="js payment-form">
<div class="payment-form_content">
      {{{header}}}
<div class="payment-form_inputs">
<div class="js payment-form_input-wrapper -wide -radios">
<div class="js payment-form_option" data-type="ccd">
<label class="js payment-form_label" title="{{creditCard}}">{{creditCard}}</label> 
<span class="js payment-form_option-radio is-active"></span>
          </div>
<div class="js payment-form_option" data-type="paypal">
<label class="js payment-form_label" title="Paypal">Paypal</label> 
<span class="js payment-form_option-radio"></span> 
          </div>
        </div>
      </div>
<form class="js payment-form_input-wrapper -wide ccd_form">

<div class="payment-form_inputs">
<div class="payment-form_input-wrapper">
<label class="js payment-form_label">{{firstName}} *</label>
<input class="js payment-form_input -dark" type="text" data-recurly="first_name">

</div>
<div class="payment-form_input-wrapper">
<label class="js payment-form_label">{{lastName}} *</label>
<input class="js payment-form_input" type="text" data-recurly="last_name">

</div> 
        </div>
        
        {{#if includeSignup}}
<div class="js payment-form_inputs include-signup">
<div class="payment-form_input-wrapper">
<label class="js payment-form_label">{{email}} *</label>
<input class="js payment-form_input -dark" type="email">

</div>
<div class="payment-form_input-wrapper">
<label class="js payment-form_label">{{password}} *</label>
<input class="js payment-form_input" type="password">

</div> 
          </div>
        {{/if}}

<div class="payment-form_inputs">
<div class="payment-form_input-wrapper">
<label class="js payment-form_label">{{cardNumber}} *</label>
<div data-recurly="number"></div>
          </div>
<div class="payment-form_input-wrapper">
<label class="js payment-form_label">CVV *</label>
<div data-recurly="cvv"></div>
          </div> 
        </div>
<div class="payment-form_inputs">  
<div class="payment-form_input-wrapper">
<label class="js payment-form_label">{{month}} *</label>
<div data-recurly="month"></div>
          </div>
<div class="payment-form_input-wrapper">
<label class="js payment-form_label">{{year}} *</label>
<div data-recurly="year"></div>
          </div> 
<input type="hidden" name="recurly-token" data-recurly="token">

</div>
      </form>
<div class="payment-form_input-wrapper -wide js code">
<label class="js payment-form_label">{{couponCode}} </label>
<input type="text" name="coupon" class="js payment-form_input">

</div>
      
      {{#if includeSignup}}
<div class="js payment-form_input-wrapper include-signup">
<span class="js payment-form_option-checkbox policy-consent -dark" data-value="yes"></span>
<label class="js payment-form_label -checkbox -no-caps">
            {{{consent}}}
          </label>
        </div>
      {{/if}}

<div class="payment-form_buttons">
<div class="js payment-form_error"></div>
<button class="js payment-form_continue-button">
<span class="payment-form_continue-button-text js show-spinner">{{buttonText}}</span>
<div class="js show-spinner" data-loader="circle-side"></div>
        </button>
      </div>
    </div>
  </div>

<!doctype html>

<body class="slide -{slideType}">
<header class="slide_header"> 
<i class="slide_logo icon-ca-logo"></i>
<span class="slide_title">{header}</span>
<div class="slide_controls">
<button id="presentation-jump" class="js slide_controls-button -jump" onclick="window.opener.ai.presentation.previousSlide(true)"><i class="slide_controls-icon icon-left-arrow -double"></i><i class="slide_controls-icon icon-left-arrow -double"></i></button>
<button id="presentation-prev" class="js slide_controls-button -prev" onclick="window.opener.ai.presentation.previousSlide(false)"><i class="slide_controls-icon icon-left-arrow"></i></button>
<button id="presentation-next" class="js slide_controls-button -next" onclick="window.opener.ai.presentation.nextSlide(false)"><i class="slide_controls-icon icon-right-arrow"></i></button>
<button id="presentation-skip" class="js slide_controls-button -skip" onclick="window.opener.ai.presentation.nextSlide(true)"><i class="slide_controls-icon icon-right-arrow -double"></i><i class="slide_controls-icon icon-right-arrow -double"></i></button>
</div>
</header>

{content}
</section>

</body>

<div class="js- projects-popup -{{type}}">
<div class="js- projects-popup_top">
    {{#if image}}
<div class="js- projects-popup_image-wrapper">
      {{#if promo}}{{else}}<div class="projects-popup_image-overlay"></div>{{/if}}
<img src="{{image}}" class="js- projects-popup_image">

</div>
    {{/if}}
<div class="projects-popup_info">
<div class="projects-popup_header">
<span class="js- projects-popup_title">{{{name}}}</span>
        {{#if time}}<span class="js- projects-popup_time">{{{time}}}</span>{{/if}}
      </div>
      {{#if description}}<p class="js- projects-popup_description">{{{description}}}</p>{{/if}}
      {{#compare progress '>' 0}}
        {{#equals type project}}
<div class="projects-popup_progress-bar">
<div class="js- projects-popup_progress {{{theme}}}" style="width: {{progress}}%"></div>
          </div>
        {{/equals}}
      {{/compare}}
    </div>
  </div>
<div class="js- projects-popup_bottom">
<div class="projects-popup_info">
<div class="projects-popup_header">
<span class="js- projects-popup_title">{{{name}}}</span>
        {{#if time}}<span class="js- projects-popup_time">{{{time}}}</span>{{/if}}
      </div>
      {{#if description}}<p class="js- projects-popup_description">{{{description}}}</p>{{/if}}
      {{#compare progress '>' 0}}
        {{#equals type project}}
<div class="projects-popup_progress-bar">
<div class="js- projects-popup_progress {{{theme}}}" style="width: {{progress}}%"></div>
          </div>
        {{/equals}}
      {{/compare}}
    </div>
    {{#if image}}
<div class="js- projects-popup_image-wrapper {{#if promo}}-promo{{/if}}">
      {{#if promo}}{{else}}<div class="projects-popup_image-overlay"></div>{{/if}}
<img src="{{image}}" class="js- projects-popup_image">

</div>
    {{/if}}
  </div>
</div>

<div class="pdf-header_title">{{name}} Answers</div>
</header>
<section class="pdf-section">
  {{#each lessons}}
<div class="pdf-section_lesson-title">{{lessonNo}}. {{{title}}}</div>
    {{#each tasks}}
<div class="pdf-section_task">
<h2 class="pdf-section_task-title">{{lessonNo}}.{{taskNo}}. {{{objective}}}</h2>
        {{#if solution}}
<pre class="prettyprint pdf-section_code">{{{solution}}}</pre>
        {{else if questions}}
<p>Review Quiz Questions:<br>

<ol class="pdf-section_list">
            {{#each questions}}
<li class="pdf-section_list-item">{{{answer}}}
            {{/each}}
          </ol>
        {{else if answer}}
<p>{{{answer}}}
        {{/if}}
      </div>
    {{/each}}
  {{/each}}
</section>
<script>addEventListener("load", function (event) { prettyPrint() }, false);</script>

<div class="pdf-header_title">{{name}} Instructions</div>
</header>
<section class="pdf-section">
  {{#each lessons}}
<div class="pdf-section_lesson-title">{{lessonNo}}. {{{title}}}</div>
    {{#each tasks}}
<div class="pdf-section_task">
<h2 class="pdf-section_task-title">{{lessonNo}}.{{taskNo}}. {{{objective}}}</h2>
        {{#if goal}}
          {{{goal}}}
        {{/if}}
        {{#if questions}}
<p>Review Quiz Questions:<br>

<ol class="pdf-section_list">
            {{#each questions}}
<li class="pdf-section_list-item">{{{question}}}
            {{/each}}
          </ol>
        {{/if}}
        {{#if answer}}
<p>{{{answer}}}
        {{/if}}
      </div>
    {{/each}}
  {{/each}}
</section>
<script>addEventListener("load", function (event) { prettyPrint() }, false);</script>

{{#each this}}
<div class="course-box -{{theme}}">
<div class="course-box_content">
<div class="course-box_top-bar">
<div class="course-box_top-bar-left">
<span class="course-box_type">{{level}}</span>
<span class="course-box_title">{{{name}}}</span>
          </div>
<div class="course-box_top-bar-right">
<span>{{hours}} HRS</span>
<span class="course-box_top-post"></span>
<span class="course-box_preview-btn">Preview <i class="icon-play-full course-box_preview-btn-triangle"></i></span>
          </div>
        </div>
<div class="course-box_details">
<p class="course-box_description">{{{description}}}</p>
<div class="course-box_buttons">
<div class="course-box_buttons-left">
              {{#if progress}}
<a href="{{url}}" class="button course-box_resume-button">Resume</a>
              {{else}}
<a href="{{url}}" class="button course-box_resume-button">Start</a>
              {{/if}}
            </div>
<div class="course-box_buttons-right">
<button class="button course-box_details-button">View Details</button>
<div class="course-box_content-footer">
<div class="course-box_footer-info">
                  
                </div>
<div class="course-box_footer-info">
                  {{difficulty}}
                </div>
<div class="course-box_footer-info">
                  {{taskCount}} Tasks
                </div>
              </div>
            </div>
          </div>
<div class="course-box_footer">
<div class="course-box_footer-info">
                  
            </div>
<div class="course-box_footer-info">
              {{difficulty}}
            </div>
<div class="course-box_footer-info">
              {{taskCount}} Tasks
            </div>
          </div>
        </div>
      </div>
<div class="course-box_preview">
        {{#if image}}
<div class="course-box_preview-image">
<image src="{{image}}" class="course-box_preview-image-image">
          </div>
        {{else}}
<div class="course-box_preview-video">
<div class="course-box_preview-video-play">
<div class="course-box_preview-video-play-icon">
<i class="icon-play"></i>
              </div>
            </div>
          </div>  
        {{/if}}
      </div>
<div class="course-box_percentage-top">
<span class="course-box_percentage-circle"></span>
<div class="course-box_percentage-percent-wrapper">
<span class="course-box_percentage-percent" style="width: {{progress}}%"></span>
        </div>
<i class="icon-ribbon-small{{ribbon}} course-box_percentage-ribbon -percent{{progress}}"></i>
      </div>
<div class="course-box_percentage-bottom">
<span class="course-box_percentage-circle"></span>
<div class="course-box_percentage-percent-wrapper">
<span class="course-box_percentage-percent" style="width: {{progress}}%"></span>
        </div>
<i class="icon-star course-box_percentage-star"></i>
<i class="icon-ribbon-small{{ribbon}} course-box_percentage-ribbon -percent{{progress}}"></i>
      </div>
    </div>
  {{/each}}

<!doctype html>
<style>
    html {
        font-size: 0 !important;
    }

.t-quiz > * {
        font-size: initial !important;
        margin-bottom: 0 !important;
    }
</style>
<link rel="stylesheet" href="/css-modules/ca-font.css?0.052468554855654936">
<link rel="stylesheet" href="/css-modules/globals.css?0.8555174448090179">
<link rel="stylesheet" href="/css-modules/utils.css?0.37528126736006073">
<link rel="stylesheet" href="/css-modules/main.css?0.13978387395467218">
<link rel="stylesheet" href="/css-modules/bootstrap.css?0.45991179876275234">
<link rel="stylesheet" href="/css-modules/variables.css?0.7953873395979514">
<link rel="stylesheet" href="/css-modules/base.css?0.814029400580482">
<link rel="stylesheet" href="/css-modules/styles.css?0.8576023177573042">
<link rel="stylesheet" href="/css-modules/buttons.css?0.38358965268557954">
<link rel="stylesheet" href="/css-modules/dialogs.css?0.4664985910797417">
<link rel="stylesheet" href="/css-modules/trial-dialogs.css?0.7326858800270004">
<link rel="stylesheet" href="/css-modules/course-popup.css?0.16089279773913723">
<link rel="stylesheet" href="/css-modules/points-grid.css?0.5667779335160401">
<link rel="stylesheet" href="/css-modules/background-sections.css?0.8675246897898339">
<link rel="stylesheet" href="/css-modules/old-blog.css?0.4174723831568663">
<link rel="stylesheet" href="/css-modules/blog.css?0.5955956063617309">
<link rel="stylesheet" href="/css-modules/comments.css?0.10401264548179667">
<link rel="stylesheet" href="/css-modules/footer-bar.css?0.12390370853541866">
<link rel="stylesheet" href="/css-modules/header-bar.css?0.8401700767388991">
<link rel="stylesheet" href="/css-modules/info-boxes.css?0.0577252235104988">
<link rel="stylesheet" href="/css-modules/mini-info.css?0.5437312934415048">
<link rel="stylesheet" href="/css-modules/popup-dialogs.css?0.2752526135585973">
<link rel="stylesheet" href="/css-modules/paragraph-grid.css?0.10081937661988727">
<link rel="stylesheet" href="/css-modules/preview-phone.css?0.2710979527072215">
<link rel="stylesheet" href="/css-modules/reasons-boxes.css?0.27984289850649713">
<link rel="stylesheet" href="/css-modules/signup-popup.css?0.40506659318786653">
<link rel="stylesheet" href="/css-modules/profile.css?0.789164085484451">
<link rel="stylesheet" href="/css-modules/dropdown-menu.css?0.8024503523901465">
<link rel="stylesheet" href="/css-modules/notification-bar.css?0.22946122492743037">
<link rel="stylesheet" href="/css-modules/homeschool-registration.css?0.08754096401261435">
<link rel="stylesheet" href="/css-modules/footer-cta.css?0.3755179086197784">
<link rel="stylesheet" href="/css-modules/video-cta.css?0.7490099212918131">
<link rel="stylesheet" href="/css-modules/events-list.css?0.2580870287206358">
<link rel="stylesheet" href="/css-modules/image-info-section.css?0.41003914769956307">
<link rel="stylesheet" href="/css-modules/testimonials.css?0.24436273049035395">
<link rel="stylesheet" href="/css-modules/four-info-section.css?0.7253043172625082">
<link rel="stylesheet" href="/css-modules/header-images.css?0.29799374601408957">
<link rel="stylesheet" href="/css-modules/steps.css?0.18624376159378841">
<link rel="stylesheet" href="/css-modules/info-popup.css?0.6834965755979614">
<link rel="stylesheet" href="/css-modules/contact-us.css?0.6294191051718079">
<link rel="stylesheet" href="/css-modules/solution-dialog.css?0.7904695159256008">
<link rel="stylesheet" href="/css-modules/toolbox.css?0.19714451907449337">
<link rel="stylesheet" href="/css-modules/pricing.css?0.4602562716224321">
<link rel="stylesheet" href="/css-modules/faqs.css?0.7317733151125876">
<link rel="stylesheet" href="/css-modules/student-login.css?0.21454949132860213">
<link rel="stylesheet" href="/css-modules/message-bar.css?0.47536790647300053">
<link rel="stylesheet" href="/css-modules/console.css?0.9115542947742481">
<link rel="stylesheet" href="/css-modules/guiders.css?0.2871348518829291">
<link rel="stylesheet" href="/css-modules/leaderboard.css?0.906942546793803">
<link rel="stylesheet" href="/css-modules/scroll.css?0.30172212660553344">
<link rel="stylesheet" href="/css-modules/prettify.css?0.9826104024023505">
<link rel="stylesheet" href="/css-modules/file-explorer.css?0.19224387480901095">
<link rel="stylesheet" href="/css-modules/popups.css?0.6011345232028846">
<link rel="stylesheet" href="/css-modules/color-widget.css?0.6834225410694168">
<link rel="stylesheet" href="/css-modules/reference.css?0.8214747634303585">
<link rel="stylesheet" href="/css-modules/review-game.css?0.340181075632348">
<link rel="stylesheet" href="/css-modules/course-outline.css?0.30429581013966467">
<link rel="stylesheet" href="/css-modules/reference-dialog.css?0.3314594749882356">
<link rel="stylesheet" href="/css-modules/gloss.css?0.7097404797421378">
<link rel="stylesheet" href="/css-modules/featherlight.css?0.4894782263305666">
<link rel="stylesheet" href="/css-modules/markup.css?0.5632554548298849">
<link rel="stylesheet" href="/css-modules/editor.css?0.07481835383337976">
<link rel="stylesheet" href="/css-modules/lesson-plans.css?0.32097639918530363">
<link rel="stylesheet" href="/css-modules/activity.css?0.9598484898248707">
<link rel="stylesheet" href="/css-modules/lesson-plan-content.css?0.7069043946444828">
<link rel="stylesheet" href="/css-modules/quiz.css?0.8305814081815364">
<link rel="stylesheet" href="/css-modules/html-lesson-page.css?0.7739733179108468">
<link rel="stylesheet" href="/css-modules/code-editor.css?0.8809167054683493">
<link rel="stylesheet" href="/css-modules/info.css?0.8405797191566955">
<link rel="stylesheet" href="/css-modules/sidepanel.css?0.70477458815726">
<link rel="stylesheet" href="/css-modules/wiki.css?0.42756110839133443">
<link rel="stylesheet" href="/css-modules/print.css?0.8937296480908119">
<link rel="stylesheet" href="/css-modules/banner.css?0.9399831838423764">
<link rel="stylesheet" href="/css-modules/tweets.css?0.5320305191568917">
<link rel="stylesheet" href="/css-modules/profile-info.css?0.9577972424614982">
<link rel="stylesheet" href="/css-modules/sub-nav.css?0.7829922237154305">
<link rel="stylesheet" href="/css-modules/promo-box.css?0.525817253211122">
<link rel="stylesheet" href="/css-modules/lesson-box.css?0.38124720859647687">
<link rel="stylesheet" href="/css-modules/settings-box.css?0.8608083717259956">
<link rel="stylesheet" href="/css-modules/my-progress.css?0.8843369890694883">
<link rel="stylesheet" href="/css-modules/spinner.css?0.8554351503370872">
<link rel="stylesheet" href="/css-modules/live-support.css?0.25546759735807223">
<link rel="stylesheet" href="/css-modules/live-chat.css?0.26942344296065524">
<link rel="stylesheet" href="/css-modules/track-preview.css?0.5322636903835944">
<link rel="stylesheet" href="/css-modules/vertical-info.css?0.21272803100568471">
<link rel="stylesheet" href="/css-modules/videos.css?0.9761702176958196">
<link rel="stylesheet" href="/css-modules/ui.css?0.5682089399765946">
<link rel="stylesheet" href="/css-modules/loading-dialog.css?0.8776245349479947">
{{#each css}}
<link rel="stylesheet" href="{{this}}">
{{/each}}
<script>
    window.CHINA = true;
    window._MIN_ = '';
    window.CURRENT_VERSION = '1';
    window.IFRAME = true;
</script>
<script src="/js/jquery.js"></script>
<script src="/js/jquery-ui.js"></script>