Difference between revisions of "Team:Toronto"

Line 91: Line 91:
  
 
<div id="homepage" class="content">
 
<div id="homepage" class="content">
−
    <!-- <h1>
 
−
        <span>iGEM UofT 2015</span>
 
−
    </h1>
 
−
    <h2>
 
−
        <span>Cells, Computers, and Society</span>
 
−
    </h2> -->
 
 
     <div id="bgimgwrapper">
 
     <div id="bgimgwrapper">
 
         <img id="bgimg" />
 
         <img id="bgimg" />
 
     </div>
 
     </div>
  
−
     <div class="logowrap">
+
     <svg id="igemuoftlogo" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="2621.477px" height="2579.484px" viewBox="0 0 2621.477 2579.484" enable-background="new 0 0 2621.477 2579.484" xml:space="preserve">
−
        <svg id="igemuoftlogo" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="2621.477px" height="2579.484px" viewBox="0 0 2621.477 2579.484" enable-background="new 0 0 2621.477 2579.484" xml:space="preserve">
+
        <g id="Layer_1">
−
            <g id="Layer_1">
+
            <path fill="#0DB89A" d="M-413.917,2057.588" />
−
                <path fill="#0DB89A" d="M-413.917,2057.588" />
+
            <path fill="#7F7F7F" d="M2435.365,1116.661c0,0-43.404-16.323-168.973-27.904c-153.543-14.199-199.859-71.742-250.929-143.385
−
                <path fill="#7F7F7F" d="M2435.365,1116.661c0,0-43.404-16.323-168.973-27.904c-153.543-14.199-199.859-71.742-250.929-143.385
+
 
     h-1.03c-6.356-17.025-13.169-33.841-20.67-50.315l0.598-0.593c-14.582-86.753-22.471-160.223,76.065-278.839
 
     h-1.03c-6.356-17.025-13.169-33.841-20.67-50.315l0.598-0.593c-14.582-86.753-22.471-160.223,76.065-278.839
 
     c80.542-96.958,99.756-139.221,99.756-139.221c-18.9-47.963-64.346-93.401-64.346-93.401s-45.456-45.445-93.401-64.323
 
     c80.542-96.958,99.756-139.221,99.756-139.221c-18.9-47.963-64.346-93.401-64.346-93.401s-45.456-45.445-93.401-64.323
Line 131: Line 124:
 
     c-308.745,0-559.022-250.273-559.022-559.019c0-308.745,250.277-559.017,559.022-559.017
 
     c-308.745,0-559.022-250.273-559.022-559.019c0-308.745,250.277-559.017,559.022-559.017
 
     c308.741,0,559.023,250.272,559.023,559.017C1819.662,1536.945,1569.379,1787.219,1260.638,1787.219z" />
 
     c308.741,0,559.023,250.272,559.023,559.017C1819.662,1536.945,1569.379,1787.219,1260.638,1787.219z" />
−
                <g id="Layer_2">
+
            <g id="Layer_2">
−
                </g>
+
 
             </g>
 
             </g>
−
            <g id="Layer_3">
+
        </g>
−
                <g>
+
        <g id="Layer_3">
−
                    <path fill="#0DB89A" d="M1298.853,1246.934c251.897,28.447,317.326-99.232,318.84-105.151c5.985-11.082,0.133-25.189-9.917-30.28
+
            <g>
 +
                <path fill="#0DB89A" d="M1298.853,1246.934c251.897,28.447,317.326-99.232,318.84-105.151c5.985-11.082,0.133-25.189-9.917-30.28
 
     c-5.024-2.546-11.838-3.026-17.48-0.685c-5.645,2.341-10.254,5.577-12.799,10.601c0,0-0.896,1.032-1.651,3.992L1317.717,901.78
 
     c-5.024-2.546-11.838-3.026-17.48-0.685c-5.645,2.341-10.254,5.577-12.799,10.601c0,0-0.896,1.032-1.651,3.992L1317.717,901.78
 
     c1.789-2.065,3.716-2.203,3.716-2.203c10.116-7.503,13.004-21.269,5.5-31.384c-7.503-10.116-21.269-13.003-31.384-5.5
 
     c1.789-2.065,3.716-2.203,3.716-2.203c10.116-7.503,13.004-21.269,5.5-31.384c-7.503-10.116-21.269-13.003-31.384-5.5
