Difference between revisions of "Team:CSU CHINA"

 
(7 intermediate revisions by the same user not shown)
Line 18: Line 18:
 
             justify-content: center ! important;
 
             justify-content: center ! important;
 
             align-items: center ! important;
 
             align-items: center ! important;
 +
        }
 +
        p{
 +
            margin-bottom: 0px; !important;
 +
            font-size: 1rem !important;
 
         }
 
         }
 
         .edgeword{
 
         .edgeword{
Line 24: Line 28:
 
             animation-iteration-count:infinite;
 
             animation-iteration-count:infinite;
 
             -webkit-animation-iteration-count:infinite;
 
             -webkit-animation-iteration-count:infinite;
 +
        }
 +
        #myVideo{
 +
            z-index: 1000;
 
         }
 
         }
 
         @keyframes edgeword{
 
         @keyframes edgeword{
Line 39: Line 46:
 
     <script>
 
     <script>
 
         $(function(){
 
         $(function(){
−
             var video = document.getElementById("myVideo");
+
             var video = $("#myVideo");
 +
            var myedge = $(".edgeword");
  
 
             $("#homeimg").click(function () {
 
             $("#homeimg").click(function () {
 +
                myedge.removeClass("d-flex");
 +
                myedge.css("display","none");
 
                 video.css("display","block");
 
                 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[0].play();
 
             });
 
             });
  
−
             video.bind("ended",function () {
+
             video.bind("ended",function () {              
 
                 video.css("display","none");
 
                 video.css("display","none");
 +
                myedge.addClass("d-flex");
 +
                myedge.css("display","block");
 
             });
 
             });
 
         });
 
         });
 
     </script>
 
     </script>
 
     <div class="container-fluid m-0 p-0">
 
     <div class="container-fluid m-0 p-0">
−
         <div class="row p-0 m-0" style="height: 97vh; 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="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>
 
                     <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>
 
                 </div>
−
                <img src="https://static.igem.org/mediawiki/2019/e/e1/T--CSU_CHINA--bbighome.jpg">
 
 
                 <video
 
                 <video
 
                     muted
 
                     muted
 
                     autoplay
 
                     autoplay
 
                     id="myVideo"
 
                     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'>
 
                     <source src ='https://static.igem.org/mediawiki/2019/1/1b/T--CSU_CHINA--film1.mp4'>
 
                     Your browser does not support HTML5 video.
 
                     Your browser does not support HTML5 video.
 
                 </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>
 
                     <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>
 
                 </div>

Latest revision as of 03:23, 22 October 2019

loading……

Home

C
L
I
C
K

T
O

W
A
T
C
H

V
I
D
E
O

C
L
I
C
K

T
O

W
A
T
C
H

V
I
D
E
O

footer