Difference between revisions of "Team:Uppsala/Team"

 
(60 intermediate revisions by 5 users not shown)
Line 5: Line 5:
 
{{Uppsala/javascript/scroll-button}}
 
{{Uppsala/javascript/scroll-button}}
 
{{Uppsala/javascript/redirect_js}}
 
{{Uppsala/javascript/redirect_js}}
 +
{{Uppsala/buttons}}
 
{{Uppsala/teamcss}}
 
{{Uppsala/teamcss}}
 
{{Uppsala/mainjs}}
 
{{Uppsala/mainjs}}
 +
 +
  
 
<html>
 
<html>
Line 13: Line 16:
 
            
 
            
 
         .low-res-parallax{
 
         .low-res-parallax{
−
             background-image: url("https://static.igem.org/mediawiki/2018/d/dd/T--Uppsala--TeamPictureLow.jpg");
+
             background-image: url("https://static.igem.org/mediawiki/2018/e/e3/T--Uppsala--TeamPicture_New.jpeg");
 
               }
 
               }
 +
 
         </style>
 
         </style>
 
     </head>
 
     </head>
 +
 +
 +
   
 +
<div class="svg-wrapper">
 +
 +
   
 +
 +
 +
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 +
viewBox="0 0 2864 295" style="enable-background:new 0 0 2864 295;" xml:space="preserve">
 +
<style type="text/css">
 +