Line 151: Line 144:
 
     l200.307,173.536c-1.099,11.7-3.23,22.506-6.256,34.344L1036.226,1257.991z M1230.7,1525.885l-260.193-225.417
 
     l200.307,173.536c-1.099,11.7-3.23,22.506-6.256,34.344L1036.226,1257.991z M1230.7,1525.885l-260.193-225.417
 
     c7.295-6.333,14.589-12.666,23.81-19.137l251.932,218.263C1242.052,1508.609,1235.929,1517.764,1230.7,1525.885z" />
 
     c7.295-6.333,14.589-12.666,23.81-19.137l251.932,218.263C1242.052,1508.609,1235.929,1517.764,1230.7,1525.885z" />
−
                </g>
+
            </g>
−
                <text transform="matrix(1 0 0 1 1260.6543 2179.1768)" display="none">
+
            <text transform="matrix(1 0 0 1 1260.6543 2179.1768)" display="none">
−
                    <tspan x="0" y="0" display="inline" font-family="'MyriadPro-Regular'" font-size="598.5834">Uof</tspan>
+
                <tspan x="0" y="0" display="inline" font-family="'MyriadPro-Regular'" font-size="598.5834">Uof</tspan>
−
                    <tspan x="890.678" y="0" display="inline" font-family="'MyriadPro-Regular'" font-size="608.1607">T</tspan>
+
                <tspan x="890.678" y="0" display="inline" font-family="'MyriadPro-Regular'" font-size="608.1607">T</tspan>
−
                </text>
+
            </text>
−
                <text transform="matrix(1 0 0 1 65.3706 1563.2178)" display="none" font-family="'MyriadPro-Regular'" font-size="1118.212">iGEM</text>
+
            <text transform="matrix(1 0 0 1 65.3706 1563.2178)" display="none" font-family="'MyriadPro-Regular'" font-size="1118.212">iGEM</text>
−
                <circle fill="none" stroke="#7F7F7F" stroke-width="190" stroke-miterlimit="10" cx="1263.684" cy="1224.916" r="526.954" />
+
            <circle fill="none" stroke="#7F7F7F" stroke-width="190" stroke-miterlimit="10" cx="1263.684" cy="1224.916" r="526.954" />
−
                <circle fill="none" cx="1263.867" cy="1221.869" r="480.014" />
+
            <circle fill="none" cx="1263.867" cy="1221.869" r="480.014" />
−
                <text transform="matrix(0.6191 -0.7853 0.7853 0.6191 856.9946 962.4971)">
+
            <text transform="matrix(0.6191 -0.7853 0.7853 0.6191 856.9946 962.4971)">
−
                    <tspan x="0" y="0" fill="#FFFFFF" font-family="'Arial-BoldMT'" font-size="272.5351">•</tspan>
+
                <tspan x="0" y="0" fill="#FFFFFF" font-family="'Arial-BoldMT'" font-size="272.5351">•</tspan>
−
                    <tspan x="87.963" y="0.212" fill="#FFFFFF" font-family="'Arial-BoldMT'" font-size="272.5351" rotate="9.295"> </tspan>
+
                <tspan x="87.963" y="0.212" fill="#FFFFFF" font-family="'Arial-BoldMT'" font-size="272.5351" rotate="9.295"> </tspan>
−
                    <tspan x="156.367" y="10.931" fill="#FFFFFF" font-family="'Arial-BoldMT'" font-size="272.5351" rotate="17.427">i</tspan>
+
                <tspan x="156.367" y="10.931" fill="#FFFFFF" font-family="'Arial-BoldMT'" font-size="272.5351" rotate="17.427">i</tspan>
−
                    <tspan x="221.819" y="20.065" fill="#FFFFFF" font-family="'Arial-BoldMT'" font-size="272.5351" rotate="33.139">G</tspan>
