Difference between revisions of "Team:CSU CHINA"

Revision as of 01:59, 22 October 2019 (view source)

TanYh (Talk | contribs)

← Older edit

Latest revision as of 03:23, 22 October 2019 (view source)

TanYh (Talk | contribs)

(9 intermediate revisions by the same user not shown)

Line 7:

−

<body>

<style>

Line 13:

Line 12:

display: -webkit-flex ! important; /* Safari */

display: flex ! important;

−

background-image: url('../bbighome.jpg') ! important;

+

background-image: url('https://static.igem.org/mediawiki/2019/e/e1/T--CSU_CHINA--bbighome.jpg') ! important;

background-size: cover ! important;

background-repeat: no-repeat ! important;

Line 19:

Line 18:

justify-content: center ! important;

align-items: center ! important;

+

}

+

p{

+

margin-bottom: 0px; !important;

+

font-size: 1rem !important;

}

.edgeword{

Line 25:

Line 28:

animation-iteration-count:infinite;

-webkit-animation-iteration-count:infinite;

+

}

+

#myVideo{

+

z-index: 1000;

}

@keyframes edgeword{

Line 40:

Line 46:

$(function(){

−

var video = ~~document.getElementById~~("myVideo");

+

var video = $("#myVideo");

+

var myedge = $(".edgeword");

$("#homeimg").click(function () {

+

myedge.removeClass("d-flex");

+

myedge.css("display","none");

video.css("display","block");

−

~~sourceDom = $("<source src=\""+ "https://static.igem.org/mediawiki/2019/1/1b/T--CSU_CHINA--film1.mp4" +"\">");~~

−

~~video.append(sourceDom);~~

video[0].play();

});

−

video.bind("ended",function () {

+

video.bind("ended",function () {

video.css("display","none");

+

myedge.addClass("d-flex");

+

myedge.css("display","block");

});

</script>

−

+

−

+

</div>

Line 64:

Line 73:

autoplay

id="myVideo"

−

style="~~min-~~height:~~100vh~~; width:100%;display: none;">

+

style="height: 98vh; width:100%;display: none;">

Your browser does not support HTML5 video.

</video>

−

+

</div>

@@ Line 7: / Line 7: @@
      <meta http-equiv="X-UA-Compatible" content="ie=edge" />
      <title>Home</title>
 <body>
      <style>
@@ Line 13: / Line 12: @@
              display: -webkit-flex ! important; /* Safari */
              display: flex ! important;
-             background-image: url('../bbighome.jpg') ! important;
+             background-image: url('https://static.igem.org/mediawiki/2019/e/e1/T--CSU_CHINA--bbighome.jpg') ! important;
              background-size: cover ! important;
              background-repeat: no-repeat ! important;
@@ Line 19: / Line 18: @@
              justify-content: center ! important;
              align-items: center ! important;
+        }
+        p{
+            margin-bottom: 0px; !important;
+            font-size: 1rem !important;
          }
          .edgeword{
@@ Line 25: / Line 28: @@
              animation-iteration-count:infinite;
              -webkit-animation-iteration-count:infinite;
+        }
+        #myVideo{
+            z-index: 1000;
          }
          @keyframes edgeword{
@@ Line 40: / Line 46: @@
      <script>
          $(function(){
-             var video = document.getElementById("myVideo");
+             var video = $("#myVideo");
+            var myedge = $(".edgeword");
              $("#homeimg").click(function () {
+                myedge.removeClass("d-flex");
+                myedge.css("display","none");
                  video.css("display","block");
-                sourceDom = $("<source src=\""+ "https://static.igem.org/mediawiki/2019/1/1b/T--CSU_CHINA--film1.mp4" +"\">");
-                video.append(sourceDom);
                  video[0].play();
              });
              video.bind("ended",function () {
                  video.css("display","none");
+                myedge.addClass("d-flex");
+                myedge.css("display","block");
              });
          });
      </script>
      <div class="container-fluid m-0 p-0">
-         <div class="row p-0 m-0" style="height: 100%; width: 100%;" id="homeimg">
+         <div class="row p-0 m-0" style="height: 100vh; width: 100%; margin-top: 76px;" id="homeimg">
              <div class="col-12 p-0 m-0">
-                 <div class="d-flex justify-content-center align-items-center edgeword" style="height: 100%; width: 8%; color: rgba(255,255,255,0.6); line-height: 100%; font-size: 1.5rem; left: 0; float: left;">
+                 <div class="d-flex justify-content-center align-items-center edgeword" style="height: 100%; width: 8%; color: rgba(255,255,255,0.6); line-height: 100%; font-size: 1.5rem; float: left;">
                      <p>C<br>L<br>I<br>C<br>K<br><br>T<br>O<br><br>W<br>A<br>T<br>C<br>H<br><br>V<br>I<br>D<br>E<br>O</p>
                  </div>
@@ Line 64: / Line 73: @@
                      autoplay
                      id="myVideo"
-                     style="min-height:100vh; width:100%;display: none;">
+                     style="height: 98vh; width:100%;display: none;">
                      <source src ='https://static.igem.org/mediawiki/2019/1/1b/T--CSU_CHINA--film1.mp4'>
                      Your browser does not support HTML5 video.
                  </video>
-                 <div class="d-flex justify-content-center align-items-center edgeword" style="height: 100%; width: 8%; color: rgba(255,255,255,0.6); line-height: 100%; font-size: 1.5rem; right: 0; float: right;">
+                 <div class="d-flex justify-content-center align-items-center edgeword" style="height: 100%; width: 8%; color: rgba(255,255,255,0.6); line-height: 100%; font-size: 1.5rem; float: right;">
                      <p>C<br>L<br>I<br>C<br>K<br><br>T<br>O<br><br>W<br>A<br>T<br>C<br>H<br><br>V<br>I<br>D<br>E<br>O</p>
                  </div>

Difference between revisions of "Team:CSU CHINA"

Latest revision as of 03:23, 22 October 2019

loading……