StillHammer
420e79a022
- Move checklist files to new checklists/ directory - Move checklist.html to tools/ - Move wechat-sandbox-CONCEPT.md to Projects/CONCEPT/ - Move DAILY_REALITY_CHECK.md and observations_patterns.md to ToRemember/ - Rename WorkTingting/ to work_tingting/ for naming consistency 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
196 lines
3.6 KiB
HTML
196 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<style>
|
||
html { background: #ffffff; }
|
||
body {
|
||
width: 720pt;
|
||
height: 405pt;
|
||
margin: 0;
|
||
padding: 0;
|
||
background: #F5F1E8;
|
||
font-family: Arial, sans-serif;
|
||
display: flex;
|
||
}
|
||
|
||
.slide-content {
|
||
width: 100%;
|
||
height: 100%;
|
||
position: relative;
|
||
}
|
||
|
||
/* Title */
|
||
.title {
|
||
position: absolute;
|
||
top: 25pt;
|
||
left: 60pt;
|
||
right: 60pt;
|
||
text-align: center;
|
||
}
|
||
|
||
.title h2 {
|
||
font-family: Georgia, serif;
|
||
font-size: 34pt;
|
||
color: #6B2C3E;
|
||
margin: 0;
|
||
}
|
||
|
||
.title .date {
|
||
font-size: 14pt;
|
||
color: #B8974F;
|
||
margin-top: 6pt;
|
||
}
|
||
|
||
/* Three role boxes */
|
||
.roles-container {
|
||
position: absolute;
|
||
top: 100pt;
|
||
left: 50pt;
|
||
right: 50pt;
|
||
bottom: 110pt;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.role-box {
|
||
width: 31%;
|
||
background: #ffffff;
|
||
border: 1pt solid #B8974F;
|
||
border-radius: 8pt;
|
||
padding: 16pt;
|
||
}
|
||
|
||
.role-box .icon {
|
||
font-size: 28pt;
|
||
text-align: center;
|
||
margin-bottom: 8pt;
|
||
}
|
||
|
||
.role-box .icon p {
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
.role-box .role-title {
|
||
font-size: 16pt;
|
||
color: #6B2C3E;
|
||
font-weight: bold;
|
||
text-align: center;
|
||
margin-bottom: 10pt;
|
||
}
|
||
|
||
.role-box ul {
|
||
font-size: 12pt;
|
||
color: #4A5568;
|
||
margin: 0;
|
||
padding-left: 18pt;
|
||
line-height: 1.5;
|
||
}
|
||
|
||
.role-box li {
|
||
margin-bottom: 6pt;
|
||
}
|
||
|
||
.role-box .sub-role {
|
||
font-weight: bold;
|
||
color: #6B2C3E;
|
||
margin-top: 6pt;
|
||
}
|
||
|
||
/* Center success circle */
|
||
.success-circle {
|
||
position: absolute;
|
||
bottom: 40pt;
|
||
left: 50%;
|
||
transform: translateX(-50%);
|
||
width: 120pt;
|
||
height: 120pt;
|
||
background: #6B2C3E;
|
||
border: 3pt solid #B8974F;
|
||
border-radius: 50%;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
color: #F5F1E8;
|
||
font-size: 24pt;
|
||
font-weight: bold;
|
||
font-family: Georgia, serif;
|
||
text-align: center;
|
||
line-height: 1.2;
|
||
}
|
||
|
||
/* Arrows pointing to center */
|
||
.arrow {
|
||
position: absolute;
|
||
font-size: 32pt;
|
||
color: #B8974F;
|
||
}
|
||
|
||
.arrow-left {
|
||
bottom: 80pt;
|
||
left: 200pt;
|
||
}
|
||
|
||
.arrow-right {
|
||
bottom: 80pt;
|
||
right: 200pt;
|
||
}
|
||
|
||
.arrow-top {
|
||
bottom: 150pt;
|
||
left: 50%;
|
||
transform: translateX(-50%);
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="slide-content">
|
||
<div class="title">
|
||
<h2>期中冲刺：未来10天，我们这样做</h2>
|
||
<div class="date"><p>📅 11月4-6日：期中考试 + 听说测试</p></div>
|
||
</div>
|
||
|
||
<div class="roles-container">
|
||
<div class="role-box">
|
||
<div class="icon"><p>👩🏫</p></div>
|
||
<div class="role-title"><p>老师会做</p></div>
|
||
<ul>
|
||
<li>系统复习，重点突破</li>
|
||
<li>答疑解惑，个别辅导</li>
|
||
<li>调整心态，鼓励信心</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="role-box">
|
||
<div class="icon"><p>📚</p></div>
|
||
<div class="role-title"><p>学生会做</p></div>
|
||
<ul>
|
||
<li>认真复习，查漏补缺</li>
|
||
<li>独立完成作业</li>
|
||
<li>调整作息，保持状态</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="role-box">
|
||
<div class="icon"><p>👨👩👧👦</p></div>
|
||
<div class="role-title"><p>家长需要做</p></div>
|
||
<ul>
|
||
<li class="sub-role">1. 心态引导者</li>
|
||
<li style="font-size: 11pt;">鼓励孩子，不过度施压</li>
|
||
<li class="sub-role">2. 后勤部长</li>
|
||
<li style="font-size: 11pt;">保证营养和睡眠</li>
|
||
<li class="sub-role">3. 信息同步员</li>
|
||
<li style="font-size: 11pt;">关注群通知，配合要求</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="arrow arrow-left"><p>→</p></div>
|
||
<div class="arrow arrow-right"><p>←</p></div>
|
||
<div class="arrow arrow-top"><p>↓</p></div>
|
||
|
||
<div class="success-circle"><p>期中<br/>成功</p></div>
|
||
</div>
|
||
</body>
|
||
</html>
|