+
                <tspan x="221.819" y="20.065" fill="#FFFFFF" font-family="'Arial-BoldMT'" font-size="272.5351" rotate="33.139">G</tspan>
−
                    <tspan x="386.445" y="127.58" fill="#FFFFFF" font-family="'Arial-BoldMT'" font-size="272.5351" rotate="54.554">E</tspan>
+
                <tspan x="386.445" y="127.58" fill="#FFFFFF" font-family="'Arial-BoldMT'" font-size="272.5351" rotate="54.554">E</tspan>
−
                    <tspan x="489.519" y="259.764" fill="#FFFFFF" font-family="'Arial-BoldMT'" font-size="272.5351" rotate="76.733">M</tspan>
+
                <tspan x="489.519" y="259.764" fill="#FFFFFF" font-family="'Arial-BoldMT'" font-size="272.5351" rotate="76.733">M</tspan>
−
                    <tspan x="529.679" y="469.29" fill="#FFFFFF" font-family="'Arial-BoldMT'" font-size="272.5351" rotate="93.292"> </tspan>
+
                <tspan x="529.679" y="469.29" fill="#FFFFFF" font-family="'Arial-BoldMT'" font-size="272.5351" rotate="93.292"> </tspan>
−
                    <tspan x="527.629" y="537.218" fill="#FFFFFF" font-family="'Arial-BoldMT'" font-size="272.5351" rotate="103.015">•</tspan>
+
                <tspan x="527.629" y="537.218" fill="#FFFFFF" font-family="'Arial-BoldMT'" font-size="272.5351" rotate="103.015">•</tspan>
−
                    <tspan x="507.848" y="623.583" fill="#FFFFFF" font-family="'Arial-BoldMT'" font-size="272.5351" rotate="111.775"> </tspan>
+
                <tspan x="507.848" y="623.583" fill="#FFFFFF" font-family="'Arial-BoldMT'" font-size="272.5351" rotate="111.775"> </tspan>
−
                </text>
+
            </text>
−
                <circle fill="none" cx="1266.779" cy="1228.787" r="472.915" />
+
            <circle fill="none" cx="1266.779" cy="1228.787" r="472.915" />
−
                <text transform="matrix(0.7338 0.6794 -0.6794 0.7338 796.3442 1683.3145)">
+
            <text transform="matrix(0.7338 0.6794 -0.6794 0.7338 796.3442 1683.3145)">
−
                    <tspan x="0" y="0" fill="#FFFFFF" font-family="'Arial-BoldMT'" font-size="210">•</tspan>
+
                <tspan x="0" y="0" fill="#FFFFFF" font-family="'Arial-BoldMT'" font-size="210">•</tspan>
−
                    <tspan x="89.64" y="-1.484" fill="#FFFFFF" font-family="'Arial-BoldMT'" font-size="210" rotate="-7.19"> </tspan>
+
                <tspan x="89.64" y="-1.484" fill="#FFFFFF" font-family="'Arial-BoldMT'" font-size="210" rotate="-7.19"> </tspan>
−
                    <tspan x="198.795" y="39.531" fill="#FFFFFF" font-family="'Arial-BoldMT'" font-size="270" rotate="-21.091">U</tspan>
+
                <tspan x="198.795" y="39.531" fill="#FFFFFF" font-family="'Arial-BoldMT'" font-size="270" rotate="-21.091">U</tspan>
−
                    <tspan x="433.31" y="-65.221" fill="#FFFFFF" font-family="'Arial-BoldMT'" font-size="270" rotate="-40.664">o</tspan>
+
                <tspan x="433.31" y="-65.221" fill="#FFFFFF" font-family="'Arial-BoldMT'" font-size="270" rotate="-40.664">o</tspan>
−
                    <tspan x="584.925" y="-208.465" fill="#FFFFFF" font-family="'Arial-BoldMT'" font-size="270" rotate="-54.612">f</tspan>
+
                <tspan x="584.925" y="-208.465" fill="#FFFFFF" font-family="'Arial-BoldMT'" font-size="270" rotate="-54.612">f</tspan>
