SUSTC-SZ-B 2013iGEM

From 2013.igem.org

(Difference between revisions)
 
(One intermediate revision not shown)
Line 53: Line 53:
         width: 100%;
         width: 100%;
       }
       }
 +
.cp-logo {
 +
      max-width: 100%;
 +
    }
 +
    .cp-logo img.cl {
 +
      position: absolute;
 +
      /* transform: rotate(-90deg); */
 +
    }
 +
    .cp-logo img.background {
 +
      width: 1200px;
 +
    }
 +
    .cp-logo img.big {
 +
      top: 31px;
 +
      left: 46px;
 +
      width: 290px;
 +
    }
 +
    .cp-logo img.software {
 +
      top: 225px;
 +
      left: 277px;
 +
      width: 164px;
 +
    }
 +
    .cp-logo img.mindmap {
 +
      top: 245px;
 +
      left: 441px;
 +
      width: 142px;
 +
    }
 +
    .cp-logo img.lgd {
 +
      top: 276px;
 +
      left: 571px;
 +
      width: 102px;
 +
    }
 +
    .cp-logo img.labmanager {
 +
      top: 245px;
 +
      left: 667px;
 +
      width: 121px;
 +
    }
 +
    .cp-logo img.technistandard {
 +
      top: 230px;
 +
      left: 781px;
 +
      width: 164px;
 +
    }
 +
    .cp-logo img.clotho {
 +
      top: 257px;
 +
      left: 940px;
 +
      width: 75px;
 +
    }
 +
    .cp-logo img.humanpractice {
 +
      top: 265px;
 +
      left: 1010px;
 +
      width: 94px;
 +
    }
     </style>
     </style>
     <link rel="stylesheet" type="text/css" href="/SUSTC-SZ-B_2013iGEM/CSS/wiki-all.min.css?action=raw&amp;ctype=text/css" />
     <link rel="stylesheet" type="text/css" href="/SUSTC-SZ-B_2013iGEM/CSS/wiki-all.min.css?action=raw&amp;ctype=text/css" />
Line 113: Line 163:
       <div class="segment">
       <div class="segment">
         <div id="overview" class="container">
         <div id="overview" class="container">
-
          <div class="logo">
+
    <div class="cp-logo">
-
            <img src="https://static.igem.org/mediawiki/2013/3/3c/Circuit%2Bhome.png" usemap="#homepage_map" />
+
      <!-- <img class="background" src="/wiki/images/2/26/Background.png" /> -->
-
            <map name="homepage_map" id="homepage_map">
+
      <a href="http://circuitplus.org"><img class="cl odd big" src="/wiki/images/c/c9/Logo.png" /></a>
-
                <area shape="circle" coords="10,10,10" href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/circuitplus.html" />
+
      <img class="cl even software" src="/wiki/images/f/fd/Software.png" />
-
            </map>
+
      <img class="cl odd mindmap" src="/wiki/images/4/4b/Mind_map.png" />
-
          </div>
+
      <img class="cl even lgd" src="/wiki/images/f/f9/LGD.png" />
 +
      <img class="cl odd labmanager" src="/wiki/images/4/4b/Lab_manager.png" />
 +
      <img class="cl even technistandard" src="/wiki/images/5/53/Technistandard.png" />
 +
      <img class="cl odd clotho" src="/wiki/images/9/94/Clotho.png" />
 +
      <img class="cl even humanpractice" src="/wiki/images/4/4f/Human_practice.png" />
 +
    </div>
         </div>
         </div>
       </div>
       </div>
Line 205: Line 260:
           eval(text);
           eval(text);
         }); */
         }); */
 +
      }
 +
 +
      function logoFun() {
 +
        var r = 0;
 +
        setInterval(function () {
 +
          $('img.cl.odd').attr('style', '-webkit-transform: rotate(' + r + 'deg); -moz-transform: rotate(' + r + 'deg); transform: rotate(' + r + 'deg);');
 +
          $('img.cl.even').attr('style', '-webkit-transform: rotate(-' + r + 'deg); -moz-transform: rotate(' + r + 'deg); transform: rotate(' + r + 'deg);');
 +
          r += 2;
 +
          if (r >= 360) r = 0;
 +
        }, 100);
       }
       }
Line 210: Line 275:
         baseRemove();
         baseRemove();
         loadJavascript();
         loadJavascript();
 +
        logoFun();
       });
       });
     </script>
     </script>
   </body>
   </body>
</html>
</html>

Latest revision as of 04:00, 29 October 2013

SUSTC-ShenZhen-B

Welcome to our wiki! This is SUSTC-Shenzhen-B.

This year, we have developed Circuit+. Circuit+ is an online registry of standard gene circuits.

Detail information of software can be found in software part of this wiki.

We also have developed Circuit List and TTEC on Clotho, and Lab Manager. See Clotho and Lab Manager for details.