Embed eVS application webinar video at top of the eVS guide page
Adds a reusable {video} block (responsive 16:9 youtube-nocookie embed) rendered as a prominent orange callout with title and caption, placed right after the warning box on evs-application-guide so students see it first. Trilingual title/caption.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
1 parent
f174bb5f68
commit
dbca25961b
4 files changed
+70
No files matched your search
@@ -318,6 +318,52 @@
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
/* ---------- Embedded video (webinar) ---------- */
|
||||
.guide-video {
|
||||
margin: 24px 0 28px;
|
||||
padding: 18px;
|
||||
border: 1px solid #ffd7c2;
|
||||
border-left: 5px solid #ff6b2c;
|
||||
border-radius: 14px;
|
||||
background: linear-gradient(180deg, #fff7f2 0%, #ffffff 60%);
|
||||
box-shadow: 0 10px 26px rgba(255, 107, 44, .12);
|
||||
}
|
||||
.guide-video-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
margin: 0 0 14px;
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
color: #101828;
|
||||
line-height: 24px;
|
||||
}
|
||||
.guide-video-title i {
|
||||
color: #ff6b2c;
|
||||
font-size: 22px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.guide-video-frame {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
aspect-ratio: 16 / 9;
|
||||
border-radius: 10px;
|
||||
overflow: hidden;
|
||||
background: #000;
|
||||
}
|
||||
.guide-video-frame iframe {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 0;
|
||||
}
|
||||
.guide-video-caption {
|
||||
margin: 14px 0 0;
|
||||
color: #475467;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
/* ---------- Still need help? ---------- */
|
||||
.guide-help {
|
||||
max-width: 860px;
|
||||
|
||||
Reference in new issue
Block a user