Difference between revisions of "Team:CCU Taiwan"

m
m
Line 5: Line 5:
 
{{Template:CCU_Taiwan/fullpage_min_css}}
 
{{Template:CCU_Taiwan/fullpage_min_css}}
 
{{Template:CCU_Taiwan/fullpage_min_css}}
 
{{Template:CCU_Taiwan/fullpage_min_css}}
−
{{Template:CCU_Taiwan/home_css}}
+
{{Template:CCU_Taiwan/modify_css}}
  
 
<html>
 
<html>
−
<style>
+
<style type="text/css">
−
#home_logo, #sideMenu { display:none; }
+
h1{
−
#sideMenu, #top_title, .patrollink  {display:none;}
+
    font-size: 5em;
−
#content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;}
+
    font-family: arial,helvetica;
−
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
+
    color: #fff;
−
     margin: 0 0 0 0!important;
+
    margin:0;
 +
     padding:0;
 
}
 
}
−
#bodyContent h1, #bodyContent h2 {
+
 
−
     margin-bottom: 0;
+
.section{
 +
     text-align:center;
 +
    overflow: hidden;
 
}
 
}
−
#globalWrapper{
+
 
−
     padding: 0;
+
#myVideo{
 +
     position: absolute;
 +
    right: 0;
 +
    bottom: 0;
 +
    top:0;
 +
    width: 100%;
 +
    height: 100%;
 +
    background-size: 100% 100%;
 +
    background-color: black;
 +
    background-position: center center;
 +
    background-size: contain;
 +
    object-fit: cover;
 +
    z-index:3;
 
}
 
}
−
#mw-content-text > p {
+
 
−
     margin: 0 0 0 0!important;
+
#section0, #section1, #section2, #section3{
 +
     background-size: cover;
 +
    background-attachment: fixed;
 
}
 
}
  
−
/**/
+
#section0, #section1{
−
#home_logo, #sideMenu { display:none; }
+
    overflow: hidden;
−
#sideMenu, #top_title, .patrollink  {display:none;}
+
}
−
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
+
−
/*#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }*/
+
−
#bodyContent a[href ^="https://"], .link-https { padding-right:0px;}
+
  
−
h1, h2, h3, h4, h5, h6 {
+
#section2{
−
     border-bottom: 0px none;
+
     background: url(image/home31.png);
 
}
 
}
 
</style>
 
</style>
−
<script>
+
<main>
−
window.onload = function(){
+
<div id="fullpage">
 +
    <div class="section" id="section0">
 +
<video id="myVideo" muted data-autoplay>
 +
<source src="https://static.igem.org/mediawiki/2020/4/4a/T--CCU_Taiwan--home_1.mp4" type="video/mp4">
 +
</video>
 +
</div>
 +
    <div class="section" id="section1">
 +
<video id="myVideo" loop muted data-autoplay>
 +
<source src="https://static.igem.org/mediawiki/2020/b/b6/T--CCU_Taiwan--home_2.mp4" type="video/mp4">
 +
</video>
 +
</div>
 +
    <div class="section" id="section2">
 +
        <h1>Section 3</h1>
 +
    </div>
 +
    <div class="section">
 +
        <h1>Section 4</h1>
 +
    </div>
 +
 
 +
   
 +
</div>
 +
</main>
 +
<script type="text/javascript">
 +
 
 +
$(document).ready(function(){
 +
 
 +
    $('#fullpage').fullpage({
 +
        navigation: true,
 +
        slidesNavigation: true,
 +
    });
 +
 
 +
    $('#moveSectionUp').click(function(e){
 +
        e.preventDefault();
 +
      $.fn.fullpage.moveSectionUp();
 +
    });
 +
 
 +
    $('#moveSectionDown').click(function(e){
 +
      e.preventDefault();
 +
      $.fn.fullpage.moveSectionDown();
 +
    });
 +
});
  
−
    //remove the HQ_page id
 
−
    document.querySelector("#HQ_page").id = '';
 
−
    console.log("HQ_delete");
 
−
}
 
 
</script>
 
</script>
 
</html>
 
</html>

Revision as of 05:56, 30 August 2020

Section 3

Section 4