Difference between revisions of "Team:NKU CHINA/Team"

 
(17 intermediate revisions by the same user not shown)
Line 7: Line 7:
 
   padding:0px !important;
 
   padding:0px !important;
 
}
 
}
−
@font-face {
+
#indicatorscss {
−
   font-family: myTitle2;
+
   left: 13%;
−
  src: url(https://static.igem.org/mediawiki/2018/f/ff/T--NKU_CHINA--EBGaramond-Regular.ttf);
+
 
}
 
}
−
      #team_header {
+
  #team_header {
 
             position: absolute;
 
             position: absolute;
 
     z-index: 9999;
 
     z-index: 9999;
Line 60: Line 59:
 
       .memberheader {
 
       .memberheader {
 
         color: white;  
 
         color: white;  
−
         font-size: 50px;
+
         font-size: 60px;
 
         padding-left: 20px;
 
         padding-left: 20px;
−
         font-family: myTitle;
+
         font-family: myTitle3;
 
       }
 
       }
 
       .teamPart {
 
       .teamPart {
Line 73: Line 72:
 
         border-width: 5px;
 
         border-width: 5px;
 
       }
 
       }
 +
.fullscreenvideo {
 +
    position: absolute;
 +
    top: 70%;
 +
    left: 50%;
 +
    min-width: 100%;
 +
    min-height: 100%;
 +
    width: auto;
 +
    height: auto;
 +
    z-index: -100;
 +
    -webkit-transform: translateX(-50%) translateY(-50%);
 +
    transform: translateX(-50%) translateY(-50%);
 +
    -webkit-transition: 1s opacity;
 +
    transition: 1s opacity;
 +
}
 +
.videocontainer{
 +
    position: fixed;
 +
    width: 100%;
 +
    height: 130%;
 +
    overflow: hidden;
 +
    z-index: -100;
 +
    top: -25%;
 +
text-align: center;
 +
}
 +
.videocontainer:before{
 +
    content: "";
 +
    position: absolute;
 +
    width: 100%;
 +
    height: 100%;
 +
    display: block;
 +
    z-index: -10;
 +
    top: 0;
 +
    left: 0;   
 +
}
 +
#loading {
 +
  width: 100%;
 +
  height: 100%;
 +
  background: black;
 +
  position: fixed;
 +
top:0;
 +
left:0;
 +
z-index:10000;
 +
}
 +
#loading_p {
 +
    position: fixed;
 +
    top: 0;
 +
    left: 0;
 +
    width: 100%;
 +
    height: 100%;
 +
    z-index:99999;
 +
}
 +
 +
.loader-ring {
 +
  position: fixed;
 +
  top: 50%;
 +
  left: 50%;
 +
  margin: -120px 0 0 -120px;
 +
  width: 240px;
 +
  height: 240px;
 +
  z-index:10000;
 +
}
 +
 +
.loader-ring-light {
 +
  width: 240px;
 +
  height: 240px;
 +
  -moz-border-radius: 240px;
 +
  -webkit-border-radius: 240px;
 +
  border-radius: 240px;
 +
  -moz-box-shadow: 0 4px 0 #00abf2 inset;
 +
  -webkit-box-shadow: 0 4px 0 #00abf2 inset;
 +
  box-shadow: 0 4px 0 #00abf2 inset;
 +
  animation: rotate-360 2s linear infinite;
 +
}
 +
 +
.loader-ring-track {
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  width: 240px;
 +
  height: 240px;
 +
  -moz-border-radius: 240px;
 +
  -webkit-border-radius: 240px;
 +
  border-radius: 240px;
 +
  -moz-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3) inset;
 +
  -webkit-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3) inset;
 +
  box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3) inset;
 +
}
 +
 +
@keyframes rotate-360 {
 +
  from {
 +
    -moz-transform: rotate(0);
 +
    -ms-transform: rotate(0);
 +
    -webkit-transform: rotate(0);
 +
    -o-transform: rotate(0);
 +
    transform: rotate(0);
 +
  }
 +
  to {
 +
    -moz-transform: rotate(360deg);
 +
    -ms-transform: rotate(360deg);
 +
    -webkit-transform: rotate(360deg);
 +
    -o-transform: rotate(360deg);
 +
    transform: rotate(360deg);
 +
  }
 +
}
 
     </style>
 
     </style>
 +
<script type="text/javascript">
 +
$(function(){
 +
var bgVideo=document.getElementById("teambg");
 +
bgVideo.addEventListener('canplaythrough',function(){
 +
              $('#loading').css("display","none");
 +
              $('.loader-ring').css("display","none");
 +
              $('#loading_p').css("display","none");
 +
    });
 +
});
 +
</script>
 
</head>
 
</head>
 
<body>
 
<body>
−
    <div>
