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/e/ea/Cuhk-bg.png');
+
     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": teamSubTopic,
+
     "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']
-
                     }, 1000, 'linear')
+
                     }, 250, 'linear')
                     .animate({
                     .animate({
                         left: value['offset']['left']
                         left: value['offset']['left']
Line 345: Line 374:
function getWindowWidth() {
function getWindowWidth() {
-
    var windowWidth = 0;
+
     if (document.documentElement) {
-
     if (document.documentElement && document.documentElement.clientWidth) {
+
         if (document.documentElement.clientWidth) {
-
        windowWidth = document.documentElement.clientWidth;
+
             return document.documentElement.clientWidth;
-
    } else {
+
-
         if (document.body && document.body.clientWidth) {
+
-
             windowWidth = document.body.clientWidth;
+
         }
         }
     }
     }
-
     return windowWidth;
+
 
 +
     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/f/f0/Menu-bg.jpg') ">
+
             <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="#">&nbsp;</a>
         <a href="#">&nbsp;</a>
     </div>
     </div>
-
     <div class="container-fluid content-wrapper">
+
     <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