Difference between revisions of "Team:CSU CHINA"

Line 46: Line 46:
  
 
             $("#homeimg").click(function () {
 
             $("#homeimg").click(function () {
−
                 myedge.css("height","0");
+
                myedge.removeClass("d-flex");
 +
                 myedge.css("display","none");
 
                 video.css("display","block");
 
                 video.css("display","block");
 
                 video[0].play();
 
                 video[0].play();
 
             });
 
             });
  
−
             video.bind("ended",function () {
+
             video.bind("ended",function () {              
−
                myedge.css("height","100%");
+
 
                 video.css("display","none");
 
                 video.css("display","none");
 +
                myedge.addClass("d-flex");
 +
                myedge.css("display","block");
 
             });
 
             });
 
         });
 
         });
Line 60: Line 62:
 
         <div class="row p-0 m-0" style="height: 100vh; width: 100%; margin-top: 76px;" 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>
Line 67: Line 69:
 
                     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>

Revision as of 03:11, 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