SUSTC-SZ-B 2013iGEM

From 2013.igem.org

(Difference between revisions)

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.

@@ Line 50: / Line 50: @@
          display: none;
        }
+      .logo img {
+        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>
      <link rel="stylesheet" type="text/css" href="/SUSTC-SZ-B_2013iGEM/CSS/wiki-all.min.css?action=raw&amp;ctype=text/css" />
@@ Line 62: / Line 115: @@
            <a href="http://circuitplus.org" class="item">Visit Circuit+</a>
          </div>
-         <div href="/" class="ui dropdown link item">
+         <div href="/" class="ui dropdown link active item">
            iGEM
            <span class="icon white caret"></span>
            <div class="menu">
              <a href="https://2013.igem.org/Main_Page" class="item">iGEM homepage</a>
+            <a href="/Team:SUSTC-Shenzhen-B" class="item">wiki homepage</a>
              <a href="https://igem.org/User_Information" class="item">My Account</a>
              <a href="https://2013.igem.org/wiki/index.php?title=SUSTC-SZ-B_2013iGEM&action=edit" class="item">Edit</a>
@@ Line 82: / Line 136: @@
              <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/feedback.html" class="item">Feedback</a>
              <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/future.html" class="item">Future</a>
+            <a href="/Team:SUSTC-Shenzhen-B/lab.html" class="item">Lab Manager</a>
+            <a href="/Team:SUSTC-Shenzhen-B/clotho.html" class="item">Clotho</a>
            </div>
          </div>
-        <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/clotho.html" class="item">Clotho</a>
-        <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/lab.html" class="item">Lab Manager</a>
          <div href="/" class="ui dropdown link item">
            Human practice
@@ Line 94: / Line 148: @@
            </div>
          </div>
+        <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/achievement.html" class="item">Achievement</a>
          <div href="/" class="ui dropdown link item">
            Team
@@ Line 99: / Line 154: @@
            <div class="menu">
              <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/about.html" class="item">About us</a>
-            <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/achievement.html" class="item">Achievement</a>
              <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/notebook.html" class="item">Notebook</a>
              <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/acknowledgement.html" class="item">Acknoledgement</a>
@@ Line 106: / Line 160: @@
        </div>
      </div>
-     <!--div class="header">
+     <div class="header">
-       <div class="index-header">
+       <div class="segment">
-         <div class="">Click to visit Circuit+</div>
+         <div id="overview" class="container">
+    <div class="cp-logo">
+      <!-- <img class="background" src="/wiki/images/2/26/Background.png" /> -->
+      <a href="http://circuitplus.org"><img class="cl odd big" src="/wiki/images/c/c9/Logo.png" /></a>
+      <img class="cl even software" src="/wiki/images/f/fd/Software.png" />
+      <img class="cl odd mindmap" src="/wiki/images/4/4b/Mind_map.png" />
+      <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>
-     <div class="main container index">
+     <div class="main container page index">
        <p>Welcome to our wiki! This is SUSTC-Shenzhen-B.</p>
        <p>This year, we have developed Circuit+. Circuit+ is an online registry of standard gene circuits.</p>
-      <div class="logo">
-        <img src="https://static.igem.org/mediawiki/2013/3/3c/Circuit%2Bhome.png" />
-      </div>
        <p>Detail information of software can be found in software part of this wiki.</p>
        <p>We also have developed Circuit List and TTEC on Clotho, and Lab Manager. See <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/clotho.html">Clotho</a> and <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/lab.html">Lab Manager</a> for details.</p>
@@ Line 197: / Line 260: @@
            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 202: / Line 275: @@
          baseRemove();
          loadJavascript();
+        logoFun();
        });
      </script>
    </body>
 </html>