−
                    <tspan x="662.103" y="-318.649" fill="#FFFFFF" font-family="'Arial-BoldMT'" font-size="270" rotate="-68.585">T</tspan>
+
                <tspan x="662.103" y="-318.649" fill="#FFFFFF" font-family="'Arial-BoldMT'" font-size="270" rotate="-68.585">T</tspan>
−
                    <tspan x="676.245" y="-519.072" fill="#FFFFFF" font-family="'Arial-BoldMT'" font-size="210" rotate="-80.733"> </tspan>
+
                <tspan x="676.245" y="-519.072" fill="#FFFFFF" font-family="'Arial-BoldMT'" font-size="210" rotate="-80.733"> </tspan>
−
                    <tspan x="687.711" y="-592.64" fill="#FFFFFF" font-family="'Arial-BoldMT'" font-size="210" rotate="-87.893">•</tspan>
+
                <tspan x="687.711" y="-592.64" fill="#FFFFFF" font-family="'Arial-BoldMT'" font-size="210" rotate="-87.893">•</tspan>
−
                </text>
+
            </text>
 +
            <g>
 
                 <g>
 
                 <g>
−
                     <g>
+
                     <path fill="#FFFFFF" d="M806.727,1550.794c-4.77,0-9.458-2.269-12.368-6.494c-2.22-3.224-4.439-6.519-6.596-9.793
−
                        <path fill="#FFFFFF" d="M806.727,1550.794c-4.77,0-9.458-2.269-12.368-6.494c-2.22-3.224-4.439-6.519-6.596-9.793
+
 
     c-4.557-6.919-2.644-16.221,4.275-20.778c6.918-4.557,16.221-2.643,20.778,4.274c2.045,3.104,4.148,6.228,6.252,9.283
 
     c-4.557-6.919-2.644-16.221,4.275-20.778c6.918-4.557,16.221-2.643,20.778,4.274c2.045,3.104,4.148,6.228,6.252,9.283
 
     c4.698,6.823,2.976,16.163-3.848,20.861C812.623,1549.937,809.66,1550.794,806.727,1550.794z" />
 
     c4.698,6.823,2.976,16.163-3.848,20.861C812.623,1549.937,809.66,1550.794,806.727,1550.794z" />
−
                    </g>
+
                </g>
−
                    <g>
+
                <g>
−
                        <path fill="#FFFFFF" d="M753.279,1454c-5.816,0-11.35-3.402-13.79-9.085c-3.072-7.153-6.035-14.459-8.806-21.715
+
                    <path fill="#FFFFFF" d="M753.279,1454c-5.816,0-11.35-3.402-13.79-9.085c-3.072-7.153-6.035-14.459-8.806-21.715
 
     c-2.955-7.739,0.923-16.409,8.662-19.364c7.737-2.955,16.409,0.923,19.364,8.662c2.625,6.876,5.433,13.8,8.345,20.58
 
     c-2.955-7.739,0.923-16.409,8.662-19.364c7.737-2.955,16.409,0.923,19.364,8.662c2.625,6.876,5.433,13.8,8.345,20.58
 
     c3.269,7.612-0.251,16.433-7.864,19.702C757.262,1453.607,755.254,1454,753.279,1454z M717.68,1337.491
 
     c3.269,7.612-0.251,16.433-7.864,19.702C757.262,1453.607,755.254,1454,753.279,1454z M717.68,1337.491
Line 200: Line 193:
 
     c7.948,2.337,12.496,10.675,10.159,18.623c-2.079,7.07-4.041,14.281-5.83,21.435
 
     c7.948,2.337,12.496,10.675,10.159,18.623c-2.079,7.07-4.041,14.281-5.83,21.435
 
     C737.5,1090.787,731.384,1095.335,724.664,1095.335z" />
 
     C737.5,1090.787,731.384,1095.335,724.664,1095.335z" />
−
                    </g>
+
                </g>
−
                    <g>
+
                <g>
−
                        <path fill="#FFFFFF" d="M766.937,981.06c-2.254,0-4.542-0.51-6.696-1.586c-7.41-3.705-10.414-12.714-6.709-20.125