.st0{fill:#fff;stroke:#FFFFFF;stroke-width:3;stroke-miterlimit:10;}
 +
</style>
 +
<g>
 +
<path class="st0" d="M215.3,24.5l1.5,1.5c-1,10.3-1.5,28.1-1.5,53.7l-1.4,1.4h-8l-1.4-1.5l-1.9-15.7c-0.9-8.4-1.6-13.6-2.1-15.5
 +
s-1.3-3.2-2.5-4.1c-1.1-0.9-4.8-1.6-11.1-2.1c-6.3-0.6-13.3-0.9-21-0.9h-32.3c-0.9,25.7-1.4,40.6-1.4,44.6v99.6l0.3,33.3
 +
c0.1,12.9,0.4,21.2,0.9,25c0.5,3.8,1.3,6.3,2.4,7.5c1.1,1.2,3.2,2.2,6.2,3.1c3.1,0.9,10.7,1.5,22.9,2l1.2,1v8.5l-1.2,1.4
 +
c-29.2-0.9-45.5-1.4-48.9-1.4c-3.6,0-19.9,0.5-48.7,1.4l-1.4-1.4v-8.5l1.4-1c10.7-0.5,17.8-1,21.3-1.7c3.5-0.7,5.8-1.6,7-2.6
 +
c1.2-1.1,2.2-3.4,3-6.9c0.8-3.5,1.2-11.4,1.2-23.6l0.3-36.1V85.9c0-1.8-0.5-16.7-1.4-44.6H73.4c-10.5,0-19.5,0.2-27.2,0.7
 +
c-7.6,0.5-12,1.6-13.2,3.5s-2.3,8-3.3,18.4L28,79.5l-1.5,1.5h-7.9l-1.4-1.4c-0.2-27.5-0.7-45.3-1.5-53.7l1.5-1.5
 +
c19.8,0.9,52.8,1.4,99,1.4C163.2,25.9,196.2,25.4,215.3,24.5z"/>
 +
<path class="st0" d="M236,25.7l1.4-1.2c39.1,0.7,64.1,1,75,1c37.4,0,70.6-0.3,99.8-1l0.9,1.2c-2.8,10.9-5,28.1-6.3,51.4l-1,1.4
 +
h-8.4l-1.5-1.4c0.1-1,0.2-1.9,0.2-2.7c0-9.7-0.7-18.9-2.2-27.7c-7.2-3.2-17.1-5.3-29.8-6.2c-12.7-1-22.2-1.5-28.6-1.5
 +
c-9,0-20.5,0.6-34.5,1.9L300,68.3l-0.5,31.3l-0.5,34.7c12.3,0.7,23.6,1,34,1c10.5,0,19.3-0.3,26.3-1c7.1-0.7,11.2-1.4,12.4-2.1
 +
c1.2-0.7,2.1-2.2,2.7-4.3c0.6-2.1,1.2-5.8,1.6-11.2l0.7-10.6l1.4-1.4h7.9l1.4,1.4c-0.2,12.4-0.5,24.9-0.9,37.4l0.9,38.5l-1.4,1.4
 +
h-7.9l-1.4-1.4l-1.2-10.3c-1-8-1.8-12.7-2.2-14.3c-0.5-1.5-1.5-2.9-3.2-4c-1.7-1.1-5.9-2.1-12.7-2.7s-16.2-1-28.2-1
 +
c-6.6,0-16.7,0.3-30.2,0.9c-0.6,9.6-0.9,25.5-0.9,47.9c0,23.9,0.3,41.5,0.9,52.8h31.4c27.7,0,45-0.3,52-1c6.9-0.7,13.6-2.3,19.8-5
 +
c1-2.6,2.7-8.7,5-18.2c2.3-9.5,3.7-15.5,4-17.9l1.7-1.2h8.2l1.4,1.2c-1,4.9-2,13.4-3,25.6c-1,12.2-1.5,22.6-1.5,31.3l-1.2,1.4
 +
c-21.8-0.7-50.2-1-85.4-1L285,266c-10.8,0-22.1,0.5-33.8,1.4l-1.4-1.4v-5.6l1.4-1.7c6.7-3.4,10.6-5.6,11.5-6.4
 +
c1-0.9,1.8-10.8,2.4-29.9c0.6-19.1,0.9-33.6,0.9-43.7V116l-0.2-38.8c0-8.4-0.1-15.3-0.3-20.6c-0.2-5.3-0.6-9.1-1.2-11.4
 +
c-0.6-2.3-1.2-3.9-2-4.8c-0.7-0.9-1.9-1.7-3.6-2.3c-1.7-0.6-4.5-1.2-8.5-1.6l-13-1l-1.4-1.2V25.7z"/>
 +
<path class="st0" d="M444.8,267.4l-1.5-1.4v-8.9l1.5-1.4c8.3-0.1,13.7-0.5,16.1-1.3c2.4-0.7,4.5-2.2,6.4-4.4
 +
c1.9-2.2,5.7-9.5,11.4-21.8l17.9-39L543.1,84c8.8-20.6,17.5-41.2,26.1-61.9h11.1l73,171.6l9.7,22.9c2.8,6.5,6.1,13.6,9.8,21.2
 +
c3.7,7.6,6.3,12.1,7.7,13.5c1.4,1.4,3.2,2.4,5.3,3.2c2.1,0.7,6.8,1.2,14.1,1.3l1.4,1.4v8.9l-1.4,1.4c-12.1-1-23-1.5-32.6-1.5
 +
c-18.9,0.6-37.8,1.1-56.7,1.5l-1.4-1.4v-8.9l1.4-1.4c12.8-0.2,20.7-0.8,23.9-1.6c3.2-0.9,4.8-2.8,4.8-5.9c0-2.5-0.8-5.8-2.4-9.9
 +
l-21-52.1h-99l-18.6,43.8c-3.3,7.9-5,13.6-5,17.3c0,2.8,1.5,5,4.6,6.3s10.8,2.1,23.2,2.2l1.5,1.4v8.9l-1.4,1.4
 +
c-14.7-0.9-27.6-1.4-38.6-1.4C470.2,266,457.5,266.5,444.8,267.4z M522.7,171.5h86.5L566.3,68.4L522.7,171.5z"/>
 +
<path class="st0" d="M1031,25l1.5,1.4v8.4l-1.4,1.2c-12.5,0.3-20.3,1-23.3,1.9c-3,0.9-5.2,2.4-6.4,4.5c-1.3,2.1-2,6.2-2.1,12.4
 +
c-0.2,6.2-0.5,23.5-0.9,52.1v78.8c0,11.4,0.2,24.3,0.5,38.6s1.1,22.7,2.1,25c1.1,2.3,3,4,5.9,5.1c2.8,1.1,10.9,1.8,24.3,2.1
 +
l1.4,1.2v8.4l-1.5,1.4c-18.6-1-34.8-1.5-48.5-1.5c-9.3,0-25.2,0.5-47.7,1.5l-1.5-1.4V258l1.4-1.4c12.5-0.3,20.3-1,23.3-1.9
 +
c3-0.9,5.2-2.4,6.4-4.5c1.3-2.1,2-6.3,2.2-12.6c0.2-6.3,0.5-23.6,0.9-52V60.2l-59,123.4c-14.8,30.9-27.7,59.9-38.8,87.2H863
 +
c-6.4-14.7-11.6-26.4-15.7-35.2L765.6,65.9v119.5c0,11.2,0.1,24,0.4,38.5c0.3,14.5,1,22.9,2.1,25.2c1.1,2.3,3.1,4,6,5.1
 +
c2.8,1.1,10.9,1.8,24.3,2.1l1.4,1.4v8.2l-1.5,1.5l-10.9-0.5c-11.3-0.6-21-0.9-29.1-0.9c-3.6,0-17.3,0.5-40.8,1.4L716,266v-8.2
 +
l1.4-1.5c12.5-0.2,20.3-0.8,23.2-1.7c3-0.9,5.1-2.4,6.4-4.6c1.3-2.2,2.1-6.2,2.2-12.1c0.2-5.9,0.4-23.4,0.8-52.5v-78.3
 +
c0-10.4-0.1-23-0.4-37.9c-0.3-14.9-1-23.5-2.1-25.8c-1.1-2.3-3-4.1-5.9-5.2c-2.8-1.1-10.9-1.8-24.3-2.1l-1.4-1.4v-8.2l1.5-1.5
 +
c7.9,0.6,18.5,0.9,31.8,0.9c12.5,0,23.5-0.3,32.8-0.9c9.6,22.1,18.7,42.1,27.5,60l64.8,133l58.4-121.9c15.8-32.9,26.5-56.6,32-71.1
 +
c10.9,0.6,21.7,0.9,32.3,0.9C1006.7,25.9,1018,25.6,1031,25z"/>
 +
<path class="st0" d="M1449.5,25l1.5,1.4v8.4l-1.4,1.2c-12.5,0.3-20.3,1-23.3,1.9c-3,0.9-5.2,2.4-6.4,4.5c-1.3,2.1-2,6.2-2.1,12.4
 +
c-0.2,6.2-0.5,23.5-0.9,52.1v78.8c0,11.4,0.2,24.3,0.5,38.6s1.1,22.7,2.1,25c1.1,2.3,3,4,5.9,5.1c2.8,1.1,10.9,1.8,24.3,2.1
 +
l1.4,1.2v8.4l-1.5,1.4c-18.6-1-34.8-1.5-48.5-1.5c-9.3,0-25.2,0.5-47.7,1.5l-1.5-1.4V258l1.4-1.4c12.5-0.3,20.3-1,23.3-1.9
 +
c3-0.9,5.2-2.4,6.4-4.5c1.3-2.1,2-6.3,2.2-12.6c0.2-6.3,0.5-23.6,0.9-52V60.2l-59,123.4c-14.8,30.9-27.7,59.9-38.8,87.2h-6.7
 +
c-6.4-14.7-11.6-26.4-15.7-35.2l-81.7-169.7v119.5c0,11.2,0.1,24,0.4,38.5c0.3,14.5,1,22.9,2.1,25.2c1.1,2.3,3.1,4,6,5.1
 +
c2.8,1.1,10.9,1.8,24.3,2.1l1.4,1.4v8.2l-1.5,1.5l-10.9-0.5c-11.3-0.6-21-0.9-29.1-0.9c-3.6,0-17.3,0.5-40.8,1.4l-1.4-1.4v-8.2
 +
l1.4-1.5c12.5-0.2,20.3-0.8,23.2-1.7c3-0.9,5.1-2.4,6.4-4.6c1.3-2.2,2.1-6.2,2.2-12.1c0.2-5.9,0.4-23.4,0.8-52.5v-78.3
 +
c0-10.4-0.1-23-0.4-37.9c-0.3-14.9-1-23.5-2.1-25.8c-1.1-2.3-3-4.1-5.9-5.2c-2.8-1.1-10.9-1.8-24.3-2.1l-1.4-1.4v-8.2l1.5-1.5
 +
c7.9,0.6,18.5,0.9,31.8,0.9c12.5,0,23.5-0.3,32.8-0.9c9.6,22.1,18.7,42.1,27.5,60l64.8,133l58.4-121.9c15.8-32.9,26.5-56.6,32-71.1
 +
c10.9,0.6,21.7,0.9,32.3,0.9C1425.2,25.9,1436.5,25.6,1449.5,25z"/>
 +
<path class="st0" d="M1471.5,25.7l1.4-1.2c39.1,0.7,64.1,1,75,1c37.4,0,70.6-0.3,99.8-1l0.9,1.2c-2.8,10.9-5,28.1-6.3,51.4l-1,1.4
 +
h-8.4l-1.5-1.4c0.1-1,0.2-1.9,0.2-2.7c0-9.7-0.7-18.9-2.2-27.7c-7.2-3.2-17.1-5.3-29.8-6.2c-12.7-1-22.2-1.5-28.6-1.5
 +
c-9,0-20.5,0.6-34.5,1.9l-0.7,27.3l-0.5,31.3l-0.5,34.7c12.3,0.7,23.6,1,34,1c10.5,0,19.3-0.3,26.3-1c7.1-0.7,11.2-1.4,12.4-2.1
 +
c1.2-0.7,2.1-2.2,2.7-4.3c0.6-2.1,1.2-5.8,1.6-11.2l0.7-10.6l1.4-1.4h7.9l1.4,1.4c-0.2,12.4-0.5,24.9-0.9,37.4l0.9,38.5l-1.4,1.4
 +
h-7.9l-1.4-1.4l-1.2-10.3c-1-8-1.8-12.7-2.2-14.3c-0.5-1.5-1.5-2.9-3.2-4c-1.7-1.1-5.9-2.1-12.7-2.7s-16.2-1-28.2-1
 +
c-6.6,0-16.7,0.3-30.2,0.9c-0.6,9.6-0.9,25.5-0.9,47.9c0,23.9,0.3,41.5,0.9,52.8h31.4c27.7,0,45-0.3,52-1c6.9-0.7,13.6-2.3,19.8-5
 +
c1-2.6,2.7-8.7,5-18.2c2.3-9.5,3.7-15.5,4-17.9l1.7-1.2h8.2l1.4,1.2c-1,4.9-2,13.4-3,25.6c-1,12.2-1.5,22.6-1.5,31.3l-1.2,1.4
 +
c-21.8-0.7-50.2-1-85.4-1l-46.5-0.3c-10.8,0-22.1,0.5-33.8,1.4l-1.4-1.4v-5.6l1.4-1.7c6.7-3.4,10.6-5.6,11.5-6.4
 +
c1-0.9,1.8-10.8,2.4-29.9c0.6-19.1,0.9-33.6,0.9-43.7V116l-0.2-38.8c0-8.4-0.1-15.3-0.3-20.6c-0.2-5.3-0.6-9.1-1.2-11.4
 +
c-0.6-2.3-1.2-3.9-2-4.8c-0.7-0.9-1.9-1.7-3.6-2.3c-1.7-0.6-4.5-1.2-8.5-1.6l-13-1l-1.4-1.2V25.7z"/>
 +
<path class="st0" d="M1994.3,25l1.5,1.4v8.4l-1.4,1.2c-12.5,0.3-20.3,1-23.3,1.9c-3,0.9-5.2,2.4-6.4,4.5c-1.3,2.1-2,6.2-2.1,12.4
 +
c-0.2,6.2-0.5,23.5-0.9,52.1v78.8c0,11.4,0.2,24.3,0.5,38.6s1.1,22.7,2.1,25c1.1,2.3,3,4,5.9,5.1c2.8,1.1,10.9,1.8,24.3,2.1
 +
l1.4,1.2v8.4l-1.5,1.4c-18.6-1-34.8-1.5-48.5-1.5c-9.3,0-25.2,0.5-47.7,1.5l-1.5-1.4V258l1.4-1.4c12.5-0.3,20.3-1,23.3-1.9
 +
c3-0.9,5.2-2.4,6.4-4.5c1.3-2.1,2-6.3,2.2-12.6c0.2-6.3,0.5-23.6,0.9-52V60.2l-59,123.4c-14.8,30.9-27.7,59.9-38.8,87.2h-6.7
 +
c-6.4-14.7-11.6-26.4-15.7-35.2l-81.7-169.7v119.5c0,11.2,0.1,24,0.4,38.5c0.3,14.5,1,22.9,2.1,25.2c1.1,2.3,3.1,4,6,5.1
 +
c2.8,1.1,10.9,1.8,24.3,2.1l1.4,1.4v8.2l-1.5,1.5l-10.9-0.5c-11.3-0.6-21-0.9-29.1-0.9c-3.6,0-17.3,0.5-40.8,1.4l-1.4-1.4v-8.2
 +
l1.4-1.5c12.5-0.2,20.3-0.8,23.2-1.7c3-0.9,5.1-2.4,6.4-4.6c1.3-2.2,2.1-6.2,2.2-12.1c0.2-5.9,0.4-23.4,0.8-52.5v-78.3
 +
c0-10.4-0.1-23-0.4-37.9c-0.3-14.9-1-23.5-2.1-25.8c-1.1-2.3-3-4.1-5.9-5.2c-2.8-1.1-10.9-1.8-24.3-2.1l-1.4-1.4v-8.2l1.5-1.5
 +
c7.9,0.6,18.5,0.9,31.8,0.9c12.5,0,23.5-0.3,32.8-0.9c9.6,22.1,18.7,42.1,27.5,60l64.8,133l58.4-121.9c15.8-32.9,26.5-56.6,32-71.1
 +
c10.9,0.6,21.7,0.9,32.3,0.9C1970.1,25.9,1981.3,25.6,1994.3,25z"/>
 +
<path class="st0" d="M2010,35.5l-1.4-1.2v-8.5l1.4-1.2c19.5,0.9,34.5,1.4,45.1,1.4c4,0,19.8-0.5,47.3-1.4
 +
c8.9-0.2,15.3-0.3,19.3-0.3c15.4,0,27.6,1.5,36.6,4.6c9,3.1,16.2,8.5,21.7,16.3c5.5,7.8,8.2,16.7,8.2,26.6
 +
c0,12.6-4.6,24.4-13.7,35.2c-9.1,10.8-23.9,18.6-44.4,23.2c12.3,1.1,22.4,2.8,30.4,5c8,2.2,14.9,5.5,20.7,10
 +
c5.8,4.5,10.4,10.3,13.8,17.5c3.4,7.2,5,15.5,5,25c0,7.4-1.1,14.9-3.4,22.6c-2.3,7.6-6.5,15.2-12.6,22.7
 +
c-6.1,7.5-13.5,14-22.1,19.3c-8.7,5.4-17.5,9.2-26.6,11.6c-9.1,2.4-20.3,3.6-33.8,3.6c-2.7,0-10.9-0.3-24.6-0.9
 +
c-15.2-0.3-23.4-0.5-24.6-0.5c-7.7,0-17.3,0.5-28.5,1.4l-1.4-1.4v-5.6l1.4-1.7c6.6-3,10.4-5,11.5-6.2c1-1.1,1.9-11.2,2.5-30.2
 +
c0.6-19,0.9-33.6,0.9-43.6V116l-0.2-38.8c0-8.4-0.1-15.3-0.3-20.6c-0.2-5.3-0.5-9.1-0.9-11.4c-0.4-2.3-1.1-3.9-2-4.8
 +
c-0.9-0.9-2.2-1.7-3.8-2.3c-1.7-0.6-4.5-1.2-8.5-1.6L2010,35.5z M2071.4,125.2c5.7,0.5,12.1,0.7,19.3,0.7c23.6,0,40-4.2,49.2-12.6
 +
c9.2-8.4,13.8-20,13.8-34.7c0-8.5-1.8-15.8-5.3-21.8c-3.5-6-9.1-10.6-16.7-13.8c-7.6-3.2-17.9-4.8-30.8-4.8
 +
c-10.6,0-19.9,0.9-28,2.6c-1,10.3-1.5,28.1-1.5,53.7V125.2z M2071.7,249.8c8.8,2.1,17.8,3.1,27,3.1c16.3,0,29.1-2.6,38.3-7.9
 +
c9.2-5.2,16-12.5,20.4-21.8c4.4-9.3,6.6-19.4,6.6-30.3c0-16.4-4.6-29.5-13.9-39.4c-9.3-9.9-29.4-14.8-60.2-14.8
 +
c-5.1,0-11.3,0.2-18.5,0.7v58.3L2071.7,249.8z"/>
 +
<path class="st0" d="M2230.2,25.7l1.4-1.2c39.1,0.7,64.1,1,75,1c37.4,0,70.6-0.3,99.8-1l0.9,1.2c-2.8,10.9-5,28.1-6.3,51.4l-1,1.4
 +
h-8.4l-1.5-1.4c0.1-1,0.2-1.9,0.2-2.7c0-9.7-0.7-18.9-2.2-27.7c-7.2-3.2-17.1-5.3-29.8-6.2c-12.7-1-22.2-1.5-28.6-1.5
 +
c-9,0-20.5,0.6-34.5,1.9l-0.7,27.3l-0.5,31.3l-0.5,34.7c12.3,0.7,23.6,1,34,1c10.5,0,19.3-0.3,26.3-1c7.1-0.7,11.2-1.4,12.4-2.1
 +
c1.2-0.7,2.1-2.2,2.7-4.3c0.6-2.1,1.2-5.8,1.6-11.2l0.7-10.6l1.4-1.4h7.9l1.4,1.4c-0.2,12.4-0.5,24.9-0.9,37.4l0.9,38.5l-1.4,1.4
 +
h-7.9l-1.4-1.4l-1.2-10.3c-1-8-1.8-12.7-2.2-14.3c-0.5-1.5-1.5-2.9-3.2-4c-1.7-1.1-5.9-2.1-12.7-2.7s-16.2-1-28.2-1
 +
c-6.6,0-16.7,0.3-30.2,0.9c-0.6,9.6-0.9,25.5-0.9,47.9c0,23.9,0.3,41.5,0.9,52.8h31.4c27.7,0,45-0.3,52-1c6.9-0.7,13.6-2.3,19.8-5
 +
c1-2.6,2.7-8.7,5-18.2c2.3-9.5,3.7-15.5,4-17.9l1.7-1.2h8.2l1.4,1.2c-1,4.9-2,13.4-3,25.6c-1,12.2-1.5,22.6-1.5,31.3l-1.2,1.4
 +
c-21.8-0.7-50.2-1-85.4-1l-46.5-0.3c-10.8,0-22.1,0.5-33.8,1.4l-1.4-1.4v-5.6l1.4-1.7c6.7-3.4,10.6-5.6,11.5-6.4
 +
c1-0.9,1.8-10.8,2.4-29.9c0.6-19.1,0.9-33.6,0.9-43.7V116l-0.2-38.8c0-8.4-0.1-15.3-0.3-20.6c-0.2-5.3-0.6-9.1-1.2-11.4
 +
c-0.6-2.3-1.2-3.9-2-4.8c-0.7-0.9-1.9-1.7-3.6-2.3c-1.7-0.6-4.5-1.2-8.5-1.6l-13-1l-1.4-1.2V25.7z"/>
 +
<path class="st0" d="M2438.7,25.7l1.4-1.2c20.8,0.9,37.1,1.4,48.7,1.4c12.9,0,30.2-0.4,52.1-1.2c8.1-0.2,14-0.3,17.6-0.3
 +
c28.8,0,48.4,5.2,58.6,15.7c10.3,10.5,15.4,22.9,15.4,37.3c0,9.6-2.5,19-7.5,28.2c-5,9.2-12.4,17.1-22.2,23.7
 +
c-9.8,6.6-23.3,11.5-40.5,14.8c3.2,4.4,8.9,12.1,17.3,23.1l24.3,32.1c7.9,10.6,16.3,21.8,25.3,33.6c9,11.8,14.8,18.5,17.4,20
 +
c2.6,1.5,4.9,2.5,6.8,2.8c1.9,0.3,4.9,0.5,9,0.5l1.4,1.4v8l-1.5,1.5c-5.5-0.7-12-1-19.5-1c-8.1,0-16.9,0.3-26.5,1
 +
c-7.9-9.6-20.2-26.1-37.1-49.7c-19.6-27.3-39.6-52.7-60.2-76l1.7-5.3c5.9,0.3,10.5,0.5,13.8,0.5c19.7,0,35.1-4.7,46.3-14.2
 +
c11.2-9.5,16.7-22.6,16.7-39.3c0-15-5-26.4-15-34.1c-10-7.7-23.6-11.5-40.7-11.5c-12,0-23.2,1.7-33.8,5c-1.7,2.5-2.6,23.9-2.6,64.1
 +
v79.1l0.2,33.3c0.1,12.9,0.5,21.2,1,25c0.6,3.8,1.4,6.3,2.5,7.5c1.1,1.3,3.2,2.3,6.2,3.2c3.1,0.9,10.7,1.5,22.7,2l1.4,1v8.5
 +
l-1.4,1.4c-0.6,0-10.6-0.3-30.1-1c-8.1-0.2-14.4-0.3-19-0.3c-3.5,0-19.8,0.5-48.9,1.4l-1.4-1.4v-8.5l1.4-1
 +
c10.6-0.5,17.7-1,21.2-1.7c3.5-0.7,5.9-1.6,7.1-2.6c1.2-1.1,2.2-3.4,2.9-6.9c0.7-3.5,1.2-11.4,1.3-23.6l0.2-36.1v-79.1l-0.3-33.3
 +
c-0.1-13-0.4-21.4-0.9-25.1c-0.5-3.8-1.3-6.3-2.4-7.5c-1.1-1.3-3.2-2.3-6.2-3.1c-3.1-0.8-10.7-1.4-22.7-1.9l-1.4-1.2V25.7z"/>
 +
<path class="st0" d="M2678.8,207.2l1.4-1.4h8.4l1.4,1.4c0.6,14.6,1.3,23.5,2.3,26.7c1,3.2,4,6.7,9.2,10.3
 +
c5.2,3.6,12.1,6.5,20.7,8.8c8.6,2.3,17.3,3.4,26.1,3.4c12.1,0,22.9-2.2,32.6-6.7c9.6-4.4,17.1-11,22.5-19.6c5.4-8.6,8-18.3,8-29
 +
c0-7.5-1.3-14.1-3.8-19.7c-2.6-5.6-6.2-10.1-10.8-13.4c-4.6-3.4-9.9-5.9-15.8-7.5c-5.9-1.7-14.8-3.4-26.5-5.4
 +
c-11.4-1.8-20.3-3.5-26.7-5c-6.4-1.5-12.8-3.8-19.2-6.8c-6.4-3.1-11.7-7-16-11.7c-4.3-4.7-7.7-10.5-10.3-17.4
 +
c-2.6-6.9-3.8-14.3-3.8-22.1c0-21.3,7.4-38.8,22.2-52.4c14.8-13.6,34.7-20.4,59.6-20.4c9.9,0,20.7,1.2,32.4,3.7
 +
c11.7,2.5,22.3,6.1,31.9,10.9l1.2,2.1c-2.5,10.5-4,25.4-4.6,44.8l-1.5,1.4h-8.9l-1.4-1.2c-0.2-13.7-0.6-22.3-1-25.8
 +
c-0.5-3.5-5.6-7.9-15.6-13.2c-9.9-5.2-20.7-7.9-32.3-7.9c-9.7,0-18.7,1.9-27.2,5.8c-8.4,3.9-14.8,10-19.1,18.3
 +
c-4.3,8.3-6.5,16.8-6.5,25.5c0,6.7,1.3,12.7,3.9,17.9c2.6,5.2,6,9.3,10.2,12.3c4.2,3,9,5.3,14.5,6.8c5.5,1.5,15.6,3.3,30.3,5.5
 +
c20.2,2.8,34.8,6.3,44,10.3c9.2,4,16.5,10.5,22,19.2c5.5,8.8,8.3,19.4,8.3,31.8c0,24.3-9.9,44.5-29.7,60.7
 +
c-19.8,16.2-43.7,24.3-71.9,24.3c-23.6,0-44.3-4.2-62-12.6l-1-2.2C2677.3,250.3,2678.2,233.5,2678.8,207.2z"/>
 +
 +
</g>
 +
</svg>
 +
 +
 +
 +
 +
 +
</div>
 +
 +
 +
   
  
 
     <div class="body">
 
     <div class="body">
−
        <div class="parallax low-res-parallax" data-src="https://static.igem.org/mediawiki/2018/1/12/T--Uppsala--TeamPicture.jpg"></div>
 
−
        <div class="igem-icon"><a href="https://2018.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2018/b/b0/T--Uppsala--graylogo.png"></a></div>
 
  
−
         <div class ="scroll-down-button">
+
         <div class="parallax low-res-parallax" data-scr="https://static.igem.org/mediawiki/2018/1/12/T--Uppsala--TeamPicture.jpg" ></div>
−
            <section id="section02" class="demo">
+
 
−
                <h1></h1>
+
          <div class="igem-icon"><a href="https://2018.igem.org/Team:Uppsala"><img src="https://static.igem.org/mediawiki/2018/7/7a/T--Uppsala--WormBusterLogo_White.png"></a>
−
                <a href="#scrolldown"><span></span></a>
+
</div>
−
            </section>
+
 
−
        </div>
+
   
  
 
         <div class= "content blur-box" style="font-size:16px;">
 
         <div class= "content blur-box" style="font-size:16px;">
 
             <div class ="content-text" id="scrolldown" >
 
             <div class ="content-text" id="scrolldown" >
−
                <div style="height:5em;"></div>
 
−
                <!-- FROM THIS POINT DOWNWARDS YOU START ADDING YOUR STUFF -->
 
 
                  
 
                  
−
 
+
                <!-- FROM THIS POINT DOWNWARDS YOU START ADDING YOUR STUFF -->
 
                
 
                
 +
 +
                   
 +
                   
 +
                 
 +
                    <div class="section">
 +
                    <div class="content-card-heading"><h1>Meet The Team</h1></div>
 +
                      <p>The iGEM Uppsala team works as a team in order to achieve our objective. However, we are also
 +
                      individuals that are quite different between each other. </p>
 +
                     
 +
                      <p>You can observe that the pictures are taken with horses, as this year’s project is
 +
                      completely related to them. And, who doesn’t love horses?</p>
 +
                    </div>
 +
                  <div class="content-card-heading"><h2>The most awesome collection of nerds in Scandinavia</h2>
 +
                  </div>
  
  
Line 43: Line 188:
 
                         <figure>
 
                         <figure>
 
                             <div class ="temp">
 
                             <div class ="temp">
−
                                <img class="gif" src="jtravolta.gif">
+
                          <img class="gif" src="https://static.igem.org/mediawiki/2018/d/da/T--Uppsala--julia.money.gif">
 
                           <img class="team-img" src="https://static.igem.org/mediawiki/2018/8/80/T--Uppsala--test.jpg">
 
                           <img class="team-img" src="https://static.igem.org/mediawiki/2018/8/80/T--Uppsala--test.jpg">
 
                             </div>
 
                             </div>
 
                             <figcaption>
 
                             <figcaption>
−
                                 <span class="person-caption name"> John Doe</span>
+
                                 <span class="person-caption name"> Julia Giertta</span>
−
                                 <span class="person-caption"> Bachelor in Computer Science</span>
+
                                 <span class="person-caption"> Master in Molecular Biotech</span>
−
                                 <span class="person-caption"> Wiki</span>
+
                                 <span class="person-caption"> Sponsoring</span>
  
 
                             </figcaption>
 
                             </figcaption>
Line 58: Line 203:
 
                         <figure>
 
                         <figure>
 
                             <div class ="temp">
 
                             <div class ="temp">
−
                                <img class="gif" src="jtravolta.gif">
+
                          <img class="gif" src="https://static.igem.org/mediawiki/2018/d/d4/T--Uppsala--edvin.gif">
−
                                <img class="team-img" src="https://static.igem.org/mediawiki/2018/6/66/T--Uppsala--Edvin.jpg">
+
                          <img class="team-img" src="https://static.igem.org/mediawiki/2018/6/66/T--Uppsala--Edvin.jpg">
 
                             </div>
 
                             </div>
 
                             <figcaption>
 
                             <figcaption>
−
                                 <span class="person-caption name"> John Doe</span>
+
                                 <span class="person-caption name"> Edvin von Euler</span>
−
                                 <span class="person-caption"> Bachelor in Computer Science</span>
+
                                 <span class="person-caption"> Master in Molecular Biotech</span>
 
                                 <span class="person-caption"> Wiki</span>
 
                                 <span class="person-caption"> Wiki</span>
  
Line 73: Line 218:
 
                         <figure>
 
                         <figure>
 
                             <div class ="temp">
 
                             <div class ="temp">
−
                                <img class="gif" src="jtravolta.gif">
+
                    <img class="gif" style="height:100%;" src="https://static.igem.org/mediawiki/2018/d/d7/T--Uppsala--niclas.swagwalk.gif">
−
                                <img class="team-img" src="gopnik.jpg">
+
                    <img class="team-img" src="https://static.igem.org/mediawiki/2018/2/2e/T--Uppsala--Niclas.jpg">
 
                             </div>
 
                             </div>
 
                             <figcaption>
 
                             <figcaption>
−
                                 <span class="person-caption name"> John Doe</span>
+
                                 <span class="person-caption name"> Niclas Fahlander</span>
−
                                 <span class="person-caption"> Bachelor in Computer Science</span>
+
                                 <span class="person-caption"> Master in Chemistry</span>
−
                                 <span class="person-caption"> Wiki</span>
+
                                 <span class="person-caption"> Sponsoring</span>
  
 
                             </figcaption>
 
                             </figcaption>
Line 88: Line 233:
 
                         <figure>
 
                         <figure>
 
                             <div class ="temp">
 
                             <div class ="temp">
−
                                <img class="gif" src="jtravolta.gif">
+
                      <img class="gif" src="https://static.igem.org/mediawiki/2018/9/9f/T--Uppsala--melissa.charts.gif">
−
                                <img class="team-img" src="gopnik.jpg">
+
                      <img class="team-img" src="https://static.igem.org/mediawiki/2018/a/ae/T--Uppsala--Melissa.jpg">
 
                             </div>
 
                             </div>
 
                             <figcaption>
 
                             <figcaption>
−
                                 <span class="person-caption name"> John Doe</span>
+
                                 <span class="person-caption name"> Melissa Jöe</span>
−
                                 <span class="person-caption"> Bachelor in Computer Science</span>
+
                                 <span class="person-caption"> Master in Chemical Engineering</span>
 +
                                <span class="person-caption"> Modelling </span>
 +
 
 +
                            </figcaption>
 +
                        </figure>
 +
                    </div>
 +
 
 +
                    <div class="team-member-card">
 +
                        <figure>
 +
                            <div class ="temp">
 +
                          <img class="gif" src="https://static.igem.org/mediawiki/2018/6/68/T--Uppsala--joe.freedom.gif">
 +
                          <img class="team-img" src="https://static.igem.org/mediawiki/2018/d/da/T--Uppsala--Joe.jpg">
 +
                            </div>
 +
                            <figcaption>
 +
                                <span class="person-caption name"> Joe Caponi </span>
 +
                                <span class="person-caption"> Master in Applied Biotech </span>
 
                                 <span class="person-caption"> Wiki</span>
 
                                 <span class="person-caption"> Wiki</span>
  
Line 103: Line 263:
 
                         <figure>
 
                         <figure>
 
                             <div class ="temp">
 
                             <div class ="temp">
−
                                 <img class="gif" src="jtravolta.gif">
+
                      <img class="gif" src="https://static.igem.org/mediawiki/2018/9/99/T--Uppsala--erik.explosion.gif">
−
                                 <img class="team-img" src="riholder.png">
+
                      <img class="team-img" src="https://static.igem.org/mediawiki/2018/b/b9/T--Uppsala--Erik.jpg">
 +
                            </div>
 +
                            <figcaption>
 +
                                 <span class="person-caption name"> Erik Olby</span>
 +
                                <span class="person-caption"> Master in Molecular Biotech</span>
 +
                                <span class="person-caption"> Graphical Design</span>
 +
 
 +
                            </figcaption>
 +
                        </figure>
 +
                    </div>
 +
                   
 +
                    <div class="team-member-card">
 +
                        <figure>
 +
                            <div class ="temp">
 +
                  <img class="gif" src="https://static.igem.org/mediawiki/2018/5/52/T--Uppsala--janis.cookiemonster.gif">
 +
                          <img class="team-img" src="https://static.igem.org/mediawiki/2018/f/fc/T--Uppsala--Janis.jpg">
 +
                            </div>
 +
                            <figcaption>
 +
                                 <span class="person-caption name"> Janis Kronbergs</span>
 +
                                <span class="person-caption"> Master in Molecular Biotech</span>
 +
                                <span class="person-caption"> Modelling</span>
 +
 
 +
                            </figcaption>
 +
                        </figure>
 +
                    </div>
 +
 
 +
                    <div class="team-member-card">
 +
                        <figure>
 +
                            <div class ="temp">
 +
                    <img class="gif" src="https://static.igem.org/mediawiki/2018/3/3d/T--Uppsala--ricardo.pokerface.gif">
 +
                    <img class="team-img" src="https://static.igem.org/mediawiki/2018/0/02/T--Uppsala--Ricardo.jpg">
 
                             </div>
 
                             </div>
 
                             <figcaption>
 
                             <figcaption>
−
                                 <span class="person-caption name"> John Doe</span>
+
                                 <span class="person-caption name"> Ricardo Danza Madera</span>
 
                                 <span class="person-caption"> Bachelor in Computer Science</span>
 
                                 <span class="person-caption"> Bachelor in Computer Science</span>
 +
                                <span class="person-caption"> Wiki & Modelling</span>
 +
 +
                            </figcaption>
 +
                        </figure>
 +
                    </div>
 +
 +
                    <div class="team-member-card">
 +
                        <figure>
 +
                            <div class ="temp">
 +
                  <img class="gif" src="https://static.igem.org/mediawiki/2018/0/05/T--Uppsala--sascha.calculating.gif">
 +
                  <img class="team-img" src="https://static.igem.org/mediawiki/2018/f/f8/T--Uppsala--Alexandra.jpg">
 +
                            </div>
 +
                            <figcaption>
 +
                                <span class="person-caption name"> Alexandra Umprecht</span>
 +
                                <span class="person-caption"> Master in Applied Biotech</span>
 +
                                <span class="person-caption"> Sponsoring </span>
 +
 +
                            </figcaption>
 +
                        </figure>
 +
                    </div>
 +
 +
                    <div class="team-member-card">
 +
                        <figure>
 +
                            <div class ="temp">
 +
                    <img class="gif" src="https://static.igem.org/mediawiki/2018/0/0e/T--Uppsala--matilda.loopholes.gif">
 +
                    <img class="team-img" src="https://static.igem.org/mediawiki/2018/7/73/T--Uppsala--Matilda.jpg">
 +
                            </div>
 +
                            <figcaption>
 +
                                <span class="person-caption name"> Matilda Brink</span>
 +
                                <span class="person-caption"> Master in Molecular Biotech</span>
 +
                                <span class="person-caption"> Project Manager</span>
 +
 +
                            </figcaption>
 +
                        </figure>
 +
                    </div>
 +
 +
                    <div class="team-member-card">
 +
                        <figure>
 +
                            <div class ="temp">
 +
                          <img class="gif" src="https://static.igem.org/mediawiki/2018/6/68/T--Uppsala--elin.drift.gif">
 +
                          <img class="team-img" src="https://static.igem.org/mediawiki/2018/f/fe/T--Uppsala--Elin.jpg">
 +
                            </div>
 +
                            <figcaption>
 +
                                <span class="person-caption name"> Elin Ramström</span>
 +
                                <span class="person-caption"> Master in Molecular Biology</span>
 +
                                <span class="person-caption"> Project Manager </span>
 +
 +
                            </figcaption>
 +
                        </figure>
 +
                    </div>
 +
 +
                    <div class="team-member-card">
 +
                        <figure>
 +
                            <div class ="temp">
 +
                                <img class="gif" src="https://static.igem.org/mediawiki/2018/9/91/T--Uppsala--ruta.gif">
 +
                          <img class="team-img" src="https://static.igem.org/mediawiki/2018/9/92/T--Uppsala--Ruta.jpg">
 +
                            </div>
 +
                            <figcaption>
 +
                                <span class="person-caption name"> Ruta Upite</span>
 +
                                <span class="person-caption"> Bachelor in Molecular Biotech</span>
 +
                                <span class="person-caption"> Human Practice</span>
 +
 +
                            </figcaption>
 +
                        </figure>
 +
                    </div>
 +
                    <div class="team-member-card">
 +
                        <figure>
 +
                            <div class ="temp">
 +
                          <img class="gif" src="https://static.igem.org/mediawiki/2018/2/2b/T--Uppsala--malin.sing.gif">
 +
                          <img class="team-img" src="https://static.igem.org/mediawiki/2018/3/31/T--Uppsala--Malin.jpg">
 +
                            </div>
 +
                            <figcaption>
 +
                                <span class="person-caption name"> Malin Åslund</span>
 +
                                <span class="person-caption"> Master in Molecular Biotech </span>
 +
                                <span class="person-caption"> Human Practice</span>
 +
 +
                            </figcaption>
 +
                        </figure>
 +
                    </div>
 +
 +
                    <div class="team-member-card">
 +
                        <figure>
 +
                            <div class ="temp">
 +
                      <img class="gif" src="https://static.igem.org/mediawiki/2018/a/a5/T--Uppsala--mikael.handhair.gif">
 +
                      <img class="team-img" src="https://static.igem.org/mediawiki/2018/7/70/T--Uppsala--Mike.jpg">
 +
                            </div>
 +
                            <figcaption>
 +
                                <span class="person-caption name"> Mikael Svensson </span>
 +
                                <span class="person-caption"> Master in Chemical Engineering </span>
 +
                                <span class="person-caption"> Modelling</span>
 +
 +
                            </figcaption>
 +
                        </figure>
 +
                    </div>
 +
                   
 +
                    <div class="team-member-card">
 +
                        <figure>
 +
                            <div class ="temp">
 +
                      <img class="gif" src="https://static.igem.org/mediawiki/2018/b/bb/T--Uppsala--jonas.meditate.gif">
 +
                      <img class="team-img" src="https://static.igem.org/mediawiki/2018/3/36/T--Uppsala--Jonas.jpg">
 +
                            </div>
 +
                            <figcaption>
 +
                                <span class="person-caption name"> Jonas Nielsen </span>
 +
                                <span class="person-caption"> Master in Molecular Biotech</span>
 +
                                <span class="person-caption"> Human Practice </span>
 +
 +
                            </figcaption>
 +
                        </figure>
 +
                    </div>
 +
 +
                    <div class="team-member-card">
 +
                        <figure>
 +
                            <div class ="temp">
 +
                      <img class="gif" src="https://static.igem.org/mediawiki/2018/4/46/T--Uppsala--bjorn.jumpserve.gif">
 +
                      <img class="team-img" src="https://static.igem.org/mediawiki/2018/f/f4/T--Uppsala--Bjorn.jpg">
 +
                            </div>
 +
                            <figcaption>
 +
                                <span class="person-caption name"> Björn Ancker Persson </span>
 +
                                <span class="person-caption"> Bachelor in Molecular Biotech</span>
 
                                 <span class="person-caption"> Wiki</span>
 
                                 <span class="person-caption"> Wiki</span>
  
Line 118: Line 427:
 
                         <figure>
 
                         <figure>
 
                             <div class ="temp">
 
                             <div class ="temp">
−
                                <img class="gif" src="jtravolta.gif">
+
                      <img class="gif" src="https://static.igem.org/mediawiki/2018/2/25/T--Uppsala--anton.wakeup.gif">
−
                                <img class="team-img" src="gopnik.jpg">
+
                      <img class="team-img" src="https://static.igem.org/mediawiki/2018/d/d0/T--Uppsala--Anton.jpg">
 
                             </div>
 
                             </div>
 
                             <figcaption>
 
                             <figcaption>
−
                                 <span class="person-caption name"> John Doe</span>
+
                                 <span class="person-caption name"> Anton Björninen</span>
−
                                 <span class="person-caption"> Bachelor in Computer Science</span>
+
                                 <span class="person-caption"> Master in Applied Biotech</span>
 
                                 <span class="person-caption"> Wiki</span>
 
                                 <span class="person-caption"> Wiki</span>
  
Line 130: Line 439:
 
                     </div>
 
                     </div>
  
 +
                    <div class="team-member-card">
 +
                        <figure>
 +
                            <div class ="temp">
 +
                    <img class="gif" src="https://static.igem.org/mediawiki/2018/3/3b/T--Uppsala--markus.hurthand.gif">
 +
                    <img class="team-img" src="https://static.igem.org/mediawiki/2018/4/45/T--Uppsala--Marcus.jpg">
 +
                            </div>
 +
                            <figcaption>
 +
                                <span class="person-caption name"> Markus Johnson </span>
 +
                                <span class="person-caption"> Master in IT Engineering </span>
 +
                                <span class="person-caption"> Modelling & Wiki </span>
  
 +
                            </figcaption>
 +
                        </figure>
 +
                    </div>
  
 +
                    <div class="team-member-card">
 +
                        <figure>
 +
                            <div class ="temp">
 +
                      <img class="gif" src="https://static.igem.org/mediawiki/2018/4/44/T--Uppsala--sofia.poledance.gif">
 +
                      <img class="team-img" src="https://static.igem.org/mediawiki/2018/a/ae/T--Uppsala--Sofia.jpg">
 +
                            </div>
 +
                            <figcaption>
 +
                                <span class="person-caption name"> Sofia Iggström</span>
 +
                                <span class="person-caption"> Master in Molecular Biotech</span>
 +
                                <span class="person-caption"> Modelling </span>
 +
 +
                            </figcaption>
 +
                        </figure>
 +
                    </div>
 +
 +
                    <div class="team-member-card">
 +
                        <figure>
 +
                            <div class ="temp">
 +
            <img class="gif" src="https://static.igem.org/mediawiki/2018/2/20/T--Uppsala--sebastian.drama.optimized.gif">
 +
                      <img class="team-img" src="https://static.igem.org/mediawiki/2018/4/4b/T--Uppsala--Sebastian.jpg">
 +
                            </div>
 +
                            <figcaption>
 +
                                <span class="person-caption name"> Sebastian Persson</span>
 +
                                <span class="person-caption"> Master in Molecular Biotech </span>
 +
                                <span class="person-caption"> Graphical Design </span>
 +
 +
                            </figcaption>
 +
                        </figure>
 +
                    </div>
 +
                 
 +
                   
 +
                    <div class="team-member-card">
 +
                        <figure>
 +
                            <div class ="temp">
 +
                <img class="gif" src="https://static.igem.org/mediawiki/2018/d/d4/T--Uppsala--oliver.circledrawing.gif">
 +
                      <img class="team-img" src="https://static.igem.org/mediawiki/2018/c/c7/T--Uppsala--Oliver.jpg">
 +
                            </div>
 +
                            <figcaption>
 +
                                <span class="person-caption name"> Oliver Mantovani</span>
 +
                                <span class="person-caption"> Master in Applied Biotech </span>
 +
                                <span class="person-caption"> Human Practice </span>
 +
 +
                            </figcaption>
 +
                        </figure>
 +
                    </div>
 +
                   
 +
<div class="team-member-card">
 +
                        <figure>
 +
                            <div class ="temp">
 +
                <img class="gif" src="https://static.igem.org/mediawiki/2018/4/45/T--Uppsala--roger.nyancat.gif">
 +
                      <img class="team-img" src="https://static.igem.org/mediawiki/2018/a/a2/T--Uppsala--roger.jpg">
 +
                            </div>
 +
                            <figcaption>
 +
                                <span class="person-caption name"> Roger Giró Pujols </span>
 +
                                <span class="person-caption"> Master in bio and nanomaterials </span>
 +
                                <span class="person-caption"> Human Practice </span>
 +
 +
                            </figcaption>
 +
                        </figure>
 +
                    </div>
 +
                         
 +
<div class="team-member-card">
 +
                        <figure>
 +
                            <div class ="temp">
 +
                <img class="gif" src="https://static.igem.org/mediawiki/2018/6/68/T--Uppsala--team.gif">
 +
                      <img class="team-img" src="https://static.igem.org/mediawiki/2018/1/12/T--Uppsala--TeamPicture.jpg">
 +
                            </div>
 +
                            <figcaption>
 +
                                <span class="person-caption name"> Team</span>
 +
                                <span class="person-caption">  </span>
 +
                                <span class="person-caption">  </span>
 +
 +
                            </figcaption>
 +
                        </figure>
 +
                    </div>     
 +
                 
  
  
Line 137: Line 535:
 
                 </div>
 
                 </div>
  
−
       <script type="text/javascript">
+
       <script>
−
 
+
−
            (() => {
+
−
                'use strict';
+
−
                // Page is loaded
+
−
                const objects = document.getElementsByClassName('low-res-parallax');
+
−
                Array.from(objects).map((item) => {
+
−
                    // Start loading image
+
−
                    const img = new Image();
+
−
                    img.src = item.dataset.src;
+
−
                    // Once image is loaded replace the src of the HTML element
+
  
−
                    img.onload = () => {
+
      (() => {
−
                        item.classList.remove('low-res-parallax');
+
          'use strict';
−
                        return item.nodeName === 'IMG' ?  
+
            // Page is loaded
−
                            item.src = item.dataset.src :         
+
          const objects = document.getElementsByClassName('low-res-parallax');
−
                        item.style.backgroundImage = `url(${item.dataset.src})`;
+
          Array.from(objects).map((item) => {
−
                    };
+
          // Start loading image
−
                });
+
          const img = new Image();
−
            })();
+
          img.src = item.dataset.src;
 +
          // Once image is loaded replace the src of the HTML element
 +
          img.onload = () => {
 +
          item.classList.remove('low-res-parallax');
 +
          return item.nodeName === 'IMG' ?  
 +
          item.src = item.dataset.src :         
 +
          item.style.backgroundImage = `url(${item.dataset.src})`;
 +
    };
 +
  });
 +
})();
  
 
         </script>
 
         </script>

Latest revision as of 10:32, 3 December 2018