Elinramstrom (Talk | contribs) |
MatildaBrink (Talk | contribs) |
||
Line 1: | Line 1: | ||
+ | {{Uppsala/javascript/iGemRemoval_js}} | ||
+ | {{Uppsala/css_removal}} | ||
+ | {{Uppsala/main_template}} | ||
+ | {{Uppsala/scroll-button}} | ||
+ | {{Uppsala/javascript/scroll-button}} | ||
+ | {{Uppsala/javascript/redirect_js}} | ||
− | |||
<html> | <html> | ||
+ | <head> | ||
+ | <style type="text/css"> | ||
+ | </style> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <style/> | ||
+ | :root{ | ||
+ | --primary: #8b1a32; | ||
+ | --secondary:#969696; | ||
+ | --tertiary: #f15025; | ||
+ | --whiteish: #fcf7ff; | ||
+ | --light-blue:#cde6f5; | ||
+ | --alt-secondary: #554640; | ||
− | + | } | |
− | + | ||
− | |||
− | |||
− | + | html{ | |
− | + | width: 100%; | |
− | + | height: 100%; | |
− | + | } | |
− | + | *{ | |
− | + | margin: 0; | |
+ | padding: 0; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | .parallax { | ||
+ | /* The image used */ | ||
+ | background-image: url("https://static.igem.org/mediawiki/2018/9/99/T--Uppsala--Transcriptomics-HEADER_2.jpeg"); | ||
− | + | /* Set a specific height */ | |
− | + | min-height: 99vh; | |
+ | /* Create the parallax scrolling effect */ | ||
+ | background-attachment: fixed; | ||
+ | background-position: center; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: cover; | ||
+ | /*background: linear-gradient(to bottom, transparent 90%);*/ | ||
+ | } | ||
+ | |||
+ | .blur-box { | ||
+ | background-color: var(--whiteish); | ||
+ | box-shadow: 0 0 10px 10px var(--whiteish); | ||
+ | } | ||
+ | .sub-header{ | ||
− | + | /* Set a specific height */ | |
− | + | height:20vw; | |
− | + | min-height: 150px; | |
− | + | ||
− | + | /* Create the parallax scrolling effect */ | |
− | + | /*background-attachment: fixed;*/ | |
− | + | background-position: center; | |
− | + | background-repeat: no-repeat; | |
− | + | background-size: cover; | |
− | + | ||
− | + | ||
− | + | } | |
+ | |||
+ | .sub-header h1{ | ||
+ | font-size: 60; | ||
+ | text-align: center; | ||
+ | position:absolute; | ||
+ | left:0; | ||
+ | right:0; | ||
+ | margin-top:6.5% ; | ||
+ | margin-left:auto; | ||
+ | margin-right: auto; | ||
+ | color:white; | ||
+ | bottom: px; | ||
+ | } | ||
+ | |||
+ | /* TODO: CHANGE */ | ||
+ | #blue{ | ||
+ | background-image: url(redbanner.jpg); | ||
+ | } | ||
+ | h1, h2{ | ||
− | + | color: #661325; | |
+ | } | ||
+ | h1{ | ||
+ | margin-top:2em; | ||
+ | margin-bottom: 0.5em; | ||
+ | } | ||
+ | #first-title{ | ||
+ | top:100px; | ||
+ | margin-top: 0; | ||
+ | } | ||
+ | |||
+ | .content{ | ||
+ | position:relative; | ||
+ | |||
+ | background-color: var(--whiteish); | ||
+ | } | ||
+ | .content-text{ | ||
+ | margin-top:2em; | ||
+ | min-width: 400px; | ||
+ | width:70%; | ||
+ | position: relative; | ||
+ | margin: auto; | ||
+ | /*background-color: #8c7cff;*/ | ||
+ | } | ||
− | + | .scroll-pointer{ | |
+ | top:85%; | ||
+ | position:absolute; | ||
+ | /*margin-left:auto; | ||
+ | margin-right:auto;*/ | ||
+ | width: 100%; | ||
+ | padding: 0; | ||
+ | } | ||
− | + | .scroll-pointer img{ | |
− | + | color: var(--primary) ; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | } | |
− | + | ||
− | + | .center-icon{ | |
+ | width:100px; | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | margin-right: auto; | ||
+ | margin-left: auto; | ||
+ | opacity: 0.8; | ||
+ | } | ||
+ | .center { | ||
+ | display: block; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | width: 50%; | ||
+ | } | ||
− | |||
− | |||
− | |||
− | + | </style> | |
− | + | ||
− | |||
− | </ | + | |
− | < | + | |
− | < | + | |
+ | |||
+ | <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 1929.6 229.9" style="enable-background:new 0 0 1929.6 229.9;" xml:space="preserve"> | ||
+ | <style type="text/css"> | ||
+ | .st0{fill:#fff;stroke:#FFFFFF;stroke-miterlimit:10;} | ||
+ | </style> | ||
+ | <g> | ||
+ | <path class="st0" d="M117.9,33.6l0.9,0.9c-0.6,5.9-0.9,16.1-0.9,30.7l-0.8,0.8h-4.6l-0.8-0.9l-1.1-9c-0.5-4.8-0.9-7.8-1.2-8.8 | ||
+ | s-0.8-1.9-1.4-2.3c-0.7-0.5-2.8-0.9-6.3-1.2c-3.6-0.3-7.6-0.5-12-0.5H71.2c-0.5,14.7-0.8,23.2-0.8,25.5v56.9l0.2,19 | ||
+ | c0.1,7.4,0.2,12.1,0.5,14.3c0.3,2.2,0.7,3.6,1.4,4.3c0.6,0.7,1.8,1.3,3.6,1.8s6.1,0.9,13.1,1.1l0.7,0.6v4.9l-0.7,0.8 | ||
+ | c-16.7-0.5-26-0.8-27.9-0.8c-2.1,0-11.4,0.3-27.8,0.8l-0.8-0.8v-4.9l0.8-0.6c6.1-0.3,10.2-0.6,12.2-1c2-0.4,3.3-0.9,4-1.5 | ||
+ | c0.7-0.6,1.3-1.9,1.7-4c0.5-2,0.7-6.5,0.7-13.5l0.2-20.6V68.7c0-1-0.3-9.5-0.8-25.5H36.8c-6,0-11.2,0.1-15.5,0.4 | ||
+ | c-4.4,0.3-6.9,0.9-7.6,2s-1.3,4.6-1.9,10.5l-1,9L10,65.9H5.5l-0.8-0.8C4.6,49.4,4.3,39.2,3.8,34.5l0.9-0.9 | ||
+ | c11.3,0.5,30.2,0.8,56.5,0.8C88.1,34.4,107,34.1,117.9,33.6z"/> | ||
+ | <path class="st0" d="M126.7,34.3l0.8-0.7c11.9,0.5,21.2,0.8,27.8,0.8c7.4,0,17.3-0.2,29.8-0.7c4.6-0.1,8-0.2,10.1-0.2 | ||
+ | c16.5,0,27.6,3,33.5,9c5.9,6,8.8,13.1,8.8,21.3c0,5.5-1.4,10.8-4.3,16.1c-2.9,5.3-7.1,9.8-12.7,13.5c-5.6,3.7-13.3,6.6-23.1,8.4 | ||
+ | c1.8,2.5,5.1,6.9,9.9,13.2l13.9,18.4c4.5,6.1,9.3,12.5,14.5,19.2c5.1,6.7,8.5,10.5,10,11.4c1.5,0.9,2.8,1.4,3.9,1.6 | ||
+ | s2.8,0.3,5.1,0.3l0.8,0.8v4.6l-0.9,0.9c-3.1-0.4-6.8-0.6-11.1-0.6c-4.6,0-9.7,0.2-15.1,0.6c-4.5-5.5-11.6-14.9-21.2-28.4 | ||
+ | c-11.2-15.6-22.7-30.1-34.4-43.5l1-3c3.4,0.2,6,0.3,7.9,0.3c11.3,0,20.1-2.7,26.5-8.1c6.4-5.4,9.6-12.9,9.6-22.5 | ||
+ | c0-8.6-2.9-15.1-8.6-19.5c-5.7-4.4-13.5-6.6-23.2-6.6c-6.8,0-13.3,0.9-19.3,2.8c-1,1.4-1.5,13.6-1.5,36.6v45.2l0.1,19 | ||
+ | c0.1,7.4,0.3,12.1,0.6,14.3c0.3,2.1,0.8,3.6,1.4,4.3c0.6,0.7,1.8,1.3,3.6,1.8s6.1,0.9,13,1.1l0.8,0.6v4.9l-0.8,0.8 | ||
+ | c-0.3,0-6.1-0.2-17.2-0.6c-4.6-0.1-8.2-0.2-10.8-0.2c-2,0-11.3,0.3-27.9,0.8l-0.8-0.8v-4.9l0.8-0.6c6.1-0.3,10.1-0.6,12.1-1 | ||
+ | c2-0.4,3.4-0.9,4.1-1.5c0.7-0.6,1.2-1.9,1.7-4c0.4-2,0.7-6.5,0.7-13.5l0.1-20.6V80.4l-0.2-19c-0.1-7.4-0.2-12.2-0.5-14.4 | ||
+ | s-0.7-3.6-1.4-4.3c-0.6-0.7-1.8-1.3-3.6-1.8c-1.8-0.5-6.1-0.8-13-1.1l-0.8-0.7V34.3z"/> | ||
+ | <path class="st0" d="M260.4,172.4l-0.9-0.8v-5.1l0.9-0.8c4.8-0.1,7.8-0.3,9.2-0.7c1.4-0.4,2.6-1.3,3.7-2.5s3.2-5.4,6.5-12.5 | ||
+ | l10.3-22.3l26.6-60.2c5-11.8,10-23.6,14.9-35.4h6.3l41.7,98l5.6,13.1c1.6,3.7,3.5,7.7,5.6,12.1c2.1,4.4,3.6,6.9,4.4,7.7 | ||
+ | c0.8,0.8,1.8,1.4,3,1.8c1.2,0.4,3.9,0.7,8.1,0.7l0.8,0.8v5.1l-0.8,0.8c-6.9-0.6-13.1-0.9-18.7-0.9c-10.8,0.3-21.6,0.6-32.4,0.9 | ||
+ | l-0.8-0.8v-5.1l0.8-0.8c7.3-0.1,11.8-0.4,13.7-0.9c1.8-0.5,2.7-1.6,2.7-3.4c0-1.4-0.5-3.3-1.4-5.7l-12-29.8h-56.5L291,151 | ||
+ | c-1.9,4.5-2.8,7.8-2.8,9.9c0,1.6,0.9,2.8,2.6,3.6s6.2,1.2,13.3,1.3l0.9,0.8v5.1l-0.8,0.8c-8.4-0.5-15.8-0.8-22.1-0.8 | ||
+ | C275,171.6,267.7,171.8,260.4,172.4z M305,117.6h49.4l-24.5-58.9L305,117.6z"/> | ||
+ | <path class="st0" d="M418.2,172.3l-0.9-0.9v-4.5l0.9-0.8c4-0.1,7.1-0.3,9.5-0.7c2.4-0.4,3.9-1,4.6-2c0.7-0.9,1.1-2.4,1.4-4.4 | ||
+ | c0.2-2,0.5-6.6,0.7-13.7c0.2-7.1,0.3-12.2,0.3-15.2V51.3c0-3.3-0.6-5.8-1.8-7.4c-1.2-1.6-2.8-2.6-4.9-3c-2.1-0.4-5.6-0.7-10.6-0.7 | ||
+ | l-0.8-0.8v-4.6l0.8-0.9c9,0.3,14.9,0.5,17.7,0.5c6.6,0,12-0.2,16.2-0.5l31.2,40.4l45.8,57.4c5.5,7,11.2,13.6,16.9,19.8V76 | ||
+ | c0-2.3-0.1-7.3-0.3-15c-0.2-7.6-0.5-12.5-0.8-14.6c-0.3-2.1-0.9-3.4-1.7-4.2c-0.8-0.7-2.3-1.3-4.6-1.6c-2.2-0.4-5.3-0.6-9.1-0.6 | ||
+ | l-0.8-0.8v-4.5l0.8-0.9c5.3,0.3,12.8,0.5,22.6,0.5c8.9,0,15.4-0.2,19.4-0.5l0.9,0.9v4.5l-0.8,0.8c-4.3,0.1-7.6,0.3-10,0.7 | ||
+ | c-2.3,0.4-3.8,1.1-4.4,2.1s-1,2.4-1.2,4.3c-0.2,1.9-0.5,6.4-0.7,13.5c-0.2,7.1-0.3,12.2-0.3,15.3v46.4l0.1,26.9 | ||
+ | c0.1,8.8,0.3,17.6,0.4,26.5c-3.3-1.1-8.9-2.5-16.9-4.1l-6.9-8.2L509.8,138l-66.2-82.7v74.9c0,3,0.1,8.3,0.3,16 | ||
+ | c0.2,7.7,0.5,12.3,0.8,14c0.3,1.6,0.7,2.8,1.3,3.4c0.5,0.6,1.6,1.2,3.4,1.7c1.7,0.5,5.3,0.8,10.7,0.9l0.8,0.8v4.6l-0.8,0.8 | ||
+ | c-3.4-0.5-8.9-0.7-16.4-0.7C434,171.6,425.5,171.8,418.2,172.3z"/> | ||
+ | <path class="st0" d="M585.6,138l0.8-0.8h4.8l0.8,0.8c0.3,8.3,0.8,13.4,1.3,15.3c0.6,1.9,2.3,3.8,5.3,5.9c3,2.1,6.9,3.7,11.8,5 | ||
+ | c4.9,1.3,9.9,2,14.9,2c6.9,0,13.1-1.3,18.6-3.8c5.5-2.5,9.8-6.3,12.8-11.2c3.1-4.9,4.6-10.4,4.6-16.6c0-4.3-0.7-8-2.2-11.2 | ||
+ | c-1.5-3.2-3.5-5.7-6.2-7.7c-2.6-1.9-5.6-3.4-9-4.3c-3.4-0.9-8.4-2-15.1-3.1c-6.5-1-11.6-2-15.3-2.8c-3.7-0.8-7.3-2.1-11-3.9 | ||
+ | c-3.6-1.8-6.7-4-9.1-6.7c-2.4-2.7-4.4-6-5.9-10c-1.5-3.9-2.2-8.2-2.2-12.6c0-12.2,4.2-22.2,12.7-29.9c8.5-7.8,19.8-11.7,34.1-11.7 | ||
+ | c5.7,0,11.8,0.7,18.5,2.1c6.7,1.4,12.7,3.5,18.2,6.2l0.7,1.2c-1.4,6-2.3,14.5-2.6,25.6l-0.9,0.8h-5.1l-0.8-0.7 | ||
+ | c-0.1-7.8-0.3-12.7-0.6-14.7c-0.3-2-3.2-4.5-8.9-7.5c-5.7-3-11.8-4.5-18.5-4.5c-5.5,0-10.7,1.1-15.5,3.3 | ||
+ | c-4.8,2.2-8.5,5.7-10.9,10.4c-2.5,4.8-3.7,9.6-3.7,14.6c0,3.8,0.7,7.2,2.2,10.2c1.5,3,3.4,5.3,5.8,7c2.4,1.7,5.1,3,8.3,3.9 | ||
+ | c3.2,0.8,8.9,1.9,17.3,3.1c11.5,1.6,19.9,3.6,25.1,5.9c5.2,2.3,9.4,6,12.6,11c3.2,5,4.7,11.1,4.7,18.2c0,13.9-5.6,25.4-16.9,34.7 | ||
+ | c-11.3,9.2-25,13.9-41.1,13.9c-13.5,0-25.3-2.4-35.4-7.2l-0.6-1.3C584.8,162.6,585.3,153,585.6,138z"/> | ||
+ | <path class="st0" d="M819.1,155.1l-3.7,9.1c-14.5,7.4-29.9,11-46.3,11c-23.5,0-42.6-6.7-57.3-20c-14.7-13.3-22-30.8-22-52.3 | ||
+ | c0-14.8,3.7-27.8,11-38.9c7.3-11.1,17-19.4,29-24.9c12-5.5,25.5-8.3,40.5-8.3c8.7,0,17.2,0.9,25.7,2.7c8.5,1.8,15.5,4,21.2,6.5 | ||
+ | l0.7,1c-1.5,3.6-2.9,12.7-4.2,27.1l-0.7,0.8h-4.6l-0.8-0.8l-1-16.6c-4.8-3.8-10.5-6.7-17.2-8.8c-6.7-2.1-13.8-3.2-21-3.2 | ||
+ | c-11,0-20.9,2.4-29.6,7.1c-8.7,4.7-15.5,11.6-20.3,20.5c-4.8,9-7.2,19.9-7.2,32.9c0,13,2.8,24.4,8.5,34.3 | ||
+ | c5.7,9.8,13.4,17.4,23.2,22.7c9.8,5.3,21.2,7.9,34.3,7.9c5.8,0,11.4-0.6,16.7-1.7c5.3-1.1,9.8-2.5,13.3-4.1c3.5-1.6,6.9-3.6,10.2-6 | ||
+ | L819.1,155.1z"/> | ||
+ | <path class="st0" d="M828.8,34.3l0.8-0.7c11.9,0.5,21.2,0.8,27.8,0.8c7.4,0,17.3-0.2,29.8-0.7c4.6-0.1,8-0.2,10.1-0.2 | ||
+ | c16.5,0,27.6,3,33.5,9c5.9,6,8.8,13.1,8.8,21.3c0,5.5-1.4,10.8-4.3,16.1c-2.9,5.3-7.1,9.8-12.7,13.5c-5.6,3.7-13.3,6.6-23.1,8.4 | ||
+ | c1.8,2.5,5.1,6.9,9.9,13.2l13.9,18.4c4.5,6.1,9.3,12.5,14.5,19.2c5.1,6.7,8.5,10.5,10,11.4c1.5,0.9,2.8,1.4,3.9,1.6 | ||
+ | s2.8,0.3,5.1,0.3l0.8,0.8v4.6l-0.9,0.9c-3.1-0.4-6.8-0.6-11.1-0.6c-4.6,0-9.7,0.2-15.1,0.6c-4.5-5.5-11.6-14.9-21.2-28.4 | ||
+ | c-11.2-15.6-22.7-30.1-34.4-43.5l1-3c3.4,0.2,6,0.3,7.9,0.3c11.3,0,20.1-2.7,26.5-8.1c6.4-5.4,9.6-12.9,9.6-22.5 | ||
+ | c0-8.6-2.9-15.1-8.6-19.5c-5.7-4.4-13.5-6.6-23.2-6.6c-6.8,0-13.3,0.9-19.3,2.8c-1,1.4-1.5,13.6-1.5,36.6v45.2l0.1,19 | ||
+ | c0.1,7.4,0.3,12.1,0.6,14.3c0.3,2.1,0.8,3.6,1.4,4.3c0.6,0.7,1.8,1.3,3.6,1.8s6.1,0.9,13,1.1l0.8,0.6v4.9l-0.8,0.8 | ||
+ | c-0.3,0-6.1-0.2-17.2-0.6c-4.6-0.1-8.2-0.2-10.8-0.2c-2,0-11.3,0.3-27.9,0.8l-0.8-0.8v-4.9l0.8-0.6c6.1-0.3,10.1-0.6,12.1-1 | ||
+ | c2-0.4,3.4-0.9,4.1-1.5c0.7-0.6,1.2-1.9,1.7-4c0.4-2,0.7-6.5,0.7-13.5l0.1-20.6V80.4l-0.2-19c-0.1-7.4-0.2-12.2-0.5-14.4 | ||
+ | s-0.7-3.6-1.4-4.3c-0.6-0.7-1.8-1.3-3.6-1.8c-1.8-0.5-6.1-0.8-13-1.1l-0.8-0.7V34.3z"/> | ||
+ | <path class="st0" d="M964.1,33.6l12.2,0.4c8,0.3,13.2,0.4,15.7,0.4c2.2,0,11.6-0.3,28-0.8l0.8,0.7v4.9l-0.8,0.7 | ||
+ | c-4.5,0.1-8,0.3-10.4,0.6c-2.4,0.3-4.2,0.7-5.3,1.5c-1.1,0.7-1.8,2.4-2.2,5c-0.4,2.6-0.5,6.3-0.5,11l-0.2,22.5v45.2l0.1,19 | ||
+ | c0.1,7.4,0.3,12.1,0.6,14.3c0.3,2.1,0.8,3.6,1.4,4.3c0.6,0.7,1.8,1.3,3.6,1.8s6.1,0.9,13,1.1l0.8,0.6v4.9l-0.8,0.8 | ||
+ | c-0.3,0-6.1-0.2-17.2-0.6c-4.6-0.1-8.2-0.2-10.8-0.2c-2,0-11.3,0.3-27.9,0.8l-0.8-0.8v-4.9l0.8-0.6c6.1-0.3,10.1-0.6,12.1-1 | ||
+ | c2-0.4,3.4-0.9,4.1-1.5c0.7-0.6,1.2-1.9,1.7-4c0.4-2,0.7-6.5,0.7-13.5l0.1-20.6V80.4l-0.2-19c-0.1-7.4-0.2-12.2-0.5-14.4 | ||
+ | s-0.7-3.6-1.4-4.3c-0.6-0.7-1.8-1.3-3.6-1.8c-1.8-0.5-6.1-0.8-13-1.1l-0.8-0.7v-4.9L964.1,33.6z"/> | ||
+ | <path class="st0" d="M1031.4,33.6c16.4,0.5,26.9,0.8,31.3,0.8c6.1,0,13-0.2,20.6-0.5c8.1-0.3,13.1-0.4,14.9-0.4 | ||
+ | c9.1,0,16.7,0.9,22.6,2.8c6,1.9,10.9,5.3,14.8,10.4c3.9,5,5.9,11.1,5.9,18.2c0,5.9-1.4,11.5-4.1,17s-6.5,10.1-11.4,14 | ||
+ | c-4.9,3.8-9.8,6.6-14.8,8.3c-5,1.7-10.2,2.5-15.6,2.5c-4,0-8.5-0.5-13.5-1.4l-1.7-6l0.9-1c4.9,1.1,8.9,1.7,11.9,1.7 | ||
+ | c8.5,0,15.4-2.8,20.6-8.4c5.2-5.6,7.8-12.8,7.8-21.6c0-8.9-2.7-15.9-8.1-21.2s-13.5-7.9-24.4-7.9c-5.9,0-12.4,1.1-19.5,3.3 | ||
+ | c-0.6,5-0.9,17.1-0.9,36.3v45.2l0.1,19c0.1,7.4,0.3,12.1,0.6,14.3c0.3,2.1,0.8,3.6,1.4,4.3c0.6,0.7,1.8,1.3,3.6,1.8s6.1,0.9,13,1.1 | ||
+ | l0.8,0.6v4.9l-0.8,0.8c-16.6-0.5-25.9-0.8-28-0.8c-2.2,0-11.5,0.3-27.9,0.8l-0.8-0.8v-4.9l0.8-0.6c6.1-0.3,10.1-0.6,12.1-1 | ||
+ | c2-0.4,3.4-0.9,4.1-1.5c0.7-0.6,1.2-1.9,1.7-4c0.4-2,0.7-6.5,0.7-13.5l0.1-20.6V80.4l-0.2-19c-0.1-7.4-0.2-12.2-0.5-14.4 | ||
+ | s-0.7-3.6-1.4-4.3c-0.6-0.7-1.8-1.3-3.6-1.8c-1.8-0.5-6.1-0.8-13-1.1l-0.8-0.7v-4.9L1031.4,33.6z"/> | ||
+ | <path class="st0" d="M1264.4,33.6l0.9,0.9c-0.6,5.9-0.9,16.1-0.9,30.7l-0.8,0.8h-4.6l-0.8-0.9l-1.1-9c-0.5-4.8-0.9-7.8-1.2-8.8 | ||
+ | s-0.8-1.9-1.4-2.3c-0.7-0.5-2.8-0.9-6.3-1.2c-3.6-0.3-7.6-0.5-12-0.5h-18.5c-0.5,14.7-0.8,23.2-0.8,25.5v56.9l0.2,19 | ||
+ | c0.1,7.4,0.2,12.1,0.5,14.3c0.3,2.2,0.7,3.6,1.4,4.3c0.6,0.7,1.8,1.3,3.6,1.8s6.1,0.9,13.1,1.1l0.7,0.6v4.9l-0.7,0.8 | ||
+ | c-16.7-0.5-26-0.8-27.9-0.8c-2.1,0-11.4,0.3-27.8,0.8l-0.8-0.8v-4.9l0.8-0.6c6.1-0.3,10.2-0.6,12.2-1c2-0.4,3.3-0.9,4-1.5 | ||
+ | c0.7-0.6,1.3-1.9,1.7-4c0.5-2,0.7-6.5,0.7-13.5l0.2-20.6V68.7c0-1-0.3-9.5-0.8-25.5h-14.6c-6,0-11.2,0.1-15.5,0.4 | ||
+ | c-4.4,0.3-6.9,0.9-7.6,2s-1.3,4.6-1.9,10.5l-1,9l-0.9,0.9h-4.5l-0.8-0.8c-0.1-15.7-0.4-25.9-0.9-30.7l0.9-0.9 | ||
+ | c11.3,0.5,30.2,0.8,56.5,0.8C1234.6,34.4,1253.5,34.1,1264.4,33.6z"/> | ||
+ | <path class="st0" d="M1273.7,104.3c0-9.8,1.4-18.9,4.2-27.3c2.8-8.5,7.6-16.3,14.3-23.5c6.7-7.2,14.9-12.8,24.4-16.7 | ||
+ | c9.5-3.9,20.2-5.9,32.2-5.9c22.2,0,39.9,6,53,18.1c13.2,12.1,19.7,28.6,19.7,49.5c0,14.7-3.2,27.9-9.7,39.6s-15.7,20.8-27.7,27.3 | ||
+ | s-25.5,9.8-40.5,9.8c-10.6,0-20.4-1.8-29.3-5.3c-8.9-3.5-16.5-8.8-22.8-15.9c-6.3-7-10.8-15.2-13.7-24.4 | ||
+ | C1275.1,120.3,1273.7,111.9,1273.7,104.3z M1294,97.9c0,7.9,1.3,16.5,3.9,25.6c2.6,9.1,6.4,17,11.5,23.5c5.1,6.5,11,11.4,17.7,14.6 | ||
+ | c6.7,3.2,14.3,4.8,22.8,4.8c10.1,0,19.1-2.3,27-6.9c7.9-4.6,13.9-11.8,18-21.5c4.1-9.7,6.2-20.7,6.2-32.8c0-13.1-2.3-25-7-35.6 | ||
+ | c-4.7-10.6-11.4-18.3-20-23.1c-8.7-4.8-18.3-7.2-28.8-7.2c-15.8,0-28.3,4.9-37.4,14.8C1298.6,63.9,1294,78.5,1294,97.9z"/> | ||
+ | <path class="st0" d="M1610,33.9l0.9,0.8v4.8l-0.8,0.7c-7.2,0.2-11.6,0.6-13.3,1.1c-1.7,0.5-2.9,1.4-3.7,2.6 | ||
+ | c-0.7,1.2-1.1,3.6-1.2,7.1s-0.3,13.4-0.5,29.8v45c0,6.5,0.1,13.9,0.3,22.1s0.6,13,1.2,14.3c0.6,1.3,1.7,2.3,3.4,2.9 | ||
+ | c1.6,0.6,6.3,1,13.9,1.2l0.8,0.7v4.8l-0.9,0.8c-10.6-0.6-19.9-0.9-27.7-0.9c-5.3,0-14.4,0.3-27.2,0.9l-0.9-0.8V167l0.8-0.8 | ||
+ | c7.2-0.2,11.6-0.6,13.3-1.1c1.7-0.5,2.9-1.4,3.7-2.6c0.7-1.2,1.1-3.6,1.3-7.2c0.1-3.6,0.3-13.5,0.5-29.7V54l-33.7,70.5 | ||
+ | c-8.5,17.6-15.9,34.2-22.2,49.8h-3.8c-3.6-8.4-6.6-15.1-9-20.1l-46.7-97v68.3c0,6.4,0.1,13.7,0.2,22c0.2,8.3,0.6,13.1,1.2,14.4 | ||
+ | c0.7,1.3,1.8,2.3,3.4,2.9c1.6,0.7,6.3,1,13.9,1.2l0.8,0.8v4.7l-0.9,0.9l-6.3-0.3c-6.4-0.3-12-0.5-16.6-0.5c-2.1,0-9.9,0.3-23.3,0.8 | ||
+ | l-0.8-0.8v-4.7l0.8-0.9c7.2-0.1,11.6-0.5,13.3-1c1.7-0.5,2.9-1.4,3.7-2.6c0.7-1.2,1.2-3.5,1.3-6.9c0.1-3.4,0.2-13.4,0.4-30V80.8 | ||
+ | c0-5.9-0.1-13.1-0.2-21.6c-0.2-8.5-0.6-13.4-1.2-14.7c-0.6-1.3-1.7-2.3-3.4-3c-1.6-0.6-6.3-1-13.9-1.2l-0.8-0.8v-4.7l0.9-0.9 | ||
+ | c4.5,0.3,10.5,0.5,18.2,0.5c7.2,0,13.4-0.2,18.8-0.5c5.5,12.6,10.7,24.1,15.7,34.3l37,76l33.4-69.6c9-18.8,15.1-32.4,18.3-40.6 | ||
+ | c6.3,0.3,12.4,0.5,18.5,0.5C1596.1,34.4,1602.5,34.2,1610,33.9z"/> | ||
+ | <path class="st0" d="M1621.2,33.6l12.2,0.4c8,0.3,13.2,0.4,15.7,0.4c2.2,0,11.6-0.3,28-0.8l0.8,0.7v4.9l-0.8,0.7 | ||
+ | c-4.5,0.1-8,0.3-10.4,0.6c-2.4,0.3-4.2,0.7-5.3,1.5c-1.1,0.7-1.8,2.4-2.2,5c-0.4,2.6-0.5,6.3-0.5,11l-0.2,22.5v45.2l0.1,19 | ||
+ | c0.1,7.4,0.3,12.1,0.6,14.3c0.3,2.1,0.8,3.6,1.4,4.3c0.6,0.7,1.8,1.3,3.6,1.8s6.1,0.9,13,1.1l0.8,0.6v4.9l-0.8,0.8 | ||
+ | c-0.3,0-6.1-0.2-17.2-0.6c-4.6-0.1-8.2-0.2-10.8-0.2c-2,0-11.3,0.3-27.9,0.8l-0.8-0.8v-4.9l0.8-0.6c6.1-0.3,10.1-0.6,12.1-1 | ||
+ | c2-0.4,3.4-0.9,4.1-1.5c0.7-0.6,1.2-1.9,1.7-4c0.4-2,0.7-6.5,0.7-13.5l0.1-20.6V80.4l-0.2-19c-0.1-7.4-0.2-12.2-0.5-14.4 | ||
+ | s-0.7-3.6-1.4-4.3c-0.6-0.7-1.8-1.3-3.6-1.8c-1.8-0.5-6.1-0.8-13-1.1l-0.8-0.7v-4.9L1621.2,33.6z"/> | ||
+ | <path class="st0" d="M1819,155.1l-3.7,9.1c-14.5,7.4-29.9,11-46.3,11c-23.5,0-42.6-6.7-57.3-20c-14.7-13.3-22-30.8-22-52.3 | ||
+ | c0-14.8,3.7-27.8,11-38.9c7.3-11.1,17-19.4,29-24.9c12-5.5,25.5-8.3,40.5-8.3c8.7,0,17.2,0.9,25.7,2.7c8.5,1.8,15.5,4,21.2,6.5 | ||
+ | l0.7,1c-1.5,3.6-2.9,12.7-4.2,27.1l-0.7,0.8h-4.6l-0.8-0.8l-1-16.6c-4.8-3.8-10.5-6.7-17.2-8.8c-6.7-2.1-13.8-3.2-21-3.2 | ||
+ | c-11,0-20.9,2.4-29.6,7.1c-8.7,4.7-15.5,11.6-20.3,20.5c-4.8,9-7.2,19.9-7.2,32.9c0,13,2.8,24.4,8.5,34.3 | ||
+ | c5.7,9.8,13.4,17.4,23.2,22.7c9.8,5.3,21.2,7.9,34.3,7.9c5.8,0,11.4-0.6,16.7-1.7c5.3-1.1,9.8-2.5,13.3-4.1c3.5-1.6,6.9-3.6,10.2-6 | ||
+ | L1819,155.1z"/> | ||
+ | <path class="st0" d="M1832.3,138l0.8-0.8h4.8l0.8,0.8c0.3,8.3,0.8,13.4,1.3,15.3c0.6,1.9,2.3,3.8,5.3,5.9c3,2.1,6.9,3.7,11.8,5 | ||
+ | c4.9,1.3,9.9,2,14.9,2c6.9,0,13.1-1.3,18.6-3.8c5.5-2.5,9.8-6.3,12.8-11.2c3.1-4.9,4.6-10.4,4.6-16.6c0-4.3-0.7-8-2.2-11.2 | ||
+ | c-1.5-3.2-3.5-5.7-6.2-7.7c-2.6-1.9-5.6-3.4-9-4.3c-3.4-0.9-8.4-2-15.1-3.1c-6.5-1-11.6-2-15.3-2.8c-3.7-0.8-7.3-2.1-11-3.9 | ||
+ | c-3.6-1.8-6.7-4-9.1-6.7c-2.4-2.7-4.4-6-5.9-10c-1.5-3.9-2.2-8.2-2.2-12.6c0-12.2,4.2-22.2,12.7-29.9c8.5-7.8,19.8-11.7,34.1-11.7 | ||
+ | c5.7,0,11.8,0.7,18.5,2.1c6.7,1.4,12.7,3.5,18.2,6.2l0.7,1.2c-1.4,6-2.3,14.5-2.6,25.6l-0.9,0.8h-5.1l-0.8-0.7 | ||
+ | c-0.1-7.8-0.3-12.7-0.6-14.7c-0.3-2-3.2-4.5-8.9-7.5c-5.7-3-11.8-4.5-18.5-4.5c-5.5,0-10.7,1.1-15.5,3.3 | ||
+ | c-4.8,2.2-8.5,5.7-10.9,10.4c-2.5,4.8-3.7,9.6-3.7,14.6c0,3.8,0.7,7.2,2.2,10.2c1.5,3,3.4,5.3,5.8,7c2.4,1.7,5.1,3,8.3,3.9 | ||
+ | c3.2,0.8,8.9,1.9,17.3,3.1c11.5,1.6,19.9,3.6,25.1,5.9c5.2,2.3,9.4,6,12.6,11c3.2,5,4.7,11.1,4.7,18.2c0,13.9-5.6,25.4-16.9,34.7 | ||
+ | c-11.3,9.2-25,13.9-41.1,13.9c-13.5,0-25.3-2.4-35.4-7.2l-0.6-1.3C1831.5,162.6,1832,153,1832.3,138z"/> | ||
+ | </g> | ||
+ | |||
+ | </svg> | ||
</div> | </div> | ||
Line 100: | Line 296: | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </head> | ||
+ | |||
+ | <div class="body"> | ||
+ | <div class="parallax"></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"> | ||
+ | <section id="section02" class="demo"> | ||
+ | <h1></h1> | ||
+ | <a href="#scrolldown"><span></span></a> | ||
+ | </section> | ||
+ | </div> | ||
+ | <div class= "content blur-box" style="font-size:16px;"> | ||
+ | <div class ="content-text" id="scrolldown" > | ||
+ | <div style="height:5em;"></div> | ||
+ | <!-- FROM THIS POINT DOWNWARDS YOU START ADDING YOUR STUFF --> | ||
+ | |||
+ | |||
+ | <h1>Barcoding</h1> | ||
+ | |||
+ | |||
+ | <p>Throughout the worm buster project we have at many times felt the need for assistance or input on different parts of our project. Without those small but immensely meaningful things our project would never had gotten this far and in the worse case never been possible at all. Therefore we would like to express our gratitude to all the people that supported us throughout the project. </p> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!-- HERE ENDS THE PORTION WHERE YOU PUT IN YOUR CONTENT--> | ||
+ | <div style="height:5em;"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
</html> | </html> |
Revision as of 15:28, 13 October 2018
:root{ --primary: #8b1a32; --secondary:#969696; --tertiary: #f15025; --whiteish: #fcf7ff; --light-blue:#cde6f5; --alt-secondary: #554640; } html{ width: 100%; height: 100%; } *{ margin: 0; padding: 0; box-sizing: border-box; } .parallax { /* The image used */ background-image: url("https://static.igem.org/mediawiki/2018/9/99/T--Uppsala--Transcriptomics-HEADER_2.jpeg"); /* Set a specific height */ min-height: 99vh; /* Create the parallax scrolling effect */ background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; /*background: linear-gradient(to bottom, transparent 90%);*/ } .blur-box { background-color: var(--whiteish); box-shadow: 0 0 10px 10px var(--whiteish); } .sub-header{ /* Set a specific height */ height:20vw; min-height: 150px; /* Create the parallax scrolling effect */ /*background-attachment: fixed;*/ background-position: center; background-repeat: no-repeat; background-size: cover; } .sub-header h1{ font-size: 60; text-align: center; position:absolute; left:0; right:0; margin-top:6.5% ; margin-left:auto; margin-right: auto; color:white; bottom: px; } /* TODO: CHANGE */ #blue{ background-image: url(redbanner.jpg); } h1, h2{ color: #661325; } h1{ margin-top:2em; margin-bottom: 0.5em; } #first-title{ top:100px; margin-top: 0; } .content{ position:relative; background-color: var(--whiteish); } .content-text{ margin-top:2em; min-width: 400px; width:70%; position: relative; margin: auto; /*background-color: #8c7cff;*/ } .scroll-pointer{ top:85%; position:absolute; /*margin-left:auto; margin-right:auto;*/ width: 100%; padding: 0; } .scroll-pointer img{ color: var(--primary) ; } .center-icon{ width:100px; position: relative; display: block; margin-right: auto; margin-left: auto; opacity: 0.8; } .center { display: block; margin-left: auto; margin-right: auto; width: 50%; }
Barcoding
Throughout the worm buster project we have at many times felt the need for assistance or input on different parts of our project. Without those small but immensely meaningful things our project would never had gotten this far and in the worse case never been possible at all. Therefore we would like to express our gratitude to all the people that supported us throughout the project.