+
                    <path fill="#FFFFFF" d="M766.937,981.06c-2.254,0-4.542-0.51-6.696-1.586c-7.41-3.705-10.414-12.714-6.709-20.125
 
     c1.742-3.485,3.556-7.02,5.39-10.507c3.856-7.332,12.928-10.15,20.258-6.294c7.332,3.856,10.15,12.926,6.294,20.258
 
     c1.742-3.485,3.556-7.02,5.39-10.507c3.856-7.332,12.928-10.15,20.258-6.294c7.332,3.856,10.15,12.926,6.294,20.258
 
     c-1.739,3.306-3.457,6.656-5.107,9.958C777.737,978.021,772.439,981.06,766.937,981.06z" />
 
     c-1.739,3.306-3.457,6.656-5.107,9.958C777.737,978.021,772.439,981.06,766.937,981.06z" />
−
                    </g>
 
 
                 </g>
 
                 </g>
 +
            </g>
 +
            <g>
 
                 <g>
 
                 <g>
−
                     <g>
+
                     <path fill="#FFFFFF" d="M1761.549,958.335c-5.258,0-10.36-2.769-13.107-7.686c-1.809-3.235-3.68-6.505-5.561-9.716
−
                        <path fill="#FFFFFF" d="M1761.549,958.335c-5.258,0-10.36-2.769-13.107-7.686c-1.809-3.235-3.68-6.505-5.561-9.716
+
 
     c-4.188-7.148-1.788-16.337,5.36-20.525c7.146-4.185,16.337-1.789,20.524,5.361c1.984,3.386,3.957,6.833,5.863,10.246
 
     c-4.188-7.148-1.788-16.337,5.36-20.525c7.146-4.185,16.337-1.789,20.524,5.361c1.984,3.386,3.957,6.833,5.863,10.246
 
     c4.042,7.231,1.455,16.37-5.776,20.412C1766.538,957.721,1764.026,958.335,1761.549,958.335z" />
 
     c4.042,7.231,1.455,16.37-5.776,20.412C1766.538,957.721,1764.026,958.335,1761.549,958.335z" />
−
                    </g>
+
                </g>
−
                    <g>
+
                <g>
−
                        <path fill="#FFFFFF" d="M1791.351,1444.141c-1.884,0-3.798-0.357-5.649-1.11c-7.674-3.123-11.362-11.875-8.239-19.548
+
                    <path fill="#FFFFFF" d="M1791.351,1444.141c-1.884,0-3.798-0.357-5.649-1.11c-7.674-3.123-11.362-11.875-8.239-19.548
 
     c2.865-7.039,5.619-14.235,8.185-21.387c2.799-7.797,11.388-11.85,19.185-9.054c7.797,2.797,11.851,11.387,9.054,19.184
 
     c2.865-7.039,5.619-14.235,8.185-21.387c2.799-7.797,11.388-11.85,19.185-9.054c7.797,2.797,11.851,11.387,9.054,19.184
 
     c-2.708,7.547-5.613,15.14-8.636,22.567C1802.88,1440.613,1797.271,1444.141,1791.351,1444.141z M1825.332,1323.254
 
     c-2.708,7.547-5.613,15.14-8.636,22.567C1802.88,1440.613,1797.271,1444.141,1791.351,1444.141z M1825.332,1323.254
Line 226: Line 219:
 
     c2.573,7.597,5.019,15.348,7.268,23.04c2.324,7.951-2.237,16.282-10.188,18.606
 
     c2.573,7.597,5.019,15.348,7.268,23.04c2.324,7.951-2.237,16.282-10.188,18.606
 
     C1812.906,1073.935,1811.489,1074.131,1810.095,1074.131z" />
 
     C1812.906,1073.935,1811.489,1074.131,1810.095,1074.131z" />
−
                    </g>
+
                </g>
−
                    <g>
+
                <g>
−
                        <path fill="#FFFFFF" d="M1738.059,1544.488c-2.866,0-5.763-0.82-8.323-2.532c-6.887-4.604-8.737-13.92-4.133-20.807
