From e804e10f26a83bae5a9326880245cd73b7134ecd Mon Sep 17 00:00:00 2001
From: Devmc <dev.mcrf@qq.com>
Date: Fri, 9 Sep 2022 01:59:00 +0800
Subject: [PATCH] add video
---
static/style.css | 15 ++++++++-------
static/utils.css | 2 +-
wiki/pages/index.html | 7 ++++---
3 files changed, 13 insertions(+), 11 deletions(-)
diff --git a/static/style.css b/static/style.css
index 7fa98b7..3ad023f 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 12cbd3a..f6842fc 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 0d42a2c..fc9b690 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>
--
GitLab