+
<div id="loading"></div>
−
      <img class="myBackground" src="https://static.igem.org/mediawiki/2018/6/64/T--NKU_CHINA--background.jpg">
+
<div id="loading_p">
−
    </div>
+
<p style="color: white;font-family:myTitle3;font-size:30px;position:relative;top:47%;left:46%">Loading...</p>
 +
</div>
 +
 
 +
  <div class="loader-ring">
 +
  <div class="loader-ring-light"></div>
 +
  <div class="loader-ring-track"></div>
 +
</div>
 +
  <div class="videocontainer">
 +
        <div class="fullscreenvideo" >
 +
        <video id="teambg" autoplay="autoplay" muted="muted" loop="loop">
 +
          <source src="https://static.igem.org/mediawiki/2018/f/fb/T--NKU_CHINA--BGofother.mp4" type="video/mp4">
 +
        </video>
 +
        </div>
 +
  </div>
 
<main>
 
<main>
 
               <div id="teacher_one" class="modal fade" tabindex="-1">
 
               <div id="teacher_one" class="modal fade" tabindex="-1">
Line 121: Line 246:
 
     <main>
 
     <main>
 
     <div class="container-fluid">
 
     <div class="container-fluid">
−
     <div class="row" style="margin-top:-20px;">
+
     <div class="row" style="margin-top:-28px;">
 
     <div class="carousel slide" data-ride="carousel" id="myCarousel_team">
 
     <div class="carousel slide" data-ride="carousel" id="myCarousel_team">
−
         <ol class="carousel-indicators indicatorscss1" style="display: none;">
+
         <ol class="carousel-indicators" id="indicatorscss">
 
           <li data-target="#myCarousel_team" data-slide-to="0" class="active"></li>
 
           <li data-target="#myCarousel_team" data-slide-to="0" class="active"></li>
 
           <li data-target="#myCarousel_team" data-slide-to="1"></li>
 
           <li data-target="#myCarousel_team" data-slide-to="1"></li>
 +
          <li data-target="#myCarousel_team" data-slide-to="2"></li>
 
         </ol>
 
         </ol>
 
         <div class="carousel-inner">
 
         <div class="carousel-inner">
 
           <div class="item active">
 
           <div class="item active">
−
             <img src="https://static.igem.org/mediawiki/2018/c/c0/T--NKU_CHINA--hezhao3.jpg" class="img-responsive">
+
             <img src="https://static.igem.org/mediawiki/2018/4/48/T--NKU_CHINA--quanduihezhao.jpg" class="img-responsive">
 
           </div>
 
           </div>
 
           <div class="item">
 
           <div class="item">
 
             <img src="https://static.igem.org/mediawiki/2018/e/ec/T--NKU_CHINA--hezhao1.jpg" class="img-responsive">
 
             <img src="https://static.igem.org/mediawiki/2018/e/ec/T--NKU_CHINA--hezhao1.jpg" class="img-responsive">
 +
          </div>
 +
          <div class="item">
 +
            <img src="https://static.igem.org/mediawiki/2018/c/c0/T--NKU_CHINA--hezhao3.jpg" class="img-responsive">
 
           </div>
 
           </div>
 
       </div>
 
       </div>

Latest revision as of 21:17, 17 October 2018

Loading...

NKU_CHINA

NKU_CHINA consists of faculty members and students from Nankai University. Located in the east coast of Asia and one of the most developed and prosperous cities in mainland China, Nankai University is making groundbreaking progress in both natural and social sciences while holding fast to the orthodox beliefs that inspire us to dedicate to the interest of the public and the nation.

Instructors

Zhihui Cheng

 chengzhihui77@yahoo.com

Chao Yang

   yangchaonk@163.com

Weixia Gao

   watersave@126.com

Leaders

Zeyu Zhou

   chinazzy@outlook.com

Ziyu Wang

   251867857@qq.com

Members

Yu Zhao

   1984495492@qq.com

Danqing Tong

   tongdanqing98@163.com

Zhaolin Ma

   1716882396@qq.com

Min Zheng

   1549679366@qq.com

Guanyue Xiong

   15180573969@163.com

Lin Luan

   lenient.luan@foxmail.com

Senhao Kou

   1002610646@qq.com

Zhihao Yan

   624869801@qq.com

Qiuhan Lang

   1610862@nankai.edu.cn

Zixin Zhao

1610838@mail.nankai.edu.cn

Wanru Zhang

   zwr97@126.com

Bo Xu

   2743935191@qq.com

Fanyang He

hefanyang@mail.nankai.edu.cn

Haolin Zhong

  zhlien@mail.nankai.edu.cn

Contacts

Address

Nankai University
No.94 Weijin Road, Nankai District
Tianjin, P.R.China 300071

Copyright © Team NKU_CHINA 2018

Top