feat: 添加知识库培训离线网页及互动练习

src/slides/material-problems.html

@@ -0,0 +1,19 @@
+<section class="slide" data-title="资料越来越多，使用依然费劲" data-chapter="从日常问题出发" data-note="请举手或口头互动：找不到资料、材料太多读不完、重复备课、成果难共享，哪一项最常见？不承诺具体节省时间。">
+<div class="page-kicker">从日常问题出发</div>
+<h2 class="page-title">资料越来越多，使用依然费劲</h2>
+<div class="artboard"><div class="element text" data-role="number" style="left:64px;top:235px;width:264px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">01</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:341px;width:264px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">散落各处</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:417px;width:264px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">电脑、微信与网盘</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">各自留下一份资料</span></p></div></div>
+<div class="element text" data-role="number" style="left:360px;top:235px;width:264px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">02</span></p></div></div>
+<div class="element text" data-role="body" style="left:360px;top:341px;width:264px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">找不到重点</span></p></div></div>
+<div class="element text" data-role="body" style="left:360px;top:417px;width:264px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">记得看过，却想不起</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">文件名和关键段落</span></p></div></div>
+<div class="element text" data-role="number" style="left:656px;top:235px;width:264px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">03</span></p></div></div>
+<div class="element text" data-role="body" style="left:656px;top:341px;width:264px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">重复做整理</span></p></div></div>
+<div class="element text" data-role="body" style="left:656px;top:417px;width:264px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">同一主题的材料</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">每次重新阅读比较</span></p></div></div>
+<div class="element text" data-role="number" style="left:952px;top:235px;width:264px;height:80px"><div class="text-inner"><p style="text-align:left"><span style="font-size:58px;color:#276450;font-weight:400">04</span></p></div></div>
+<div class="element text" data-role="body" style="left:952px;top:341px;width:264px;height:58px"><div class="text-inner"><p style="text-align:left"><span style="font-size:29px;color:#163D35;font-weight:650">经验难复用</span></p></div></div>
+<div class="element text" data-role="body" style="left:952px;top:417px;width:264px;height:150px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">优秀教案和课堂反思</span></p><p style="text-align:left"><span style="font-size:23px;color:#60756D;font-weight:400">还停留在个人手里</span></p></div></div>
+<div class="element text" data-role="body" style="left:64px;top:591px;width:1152px;height:48px"><div class="text-inner"><p style="text-align:left"><span style="font-size:23px;color:#276450;font-weight:650">今天从“保存资料”继续走到“围绕资料解决问题”</span></p></div></div></div>
+
+<div class="page-footer"><span>知识库与腾讯 ima 教育应用</span><span>{{PAGE_NUMBER}} / {{PAGE_COUNT}}</span></div>
+</section>