<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/main.min.css?181435"> {{#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?0.3229304777516877"></script> <script src="/js/main/---polyfill.js?0.30689811531182953"></script> <script src="/js/main/--.js?0.40875443136172507"></script> <script src="/js/main/--cancel-token.js?0.2016068802241231"></script> <script src="/js/main/--db.js?0.9992014529959865"></script> <script src="/js/main/--events.js?0.2500024539125869"></script> <script src="/js/main/--format.js?0.8829913018077826"></script> <script src="/js/main/--language.js?0.9044899903534531"></script> <script src="/js/main/--polyfills.js?0.8246164645829017"></script> <script src="/js/main/--string.js?0.9023581768429201"></script> <script src="/js/main/--templates-.js?0.6407706353136136"></script> <script src="/js/main/--templates-quiz.js?0.6063023099085525"></script> <script src="/js/main/--translations.js?0.8273233580712098"></script> <script src="/js/main/--utils.js?0.36346127192069866"></script> <script src="/js/main/-admin-mode.js?0.30515345963169005"></script> <script src="/js/main/-courses-stats.js?0.9808770156176303"></script> <script src="/js/main/-css.js?0.9802199218172749"></script> <script src="/js/main/-data-item.js?0.7893787813046544"></script> <script src="/js/main/-data.js?0.1814298774322709"></script> <script src="/js/main/-guiders.js?0.24792276965442706"></script> <script src="/js/main/-handlebars-.js?0.36573829790269374"></script> <script src="/js/main/-handlebars-helpers.js?0.6884652921249927"></script> <script src="/js/main/-jquery-ui-touch.js?0.08240219948158134"></script> <script src="/js/main/-lesson-data.js?0.8580710448236768"></script> <script src="/js/main/-plugins.js?0.5283008488792635"></script> <script src="/js/main/-prettify.js?0.7013555778773197"></script> <script src="/js/main/-settings.js?0.09330083729490313"></script> <script src="/js/main/-theme.js?0.7621223171495375"></script> <script src="/js/main/-user.js?0.11954158827632111"></script> <script src="/js/main/_dom.js?0.884977398523078"></script> <script src="/js/main/activity-feedback.js?0.8135590439923712"></script> <script src="/js/main/audio.js?0.0631868640562514"></script> <script src="/js/main/badges.js?0.7152911014929908"></script> <script src="/js/main/bom.js?0.08447604075593262"></script> <script src="/js/main/bonusGames.js?0.6879110076508737"></script> <script src="/js/main/buttons.js?0.723446983451699"></script> <script src="/js/main/checkCode.js?0.517842835576549"></script> <script src="/js/main/checker-.js?0.2745049621514224"></script> <script src="/js/main/checker-game.js?0.6980872134580718"></script> <script src="/js/main/checker-jquery.js?0.5197038483999257"></script> <script src="/js/main/checker-js.js?0.1928690244596134"></script> <script src="/js/main/clock.js?0.6638784425561213"></script> <script src="/js/main/code.js?0.9511803951469056"></script> <script src="/js/main/codecamp-commands.js?0.48616468183129524"></script> <script src="/js/main/codecamp.js?0.1499598501492836"></script> <script src="/js/main/collaborate.js?0.3052828471472282"></script> <script src="/js/main/color-converter.js?0.18472171884260047"></script> <script src="/js/main/console.js?0.4763557460864736"></script> <script src="/js/main/countries.js?0.7559468175923769"></script> <script src="/js/main/courses-.js?0.34729138938982396"></script> <script src="/js/main/courses-data-.js?0.11706452923231203"></script> <script src="/js/main/courses-data-javascript.js?0.41436297695119806"></script> <script src="/js/main/courses-data-python.js?0.4278871755320919"></script> <script src="/js/main/courses-data-quiz.js?0.312810626009151"></script> <script src="/js/main/courses-data-web.js?0.9613964620251227"></script> <script src="/js/main/courses-descriptions.js?0.4058255036325906"></script> <script src="/js/main/courses-languages-auto.js?0.3107789852978631"></script> <script src="/js/main/courses-load.js?0.08850726618097271"></script> <script src="/js/main/courses-utils.js?0.6159387989506135"></script> <script src="/js/main/data.js?0.6902369369694747"></script> <script src="/js/main/demoMode.js?0.07837927268363765"></script> <script src="/js/main/diff.js?0.21506796194604538"></script> <script src="/js/main/easterEggs.js?0.7337029312742356"></script> <script src="/js/main/editor.js?0.5035158332938214"></script> <script src="/js/main/example.js?0.36388032262316417"></script> <script src="/js/main/file-info.js?0.2621127157065588"></script> <script src="/js/main/file-system.js?0.8971091486265281"></script> <script src="/js/main/filetree-plugin.js?0.9671949672582185"></script> <script src="/js/main/filetree.js?0.3196162859982381"></script> <script src="/js/main/firebase.js?0.10813394045869762"></script> <script src="/js/main/gloss.js?0.6957751397048288"></script> <script src="/js/main/guides-data.js?0.5025938725091526"></script> <script src="/js/main/guides.js?0.3143843997008051"></script> <script src="/js/main/hints.js?0.3274330461439632"></script> <script src="/js/main/hubspot.js?0.9368312259232712"></script> <script src="/js/main/ide.js?0.5791664016555185"></script> <script src="/js/main/keyboardShortcuts.js?0.3509590221888048"></script> <script src="/js/main/lesson-index.js?0.566236948027244"></script> <script src="/js/main/lesson-resets.js?0.002109497115136527"></script> <script src="/js/main/lessonData.js?0.37665511229796533"></script> <script src="/js/main/lessonGloss.js?0.21384500360753833"></script> <script src="/js/main/live-chat.js?0.04831729131646689"></script> <script src="/js/main/login.js?0.39082554464044295"></script> <script src="/js/main/markup-.js?0.42712045597865833"></script> <script src="/js/main/markup-ascii.js?0.9244848580556375"></script> <script src="/js/main/markup-code-templates.js?0.0946551886686462"></script> <script src="/js/main/markup-color-mixer.js?0.8315497822212912"></script> <script src="/js/main/markup-color-table.js?0.662454957066396"></script> <script src="/js/main/markup-gallery.js?0.12965599375334858"></script> <script src="/js/main/markup-glosses.js?0.6536809602921165"></script> <script src="/js/main/markup-link-templates.js?0.6705937725646498"></script> <script src="/js/main/markup-media.js?0.6923630041412179"></script> <script src="/js/main/markup-new.js?0.3893621723875442"></script> <script src="/js/main/markup-plugins-.js?0.6527308282036204"></script> <script src="/js/main/markup-plugins-list-auto.js?0.816306534939633"></script> <script src="/js/main/markup-plugins-list-dependencies.js?0.9347047610609143"></script> <script src="/js/main/markup-quiz-.js?0.32120231295204626"></script> <script src="/js/main/markup-responsive.js?0.30664800659747615"></script> <script src="/js/main/markup-split-data.js?0.2330237934142767"></script> <script src="/js/main/markup-state.js?0.21143985420117417"></script> <script src="/js/main/markup-tooltip.js?0.09258936382721927"></script> <script src="/js/main/markup-translations.js?0.44813265675794645"></script> <script src="/js/main/markup-web-safe-fonts.js?0.16078915394300863"></script> <script src="/js/main/message-bar.js?0.5440867671182181"></script> <script src="/js/main/messages.js?0.5181786587111548"></script> <script src="/js/main/mouse.js?0.9243171119312548"></script> <script src="/js/main/ordinals.js?0.5922752229120374"></script> <script src="/js/main/parser.js?0.10320942656139942"></script> <script src="/js/main/php.js?0.9428813955058328"></script> <script src="/js/main/presentation.js?0.8819576436602643"></script> <script src="/js/main/pricing.js?0.8914086873371938"></script> <script src="/js/main/projects.js?0.09188927915709688"></script> <script src="/js/main/python.js?0.9330265028032017"></script> <script src="/js/main/quiz.js?0.9755633013930918"></script> <script src="/js/main/rank.js?0.7023909866840001"></script> <script src="/js/main/recurly.js?0.6990485685403038"></script> <script src="/js/main/recurlyV2.js?0.7246833629273148"></script> <script src="/js/main/reference.js?0.08272409945070613"></script> <script src="/js/main/sales.js?0.1636675962232359"></script> <script src="/js/main/share.js?0.10205390360882349"></script> <script src="/js/main/signup.js?0.3864169294416506"></script> <script src="/js/main/slider.js?0.9787258570269299"></script> <script src="/js/main/solution-code.js?0.14457720755735504"></script> <script src="/js/main/stats.js?0.20913937307447283"></script> <script src="/js/main/status.js?0.8877857704327807"></script> <script src="/js/main/subscriptions.js?0.44901141378021037"></script> <script src="/js/main/tasks.js?0.9348441814339687"></script> <script src="/js/main/teacher.js?0.16140147531048177"></script> <script src="/js/main/testing.js?0.3741206105413941"></script> <script src="/js/main/time.js?0.4788351314866508"></script> <script src="/js/main/timeBonus.js?0.4315906260658213"></script> <script src="/js/main/timer.js?0.4860777239345133"></script> <script src="/js/main/toolbox.js?0.1368421217147442"></script> <script src="/js/main/tools-url.js?0.46842908071064104"></script> <script src="/js/main/ui-.js?0.28866794373634663"></script> <script src="/js/main/ui-draggable.js?0.20694275697592635"></script> <script src="/js/main/ui-file.js?0.18288019255992904"></script> <script src="/js/main/ui-help.js?0.06515729524461533"></script> <script src="/js/main/ui-image.js?0.9879144272182587"></script> <script src="/js/main/ui-menu.js?0.31239826872085596"></script> <script src="/js/main/ui-notification.js?0.4066846397560373"></script> <script src="/js/main/ui-progress.js?0.9634804568297819"></script> <script src="/js/main/ui-tooltips.js?0.22733022641000855"></script> <script src="/js/main/ui-trial-dialog.js?0.027637338356959695"></script> <script src="/js/main/ui-video-guides.js?0.810081242448411"></script> <script src="/js/main/uiHelper.js?0.7867469759979191"></script> <script src="/js/main/validate.js?0.5036113891643907"></script> <script src="/js/main/validation.js?0.07041533904444242"></script> <script src="/js/main/video.js?0.9960004626362906"></script> <script src="/js/main/webUtils.js?0.9237475377014888"></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")