diff --git a/static/style.css b/static/style.css index 7fa98b76c205a918df9f17f0c9cebd31bc71bf4b..3ad023fc2c3040c0212c3da4e421b4f980e4e180 100644 --- a/static/style.css +++ b/static/style.css @@ -2,34 +2,35 @@ body { background: #1FD950; background: linear-gradient(to bottom, #1FD950 0%, #89E44B 50%, #F2EF46 100%); margin: 0; - scroll-behavior: smooth; + min-height: 100vh; position: relative; + scroll-behavior: smooth; } body:before { - content: ""; background-image: url("https://static.igem.wiki/teams/4304/wiki/static/t-ykpao-gradient-top.png"); background-position: center top; background-repeat: no-repeat; background-size: 100% 500px; + content: ""; height: 500px; - position: absolute; - top: 0; left: 0; + position: absolute; right: 0; + top: 0; z-index: -1; } body:after { - content: ""; background-image: url("https://static.igem.wiki/teams/4304/wiki/static/t-ykpao-gradient-bottom.png"); background-position: center bottom; background-repeat: no-repeat; background-size: 100% 1000px; - height: 1000px; - position: absolute; bottom: 0; + content: ""; + height: 1000px; left: 0; + position: absolute; right: 0; z-index: -1; } diff --git a/static/utils.css b/static/utils.css index 12cbd3a16b848a10386fed2b057e343cc11764f6..f6842fc3fea0beafc6c85cee69f3d598b8f6465a 100644 --- a/static/utils.css +++ b/static/utils.css @@ -401,9 +401,9 @@ border-radius: 20px; color: white; display: inline-block; + font-size: 1.2rem; font-weight: bold; margin-left: 2rem; - font-size: 1.2rem; padding: .25rem 2.4rem; } diff --git a/wiki/pages/index.html b/wiki/pages/index.html index 0d42a2c7c2de93cef8c424499e622fbde87ca0c6..fc9b6908c6721c97bb9b5b7dd5a283035b51360b 100644 --- a/wiki/pages/index.html +++ b/wiki/pages/index.html @@ -85,9 +85,10 @@ <section class="p-t-5"> <h2 class="content-header">Promotional Video</h2> - <!-- TODO: video --> - <video class="m-t-3" src="" controls preload="metadata"> - </video> + <iframe class="m-t-4 rw-100" style="height: 459px" + title="YkPaO: Gastric cancer detector (2022) - Project Promotion [English]" width="560" height="315" + src="https://video.igem.org/videos/embed/e244aeff-b7f9-4af9-a139-ff784af0147c" frameborder="0" + allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-popups"></iframe> </section> </div> </div>