+
                    <path fill="#FFFFFF" d="M1738.059,1544.488c-2.866,0-5.763-0.82-8.323-2.532c-6.887-4.604-8.737-13.92-4.133-20.807
 
     c2.071-3.099,4.134-6.251,6.129-9.37c4.464-6.979,13.741-9.017,20.719-4.553c6.979,4.464,9.017,13.74,4.553,20.719
 
     c2.071-3.099,4.134-6.251,6.129-9.37c4.464-6.979,13.741-9.017,20.719-4.553c6.979,4.464,9.017,13.74,4.553,20.719
 
     c-2.104,3.289-4.277,6.612-6.461,9.878C1747.65,1542.149,1742.899,1544.488,1738.059,1544.488z" />
 
     c-2.104,3.289-4.277,6.612-6.461,9.878C1747.65,1542.149,1742.899,1544.488,1738.059,1544.488z" />
−
                    </g>
 
 
                 </g>
 
                 </g>
 
             </g>
 
             </g>
−
         </svg>
+
         </g>
−
     </div>
+
     </svg>
  
 +
    <!-- <div id="homepush"></div>
 +
    <div id="homecontent">
 +
        <h1>
 +
            <span>iGEM UofT 2015</span>
 +
        </h1>
 +
        <h2>
 +
            <span>Cells, Computers, and Society</span>
 +
        </h2>
  
−
    <!-- </html> [[File:Toronto_2015_Alberta water homepage.jpg]] <html> -->
+
        <div class="row">
 +
 
 +
            <div class="col-md-4 col-xs-12">
 +
                Wet Lab
 +
            </div>
 +
            <div class="col-md-4 col-xs-12">
 +
                Dry Lab
 +
            </div>
 +
            <div class="col-md-4 col-xs-12">
 +
                Policy and Practices
 +
            </div>
 +
 
 +
        </div>
 +
    </div> -->
  
 
</div>
 
</div>
Line 245: Line 258:
 
<html>
 
<html>
 
<script>
 
<script>
−
(function() {
+
    (function() {
−
    $('#navigation ul').css('opacity', '0');
+
        $('#navigation ul').css('opacity', '0');
−
    var bg = 'https://static.igem.org/mediawiki/2015/4/48/Toronto_2015_Alberta_river_bright.jpg';
+
        var bg = 'https://static.igem.org/mediawiki/2015/4/48/Toronto_2015_Alberta_river_bright.jpg';
−
    var times=0;
+
        var times = 0;
−
    function changeBg() {
+
 
−
        times++;
+
        function changeBg() {
−
        if (times === 2) {
+
            times++;
−
            $('#bgimg').css({
+
            if (times === 2) {
−
                'background-image': 'url(' + bg + ')'
+
                $('#bgimg').css({
−
            });
+
                    'background-image': 'url(' + bg + ')'
−
            $('#bgimgwrapper').css({
+
                });
−
                'opacity': '1'
+
                $('#bgimgwrapper').css({
−
            });
+
                    'opacity': '1'
−
            $('#homepage').css({
+
                });
−
                'margin-left': '50px'
+
                $('#homepage').css({
−
            });
+
                    'margin-left': '50px'
−
            $('#navigation ul').css('opacity', '1');
+
                });
 +
                $('#navigation ul').css('opacity', '1');
 +
                $('#homecontent').css('display', 'block');
 +
            }
 
         }
 
         }
−
    }
 
  
−
    $('<img/>').attr('src', bg).load(function() {
+
        $('<img/>').attr('src', bg).load(function() {
−
        $(this).remove(); // prevent memory leaks as @benweet suggested
+
            $(this).remove(); // prevent memory leaks as @benweet suggested
−
        changeBg();
+
            changeBg();
−
    });
+
        });
  
−
    new Vivus('igemuoftlogo', {
+
        new Vivus('igemuoftlogo', {
−
        duration: 200
+
            duration: 100
−
    }, changeBg);
+
        }, changeBg);
−
})();
+
    })();
 
</script>
 
</script>

Revision as of 04:13, 20 November 2015