Websites/decks
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Initial decks site

Browse source
This commit is contained in:
Codex 2026-07-07 08:34:01 +05:30
commit 666218035c
25 changed files with 3111 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
gurusetu-update-slides/assets/fonts/heliotrope_3_bold.woff2 Normal file
View file

Binary file not shown.

BIN
gurusetu-update-slides/assets/fonts/heliotrope_3_bold_italic.woff2 Normal file
View file

Binary file not shown.

BIN
gurusetu-update-slides/assets/fonts/heliotrope_3_italic.woff2 Normal file
View file

Binary file not shown.

BIN
gurusetu-update-slides/assets/fonts/heliotrope_3_regular.woff2 Normal file
View file

Binary file not shown.

BIN
gurusetu-update-slides/assets/images/sprouts-guiding-principles.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 907 KiB

BIN
gurusetu-update-slides/assets/videos/process-oriented-learning-hindi.mp4 Normal file
View file

Binary file not shown.

BIN
gurusetu-update-slides/assets/videos/process-oriented-learning-original.mp4 Normal file
View file

Binary file not shown.

744
gurusetu-update-slides/index.html Normal file
View file

@ -0,0 +1,744 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gurusetu Update</title>
<link rel="icon" href="data:,">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Overlock:wght@400;700;900&display=swap" rel="stylesheet">
<style>
@font-face {
font-family: 'Heliotrope';
src: url('assets/fonts/heliotrope_3_regular.woff2') format('woff2');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Heliotrope';
src: url('assets/fonts/heliotrope_3_bold.woff2') format('woff2');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Heliotrope';
src: url('assets/fonts/heliotrope_3_italic.woff2') format('woff2');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Heliotrope';
src: url('assets/fonts/heliotrope_3_bold_italic.woff2') format('woff2');
font-weight: bold;
font-style: italic;
font-display: swap;
}
</style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.5.0/reveal.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.5.0/theme/white.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.16.9/katex.min.css">
<style>
:root, .reveal {
--bg-main: #f5f5f5;
--bg-slide: #ffffff;
--text: #222222;
--text-secondary: #666666;
--border: #cccccc;
--border-dark: #888888;
--border-light: #dddddd;
--pastel-blue: #a8d4f0;
--pastel-green: #b8e6c1;
--pastel-coral: #f5c4c0;
--pastel-lavender: #d4c4e8;
--pastel-gold: #f5e6a3;
--pastel-mint: #a8e6d5;
--pastel-peach: #f5d4b8;
--r-main-color: #222222;
--r-heading-color: #222222;
--r-link-color: #222222;
--r-selection-color: #222222;
}
.reveal-viewport { background: var(--bg-main); }
.reveal {
font-family: 'Heliotrope', Georgia, serif;
font-size: 20px;
color: var(--text);
}
.reveal .slides { text-align: left; }
.reveal .slides > section {
background: var(--bg-slide);
border: 3px double var(--border);
padding: 55px 35px 30px 35px;
box-sizing: border-box;
width: 100% !important;
height: 100% !important;
}
.reveal .slides section * { box-sizing: border-box; }
.reveal h1, .reveal h2, .reveal h3 {
font-family: 'EB Garamond', Georgia, serif;
font-weight: 700;
color: var(--text);
text-transform: none;
letter-spacing: 0;
}
.reveal h1 {
font-size: 2.15em;
line-height: 1.05;
margin: 0 0 0.22em 0;
}
.reveal h2 {
font-size: 1.35em;
line-height: 1.08;
margin: 0 0 0.4em 0;
padding-bottom: 0.12em;
border-bottom: 1px solid var(--border-dark);
display: inline-block;
}
.reveal h3 {
font-size: 0.95em;
margin: 0 0 0.25em 0;
font-style: italic;
color: var(--text-secondary);
}
.reveal p {
line-height: 1.42;
margin: 0 0 0.55em 0;
}
.reveal ul, .reveal ol { margin-left: 1em; }
.reveal li { margin-bottom: 0.28em; line-height: 1.35; }
.reveal strong { font-weight: 700; }
.reveal em { color: var(--text-secondary); }
.title-slide { text-align: center; }
.title-slide h1 { margin-top: 1.35em; }
.subtitle {
color: var(--text-secondary);
font-size: 1.1em;
margin-bottom: 0.85em;
}
.kicker {
font-family: 'Overlock', sans-serif;
font-size: 0.75em;
font-weight: 700;
color: var(--text-secondary);
text-transform: uppercase;
letter-spacing: 0.04em;
margin-bottom: 0.8em;
}
.definition-box, .theorem-box, .algorithm-box, .success-box, .warning-box, .goal-box {
background: var(--bg-slide);
border: 1px solid var(--border-dark);
padding: 10px 14px;
margin: 10px 0;
width: 100%;
max-width: 100%;
overflow-wrap: anywhere;
}
.definition-box { border-left: 3px solid var(--pastel-blue); }
.theorem-box { border-left: 3px solid var(--pastel-green); }
.success-box { border-left: 3px solid var(--pastel-mint); }
.warning-box { border-left: 3px solid var(--pastel-gold); }
.goal-box { border-left: 3px solid #9b8bb8; }
.two-col {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 22px;
align-items: start;
}
.three-col {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
align-items: stretch;
}
.mini-card {
border: 1px solid var(--border);
background: #ffffff;
padding: 10px 12px;
min-height: 80px;
}
.mini-card h3 {
font-family: 'Overlock', sans-serif;
font-size: 0.78em;
font-style: normal;
margin-bottom: 4px;
color: var(--text);
}
.mini-card p, .mini-card li { font-size: 0.76em; }
.compact { font-size: 0.82em; }
.small { font-size: 0.72em; }
.tiny { font-size: 0.62em; }
.source-note {
position: absolute;
left: 35px;
right: 35px;
bottom: 13px;
color: var(--text-secondary);
font-size: 0.48em;
line-height: 1.25;
border-top: 1px solid var(--border-light);
padding-top: 4px;
}
.section-slide {
display: flex !important;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.section-slide h1 { margin-top: 0; }
.centered-slide {
display: flex !important;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.centered-slide .center-box {
width: min(840px, 100%);
text-align: left;
}
.progress-wrap {
margin-top: 34px;
border: 1px solid var(--border-dark);
padding: 14px;
}
.progress-bar {
display: grid;
grid-template-columns: 40fr 30fr 30fr;
height: 76px;
border: 1px solid var(--border-dark);
overflow: hidden;
}
.progress-segment {
display: grid;
place-items: center;
font-family: 'Overlock', sans-serif;
font-weight: 700;
border-right: 1px solid var(--border-dark);
text-align: center;
line-height: 1.15;
}
.progress-segment:last-child { border-right: 0; }
.done { background: var(--pastel-mint); }
.wip { background: var(--pastel-gold); }
.planned { background: var(--pastel-lavender); }
.legend {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
margin-top: 12px;
font-size: 0.72em;
}
.legend div {
border-top: 4px solid var(--border-dark);
padding-top: 6px;
}
.summary-table {
width: 100%;
border-collapse: collapse;
font-size: 0.64em;
line-height: 1.18;
margin-top: 8px;
border-bottom: 1px solid var(--border);
}
.table-slide .summary-table {
height: calc(100% - 92px);
font-size: 0.76em;
line-height: 1.22;
margin-top: 10px;
}
.table-slide .summary-table td {
padding-top: 10px;
padding-bottom: 10px;
}
.table-slide .summary-table th {
padding-top: 8px;
padding-bottom: 8px;
}
.table-slide.compact-table .summary-table {
height: calc(100% - 92px);
font-size: 0.72em;
line-height: 1.18;
}
.summary-table th {
font-family: 'Overlock', sans-serif;
background: #222222;
color: #ffffff;
padding: 6px 7px;
text-align: left;
font-weight: 700;
}
.summary-table td {
border: 1px solid var(--border);
padding: 7px 8px;
vertical-align: top;
}
.summary-table tr:nth-child(even) td { background: #fafafa; }
.summary-table .num { width: 44px; }
.summary-table .duration { width: 74px; white-space: nowrap; }
.summary-table .est { width: 62px; white-space: nowrap; }
.summary-table tbody tr:last-child td { border-bottom: 1px solid var(--border); }
.reveal .summary-table tbody tr.fragment {
opacity: 1;
visibility: visible;
}
.reveal .summary-table tbody tr.fragment:not(.visible) td {
background: transparent !important;
border-color: transparent;
color: transparent;
opacity: 0;
visibility: hidden;
}
.reveal .summary-table tbody tr.fragment.visible td {
border-color: var(--border);
opacity: 1;
visibility: visible;
}
.status-grid {
display: grid;
grid-template-columns: 0.9fr 1.1fr;
gap: 18px;
margin-top: 14px;
align-items: stretch;
}
.metric {
border: 1px solid var(--border);
border-left: 3px solid var(--pastel-blue);
padding: 12px 14px;
min-height: 96px;
}
.metric strong {
display: block;
font-family: 'EB Garamond', Georgia, serif;
font-size: 1.8em;
line-height: 0.95;
margin-bottom: 6px;
}
.metric span {
color: var(--text-secondary);
font-size: 0.72em;
}
.video-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
margin-top: 16px;
}
.video-card {
border: 1px solid var(--border-dark);
padding: 10px;
background: #ffffff;
}
.video-card h3 {
font-family: 'Overlock', sans-serif;
font-style: normal;
font-size: 0.82em;
color: var(--text);
margin-bottom: 8px;
}
video {
display: block;
width: 100%;
aspect-ratio: 16 / 9;
background: #111111;
border: 1px solid var(--border);
}
.sprouts-license-slide {
--sprouts-content-width: min(960px, 100%);
}
.sprouts-license-slide .video-grid {
width: var(--sprouts-content-width);
margin: 10px auto 0 auto;
gap: 14px;
}
.sprouts-license-slide .video-card {
padding: 8px;
}
.sprouts-license-slide .video-card h3 {
margin-bottom: 5px;
}
.license-quote {
width: min(930px, 100%);
margin: 48px auto 0 auto;
padding: 14px 18px;
border: 1px solid var(--border-dark);
border-left: 4px solid var(--pastel-lavender);
background: var(--bg-slide);
color: var(--text-secondary);
font-size: 0.58em;
font-style: normal;
line-height: 1.35;
box-shadow: none;
text-align: left;
}
.sprouts-license-slide .license-quote {
width: var(--sprouts-content-width);
margin-top: 16px;
padding: 16px 20px;
font-size: 0.62em;
line-height: 1.32;
}
.screenshot-slide {
display: flex !important;
align-items: center;
justify-content: center;
padding: 24px !important;
}
.screenshot-slide img {
display: block;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
}
.bottom-nav {
position: absolute;
right: 35px;
bottom: 12px;
font-family: 'Overlock', sans-serif;
font-size: 0.55em;
color: var(--text-secondary);
}
.reveal .progress { color: #222222; }
.reveal .slide-number {
font-family: 'Overlock', sans-serif;
color: #666666;
background: transparent;
}
</style>
</head>
<body>
<div class="reveal">
<div class="slides">
<section class="title-slide">
<h1>Gurusetu</h1>
<p class="subtitle">Content production and experiments</p>
<div class="definition-box" style="max-width: 730px; margin: 32px auto 0 auto; text-align: left;">
<strong>Focus.</strong> Status of video content verticals, edited course assets, and exploratory production pipelines from IIT Gandhinagar.
</div>
<p class="source-note">Internal update deck. July 7, 2026.</p>
</section>
<section class="section-slide">
<div class="kicker">Part A</div>
<h1>Content</h1>
<p class="subtitle">Vertical-wise production status and course adaptation work.</p>
</section>
<section>
<div class="kicker">Career vertical</div>
<h2>FLY content pipeline</h2>
<p>Our work on the career vertical work is mostly provided by the CMI team via the pedagogy that has proven successful in the FLY framework.</p>
<p>A part of this content went through the pilot and is being edited based on feedback. New shoots are underway and we expect edits to be complete by the end of this month for three pillars.</p>
<div class="progress-wrap">
<div class="progress-bar" aria-label="Career vertical progress">
<div class="progress-segment done">40%<br>done</div>
<div class="progress-segment wip">30%<br>WIP</div>
<div class="progress-segment planned">30%<br>August</div>
</div>
<div class="legend">
<div style="border-top-color: var(--pastel-mint);"><strong>Done</strong><br>Material cleared through the current production pass.</div>
<div style="border-top-color: var(--pastel-gold);"><strong>WIP</strong><br>Editing and production work currently active.</div>
<div style="border-top-color: var(--pastel-lavender);"><strong>August</strong><br>Remaining portion to be taken up next month.</div>
</div>
</div>
</section>
<section>
<div class="kicker">Pedagogy + Assessments</div>
<h2>Three content streams</h2>
<div class="status-grid">
<div class="metric">
<strong>3.5h to 1.5h</strong>
<span>Prof. Pankaj Jalote's course: raw material edited into a compact course.</span>
</div>
<div class="definition-box">
<strong>Prof. Pankaj Jalote's course.</strong> Edited course duration is about <strong>01:31:27</strong>. The sequence reframes teaching around learning, outcomes, activities, assessment, and motivation.
</div>
<div class="metric">
<strong>5h+ to 2.5h</strong>
<span>Learner-Centric-MOOC adaptation in progress, led by Prof. Sameer Sahasrabudhe and on track for end of July.</span>
</div>
<div class="theorem-box">
<strong>Learner-Centric-MOOC adaptation.</strong> Current plan compresses source material into crisp sections on learner connect, LCM design, practice, feedback, extension resources, and adoption.
</div>
</div>
</section>
<section class="table-slide">
<div class="kicker">Pankaj Jalote course summary, 1 of 2</div>
<h2>From teaching to learning</h2>
<table class="summary-table">
<thead><tr><th class="num">#</th><th>Video</th><th class="duration">Duration</th><th>Summary</th></tr></thead>
<tbody>
<tr class="fragment"><td>1</td><td>Teaching Is For Learning</td><td>07:06</td><td>Reframes teaching away from syllabus coverage and toward what students actually learn.</td></tr>
<tr class="fragment"><td>2</td><td>How Students Learn</td><td>09:55</td><td>Explains learning as durable change in knowledge, built actively by students through doing and thinking.</td></tr>
<tr class="fragment"><td>3</td><td>Understanding And Skills</td><td>09:11</td><td>Distinguishes conceptual understanding from skill development, including component skills and expert blind spots.</td></tr>
<tr class="fragment"><td>4</td><td>Integrated Course Design</td><td>09:52</td><td>Shows how learning outcomes, teaching activities, and assessment must align.</td></tr>
<tr class="fragment"><td>5</td><td>Writing Learning Outcomes With Bloom</td><td>09:33</td><td>Introduces Bloom's taxonomy as a practical vocabulary for stating course learning outcomes.</td></tr>
</tbody>
</table>
</section>
<section class="table-slide">
<div class="kicker">Pankaj Jalote course summary, 2 of 2</div>
<h2>Designing practice and assessment</h2>
<table class="summary-table">
<thead><tr><th class="num">#</th><th>Video</th><th class="duration">Duration</th><th>Summary</th></tr></thead>
<tbody>
<tr class="fragment"><td>6</td><td>Good Outcomes In Practice</td><td>09:51</td><td>Demonstrates how to turn vague outcomes into measurable, course-specific learning outcomes.</td></tr>
<tr class="fragment"><td>7</td><td>Planning Learning Activities</td><td>09:35</td><td>Maps outcomes into in-class and out-of-class activities that make students practice, observe, and reflect.</td></tr>
<tr class="fragment"><td>8</td><td>Active Lectures: The 15-Minute Reset</td><td>07:36</td><td>Explains how to make lectures active using short tasks, peer discussion, quizzes, and feedback.</td></tr>
<tr class="fragment"><td>9</td><td>Assessment That Supports Learning</td><td>08:48</td><td>Clarifies formative vs summative assessment and how assessment supports both learning and grading.</td></tr>
<tr class="fragment"><td>10</td><td>Motivating Students To Learn</td><td>09:55</td><td>Covers motivation through value, expectancy, support, appropriate challenge, and real-world relevance.</td></tr>
</tbody>
</table>
<div class="bottom-nav">Full edited course duration: 01:31:27.</div>
</section>
<section class="table-slide">
<div class="kicker">Learner-Centric-MOOC adaptation, 1 of 4</div>
<h2>Core learner-centric frame</h2>
<table class="summary-table">
<thead><tr><th class="num">#</th><th>Section / video summary</th><th class="est">Est.</th></tr></thead>
<tbody>
<tr class="fragment"><td>1</td><td>Why learner-centric design matters beyond simply "delivering content."</td><td>6m</td></tr>
<tr class="fragment"><td>2</td><td>What learners expect, why engagement drops, and what "learner connect" means.</td><td>8m</td></tr>
<tr class="fragment"><td>3</td><td>The LCM model as a reusable active-learning design pattern.</td><td>6m</td></tr>
<tr class="fragment"><td>4</td><td>Learning Dialogue: turning explanation into a two-way learning moment.</td><td>7m</td></tr>
<tr class="fragment"><td>5</td><td>Chunking an existing lecture into short, meaningful classroom units.</td><td>7m</td></tr>
<tr class="fragment"><td>6</td><td>Reflection spots: where to pause, what to ask, and how to resume.</td><td>7m</td></tr>
</tbody>
</table>
</section>
<section class="table-slide">
<div class="kicker">Learner-Centric-MOOC adaptation, 2 of 4</div>
<h2>Format, delivery, practice, feedback</h2>
<table class="summary-table">
<thead><tr><th class="num">#</th><th>Section / video summary</th><th class="est">Est.</th></tr></thead>
<tbody>
<tr class="fragment"><td>7</td><td>Choosing the right format: board, slides, demo, discussion, video, activity.</td><td>8m</td></tr>
<tr class="fragment"><td>8</td><td>Practical delivery guidance: clarity, pacing, readability, demonstrations.</td><td>7m</td></tr>
<tr class="fragment"><td>9</td><td>LeD takeaway: chunk, engage, and close the loop.</td><td>3m</td></tr>
<tr class="fragment"><td>10</td><td>Learning by Doing: practice as formative assessment, not just grading.</td><td>7m</td></tr>
<tr class="fragment"><td>11</td><td>Designing good practice tasks from learning goals and common student needs.</td><td>8m</td></tr>
<tr class="fragment"><td>12</td><td>Feedback for objective questions: use wrong answers to address misconceptions.</td><td>8m</td></tr>
</tbody>
</table>
</section>
<section class="table-slide">
<div class="kicker">Learner-Centric-MOOC adaptation, 3 of 4</div>
<h2>Extension and peer learning</h2>
<table class="summary-table">
<thead><tr><th class="num">#</th><th>Section / video summary</th><th class="est">Est.</th></tr></thead>
<tbody>
<tr class="fragment"><td>13</td><td>Feedback for open-ended work using rubrics, peer review, and performance levels.</td><td>6m</td></tr>
<tr class="fragment"><td>14</td><td>Effective practice design: variety, frequency, feedback, and increasing complexity.</td><td>5m</td></tr>
<tr class="fragment"><td>15</td><td>Learning Extension Trajectories: supporting mixed-background learners.</td><td>6m</td></tr>
<tr class="fragment"><td>16</td><td>Curating extension resources without overwhelming or distracting students.</td><td>8m</td></tr>
<tr class="fragment"><td>17</td><td>Assimilation checks: small incentives to make extension resources actually used.</td><td>7m</td></tr>
<tr class="fragment"><td>18</td><td>Learner Experience Interaction: making peer learning intentional.</td><td>8m</td></tr>
</tbody>
</table>
</section>
<section class="table-slide compact-table">
<div class="kicker">Learner-Centric-MOOC adaptation, 4 of 4</div>
<h2>Orchestration and adoption</h2>
<table class="summary-table">
<thead><tr><th class="num">#</th><th>Section / video summary</th><th class="est">Est.</th></tr></thead>
<tbody>
<tr class="fragment"><td>19</td><td>Designing focused discussions, peer critique, and reflection quizzes.</td><td>8m</td></tr>
<tr class="fragment"><td>20</td><td>Orchestration: planning the learning flow, monitoring response, adapting live.</td><td>9m</td></tr>
<tr class="fragment"><td>21</td><td>Assessment design: mixing formative checks, summative tasks, and peer mechanisms.</td><td>8m</td></tr>
<tr class="fragment"><td>22</td><td>Maintaining learner connect through presence, timely feedback, and active tasks.</td><td>8m</td></tr>
<tr class="fragment"><td>23</td><td>Responsible resource use: LLMs, OER, attribution, and licensing basics.</td><td>7m</td></tr>
<tr class="fragment"><td>24</td><td>LCM Lite: a practical minimal version for real classroom constraints.</td><td>8m</td></tr>
<tr class="fragment"><td>25</td><td>Short case wrap: what adoption looks like when instructors actually try it.</td><td>8m</td></tr>
</tbody>
</table>
</section>
<section class="centered-slide">
<div class="kicker">Pedagogy + Assessments</div>
<h2>Additional modules under revision</h2>
<div class="center-box">
<div class="two-col">
<div class="definition-box">
<strong>Active learning ideas</strong><br>
Resource person: Prof. Manish Jain<br>
Current state: under revision.
</div>
<div class="theorem-box">
<strong>Assessments at scale</strong><br>
Resource person: Prof. Madhavan<br>
Current state: under revision.
</div>
</div>
<div class="success-box" style="text-align: center;">
Expected total length: about <strong>1 hour</strong>.
</div>
</div>
</section>
<section>
<div class="kicker">Psychological Literacy + Technology</div>
<h2>Next shoots</h2>
<div class="two-col" style="margin-top: 22px;">
<div class="goal-box">
<h3>Psychological Literacy</h3>
<p><strong>Content proposal complete.</strong></p>
<p>Shooting to begin later in July.</p>
</div>
<div class="definition-box">
<h3>Technology</h3>
<p><strong>Multiple content proposals complete.</strong></p>
<p>Shooting is underway.</p>
</div>
</div>
</section>
<section class="section-slide">
<div class="kicker">Part B</div>
<h1>Experiments</h1>
<p class="subtitle">Production formats, language access, and interactive learning evidence.</p>
</section>
<section class="sprouts-license-slide">
<div class="kicker">Experiment 1</div>
<h2>Dubbing the Sprouts video library</h2>
<p>Testing whether high-quality Indian-language versions can extend the reach of existing educational video assets.</p>
<div class="video-grid">
<div class="video-card">
<h3>Original</h3>
<video controls preload="metadata" src="assets/videos/process-oriented-learning-original.mp4"></video>
</div>
<div class="video-card">
<h3>Hindi translation</h3>
<video controls preload="metadata" src="assets/videos/process-oriented-learning-hindi.mp4"></video>
</div>
</div>
<blockquote class="license-quote">
We make all our lessons, including all videos that are published on this website without background music, available under the Creative Commons CC BY-NC-SA license. This means that if you are a non-profit organization, government agency, public school, or private person without commercial interest, you can download, edit, and share these videos free of charge. You can also embed our videos in your online courses, upload them to your website, or use them for training. Just make sure you always credit us as: &quot;Video by Sprouts (https://sproutsschools.com)&quot;
</blockquote>
</section>
<section class="screenshot-slide">
<img src="assets/images/sprouts-guiding-principles.png" alt="Sprouts guiding principles screenshot">
</section>
<section class="centered-slide">
<div class="kicker">Experiment 3</div>
<h2>Interactive assessment</h2>
<div class="center-box">
<div class="theorem-box">
<strong>Prototype direction.</strong> Move beyond passive video watching by testing an interactive assessment layer that asks learners to respond, apply, and receive feedback.
</div>
<div class="warning-box">
<strong>Prototype:</strong> <a href="../learning-outcomes-assessment/index.html">Learning outcomes assessment</a>
</div>
</div>
</section>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/4.5.0/reveal.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.16.9/katex.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.16.9/contrib/auto-render.min.js"></script>
<script>
document.addEventListener("DOMContentLoaded", () => {
Reveal.initialize({
hash: true,
slideNumber: 'c/t',
progress: true,
center: false,
transition: 'none',
width: 1100,
height: 700,
margin: 0.04
});
if (window.renderMathInElement) {
renderMathInElement(document.body, {
delimiters: [
{left: "$$", right: "$$", display: true},
{left: "\\(", right: "\\)", display: false}
]
});
}
});
</script>
</body>
</html>