Team:Hong Kong-CUHK/home.html
From 2014.igem.org
(Difference between revisions)
m |
|||
(7 intermediate revisions not shown) | |||
Line 54: | Line 54: | ||
background-image: url('https://static.igem.org/mediawiki/2014/thumb/f/ff/Train.png/800px-Train.png'); | background-image: url('https://static.igem.org/mediawiki/2014/thumb/f/ff/Train.png/800px-Train.png'); | ||
background-size: contain; | background-size: contain; | ||
+ | background-position-y: 85px; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
} | } | ||
Line 63: | Line 64: | ||
body { | body { | ||
background-color: #FFFFFF; | background-color: #FFFFFF; | ||
- | background-image: url('https://static.igem.org/mediawiki/2014/ | + | background-image: url('https://static.igem.org/mediawiki/2014/f/f0/Menu-bg.jpg'); |
} | } | ||
#widthWrapper { | #widthWrapper { | ||
Line 133: | Line 134: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
+ | var generalSubTopic = [{ | ||
+ | "id": "link-offical", | ||
+ | "background": "url('https://static.igem.org/mediawiki/2014/5/5f/Cloud1.png')", | ||
+ | "width": 100, | ||
+ | "height": 45, | ||
+ | "offset": { | ||
+ | "left": 150, | ||
+ | "top": 10, | ||
+ | } | ||
+ | }, { | ||
+ | "id": "link-ours", | ||
+ | "background": "url('https://static.igem.org/mediawiki/2014/5/5f/Cloud1.png')", | ||
+ | "width": 100, | ||
+ | "height": 45, | ||
+ | "offset": { | ||
+ | "left": 400, | ||
+ | "top": 10, | ||
+ | } | ||
+ | }]; | ||
+ | |||
var teamSubTopic = [{ | var teamSubTopic = [{ | ||
"id": "link-offical", | "id": "link-offical", | ||
Line 182: | Line 203: | ||
"id": "link-home", | "id": "link-home", | ||
"content": "home-1.html?action=raw&ctype=text/html", | "content": "home-1.html?action=raw&ctype=text/html", | ||
+ | "subtopic": generalSubTopic, | ||
"width": 135, | "width": 135, | ||
"height": 130, | "height": 130, | ||
Line 191: | Line 213: | ||
"id": "link-team", | "id": "link-team", | ||
"content": "team.html?action=raw&ctype=text/html", | "content": "team.html?action=raw&ctype=text/html", | ||
- | "subtopic": | + | "subtopic": generalSubTopic, |
"width": 90, | "width": 90, | ||
"height": 75, | "height": 75, | ||
Line 201: | Line 223: | ||
"id": "link-project", | "id": "link-project", | ||
"content": "project.html?action=raw&ctype=text/html", | "content": "project.html?action=raw&ctype=text/html", | ||
+ | "subtopic": generalSubTopic, | ||
"width": 90, | "width": 90, | ||
"height": 75, | "height": 75, | ||
Line 210: | Line 233: | ||
"id": "link-biobricks", | "id": "link-biobricks", | ||
"content": "biobricks.html?action=raw&ctype=text/html", | "content": "biobricks.html?action=raw&ctype=text/html", | ||
+ | "subtopic": generalSubTopic, | ||
"width": 90, | "width": 90, | ||
"height": 75, | "height": 75, | ||
Line 219: | Line 243: | ||
"id": "link-modelling", | "id": "link-modelling", | ||
"content": "modelling.html?action=raw&ctype=text/html", | "content": "modelling.html?action=raw&ctype=text/html", | ||
+ | "subtopic": generalSubTopic, | ||
"width": 90, | "width": 90, | ||
"height": 75, | "height": 75, | ||
Line 228: | Line 253: | ||
"id": "link-human-practice", | "id": "link-human-practice", | ||
"content": "humanpractice.html?action=raw&ctype=text/html", | "content": "humanpractice.html?action=raw&ctype=text/html", | ||
+ | "subtopic": generalSubTopic, | ||
"width": 90, | "width": 90, | ||
"height": 75, | "height": 75, | ||
Line 247: | Line 273: | ||
"id": "link-documentation", | "id": "link-documentation", | ||
"content": "documentation.html?action=raw&ctype=text/html", | "content": "documentation.html?action=raw&ctype=text/html", | ||
+ | "subtopic": generalSubTopic, | ||
"width": 102, | "width": 102, | ||
"height": 75, | "height": 75, | ||
Line 256: | Line 283: | ||
"id": "link-acknowledgement", | "id": "link-acknowledgement", | ||
"content": "acknowledgement.html?action=raw&ctype=text/html", | "content": "acknowledgement.html?action=raw&ctype=text/html", | ||
+ | "subtopic": generalSubTopic, | ||
"width": 121, | "width": 121, | ||
"height": 75, | "height": 75, | ||
Line 301: | Line 329: | ||
if (value['background'] != null) { | if (value['background'] != null) { | ||
link = link.css('background', value['background']); | link = link.css('background', value['background']); | ||
+ | link = link.css('background-repeat', 'no-repeat'); | ||
} | } | ||
Line 314: | Line 343: | ||
.animate({ | .animate({ | ||
top: value['offset']['top'] | top: value['offset']['top'] | ||
- | }, | + | }, 250, 'linear') |
.animate({ | .animate({ | ||
left: value['offset']['left'] | left: value['offset']['left'] | ||
Line 345: | Line 374: | ||
function getWindowWidth() { | function getWindowWidth() { | ||
- | + | if (document.documentElement) { | |
- | if (document.documentElement | + | if (document.documentElement.clientWidth) { |
- | + | return document.documentElement.clientWidth; | |
- | + | ||
- | if (document. | + | |
- | + | ||
} | } | ||
} | } | ||
- | return | + | |
+ | if (document.body) { | ||
+ | if(document.body.clientWidth) { | ||
+ | return document.body.clientWidth; | ||
+ | } | ||
+ | } | ||
+ | return 0; | ||
} | } | ||
Line 383: | Line 415: | ||
$("#traffic-light").hide(); | $("#traffic-light").hide(); | ||
} | } | ||
- | + | ||
$('.content-wrapper').css({ | $('.content-wrapper').css({ | ||
'left': Math.min($(this).scrollLeft(), $('.navbar').width() - getWindowWidth()) | 'left': Math.min($(this).scrollLeft(), $('.navbar').width() - getWindowWidth()) | ||
Line 395: | Line 427: | ||
<div id="widthWrapper"> | <div id="widthWrapper"> | ||
<div class="container-fluid"> | <div class="container-fluid"> | ||
- | <div class="navbar" style="background-image: url('https://static.igem.org/mediawiki/2014/ | + | <div class="navbar" style="background-image: url('https://static.igem.org/mediawiki/2014/e/ea/Cuhk-bg.png') "> |
<div class="container"> | <div class="container"> | ||
<div class="navbar-header"> | <div class="navbar-header"> | ||
Line 423: | Line 455: | ||
<a href="#"> </a> | <a href="#"> </a> | ||
</div> | </div> | ||
- | <div class="container | + | <div class="container"> |
<div class="row"> | <div class="row"> | ||
<div id="wiki-content"></div> | <div id="wiki-content"></div> |
Latest revision as of 18:18, 22 November 2014