<div id="prompt-dialog"> <p class="message">{message}</p> <div class="input"> {input} </div> </div> <select class="ui-dialog_input"><option></option>{selectOptions}</select> <input type="{inputType}" {maxLength} {data} value="{defaultValue}" required spellcheck="false" class="ui-dialog_input"> Start Date <input type="date" {data} value="" required spellcheck="false" class="ui-dialog_input"> End Date <input type="date" {data} value="" required spellcheck="false" class="ui-dialog_input"> <div class="js live-chat_message {{#if responder}}-response{{/if}}" data-id="{{id}}"> <i class="live-chat_message-icon"> {{#if responder}}{{else}}<span class="live-chat_message-icon-letter">{{letter}}</span>{{/if}} </i> <div class="live-chat_message-container"> <p class="live-chat_message-name">{{#if responder}}{{responder}}{{else}}{{name}}{{/if}} {{#if timestamp}}<span class="live-chat_message-timestamp">{{timestamp}}</span>{{/if}} {{#if admin}} {{#if responder}}{{else}} {{#if url}}<p><a href="{{base}}{{codeUrl}}" target="_blank" class="js live-chat_message-link">{{url}}</a>{{/if}} {{/if}} {{/if}} <p class="js live-chat_message-text" data-id="{{id}}">{{{message}}} </div> </div> <div class="js live-support_user" data-user="{{id}}" data-name="{{name}}" data-email="{{email}}"> {{name}} {{#if teacher}}<span class="live-support_user-pill">Teacher</span>{{/if}} {{#if guest}}<span class="live-support_user-pill">Guest</span>{{/if}} {{#if responded}}{{else}}<i class="live-support_new-indicator"></i>{{/if}} </div> <div class="js comments_comment {{#if parentId}}-reply{{else}}-parent{{/if}}" data-comment-id="{{id}}" data-user-id="{{userId}}"> <div class="comments_comment-profile-pic-wrapper"> <img class="js comments_comment-profile-pic" src="{{profileImage}}"> </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-profile-points">{{points}}</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"> <img src="{{{image}}}" class="guiders-preview_image"> <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}} <div class="guiders-preview"> <img src="/images/achievement-graphic.png" class="guiders-preview_image"> <div class="guiders-preview_content"> <h4 class="guiders-preview_subtitle">{{subtitle}}</h4> <h2 class="guiders-preview_title">{{title}}</h2> </div> </div> <table class="js goals-table"> <tr class="js goals-table_headers"> <td class="goals-table_header js tooltip" title="{{week}}">{{week}} <td class="goals-table_header js tooltip" title="{{monday}}">{{monday}} <td class="goals-table_header js tooltip" title="{{tuesday}}">{{tuesday}} <td class="goals-table_header js tooltip" title="{{wednesday}}">{{tuesday}} <td class="goals-table_header js tooltip" title="{{thursday}}">{{wednesday}} <td class="goals-table_header js tooltip" title="{{friday}}">{{friday}} <td class="goals-table_header js tooltip" title="{{saturday}}">{{saturday}} <td class="goals-table_header js tooltip" title="{{sunday}}">{{sunday}} <td class="goals-table_header js tooltip" title="{{time}}"><i class="goals-table_time"></i> <tr /> </table> <div class="popup-split-view"> <div class="popup-split-view_left"> <div class="js course-picker_buttons-container"></div> </div> <div class="popup-split-view_right"> <div class="js course-picker_content"> <h2 class="course-picker_header">{{{welcome}}}</h2> <h4 class="course-picker_subheader">{{{whatCourse}}}</h4> <div class="course-picker_course"> <div class="course-picker_course-left"> <div class="js course-picker_course-box"></div> <div class="js course-picker_course-info"></div> </div> <div class="course-picker_course-right"> <div class="course-picker_track"> <ul class="js course-picker_track-list"> </ul> </div> <button class="js course-picker_start-button">{{{coursesStart}}}</button> </div> </div> </div> </div> </div> {{#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> <div class="track-popup -{{theme}}"> <div class="track-popup_header"> <div class="track-popup_header-left"> <div class="track-popup_header-left-content"> <h2 class="track-popup_level"> {{#if logo}} <img src="{{{logo}}}" class="track-popup_logo"> {{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}}} <!--<button class="js track-popup_header-button -addTrack">{{addTrackButton}}</button>--> {{#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="popup-box"> <p class="popup-box_message">{{{message}}} <div class="popup-form"> {{#each buttons}} <button class="popup-form_button {{class}}" {{#if track}} data-track="{{track}}" {{/if}} {{#if course}} data-course="{{course}}" {{/if}}>{{{text}}}</button> {{/each}} </div> </div> <h1><a href="{{url}}">{{{name}}}</a> ({{{time}}})</h1> <h2><strong>{{{description}}}</strong></h2> {{#if screenshot}}<img src="{{screenshot}}">{{/if}} {{#if details}}<p>{{{details}}}{{/if}} <div class="backgrounds-popup"> {{#each this}} <div class="js backgrounds-popup_option {{this}}" data-class="{{this}}" data-analytic="{{this}}"></div> {{/each}} </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="competition-popup"> <img src="/images/harvey-norman-completed.png" style="width:100%" ;> </div> <div class="js purchase-item {{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">{{price}}</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="payment-form_inputs"> <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="payment-form_input-wrapper"> <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> <div class="js certifications_requirement"> <p class="js certifications_requirement-description">{{{description}}}</p> </div> <div class="js profile_message"> <p class="js profile_message-header">{{{header}}}</p> <p class="js profile_message-text">{{{text}}}</p> </div> <div class="js section-header"> <p class="js section-header_header">{{{header}}}</p> {{#if text}} <p class="js section-header_text">{{{text}}}</p> {{/if}} </div> <div class="certificates-popup js-template"> <p class="js certificates-popup_message">Complete a course to get your first certificate.</p> {{#each this}} {{#if hasCertificate}} <div class="js certificates-popup_certificate"> <i class="icon-badge"></i> <span class="certificates-popup_info"> <h2 class="certificates-popup_name">{{{getName}}}</h2> <p class="certificates-popup_date">{{{getSubtitle}}}</p> </span> <button class="js certificates-popup_button" data-course="{{getCode}}">View</button> </div> {{/if}} {{/each}} </div> <div class="js badges-popup js-template"> {{{this}}} </div> <!doctype html> <link rel="stylesheet" type="text/css" href="/css/presentation{min}.css?2.{id}"> <link rel="stylesheet" type="text/css" href="/css/styles{min}.css?2.{id}"> <script src="/js/presentation{min}.js?{id}"></script> <title>{title}</title> <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> <section class="_content"> <img class="filler-image" src="/image/guides/collection-2.png"> {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="chatbox" style="display: none"> <header><img src="/images/home/icon8.png"> CHAT<button class="_close-button icon-close"></button></header> <section class="_conversation"></section> <footer><input class="_input" placeholder="Send a message..."></footer> </div> <script src="/prettify/prettify.js"></script> <script src="/prettify/lang-css.js"></script> <link rel="stylesheet" href="/prettify/prettify.css"> <link rel="stylesheet" href="/css/pdf-generator.css?{{version}}"> <header class="pdf-header"> <img class="pdf-header_logo" src="/images/logo4.png" alt="Logo"> <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> <script src="/prettify/prettify.js"></script> <script src="/prettify/lang-css.js"></script> <link rel="stylesheet" href="/prettify/prettify.css"> <link rel="stylesheet" href="/css/pdf-generator.css?{{version}}"> <header class="pdf-header"> <img class="pdf-header_logo" src="/images/logo4.png" alt="Logo"> <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> <script src="/prettify/prettify.js"></script> <script src="/prettify/lang-css.js"></script> <link rel="stylesheet" href="/prettify/prettify.css"> <link rel="stylesheet" href="/css/pdf-generator.css?{{version}}"> <header class="pdf-header"> <img class="pdf-header_logo" src="/images/logo4.png" alt="Logo"> <div class="pdf-header_title">{{name}} References</div> </header> <section class="pdf-section"> {{#each references}} <div class="pdf-section_task"> <div class="pdf-section_lesson-title">{{title}}</div> <p>{{{description}}} <p>Example code:<br> <pre class="prettyprint pdf-section_code">{{{example}}}</pre> </div> {{/each}} </section> <script>addEventListener("load", function (event) { prettyPrint() }, false);</script> <tr class="js challenge-scoreboard_challenges"> <th><a href="/"><i class="challenge-scoreboard_logo icon-ca-logo"></i></a></th> {{#each this}} <th class="challenge-scoreboard_task" data-sortBy="nosort" data-points="{{points}}"> <span class="challenge-scoreboard_task-name">{{abrv}}</span> <div class="challenge-scoreboard_task-points">{{points}}</div> </th> {{/each}} <th class="js challenge-scoreboard_points" data-sortBy="numeric"></th> </tr> <tr class="js challenge-scoreboard_team" data-team="{{this}}"> <td class="js challenge-scoreboard_team-name">{{this}}</td> <td class="js challenge-scoreboard_score">0</td> </tr> <div class="paperscript-dialog_slider-container"> <span class="paperscript-dialog_slider-label-container"> <span class="paperscript-dialog_slider-label">{canvasSolution}</span> <span class="paperscript-dialog_slider-label">{canvasMy}</span> </span> <div class="js paperscript-dialog_slider"></div> </div> <div class="button-container toolbar output_toolbar code-toolbar"> <button id="myCanvas-button" data-canvas="myCanvas" class="myButton option">{myButtonText}</button> <button id="exampleCanvas-button" data-canvas="exampleCanvas" class="exampleButton option">{checkButtonText}</button> </div> <div id="paperscript-dialog" class="output-ui canvas-ui"> <div id="canvas-container" class="canvas-container"> <canvas tabindex="1" id="paperscriptCanvas" class="canvas" width="{canvasWidth}" height="{canvasHeight}"></canvas> <canvas tabindex="2" id="paperscriptCanvas2" class="canvas" width="{canvasWidth}" height="{canvasHeight}"></canvas> <canvas tabindex="3" id="gridCanvas" class="canvas" width="{canvasWidth}" height="{canvasHeight}"></canvas> <canvas tabindex="4" id="errorCanvas" class="canvas" width="{canvasWidth}" height="{canvasHeight}"></canvas> </div> <script type="text/paperscript" canvas="gridCanvas" class="paperscriptCode3"></script> <script type="text/paperscript" canvas="paperscriptCanvas2" class="paperscriptCode2"></script> <script type="text/paperscript" canvas="paperscriptCanvas" class="paperscriptCode"></script> </div> <div class="js feedback"> <div class="feedback_questions"> {{#each this}} <div class="js feedback_question-wrapper {{#if active}}is-active{{/if}}"> <p class="js feedback_question" data-audio="{{audio}}">{{question}} <div class="js feedback_buttons"> {{#each buttons}} <div class="feedback_button-wrapper"> <div class="js feedback_button" data-value="{{value}}"> <i class="feedback_button-icon icon-{{icon}}"></i> </div> <div class="feedback_button-text"> {{text}} </div> </div> {{/each}} </div> </div> {{/each}} </div> </div> {{#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> <script src="/js/main/---babel-polyfill.js"></script> <script src="/js/main/---polyfill.js"></script> <script src="/js/main/--.js"></script> <script src="/js/main/--cancel-token.js"></script> <script src="/js/main/--db.js"></script> <script src="/js/main/--events.js"></script> <script src="/js/main/--format.js"></script> <script src="/js/main/--language.js"></script> <script src="/js/main/--polyfills.js"></script> <script src="/js/main/--string.js"></script> <script src="/js/main/--templates-.js"></script> <script src="/js/main/--templates-quiz.js"></script> <script src="/js/main/--translations.js"></script> <script src="/js/main/--utils.js"></script> <script src="/js/main/-admin-mode.js"></script> <script src="/js/main/-courses-stats.js"></script> <script src="/js/main/-css.js"></script> <script src="/js/main/-data-item.js"></script> <script src="/js/main/-data.js"></script> <script src="/js/main/-guiders.js"></script> <script src="/js/main/-handlebars-.js"></script> <script src="/js/main/-handlebars-helpers.js"></script> <script src="/js/main/-jquery-ui-touch.js"></script> <script src="/js/main/-lesson-data.js"></script> <script src="/js/main/-plugins.js"></script> <script src="/js/main/-prettify.js"></script> <script src="/js/main/-settings.js"></script> <script src="/js/main/-theme.js"></script> <script src="/js/main/-user.js"></script> <script src="/js/main/_dom.js"></script> <script src="/js/main/activity-feedback.js"></script> <script src="/js/main/audio.js"></script> <script src="/js/main/badges.js"></script> <script src="/js/main/bom.js"></script> <script src="/js/main/bonusGames.js"></script> <script src="/js/main/buttons.js"></script> <script src="/js/main/checkCode.js"></script> <script src="/js/main/checker-.js"></script> <script src="/js/main/checker-game.js"></script> <script src="/js/main/checker-jquery.js"></script> <script src="/js/main/checker-js.js"></script> <script src="/js/main/clock.js"></script> <script src="/js/main/code.js"></script> <script src="/js/main/codecamp-commands.js"></script> <script src="/js/main/codecamp.js"></script> <script src="/js/main/collaborate.js"></script> <script src="/js/main/color-converter.js"></script> <script src="/js/main/console.js"></script> <script src="/js/main/countries.js"></script> <script src="/js/main/courses-.js"></script> <script src="/js/main/courses-data-.js"></script> <script src="/js/main/courses-data-javascript.js"></script> <script src="/js/main/courses-data-python.js"></script> <script src="/js/main/courses-data-quiz.js"></script> <script src="/js/main/courses-data-web.js"></script> <script src="/js/main/courses-descriptions.js"></script> <script src="/js/main/courses-languages-auto.js"></script> <script src="/js/main/courses-load.js"></script> <script src="/js/main/courses-utils.js"></script> <script src="/js/main/data.js"></script> <script src="/js/main/demoMode.js"></script> <script src="/js/main/diff.js"></script> <script src="/js/main/easterEggs.js"></script> <script src="/js/main/editor.js"></script> <script src="/js/main/example.js"></script> <script src="/js/main/file-info.js"></script> <script src="/js/main/file-system.js"></script> <script src="/js/main/filetree-plugin.js"></script> <script src="/js/main/filetree.js"></script> <script src="/js/main/firebase.js"></script> <script src="/js/main/gloss.js"></script> <script src="/js/main/guides-data.js"></script> <script src="/js/main/guides.js"></script> <script src="/js/main/hints.js"></script> <script src="/js/main/hubspot.js"></script> <script src="/js/main/ide.js"></script> <script src="/js/main/keyboardShortcuts.js"></script> <script src="/js/main/lesson-index.js"></script> <script src="/js/main/lesson-resets.js"></script> <script src="/js/main/lessonData.js"></script> <script src="/js/main/lessonGloss.js"></script> <script src="/js/main/live-chat.js"></script> <script src="/js/main/login.js"></script> <script src="/js/main/markup-.js"></script> <script src="/js/main/markup-ascii.js"></script> <script src="/js/main/markup-code-templates.js"></script> <script src="/js/main/markup-color-mixer.js"></script> <script src="/js/main/markup-color-table.js"></script> <script src="/js/main/markup-gallery.js"></script> <script src="/js/main/markup-glosses.js"></script> <script src="/js/main/markup-link-templates.js"></script> <script src="/js/main/markup-media.js"></script> <script src="/js/main/markup-new.js"></script> <script src="/js/main/markup-plugins-.js"></script> <script src="/js/main/markup-plugins-list-auto.js"></script> <script src="/js/main/markup-plugins-list-dependencies.js"></script> <script src="/js/main/markup-quiz-.js"></script> <script src="/js/main/markup-responsive.js"></script> <script src="/js/main/markup-split-data.js"></script> <script src="/js/main/markup-state.js"></script> <script src="/js/main/markup-tooltip.js"></script> <script src="/js/main/markup-translations.js"></script> <script src="/js/main/markup-web-safe-fonts.js"></script> <script src="/js/main/message-bar.js"></script> <script src="/js/main/messages.js"></script> <script src="/js/main/mouse.js"></script> <script src="/js/main/ordinals.js"></script> <script src="/js/main/parser.js"></script> <script src="/js/main/php.js"></script> <script src="/js/main/presentation.js"></script> <script src="/js/main/pricing.js"></script> <script src="/js/main/projects.js"></script> <script src="/js/main/python.js"></script> <script src="/js/main/quiz.js"></script> <script src="/js/main/rank.js"></script> <script src="/js/main/recurly.js"></script> <script src="/js/main/recurlyV2.js"></script> <script src="/js/main/reference.js"></script> <script src="/js/main/sales.js"></script> <script src="/js/main/share.js"></script> <script src="/js/main/signup.js"></script> <script src="/js/main/slider.js"></script> <script src="/js/main/solution-code.js"></script> <script src="/js/main/stats.js"></script> <script src="/js/main/status.js"></script> <script src="/js/main/subscriptions.js"></script> <script src="/js/main/tasks.js"></script> <script src="/js/main/teacher.js"></script> <script src="/js/main/testing.js"></script> <script src="/js/main/time.js"></script> <script src="/js/main/timeBonus.js"></script> <script src="/js/main/timer.js"></script> <script src="/js/main/toolbox.js"></script> <script src="/js/main/tools-url.js"></script> <script src="/js/main/ui-.js"></script> <script src="/js/main/ui-draggable.js"></script> <script src="/js/main/ui-file.js"></script> <script src="/js/main/ui-help.js"></script> <script src="/js/main/ui-image.js"></script> <script src="/js/main/ui-menu.js"></script> <script src="/js/main/ui-notification.js"></script> <script src="/js/main/ui-progress.js"></script> <script src="/js/main/ui-tooltips.js"></script> <script src="/js/main/ui-trial-dialog.js"></script> <script src="/js/main/ui-video-guides.js"></script> <script src="/js/main/uiHelper.js"></script> <script src="/js/main/validate.js"></script> <script src="/js/main/validation.js"></script> <script src="/js/main/video.js"></script> <script src="/js/main/webUtils.js"></script> <script src="/js/junior-platform/audio.js?0.2790028762709793"></script> <script src="/js/junior-platform/buttons.js?0.31130657683563157"></script> <script src="/js/junior-platform/content.js?0.5204405178669969"></script> <script src="/js/junior-platform/dialog.js?0.623970260861161"></script> <script src="/js/junior-platform/inputs.js?0.4456465142902044"></script> <script src="/js/junior-platform/load-file.js?0.9376692923712089"></script> <script src="/js/junior-platform/markup-junior.js?0.2960303796066175"></script> <script src="/js/junior-platform/overlay.js?0.3914030910681612"></script> <script src="/js/junior-platform/popup.js?0.47466360176460554"></script> <script src="/js/junior-platform/scenes.js?0.09015320678354688"></script> <div class="js t-quiz ca-content" style="margin-left: 30px;"></div> <script class="js markup-code" type="text/markup"> {{{code}}} </script> <script type="text/javascript"> $(function () { ai.fullMarkup($('.js.markup-code').text(), 1, '.js.t-quiz'); }); </script> @Html.Raw("~/handlebars-templates/tkinter-window.html")