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 60: / Line 113: @@
          <a href="#" class="brand">SUSTC-ShenZhen-B</a>
          <div class="right menu">
-           <a href="https://igem.org/User_Information" class="item">My Account</a>
+           <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 Home
+           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>
            </div>
@@ Line 72: / Line 127: @@
          <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/project.html" class="item">Overview</a>
          <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/standard.html" class="item">Standard and database</a>
-         <div href="/Team:SUSTC-Shenzhen-B/Project" class="ui dropdown link item">
+         <div href="/" class="ui dropdown link item">
            Software
            <span class="white caret"></span>
            <div class="menu">
              <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/circuitplus.html" class="item">Circuit+</a>
-            <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/feature.html" class="item">Feature</a>
              <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/tutorial.html" class="item">Tutorial</a>
              <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/safety.html" class="item">Safety</a>
-            <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/APIs.html" class="item">APIs</a>
              <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>
+         <div href="/" class="ui dropdown link item">
-        <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/lab.html" class="item">Lab management</a>
-         <div href="/Team:SUSTC-Shenzhen-B/Project" class="ui dropdown link item">
            Human practice
            <span class="white caret"></span>
@@ Line 95: / Line 148: @@
            </div>
          </div>
-         <div href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/Project" class="ui dropdown link item">
+         <a href="https://2013.igem.org/Team:SUSTC-Shenzhen-B/achievement.html" class="item">Achievement</a>
+        <div href="/" class="ui dropdown link item">
            Team
            <span class="white caret"></span>
            <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>
            </div>
          </div>
-        <a href="https://2013.igem.org//Team:SUSTC-Shenzhen-B/Desktop" class="desktop item">Only Desktop visible</a>
        </div>
      </div>
-     <div class="header"></div>
+     <div class="header">
-    <div class="main container index">
+      <div class="segment">
-      <p>Welcome to our wiki! This is SUSTC-Shenzhen-B.</p>
+        <div id="overview" class="container">
-       <p>This year, we have developed Circuit+. Circuit+ is an online registry of standard gene circuits.</p>
+    <div class="cp-logo">
-       <div class="">
+      <!-- <img class="background" src="/wiki/images/2/26/Background.png" /> -->
-        <div>
+      <a href="http://circuitplus.org"><img class="cl odd big" src="/wiki/images/c/c9/Logo.png" /></a>
-          <img src="" />
+       <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 class="">Click to visit Circuit+</div>
        </div>
+    </div>
+    <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>
        <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 198: / 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 203: / Line 275: @@
          baseRemove();
          loadJavascript();
+        logoFun();
        });
      </script>
    </body>
 </html>