couple-repo/work_chinese/PPT04122025/slides/slide2_location.html
Trouve Alexis fd0075febb Merge changes from couple_matters
- Add docs/ and lessons/ directories (knowledge archive)
- Add critical exit plans (December crisis management)
- Update anki daily sessions and state
- Add Confluent project to CONSTANT
- Update PPT slides
- Add crisis log (08_decembre_2025)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2025-12-10 16:21:19 +08:00

147 lines
2.3 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<style>
html { background: #ffffff; }
body {
width: 720pt;
height: 405pt;
margin: 0;
padding: 0;
background: #1A1A1A;
font-family: Georgia, serif;
display: flex;
}
.slide-content {
width: 100%;
height: 100%;
position: relative;
}
/* Italian flag diagonal - simple rectangles positioned diagonally */
.flag-green {
position: absolute;
top: 15pt;
left: 15pt;
width: 45pt;
height: 12pt;
background: #2D5016;
opacity: 0.85;
}
.flag-white {
position: absolute;
top: 27pt;
left: 27pt;
width: 45pt;
height: 12pt;
background: #F5F5DC;
opacity: 0.85;
}
.flag-red {
position: absolute;
top: 39pt;
left: 39pt;
width: 45pt;
height: 12pt;
background: #8B1A1A;
opacity: 0.85;
}
/* Signature gold bar */
.gold-bar {
position: absolute;
right: 60pt;
top: 60pt;
bottom: 60pt;
width: 3pt;
background: #D4AF37;
z-index: 5;
}
/* Main photo */
.hero-photo {
position: absolute;
top: 60pt;
left: 60pt;
right: 100pt;
bottom: 160pt;
border-radius: 4pt;
overflow: hidden;
box-shadow: 0 8pt 30pt rgba(0, 0, 0, 0.5);
}
.hero-photo img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* Info overlay */
.info-overlay {
position: absolute;
bottom: 60pt;
left: 60pt;
right: 100pt;
height: 80pt;
background: rgba(26, 26, 26, 0.95);
border-left: 4pt solid #D4AF37;
display: flex;
align-items: center;
justify-content: space-around;
padding: 0 30pt;
}
.info-item {
text-align: center;
}
.info-item p:first-child {
font-size: 14pt;
color: #999999;
margin: 0 0 5pt 0;
padding: 0;
letter-spacing: 1pt;
}
.info-item p:last-child {
font-size: 22pt;
color: #D4AF37;
margin: 0;
padding: 0;
font-weight: 600;
}
</style>
</head>
<body>
<div class="slide-content">
<div class="flag-green"></div>
<div class="flag-white"></div>
<div class="flag-red"></div>
<div class="gold-bar"></div>
<div class="hero-photo">
<img src="file:///tmp/pptx_build/OutsideResto.jpg" alt="Outside">
</div>
<div class="info-overlay">
<div class="info-item">
<p>位置</p>
<p>番禺路390号</p>
</div>
<div class="info-item">
<p>评分</p>
<p>4.4★</p>
</div>
<div class="info-item">
<p>价格</p>
<p>¥136</p>
</div>
</div>
</div>
</body>
</html>