Difference between revisions of "Template:HFLS H2Z Hangzhou"

Line 264: Line 264:
 
.main.scroll-top-btn:active {
 
.main.scroll-top-btn:active {
 
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
 
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
 +
}
 +
 +
.main.bottom-bar .block {
 +
padding: 6rem 0;
 +
box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.1);
 +
}
 +
 +
.main.bottom-bar .member-badge {
 +
display: inline-block;
 +
margin-right: 1rem;
 +
 +
cursor: pointer;
 +
}
 +
 +
.main.bottom-bar .member-badge .tiny-avatar {
 +
display: inline-block;
 +
 +
width: 1.5rem;
 +
height: 1.5rem;
 +
margin-right: 0.3rem;
 +
 +
border-radius: 4px;
 +
 +
box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
 +
 +
background-color: rgb(253, 253, 253);
 +
background-size: cover;
 +
background-position: center;
 +
background-repeat: no-repeat;
 +
 +
vertical-align: middle;
 +
}
 +
 +
.main.bottom-bar .sponsor-link {
 +
display: inline-block;
 +
 +
width: 10rem;
 +
height: 6rem;
 +
margin-right: 0.3rem;
 +
 +
border-radius: 4px;
 +
 +
box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
 +
 +
background-color: rgb(253, 253, 253);
 +
background-size: contain;
 +
background-position: center;
 +
background-repeat: no-repeat;
 +
 +
cursor: pointer;
 +
 +
vertical-align: middle;
 
}
 
}
 
</style>
 
</style>
Line 346: Line 398:
 
max-width: 100%;
 
max-width: 100%;
 
text-align: left;
 
text-align: left;
 +
 +
padding: 0 1rem;
 
}
 
}
  
Line 364: Line 418:
 
.white-bg {
 
.white-bg {
 
background: rgb(253, 253, 253);
 
background: rgb(253, 253, 253);
 +
}
 +
 +
.black-bg {
 +
background: rgb(30, 30, 30);
 
}
 
}
  
Line 604: Line 662:
 
// if (Modernizr.csstransforms3d) {
 
// if (Modernizr.csstransforms3d) {
 
// }
 
// }
 +
 +
$(".fake-link").each(function (i, dom) {
 +
dom = $(dom);
 +
 +
dom.css("cursor", "pointer");
 +
dom.click(function () {
 +
if (dom.data("href")) {
 +
window.location = dom.data("href");
 +
}
 +
});
 +
});
 +
 +
$(".main.cont-wrap").append($(".main.bottom-bar"));
  
 
var wrap;
 
var wrap;
Line 676: Line 747:
 
});
 
});
  
