(15 intermediate revisions by the same user not shown) | |||
Line 6: | Line 6: | ||
margin-right:2px!important; | margin-right:2px!important; | ||
padding:0px !important; | padding:0px !important; | ||
+ | } | ||
+ | #indicatorscss { | ||
+ | left: 13%; | ||
} | } | ||
#team_header { | #team_header { | ||
Line 56: | Line 59: | ||
.memberheader { | .memberheader { | ||
color: white; | color: white; | ||
− | font-size: | + | font-size: 60px; |
padding-left: 20px; | padding-left: 20px; | ||
font-family: myTitle3; | font-family: myTitle3; | ||
Line 69: | 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 id="loading"></div> | |
− | + | <div id="loading_p"> | |
− | + | <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 117: | Line 246: | ||
<main> | <main> | ||
<div class="container-fluid"> | <div class="container-fluid"> | ||
− | <div class="row" style="margin-top:- | + | <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 | + | <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/ | + | <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
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