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>
+
    <!-- <h1>
−
<h2><span>Cells, Computers, and Society</span></h1>
+
        <span>iGEM UofT 2015</span>
 +
    </h1>
 +
    <h2>
 +
        <span>Cells, Computers, and Society</span>
 +
    </h2> -->
 +
    <div id="bgimgwrapper">
 +
        <img id="bgimg" />
 +
    </div>
  
−
<!-- </html> [[File:Toronto_2015_Alberta water homepage.jpg]] <html> -->
+
    <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">
 +
            <g id="Layer_1">
 +
                <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
 +
    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
 +
    c0,0-42.263,19.164-139.221,99.739c-118.61,98.525-192.091,90.61-278.838,76.069l-0.598,0.589
 +
    c-16.451-7.497-33.245-14.282-50.308-20.674v-0.994c-71.651-51.05-129.188-97.422-143.388-250.966
 +
    c-11.605-125.51-27.905-168.963-27.905-168.963c-47.294-20.574-111.54-20.574-111.54-20.574s-64.277,0-111.534,20.574
 +
    c0,0-16.329,43.463-27.916,168.963c-14.198,153.543-71.773,199.916-143.383,250.966v0.994
 +
    c-17.027,6.393-33.852,13.178-50.312,20.646l-0.576-0.561c-86.742,14.605-160.222,22.484-278.833-76.033
 +
    c-96.948-80.551-139.271-99.748-139.271-99.748c-47.963,18.923-93.345,64.295-93.345,64.295s-45.451,45.493-64.324,93.424
 +
    c0,0,19.137,42.267,99.743,139.198c98.517,118.606,90.528,192.086,76.028,278.839l0.603,0.593
 +
    c-7.506,16.475-14.286,33.29-20.683,50.315h-0.994c-51.019,71.67-97.395,129.186-250.92,143.385
 +
    c-125.523,11.608-169.034,27.959-169.034,27.959C65.371,1164.018,65.371,1228.2,65.371,1228.2s0,64.3,20.568,111.531
 +
    c0,0,43.409,16.359,168.951,27.914c153.538,14.199,199.855,71.814,250.952,143.393h0.998c6.397,17.062,13.173,33.852,20.679,50.312
 +
    l-0.593,0.592c14.6,86.764,22.479,160.229-76.033,278.836c-80.556,96.957-99.771,139.279-99.771,139.279
 +
    c18.95,47.941,64.319,93.346,64.319,93.346s45.483,45.461,93.427,64.301c0,0,42.242-19.113,139.198-99.719
 +
    c118.606-98.518,192.113-90.529,278.834-76.057l0.594-0.594c16.465,7.498,33.285,14.254,50.315,20.674v1.021
 +
    c71.665,51.023,129.185,97.395,143.384,250.938c11.605,125.512,27.938,169.018,27.938,169.018
 +
    c47.321,20.512,111.506,20.512,111.506,20.512s64.296,0,111.54-20.566c0,0,16.364-43.416,27.905-168.971
 +
    c14.193-153.545,71.805-199.861,143.388-250.93V1982c17.062-6.422,33.856-13.168,50.308-20.674l0.598,0.602
 +
    c86.747-14.582,160.223-22.471,278.833,76.047c96.968,80.561,139.29,99.775,139.29,99.775
 +
    c47.94-18.951,93.337-64.348,93.337-64.348s45.445-45.459,64.346-93.4c0,0-19.159-42.277-99.756-139.225
 +
    c-98.536-118.607-90.593-192.072-76.069-278.836l-0.594-0.592c7.498-16.461,14.309-33.25,20.67-50.312h1.03
 +
    c51.022-71.633,97.386-129.193,250.929-143.393c125.51-11.6,169.027-27.914,169.027-27.914
 +
    c20.519-47.285,20.519-111.531,20.519-111.531S2455.934,1163.905,2435.365,1116.661z M1260.638,1787.219
 +
    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" />
 +
                <g id="Layer_2">
 +
                </g>
 +
            </g>
 +
            <g id="Layer_3">
 +
                <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
 +
    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
 +
    c-5.643,2.341-123.729,84.4-58.647,330.569c-270.274-28.1-333.152,121.67-335.559,128.622
 +
    c-4.059,10.944,1.794,25.052,12.737,29.11c11.977,4.954,24.157-0.761,29.11-12.737c0,0,0.895-1.033,0.756-2.959l141.798,122.847
 +
    l113.231,98.098c-0.894,1.032-1.789,2.065-2.821,1.17c-4.61,3.236-9.083,8.398-10.596,14.318
 +
    c-1.513,5.918-1.099,11.699,2.136,16.311c1.17,2.82,3.235,4.61,4.269,5.504c7.228,6.263,17,7.5,26.359,2.956
 +
    C1225.894,1594.021,1365.177,1510.445,1298.853,1246.934z M1518.386,1175.042l-241.607-209.317
 +
    c3.164-9.911,8.255-19.96,12.452-28.977l255.029,220.945C1536.967,1164.026,1527.746,1170.498,1518.386,1175.042z
 +
    M1470.283,1193.013c-11.425,2.755-22.849,5.51-36.2,8.403l-171.396-148.49c0.066-12.595,0.133-25.189,3.159-37.028
 +
    L1470.283,1193.013z M1370.49,1205.97c-27.116,0.005-55.402-2.812-84.722-6.523c-8.883-29.386-15.702-56.983-18.529-82.929
 +
    L1370.49,1205.97z M1271.276,1362.216l-144.552-125.232c37.508-3.654,80.179-2.836,124.158,2.73
 +
    C1262.796,1284.379,1270.581,1325.465,1271.276,1362.216z M1036.226,1257.991c10.392-3.649,21.678-8.331,33.102-11.086
 +
    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" />
 +
                </g>
 +
                <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="890.678" y="0" display="inline" font-family="'MyriadPro-Regular'" font-size="608.1607">T</tspan>
 +
                </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" cx="1263.867" cy="1221.869" r="480.014" />
 +
                <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="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="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="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="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>
 +
                </text>
 +
                <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)">
 +
                    <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="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="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="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>
 +
                </text>
 +
                <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
 +
    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" />
 +
                    </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
 +
    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
 +
    c-7.066,0-13.359-5.016-14.722-12.213c-1.446-7.637-2.754-15.41-3.888-23.103c-1.208-8.196,4.457-15.819,12.652-17.027
 +
    c8.2-1.208,15.819,4.457,17.027,12.652c1.075,7.292,2.314,14.659,3.685,21.897c1.541,8.14-3.809,15.987-11.948,17.528
 +
    C719.544,1337.405,718.605,1337.491,717.68,1337.491z M708.105,1216.04c-0.144,0-0.287-0.002-0.432-0.006
 +
    c-8.281-0.234-14.804-7.138-14.57-15.418c0.22-7.782,0.602-15.656,1.132-23.405c0.566-8.265,7.721-14.505,15.99-13.939
 +
    c8.265,0.566,14.506,7.725,13.939,15.99c-0.503,7.351-0.865,14.821-1.074,22.203
 +
    C722.861,1209.601,716.192,1216.04,708.105,1216.04z M724.664,1095.335c-1.205,0-2.429-0.146-3.651-0.452
 +
    c-8.037-2.011-12.922-10.155-10.912-18.192c1.889-7.549,3.958-15.159,6.152-22.619c2.337-7.948,10.674-12.497,18.623-10.159
 +
    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" />
 +
                    </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
 +
    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" />
 +
                    </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
 +
    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" />
 +
                    </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
 +
    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-0.801,0-1.612-0.064-2.428-0.197c-8.177-1.331-13.727-9.038-12.396-17.215c1.222-7.502,2.299-15.133,3.204-22.68
 +
    c0.987-8.225,8.45-14.086,16.68-13.108c8.225,0.986,14.094,8.454,13.107,16.679c-0.955,7.963-2.092,16.014-3.38,23.928
 +
    C1838.92,1318.021,1832.554,1323.254,1825.332,1323.254z M1831.587,1197.832c-7.871,0-14.478-6.133-14.959-14.095
 +
    c-0.46-7.605-1.084-15.287-1.854-22.83c-0.843-8.242,5.156-15.605,13.397-16.447c8.233-0.841,15.604,5.156,16.446,13.397
 +
    c0.813,7.953,1.471,16.051,1.956,24.068c0.5,8.269-5.798,15.378-14.066,15.878
 +
    C1832.199,1197.823,1831.891,1197.832,1831.587,1197.832z M1810.095,1074.131c-6.492,0-12.477-4.249-14.391-10.795
 +
    c-2.131-7.288-4.447-14.633-6.887-21.831c-2.658-7.846,1.547-16.362,9.394-19.02c7.846-2.657,16.362,1.547,19.021,9.393
 +
    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" />
 +
                    </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
 +
    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" />
 +
                    </g>
 +
                </g>
 +
            </g>
 +
        </svg>
 +
    </div>
 +
 
 +
 
 +
    <!-- </html> [[File:Toronto_2015_Alberta water homepage.jpg]] <html> -->
  
 
</div>
 
</div>
 +
 +
{{Toronto/footer}}
 +
 +
<script>
 +
(function() {
 +
    $('#navigation ul').css('opacity', '0');
 +
    var bg = 'https://static.igem.org/mediawiki/2015/4/48/Toronto_2015_Alberta_river_bright.jpg';
 +
    var times=0;
 +
    function changeBg() {
 +
        times++;
 +
        if (times === 2) {
 +
            $('#bgimg').css({
 +
                'background-image': 'url(' + bg + ')'
 +
            });
 +
            $('#bgimgwrapper').css({
 +
                'opacity': '1'
 +
            });
 +
            $('#homepage').css({
 +
                'margin-left': '50px'
 +
            });
 +
            $('#navigation ul').css('opacity', '1');
 +
        }
 +
    }
 +
 +
    $('<img/>').attr('src', bg).load(function() {
 +
        $(this).remove(); // prevent memory leaks as @benweet suggested
 +
        changeBg();
 +
    });
 +
 +
    new Vivus('igemuoftlogo', {
 +
        duration: 200
 +
    }, changeBg);
 +
})();
 +
</script>

Revision as of 03:49, 20 November 2015

{{Toronto/footer}}