−
var scrollToTop = (function () {
+
var scrollToTop = window.gradScroll = (function () {
 
var a = 3;
 
var a = 3;
 
var p = 2;
 
var p = 2;
 
var delta = 1;
 
var delta = 1;
  
−
return function () {
+
return function (target) {
 +
var target = target || 0;
 +
 
 
var top = $(".main.cont-wrap").scrollTop();
 
var top = $(".main.cont-wrap").scrollTop();
  
−
if (top < 3) {
+
if (top < target || target < 0) return;
−
$(".main.cont-wrap").scrollTop(0);
+
 
 +
if (top < target + 3 && top > target - 3) {
 +
$(".main.cont-wrap").scrollTop(target);
 
return;
 
return;
 
}
 
}
  
−
var x = Math.pow(top / a, 1 / p);
+
var x = Math.pow((top - target) / a, 1 / p);
−
var next = Math.abs(a * Math.pow(x - delta, p));
+
 
 +
var next = Math.abs(a * Math.pow(x - delta, p)) + target;
  
 
$(".main.cont-wrap").scrollTop(next);
 
$(".main.cont-wrap").scrollTop(next);
 
 
 
setTimeout(function () {
 
setTimeout(function () {
−
scrollToTop();
+
scrollToTop(target);
 
}, 24);
 
}, 24);
 
};
 
};
Line 848: Line 924:
 
<a class="sub-link-item" href='/Team:HFLS_H2Z_Hangzhou/Applied_Design'>Design</a>
 
<a class="sub-link-item" href='/Team:HFLS_H2Z_Hangzhou/Applied_Design'>Design</a>
 
<a class="sub-link-item" href='/Team:HFLS_H2Z_Hangzhou/sub/enzyme'>Enzyme</a>
 
<a class="sub-link-item" href='/Team:HFLS_H2Z_Hangzhou/sub/enzyme'>Enzyme</a>
−
<a class="sub-link-item" href='/Team:HFLS_H2Z_Hangzhou/sub/genecirc'>Generic Circuits</a>
+
<a class="sub-link-item" href='/Team:HFLS_H2Z_Hangzhou/sub/genecirc'>Genetic Circuits</a>
 
<a class="sub-link-item" href='/Team:HFLS_H2Z_Hangzhou/Demonstrate'>Performance</a>
 
<a class="sub-link-item" href='/Team:HFLS_H2Z_Hangzhou/Demonstrate'>Performance</a>
 
</div>
 
</div>
Line 897: Line 973:
 
</span>
 
</span>
 
</span>
 
</span>
 +
</div>
 +
 +
<div class="main bottom-bar">
 +
<div class="line-sep"></div>
 +
<div class="block black-bg">
 +
<div class="wide article article-font" style="color: rgb(253, 253, 253);">
 +
<h2><i data-href='/Team:HFLS_H2Z_Hangzhou/sub/member' class="fake-link linkify icon"></i>Team Members</h2>
 +
<div style="font-family: Veneer;">
 +
<div class="member-badge">
 +
<div class="tiny-avatar" style="background-image: url('/wiki/images/b/b5/T--HFLS_H2Z_Hangzhou--img_member_canal.jpg');"></div>
 +
Jianan Li
 +
</div>
 +
 +
<div class="member-badge">
 +
<div class="tiny-avatar" style="background-image: url('/wiki/images/d/d8/T--HFLS_H2Z_Hangzhou--img_member_sunny.jpg');"></div>
 +
Qingrui Sun
 +
</div>
 +
 +
<div class="member-badge">
 +
<div class="tiny-avatar" style="background-image: url('/wiki/images/9/9d/T--HFLS_H2Z_Hangzhou--img_member_yiming.jpg');"></div>
 +
Yiming Rong
 +
</div>
 +
 +
<div class="member-badge">
 +
<div class="tiny-avatar" style="background-image: url('/wiki/images/4/4a/T--HFLS_H2Z_Hangzhou--img_member_jiayue.jpg');"></div>
 +
Jiayue Guo
 +
</div>
 +
 +
<div class="member-badge">
 +
<div class="tiny-avatar" style="background-image: url('/wiki/images/5/58/T--HFLS_H2Z_Hangzhou--img_member_annie.jpg');"></div>
 +
Zhiyuan Lu
 +
</div>
 +
 +
<div class="member-badge">
 +
<div class="tiny-avatar" style="background-image: url('/wiki/images/9/96/T--HFLS_H2Z_Hangzhou--img_member_meiqi.jpg');"></div>
 +
Meiqi Yuan
 +
</div>
 +
 +
<div class="member-badge">
 +
<div class="tiny-avatar" style="background-image: url('/wiki/images/b/bf/T--HFLS_H2Z_Hangzhou--img_member_rod.jpg');"></div>
 +
Zhengyao Lin
 +
</div>
 +
 +
<div class="member-badge">
 +
<div class="tiny-avatar" style="background-image: url('/wiki/images/7/70/T--HFLS_H2Z_Hangzhou--img_member_eva.jpg');"></div>
 +
Caiyi Feng
 +
</div>
 +
 +
<div class="member-badge">
 +
<div class="tiny-avatar" style="background-image: url('/wiki/images/e/eb/T--HFLS_H2Z_Hangzhou--img_member_shuyun.jpg');"></div>
 +
Shuyun Zhang
 +
</div>
 +
 +
<div class="member-badge">
 +
<div class="tiny-avatar" style="background-image: url('/wiki/images/9/9d/T--HFLS_H2Z_Hangzhou--img_member_daniel.jpg');"></div>
 +
Tenghao Huang
 +
</div>
 +
 +
<div class="member-badge">
 +
<div class="tiny-avatar" style="background-image: url('/wiki/images/6/63/T--HFLS_H2Z_Hangzhou--img_member_sam.jpg');"></div>
 +
Yining Huang
 +
</div>
 +
 +
<div class="member-badge">
 +
<div class="tiny-avatar" style="background-image: url('/wiki/images/3/39/T--HFLS_H2Z_Hangzhou--img_member_yanyue.jpg');"></div>
 +
Yanyue Zhu
 +
</div>
 +
</div>
 +
 +
<br>
 +
 +
<h2><i data-href='/Team:HFLS_H2Z_Hangzhou/Attributions' class="fake-link linkify icon"></i>Sponsors</h2>
 +
<div>
 +
<div class="sponsor-link fake-link" data-href="" style="background-image: url('/wiki/images/9/99/T--HFLS_H2Z_Hangzhou--img_attrib_logo1.jpg');"></div>
 +
<div class="sponsor-link fake-link" data-href="" style="background-image: url('/wiki/images/e/e2/T--HFLS_H2Z_Hangzhou--img_attrib_logo2.jpg');"></div>
 +
<div class="sponsor-link fake-link" data-href="" style="background-image: url('/wiki/images/1/1b/T--HFLS_H2Z_Hangzhou--img_attrib_logo3.jpg');"></div>
 +
<div class="sponsor-link fake-link" data-href="" style="background-image: url('/wiki/images/0/0b/T--HFLS_H2Z_Hangzhou--img_attrib_logo4.jpg');"></div>
 +
<div class="sponsor-link fake-link" data-href="" style="background-image: url('/wiki/images/5/5f/T--HFLS_H2Z_Hangzhou--img_attrib_logo5.jpg');"></div>
 +
</div>
 +
</div>
 +
</div>
 
</div>
 
</div>
  

Revision as of 09:08, 1 November 2017

Template loop detected: Template:HFLS H2Z Hangzhou<!DOCTYPE html>

Aquamade Home Achievement
Parts Collaborations
Project
Overview Background Design Enzyme Genetic Circuits Performance Chassis Selection
Modeling
Models Software
Safety Team
Member Attribution
Notebook
Protocols Interlab
Human Practices
Public Outreach Integrated

Team Members

Jianan Li
Qingrui Sun
Yiming Rong
Jiayue Guo
Zhiyuan Lu
Meiqi Yuan
Zhengyao Lin
Caiyi Feng
Shuyun Zhang
Tenghao Huang
Yining Huang
Yanyue Zhu

Sponsors

<!DOCTYPE html>
Aquamade Home Achievement
Parts Collaborations
Project
Overview Background Design Enzyme Genetic Circuits Performance
Modeling
Models Software
Safety Team
Member Attribution
Notebook
Experiments Protocols Interlab
Human Practices
Public Outreach Integrated

Team Members

Jianan Li
Qingrui Sun
Yiming Rong
Jiayue Guo
Zhiyuan Lu
Meiqi Yuan
Zhengyao Lin
Caiyi Feng
Shuyun Zhang
Tenghao Huang
Yining Huang
Yanyue Zhu

Sponsors