(Created page with "{{Uppsala/javascript/iGemRemoval_js}} {{Uppsala/css_removal}} {{Uppsala/main_template}} {{Uppsala/scroll-button}} {{Uppsala/javascript/scroll-button}} {{Uppsala/javascript/red...") |
|||
Line 6: | Line 6: | ||
{{Uppsala/javascript/redirect_js}} | {{Uppsala/javascript/redirect_js}} | ||
+ | <html> | ||
+ | <head> | ||
+ | <style type="text/css"> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | /* CSS FOR FLOWCHART */ | |
− | + | ||
− | + | ||
− | + | ||
+ | #lab-content{ | ||
+ | padding: 3em; | ||
+ | } | ||
+ | |||
+ | .flowchart{ | ||
+ | display: grid; | ||
+ | grid-template-columns: repeat(auto-fit, 100px); | ||
+ | grid-gap: 0.5em; | ||
+ | } | ||
+ | |||
+ | |||
+ | .flowchart > div.card { | ||
+ | /* background-color: var(--primary); | ||
+ | border-radius: 8px; */ | ||
+ | height: 100px; | ||
+ | width: 100px; | ||
+ | } | ||
+ | |||
− | |||
− | + | /*ARROW STUFF */ | |
− | + | ||
+ | .arrowed { | ||
+ | position: relative; | ||
+ | /*height: 50px; width: 50px;*/ | ||
+ | margin: 5%; | ||
+ | /* border: 1px solid rgba(0,0,0,1); */ | ||
+ | } | ||
+ | |||
+ | /* Just centering the examples */ | ||
+ | .arrowed div { | ||
+ | position: absolute; | ||
+ | top: 0; bottom: 0; left: 0; right: 0; | ||
+ | margin: auto; | ||
+ | } | ||
+ | .arrow-5 { | ||
+ | /* more triangle */ | ||
+ | position: relative; | ||
+ | height: 0px; width: 0px; | ||
+ | border: 12px solid; | ||
+ | border-color: | ||
+ | black | ||
+ | black | ||
+ | transparent | ||
+ | transparent; | ||
− | + | /* darkcyan | |
− | + | darkcyan | |
− | + | transparent | |
− | + | transparent; */ | |
− | + | transform: rotate(45deg); | |
− | + | } | |
− | + | ||
− | + | .arrow-5:before { | |
− | + | content: ''; | |
− | + | position: absolute; | |
− | + | top: 0px; right: 0px; | |
− | + | display: block; | |
− | + | height: 12px; width: 16px; | |
− | + | background-color: black; | |
− | + | transform: | |
− | + | rotate(-45deg) | |
− | + | translate(2px, 1px); | |
− | + | } | |
− | + | ||
− | + | ||
− | + | .content-card-img { | |
− | + | border: transparent; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | |||
+ | /** End of Arrow Stuff**/ | ||
+ | |||
− | |||
− | |||
+ | /* CLICKABLE LINK FOR FLOW CHART */ | ||
− | + | .make-flowchart-link { | |
− | + | position:absolute; | |
− | + | width:100%; | |
− | + | height:100%; | |
− | + | top:0; | |
− | + | left: 0; | |
+ | z-index: 1; | ||
+ | /* to fix overlapp problems, include a empty svg */ | ||
+ | /* background-image: url('empty.gif'); */ | ||
+ | } | ||
Line 136: | Line 116: | ||
− | |||
Line 146: | Line 125: | ||
− | |||
+ | </style> | ||
Line 155: | Line 134: | ||
+ | <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/d/d6/T--Uppsala--Large.jpg"); | ||
− | + | /* 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> | ||
Line 221: | Line 279: | ||
+ | <!------HEADER TEXT-------> | ||
− | + | ||
+ | <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 2419 819" style="enable-background:new 0 0 2419 819;" xml:space="preserve"> | ||
+ | <style type="text/css"> | ||
+ | .st0{fill:#fff;stroke:#FFFFFF;stroke-width:3;stroke-miterlimit:10;} | ||
+ | </style> | ||
+ | <g> | ||
+ | <path class="st0" d="M568.8,303.2L551,221.7L513.3,61c-3-12.8-6.1-19.9-9.4-21.4c-3.3-1.5-10.3-2.9-21.1-4.2l-1.6-1.6v-8.6l1.6-1.8 | ||
+ | c18.8,1,35.4,1.6,49.8,1.6c10.8,0,26.6-0.5,47.3-1.6l1.8,1.8v8.6l-1.6,1.6c-14.5,0.5-23.1,1.2-26.1,2.1c-2.9,0.9-4.4,3.1-4.4,6.4 | ||
+ | c0,2.7,1.3,11.4,3.9,25.9c2.6,14.5,4.9,26.3,7,35.4l30.7,135.4l48.2-120.1c12.6-31.8,25.1-65,37.3-99.8h12.5 | ||
+ | c10.4,32.7,21.2,64.4,32.2,95.1l45.9,127.3l33.2-116.6c3.4-12.2,7.5-28.3,12.5-48.2c4.9-19.9,7.4-31.4,7.4-34.6 | ||
+ | c0-3.5-1.6-5.7-4.9-6.5c-3.3-0.8-12.6-1.5-28.1-1.9l-1.6-1.8v-8.6l1.6-1.6c22.1,1,35.5,1.6,40,1.6c4.2,0,17.7-0.5,40.6-1.6l1.6,1.6 | ||
+ | v8.8l-1.6,1.4c-7.4,0.3-12.4,0.9-14.8,2.1c-2.5,1.1-4.6,2.8-6.4,5.1c-1.8,2.3-4.4,9-7.8,20l-11.3,36.3l-20.1,65.8 | ||
+ | c-2.9,9.5-8.1,28.8-15.8,57.8l-21.7,80.9h-19.9c-13.5-40.4-24.7-72.7-33.6-96.9L672.1,85.8l-38.9,96.5L612.4,237 | ||
+ | c-5.5,14.5-9.8,26.2-13.1,35.4l-10.7,30.9H568.8z"/> | ||
+ | <path class="st0" d="M886.2,164.9c0-19.5,2.8-37.8,8.4-54.7c5.6-16.9,15.1-32.6,28.6-47c13.5-14.4,29.7-25.5,48.7-33.4 | ||
+ | c19-7.9,40.5-11.8,64.5-11.8c44.4,0,79.8,12.1,106.1,36.2c26.3,24.2,39.5,57.1,39.5,98.9c0,29.4-6.4,55.9-19.3,79.3 | ||
+ | s-31.3,41.7-55.4,54.7s-51,19.5-81,19.5c-21.2,0-40.8-3.5-58.6-10.6c-17.8-7.1-33-17.7-45.6-31.7c-12.6-14.1-21.7-30.3-27.3-48.8 | ||
+ | C889,197,886.2,180.1,886.2,164.9z M926.8,152c0,15.9,2.6,33,7.7,51.3c5.1,18.3,12.8,34,23,47.1c10.2,13.1,22,22.8,35.4,29.2 | ||
+ | c13.3,6.4,28.5,9.6,45.6,9.6c20.2,0,38.1-4.6,53.9-13.9c15.8-9.2,27.7-23.6,35.9-43.1c8.2-19.5,12.3-41.3,12.3-65.5 | ||
+ | c0-26.3-4.7-50.1-14.1-71.3c-9.4-21.2-22.7-36.7-40-46.3c-17.3-9.6-36.5-14.5-57.6-14.5c-31.6,0-56.6,9.9-74.8,29.7 | ||
+ | C935.9,84.1,926.8,113.4,926.8,152z"/> | ||
+ | <path class="st0" d="M1199.5,24.9l1.6-1.4c23.8,1,42.4,1.6,55.7,1.6c14.7,0,34.6-0.5,59.6-1.4c9.2-0.3,15.9-0.4,20.1-0.4 | ||
+ | c32.9,0,55.3,6,67,18c11.7,12,17.6,26.2,17.6,42.6c0,10.9-2.9,21.7-8.6,32.2c-5.7,10.5-14.2,19.6-25.4,27.1 | ||
+ | c-11.2,7.5-26.6,13.1-46.3,16.9c3.6,5.1,10.2,13.9,19.7,26.4l27.7,36.7c9,12.1,18.6,24.9,28.9,38.4c10.3,13.5,16.9,21.1,19.9,22.9 | ||
+ | c3,1.8,5.6,2.8,7.7,3.2s5.6,0.6,10.3,0.6l1.6,1.6v9.2l-1.8,1.8c-6.3-0.8-13.7-1.2-22.3-1.2c-9.2,0-19.3,0.4-30.3,1.2 | ||
+ | c-9-10.9-23.1-29.9-42.4-56.8c-22.4-31.3-45.3-60.2-68.8-86.9l2-6.1c6.8,0.4,12,0.6,15.8,0.6c22.5,0,40.2-5.4,52.9-16.2 | ||
+ | c12.8-10.8,19.1-25.8,19.1-44.9c0-17.2-5.7-30.2-17.2-39c-11.5-8.8-27-13.2-46.5-13.2c-13.7,0-26.6,1.9-38.7,5.7 | ||
+ | c-2,2.9-2.9,27.3-2.9,73.2v90.4l0.2,38.1c0.1,14.7,0.5,24.2,1.2,28.5c0.6,4.3,1.6,7.2,2.8,8.6c1.2,1.4,3.6,2.6,7.1,3.6 | ||
+ | s12.2,1.7,26,2.2l1.6,1.2v9.8l-1.6,1.6c-0.7,0-12.1-0.4-34.4-1.2c-9.2-0.3-16.5-0.4-21.7-0.4c-4,0-22.7,0.5-55.9,1.6l-1.6-1.6v-9.8 | ||
+ | l1.6-1.2c12.1-0.5,20.2-1.2,24.2-2c4-0.8,6.7-1.8,8.1-3c1.4-1.2,2.5-3.9,3.3-7.9c0.8-4,1.3-13,1.5-27l0.2-41.2v-90.4l-0.4-38.1 | ||
+ | c-0.1-14.8-0.5-24.4-1.1-28.7s-1.5-7.2-2.7-8.6c-1.2-1.4-3.6-2.6-7.1-3.5c-3.5-0.9-12.2-1.6-26-2.1l-1.6-1.4V24.9z"/> | ||
+ | <path class="st0" d="M1825.8,24.1l1.8,1.6v9.6l-1.6,1.4c-14.3,0.4-23.2,1.1-26.7,2.1c-3.5,1-5.9,2.8-7.3,5.2 | ||
+ | c-1.4,2.4-2.2,7.1-2.4,14.2s-0.6,26.9-1.1,59.6v90c0,13,0.2,27.7,0.6,44.1s1.2,25.9,2.4,28.6c1.2,2.7,3.5,4.6,6.7,5.9 | ||
+ | c3.3,1.2,12.5,2.1,27.7,2.4l1.6,1.4v9.6l-1.8,1.6c-21.2-1.2-39.7-1.8-55.5-1.8c-10.7,0-28.8,0.6-54.5,1.8l-1.8-1.6v-9.4l1.6-1.6 | ||
+ | c14.3-0.4,23.2-1.1,26.7-2.1c3.4-1,5.9-2.8,7.3-5.2c1.4-2.4,2.3-7.2,2.5-14.4c0.3-7.2,0.6-27,1-59.4V64.3l-67.4,141 | ||
+ | c-16.9,35.3-31.7,68.5-44.3,99.6h-7.6c-7.3-16.8-13.3-30.2-18-40.2l-93.4-193.9v136.5c0,12.8,0.2,27.4,0.5,44 | ||
+ | c0.3,16.6,1.1,26.2,2.4,28.8c1.3,2.6,3.6,4.6,6.8,5.9c3.3,1.3,12.5,2.1,27.7,2.3l1.6,1.6v9.4l-1.8,1.8l-12.5-0.6 | ||
+ | c-12.9-0.7-24-1-33.2-1c-4.2,0-19.7,0.5-46.7,1.6l-1.6-1.6v-9.4l1.6-1.8c14.3-0.3,23.2-0.9,26.6-2c3.4-1,5.8-2.8,7.3-5.3 | ||
+ | c1.5-2.5,2.3-7.1,2.5-13.9c0.2-6.8,0.5-26.8,0.9-60v-89.5c0-11.8-0.2-26.3-0.5-43.3c-0.3-17-1.1-26.8-2.3-29.5 | ||
+ | c-1.2-2.7-3.5-4.7-6.7-6c-3.3-1.3-12.5-2.1-27.7-2.3l-1.6-1.6v-9.4l1.8-1.8c9,0.7,21.1,1,36.3,1c14.3,0,26.8-0.3,37.5-1 | ||
+ | c10.9,25.3,21.4,48.1,31.4,68.6l74,152l66.8-139.3c18.1-37.6,30.3-64.7,36.5-81.3c12.5,0.7,24.8,1,36.9,1 | ||
+ | C1798.1,25.1,1811,24.7,1825.8,24.1z"/> | ||
+ | <path class="st0" d="M271.5,746.5l-7.4,18.2c-28.9,14.7-59.8,22.1-92.6,22.1c-47,0-85.2-13.3-114.6-40c-29.4-26.7-44-61.6-44-104.7 | ||
+ | c0-29.7,7.3-55.6,22-77.8c14.6-22.2,34-38.8,58-49.8c24-11,51-16.5,81-16.5c17.3,0,34.4,1.8,51.4,5.5c16.9,3.6,31.1,8,42.4,13.1 | ||
+ | l1.4,2c-3,7.3-5.8,25.3-8.4,54.1l-1.4,1.6h-9.2l-1.6-1.6l-2-33.2c-9.5-7.5-21-13.4-34.5-17.7c-13.5-4.2-27.5-6.3-42.1-6.3 | ||
+ | c-22,0-41.7,4.7-59.2,14.2c-17.5,9.4-31,23.1-40.6,41c-9.6,17.9-14.5,39.8-14.5,65.7c0,26,5.7,48.9,17,68.6 | ||
+ | c11.3,19.7,26.8,34.8,46.4,45.3c19.6,10.5,42.5,15.8,68.7,15.8c11.6,0,22.7-1.1,33.4-3.3c10.7-2.2,19.6-4.9,26.7-8.2 | ||
+ | c7.1-3.3,13.9-7.2,20.4-11.9L271.5,746.5z"/> | ||
+ | <path class="st0" d="M288.5,504.9l1.6-1.4c32.3,1,50.9,1.6,55.9,1.6c4.4,0,23.1-0.5,56.1-1.6l1.6,1.4v9.8L402,516 | ||
+ | c-9,0.3-15.9,0.7-20.8,1.2c-4.9,0.5-8.4,1.5-10.6,2.9c-2.2,1.4-3.7,4.8-4.4,10.1c-0.7,5.3-1.1,12.6-1.1,22l-0.4,44.9v62.1 | ||
+ | c0,20.4,0.4,35.4,1.3,45c0.8,9.6,2.7,17.6,5.5,24.2c2.8,6.6,7.1,12.2,12.8,17c5.7,4.8,13.9,8.6,24.6,11.6c10.7,3,22.8,4.5,36.3,4.5 | ||
+ | c14.3,0,27.7-2,40.1-6c12.4-4,21.9-9.7,28.4-17.3c6.5-7.5,10.8-17.5,12.8-29.8c2-12.3,3-29.4,3-51.3v-60.2 | ||
+ | c0-10.2-0.2-24.1-0.5-41.9c-0.3-17.8-1.1-28-2.3-30.7c-1.2-2.7-3.5-4.7-6.8-6.1s-12.5-2.2-27.6-2.4l-1.6-1.6v-9.2l1.6-1.8 | ||
+ | c19.3,1,34.7,1.6,46.3,1.6c9.9,0,25.3-0.5,46.1-1.6l1.8,1.6v9.4l-1.8,1.6c-12.2,0.3-20.2,0.8-23.9,1.5c-3.7,0.7-6.3,1.8-7.8,3.2 | ||
+ | c-1.5,1.4-2.6,3.6-3.3,6.6c-0.7,3-1.2,11.6-1.5,25.8l-0.6,43.9v59.4c0,23.7-0.9,42.4-2.7,56.1c-1.8,13.7-5.9,24.9-12.2,33.7 | ||
+ | c-6.3,8.8-13.8,16.1-22.5,22.1c-8.7,5.9-19.8,10.5-33.3,13.7c-13.5,3.2-27.6,4.8-42.2,4.8c-18.2,0-34.3-2-48.3-6.1 | ||
+ | c-14-4-25-9.4-33.1-16c-8.1-6.6-13.9-13.6-17.4-21c-3.5-7.4-5.8-16-6.8-26c-1-10-1.6-25.2-1.6-45.6v-75L327,559 | ||
+ | c-0.1-14.8-0.5-24.4-1.1-28.7s-1.5-7.2-2.7-8.6c-1.2-1.4-3.6-2.6-7.1-3.5c-3.5-0.9-12.2-1.6-26-2.1l-1.6-1.4V504.9z"/> | ||
+ | <path class="st0" d="M601,504.9l1.6-1.4c32.3,1,50.9,1.6,55.9,1.6c4.4,0,23.1-0.5,56.1-1.6l1.6,1.4v9.8l-1.6,1.4 | ||
+ | c-9,0.3-15.9,0.7-20.8,1.2c-4.9,0.5-8.4,1.5-10.6,2.9c-2.2,1.4-3.7,4.8-4.4,10.1c-0.7,5.3-1.1,12.6-1.1,22l-0.4,44.9v86.3 | ||
+ | c0,21.6,0.1,36.7,0.4,45.3l1,33.8h39.8c31.8,0,51.6-0.4,59.5-1.2c7.9-0.8,15.5-2.7,22.8-5.7c1.4-3.3,3.5-10.7,6.2-22.5 | ||
+ | c2.7-11.7,4.1-18.5,4.2-20.3l1.8-1.6h9.6l1.4,1.6c-1,5.2-2.1,15.3-3.2,30.3c-1.1,15-1.7,27.1-1.7,36.3l-1.6,1.6 | ||
+ | c-24.7-0.8-57.2-1.2-97.5-1.2l-57-0.4c-13,0-26.3,0.5-39.8,1.6l-1.6-1.6V773l1.6-2c8.1-4.2,12.5-6.7,13.3-7.6 | ||
+ | c0.8-0.9,1.6-9.3,2.4-25.2c0.8-15.9,1.3-35,1.3-57.4v-83.8l-0.4-38.1c-0.1-14.8-0.5-24.4-1.1-28.7s-1.5-7.2-2.7-8.6 | ||
+ | c-1.2-1.4-3.6-2.6-7.1-3.5c-3.5-0.9-12.2-1.6-26-2.1l-1.6-1.4V504.9z"/> | ||
+ | <path class="st0" d="M1054.4,503.5l1.8,1.8c-1.2,11.7-1.8,32.2-1.8,61.3l-1.6,1.6h-9.2l-1.6-1.8l-2.1-18c-1-9.6-1.9-15.5-2.4-17.7 | ||
+ | s-1.5-3.7-2.8-4.7c-1.3-1-5.5-1.8-12.7-2.4c-7.2-0.7-15.2-1-24-1H961c-1,29.4-1.6,46.4-1.6,51v113.9l0.4,38.1 | ||
+ | c0.1,14.7,0.5,24.3,1.1,28.6c0.6,4.4,1.5,7.2,2.7,8.6c1.2,1.4,3.6,2.5,7.1,3.5s12.2,1.7,26.2,2.2l1.4,1.2v9.8l-1.4,1.6 | ||
+ | c-33.3-1-52-1.6-55.9-1.6c-4.2,0-22.7,0.5-55.7,1.6l-1.6-1.6v-9.8l1.6-1.2c12.2-0.5,20.3-1.2,24.3-2c4-0.8,6.6-1.8,8-3 | ||
+ | c1.4-1.2,2.5-3.9,3.4-7.9c0.9-4,1.4-13,1.4-27l0.4-41.2V573.6c0-2.1-0.5-19.1-1.6-51h-29.1c-12,0-22.3,0.3-31.1,0.8 | ||
+ | c-8.7,0.5-13.8,1.9-15.1,4s-2.6,9.1-3.8,21l-2,18l-1.8,1.8h-9l-1.6-1.6c-0.3-31.4-0.8-51.8-1.8-61.3l1.8-1.8 | ||
+ | c22.7,1,60.4,1.6,113.1,1.6C994.8,505.1,1032.6,504.6,1054.4,503.5z"/> | ||
+ | <path class="st0" d="M1069.6,504.9l1.6-1.4c32.3,1,50.9,1.6,55.9,1.6c4.4,0,23.1-0.5,56.1-1.6l1.6,1.4v9.8l-1.6,1.4 | ||
+ | c-9,0.3-15.9,0.7-20.8,1.2c-4.9,0.5-8.4,1.5-10.6,2.9c-2.2,1.4-3.7,4.8-4.4,10.1c-0.7,5.3-1.1,12.6-1.1,22l-0.4,44.9v62.1 | ||
+ | c0,20.4,0.4,35.4,1.3,45c0.8,9.6,2.7,17.6,5.5,24.2c2.8,6.6,7.1,12.2,12.8,17c5.7,4.8,13.9,8.6,24.6,11.6c10.7,3,22.8,4.5,36.3,4.5 | ||
+ | c14.3,0,27.7-2,40.1-6c12.4-4,21.9-9.7,28.4-17.3c6.5-7.5,10.8-17.5,12.8-29.8c2-12.3,3-29.4,3-51.3v-60.2 | ||
+ | c0-10.2-0.2-24.1-0.5-41.9c-0.3-17.8-1.1-28-2.3-30.7c-1.2-2.7-3.5-4.7-6.8-6.1s-12.5-2.2-27.6-2.4l-1.6-1.6v-9.2l1.6-1.8 | ||
+ | c19.3,1,34.7,1.6,46.3,1.6c9.9,0,25.3-0.5,46.1-1.6l1.8,1.6v9.4l-1.8,1.6c-12.2,0.3-20.2,0.8-23.9,1.5c-3.7,0.7-6.3,1.8-7.8,3.2 | ||
+ | c-1.5,1.4-2.6,3.6-3.3,6.6c-0.7,3-1.2,11.6-1.5,25.8l-0.6,43.9v59.4c0,23.7-0.9,42.4-2.7,56.1c-1.8,13.7-5.9,24.9-12.2,33.7 | ||
+ | c-6.3,8.8-13.8,16.1-22.5,22.1c-8.7,5.9-19.8,10.5-33.3,13.7c-13.5,3.2-27.6,4.8-42.2,4.8c-18.2,0-34.3-2-48.3-6.1 | ||
+ | c-14-4-25-9.4-33.1-16c-8.1-6.6-13.9-13.6-17.4-21c-3.5-7.4-5.8-16-6.8-26c-1-10-1.6-25.2-1.6-45.6v-75l-0.4-38.1 | ||
+ | c-0.1-14.8-0.5-24.4-1.1-28.7s-1.5-7.2-2.7-8.6c-1.2-1.4-3.6-2.6-7.1-3.5c-3.5-0.9-12.2-1.6-26-2.1l-1.6-1.4V504.9z"/> | ||
+ | <path class="st0" d="M1383.1,504.9l1.6-1.4c23.8,1,42.4,1.6,55.7,1.6c14.7,0,34.6-0.5,59.6-1.4c9.2-0.3,15.9-0.4,20.1-0.4 | ||
+ | c32.9,0,55.3,6,67,18c11.7,12,17.6,26.2,17.6,42.6c0,10.9-2.9,21.7-8.6,32.2c-5.7,10.5-14.2,19.6-25.4,27.1 | ||
+ | c-11.2,7.5-26.6,13.1-46.3,16.9c3.6,5.1,10.2,13.9,19.7,26.4l27.7,36.7c9,12.1,18.6,24.9,28.9,38.4c10.3,13.5,16.9,21.1,19.9,22.9 | ||
+ | c3,1.8,5.6,2.8,7.7,3.2s5.6,0.6,10.3,0.6l1.6,1.6v9.2l-1.8,1.8c-6.3-0.8-13.7-1.2-22.3-1.2c-9.2,0-19.3,0.4-30.3,1.2 | ||
+ | c-9-10.9-23.1-29.9-42.4-56.8c-22.4-31.3-45.3-60.2-68.8-86.9l2-6.1c6.8,0.4,12,0.6,15.8,0.6c22.5,0,40.2-5.4,52.9-16.2 | ||
+ | c12.8-10.8,19.1-25.8,19.1-44.9c0-17.2-5.7-30.2-17.2-39c-11.5-8.8-27-13.2-46.5-13.2c-13.7,0-26.6,1.9-38.7,5.7 | ||
+ | c-2,2.9-2.9,27.3-2.9,73.2v90.4l0.2,38.1c0.1,14.7,0.5,24.2,1.2,28.5c0.7,4.3,1.6,7.2,2.8,8.6c1.2,1.4,3.6,2.6,7.1,3.6 | ||
+ | s12.2,1.7,26,2.2l1.6,1.2v9.8l-1.6,1.6c-0.7,0-12.1-0.4-34.4-1.2c-9.2-0.3-16.5-0.4-21.7-0.4c-4,0-22.7,0.5-55.9,1.6l-1.6-1.6v-9.8 | ||
+ | l1.6-1.2c12.1-0.5,20.2-1.2,24.2-2c4-0.8,6.7-1.8,8.1-3c1.4-1.2,2.5-3.9,3.3-7.9c0.8-4,1.3-13,1.5-27l0.2-41.2v-90.4l-0.4-38.1 | ||
+ | c-0.1-14.8-0.5-24.4-1.1-28.7s-1.5-7.2-2.7-8.6c-1.2-1.4-3.6-2.6-7.1-3.5c-3.5-0.9-12.2-1.6-26-2.1l-1.6-1.4V504.9z"/> | ||
+ | <path class="st0" d="M1653.6,503.5l24.4,0.8c16,0.5,26.5,0.8,31.4,0.8c4.4,0,23.1-0.5,56.1-1.6l1.6,1.4v9.8l-1.6,1.4 | ||
+ | c-9,0.3-15.9,0.7-20.8,1.2c-4.9,0.5-8.4,1.5-10.6,2.9c-2.2,1.4-3.7,4.8-4.4,10.1c-0.7,5.3-1.1,12.6-1.1,22l-0.4,44.9v90.4l0.2,38.1 | ||
+ | c0.1,14.7,0.5,24.2,1.2,28.5c0.7,4.3,1.6,7.2,2.8,8.6c1.2,1.4,3.6,2.6,7.1,3.6s12.2,1.7,26,2.2l1.6,1.2v9.8l-1.6,1.6 | ||
+ | c-0.7,0-12.1-0.4-34.4-1.2c-9.2-0.3-16.5-0.4-21.7-0.4c-4,0-22.7,0.5-55.9,1.6l-1.6-1.6v-9.8l1.6-1.2c12.1-0.5,20.2-1.2,24.2-2 | ||
+ | c4-0.8,6.7-1.8,8.1-3c1.4-1.2,2.5-3.9,3.3-7.9c0.8-4,1.3-13,1.5-27l0.2-41.2v-90.4l-0.4-38.1c-0.1-14.8-0.5-24.4-1.1-28.7 | ||
+ | s-1.5-7.2-2.7-8.6c-1.2-1.4-3.6-2.6-7.1-3.5c-3.5-0.9-12.2-1.6-26-2.1l-1.6-1.4v-9.8L1653.6,503.5z"/> | ||
+ | <path class="st0" d="M1789.7,780.9l-1.8-1.8v-9l1.8-1.6c7.9-0.1,14.3-0.6,19-1.4c4.8-0.8,7.8-2.1,9.2-3.9c1.4-1.8,2.3-4.8,2.7-8.8 | ||
+ | c0.5-4,0.9-13.2,1.4-27.3c0.5-14.2,0.7-24.3,0.7-30.5V538.9c0-6.6-1.2-11.6-3.6-14.7c-2.4-3.2-5.7-5.2-9.9-6.1 | ||
+ | c-4.2-0.8-11.3-1.3-21.3-1.5l-1.6-1.6v-9.2l1.6-1.8c18,0.7,29.8,1,35.4,1c13.2,0,24-0.3,32.4-1L1918,585l91.6,114.8 | ||
+ | c11.1,13.9,22.3,27.1,33.8,39.6V588.3c0-4.7-0.2-14.7-0.7-30c-0.5-15.3-1-25-1.7-29.1c-0.7-4.1-1.8-6.9-3.4-8.3 | ||
+ | c-1.6-1.4-4.7-2.5-9.2-3.2c-4.5-0.7-10.6-1.1-18.3-1.3l-1.6-1.6v-9l1.6-1.8c10.5,0.7,25.6,1,45.1,1c17.8,0,30.8-0.3,38.9-1l1.8,1.8 | ||
+ | v9l-1.6,1.6c-8.6,0.1-15.2,0.6-19.9,1.5c-4.7,0.8-7.6,2.2-8.8,4.2s-2,4.8-2.4,8.6c-0.5,3.8-0.9,12.8-1.4,27 | ||
+ | c-0.5,14.2-0.7,24.4-0.7,30.7V681l0.2,53.7c0.3,17.6,0.5,35.2,0.8,52.9c-6.5-2.2-17.8-5-33.8-8.2l-13.9-16.4l-41.6-50.8 | ||
+ | l-132.4-165.4v149.8c0,6,0.2,16.7,0.7,32c0.5,15.4,1,24.7,1.7,27.9c0.7,3.3,1.5,5.5,2.5,6.7c1,1.2,3.3,2.4,6.7,3.4 | ||
+ | c3.4,1,10.6,1.6,21.4,1.8l1.6,1.6v9.2l-1.6,1.6c-6.8-0.9-17.7-1.4-32.8-1.4C1821.3,779.5,1804.3,779.9,1789.7,780.9z"/> | ||
+ | <path class="st0" d="M2401.8,673v5.9l-0.8,2.3l-9.6,5.7c-2.3,1.4-3.7,2.5-4.1,3.3s-0.9,4.7-1.5,11.6c-0.6,7-0.9,15.5-0.9,25.5 | ||
+ | c0,11.3,0.7,23.6,2.1,36.9l-1.2,2c-35.7,13.7-72.3,20.5-110,20.5c-28.9,0-55-5.5-78.3-16.4c-23.3-10.9-41.8-27.1-55.5-48.6 | ||
+ | s-20.5-47-20.5-76.6c0-45,15.4-80.9,46.2-107.4c30.8-26.6,71-39.8,120.6-39.8c36.5,0,69.2,6.2,98.2,18.6l1.4,2.1 | ||
+ | c-2.3,8.7-5.1,27-8.2,54.9l-1.6,1.4h-9l-1.6-1.6l-1-20.7c-0.4-6.8-0.8-10.7-1.3-11.9c-0.5-1.2-1.9-2.7-4.2-4.6 | ||
+ | c-2.3-1.9-8.4-4.9-18.1-9c-9.7-4.1-19.4-7.1-29.2-9c-9.8-1.9-20.2-2.8-31.4-2.8c-23.8,0-44.9,5-63.3,14.8 | ||
+ | c-18.4,9.9-32.2,24.3-41.5,43.3c-9.3,18.9-14,40-14,63.2c0,24,5,46.3,15,66.9c10,20.6,24.4,36.8,43.2,48.3 | ||
+ | c18.8,11.6,40.6,17.4,65.4,17.4c10.8,0,21.8-1.1,33.1-3.2c11.3-2.1,20.5-5.2,27.8-9.1c1.2-4.2,1.8-12.6,1.8-25.2V710 | ||
+ | c0-10.3-0.7-16.7-2-19.2c-1.3-2.5-4.5-4.3-9.7-5.4c-5.1-1-16.2-1.7-33.3-2l-1.8-1.8V673l1.8-1.8l11.9,0.4c20.4,0.7,37.1,1,50,1 | ||
+ | c7.4,0,18.3-0.4,32.6-1.2L2401.8,673z"/> | ||
+ | |||
+ | </g> | ||
+ | </svg> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </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> | ||
− | + | <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> Design | ||
+ | </h1> | ||
+ | <p>The main goal of our project has been the creation of a diagnostic tool for detecting the level of infestation of small strongyles (cyathostomins) in horse faeces. For this purpose, transcriptomics and phage display analysis have been performed. These techniques, however, require large amounts of clean sterilized strongyles. | ||
+ | For this reason, the first part of our project has been the recovery and the processing of the nematodes, to obtain samples usable for the following segments of the project. <br><br> | ||
+ | |||
+ | While dealing with this task, however, many times our group has faces one problem: the lack of information. Not much, in fact, has been published about strongyles and techniques to handle them. For this reason, this first part of the project often involved the adaptation of a pre-existing protocol or the creation of entirely new ones. | ||
+ | |||
+ | </p> | ||
+ | |||
+ | <!-- HERE ENDS THE PORTION WHERE YOU PUT IN YOUR CONTENT--> | ||
+ | <div style="height:5em;"></div> | ||
+ | |||
</html> | </html> |
Revision as of 13:14, 15 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/d/d6/T--Uppsala--Large.jpg"); /* 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%; }
Design
The main goal of our project has been the creation of a diagnostic tool for detecting the level of infestation of small strongyles (cyathostomins) in horse faeces. For this purpose, transcriptomics and phage display analysis have been performed. These techniques, however, require large amounts of clean sterilized strongyles.
For this reason, the first part of our project has been the recovery and the processing of the nematodes, to obtain samples usable for the following segments of the project.
While dealing with this task, however, many times our group has faces one problem: the lack of information. Not much, in fact, has been published about strongyles and techniques to handle them. For this reason, this first part of the project often involved the adaptation of a pre-existing protocol or the creation of entirely new ones.