Restyle eVS webinar embed: clean rounded shadowed video and first-person caption
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
popovskik
parent
dbca25961b
commit
ff22dc1888
|
|
@ -321,35 +321,15 @@
|
|||
/* ---------- 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;
|
||||
border-radius: 16px;
|
||||
overflow: hidden;
|
||||
background: #000;
|
||||
box-shadow: 0 14px 34px rgba(16, 24, 40, .20);
|
||||
}
|
||||
.guide-video-frame iframe {
|
||||
position: absolute;
|
||||
|
|
@ -359,9 +339,9 @@
|
|||
border: 0;
|
||||
}
|
||||
.guide-video-caption {
|
||||
margin: 14px 0 0;
|
||||
margin: 16px 2px 0;
|
||||
color: #475467;
|
||||
line-height: 24px;
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
/* ---------- Still need help? ---------- */
|
||||
|
|
|
|||
|
|
@ -195,13 +195,12 @@
|
|||
<p>This page was last checked on 30 July 2026 and applies to the eVŠ call and login methods in 2026/2027. Deadlines, fees, required documents, eligibility conditions, and administrative procedures may change. Verify the information directly with the responsible institution before submitting an application or making an important decision.</p>
|
||||
</aside>
|
||||
|
||||
<div class="guide-video">
|
||||
<p class="guide-video-title"><i class="fas fa-circle-play" aria-hidden="true"></i>Watch first: eVŠ application webinar with a live simulation</p>
|
||||
<figure class="guide-video">
|
||||
<div class="guide-video-frame">
|
||||
<iframe src="https://www.youtube-nocookie.com/embed/77XqlpoOMu8" title="Watch first: eVŠ application webinar with a live simulation" loading="lazy" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
|
||||
</div>
|
||||
<p class="guide-video-caption">MSOS walks through the entire eVŠ application step by step, with a real on-screen simulation of the portal. Watch it before you start, then use the written steps below as your checklist.</p>
|
||||
</div>
|
||||
<figcaption class="guide-video-caption">We recorded a webinar that walks through the entire eVŠ application step by step, with a real on-screen simulation of the portal. Watch it before you start, then use the written steps below as your checklist.</figcaption>
|
||||
</figure>
|
||||
|
||||
<h2>Before opening eVŠ</h2>
|
||||
|
||||
|
|
|
|||
|
|
@ -195,13 +195,12 @@
|
|||
<p>Оваа страница е последно проверена на 30 јули 2026 и се однесува на конкурсот eVŠ и начините за најава во 2026/2027. Роковите, таксите, потребните документи, условите за подобност и административните постапки може да се променат. Проверете ги информациите директно кај надлежната институција пред да поднесете пријава или да донесете важна одлука.</p>
|
||||
</aside>
|
||||
|
||||
<div class="guide-video">
|
||||
<p class="guide-video-title"><i class="fas fa-circle-play" aria-hidden="true"></i>Погледнете прво: вебинар за пријава преку eVŠ со жива симулација</p>
|
||||
<figure class="guide-video">
|
||||
<div class="guide-video-frame">
|
||||
<iframe src="https://www.youtube-nocookie.com/embed/77XqlpoOMu8" title="Погледнете прво: вебинар за пријава преку eVŠ со жива симулација" loading="lazy" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
|
||||
</div>
|
||||
<p class="guide-video-caption">МСОС чекор по чекор ја објаснува целата пријава преку eVŠ, со вистинска симулација на порталот на екран. Погледнете го пред да почнете, а потоа искористете ги запишаните чекори подолу како листа за проверка.</p>
|
||||
</div>
|
||||
<figcaption class="guide-video-caption">Снимивме вебинар што чекор по чекор ја објаснува целата пријава преку eVŠ, со вистинска симулација на порталот на екран. Погледнете го пред да почнете, а потоа искористете ги запишаните чекори подолу како листа за проверка.</figcaption>
|
||||
</figure>
|
||||
|
||||
<h2>Пред да го отворите eVŠ</h2>
|
||||
|
||||
|
|
|
|||
|
|
@ -195,13 +195,12 @@
|
|||
<p>Ta stran je bila nazadnje preverjena 30. julij 2026 in velja za razpis eVŠ in načine prijave v letu 2026/2027. Roki, pristojbine, zahtevani dokumenti, pogoji za upravičenost in upravni postopki se lahko spremenijo. Podatke pred oddajo prijave ali pomembno odločitvijo preverite neposredno pri pristojni instituciji.</p>
|
||||
</aside>
|
||||
|
||||
<div class="guide-video">
|
||||
<p class="guide-video-title"><i class="fas fa-circle-play" aria-hidden="true"></i>Najprej poglejte: spletni seminar o prijavi prek eVŠ z živo simulacijo</p>
|
||||
<figure class="guide-video">
|
||||
<div class="guide-video-frame">
|
||||
<iframe src="https://www.youtube-nocookie.com/embed/77XqlpoOMu8" title="Najprej poglejte: spletni seminar o prijavi prek eVŠ z živo simulacijo" loading="lazy" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
|
||||
</div>
|
||||
<p class="guide-video-caption">MSOS korak za korakom predstavi celotno prijavo prek eVŠ z resnično simulacijo portala na zaslonu. Poglejte ga pred začetkom, spodnje zapisane korake pa uporabite kot kontrolni seznam.</p>
|
||||
</div>
|
||||
<figcaption class="guide-video-caption">Posneli smo spletni seminar, ki korak za korakom predstavi celotno prijavo prek eVŠ z resnično simulacijo portala na zaslonu. Poglejte ga pred začetkom, spodnje zapisane korake pa uporabite kot kontrolni seznam.</figcaption>
|
||||
</figure>
|
||||
|
||||
<h2>Preden odprete eVŠ</h2>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue