|
|
(25 intermediate revisions by 2 users not shown) |
Line 1: |
Line 1: |
| <html> | | <html> |
| + | |
| <head> | | <head> |
− | <style>
| + | <style> |
− | /* hides "Team:Cornell" and iGEM logo */
| + | /* hides "Team:Cornell" and iGEM logo */ |
− | #top_title {
| + | #top_title { |
− | display: none;
| + | |
− | }
| + | |
− | | + | |
− | /* removes padding below footer */
| + | |
− | #globalWrapper {
| + | |
− | padding: 0;
| + | |
− | }
| + | |
− | | + | |
− | #content {
| + | |
− | padding: 0px;
| + | |
− | width: 100% !important;
| + | |
− | margin-top: 0px;
| + | |
− | margin-left: 0px ;
| + | |
− | }
| + | |
− | | + | |
− | /* removes default styling for home banner tagline */
| + | |
− | #HQ_page p {
| + | |
− | font-family: 'Opens Sans', sans-serif;
| + | |
− | }
| + | |
− | | + | |
− | /* removes small extra margin at very bottom below footer */
| + | |
− | p {
| + | |
− | margin: 0;
| + | |
− | }
| + | |
− | | + | |
− | /* removes bullets from Toolkit dropdown menu */
| + | |
− | ul {
| + | |
− | list-style-image: none;
| + | |
− | }
| + | |
− | | + | |
− | /********************************* PRACTICES TIMELINE ********************************/
| + | |
− | | + | |
− | .timeline {
| + | |
− | position: relative;
| + | |
− | margin-top: 100px;
| + | |
− | }
| + | |
− | | + | |
− | .timeline::before {
| + | |
− | content: '';
| + | |
− | position: absolute;
| + | |
− | margin: 0;
| + | |
− | position: absolute;
| + | |
− | left: 50%;
| + | |
− | width: 1.5px;
| + | |
− | background: #808080;
| + | |
− | z-index: 1;
| + | |
− | }
| + | |
− | | + | |
− | .inspiration-timeline::before {
| + | |
− | transform: translate(-50%, -52%);
| + | |
− | height: 1250px;
| + | |
− | top: 650px;
| + | |
− | }
| + | |
− | | + | |
− | .ideation-timeline::before {
| + | |
− | transform: translate(-50%, -51%);
| + | |
− | height: 2370px;
| + | |
− | top: 1215px;
| + | |
− | }
| + | |
− | | + | |
− | .implementation-timeline::before {
| + | |
− | transform: translate(-50%, -51.2%);
| + | |
− | height: 1140px;
| + | |
− | top: 580px;
| + | |
− | }
| + | |
− | | + | |
− | .timeline-block {
| + | |
− | margin-bottom: 50px;
| + | |
− | }
| + | |
− | | + | |
− | .timeline-img {
| + | |
− | display: block;
| + | |
− | margin: 0 auto;
| + | |
− | padding-top: 25px;
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | | + | |
− | .date {
| + | |
− | font-family: 'Source Sans Pro', serif;
| + | |
− | font-size: 18px;
| + | |
− | }
| + | |
− | | + | |
− | .timeline-content h3 {
| + | |
− | font-family: 'Source Sans Pro', serif;
| + | |
− | font-weight: bold;
| + | |
− | font-size: 20px;
| + | |
− | }
| + | |
− | | + | |
− | .timeline-content p {
| + | |
− | line-height: 1.8;
| + | |
− | font-size: 14px;
| + | |
− | }
| + | |
− | | + | |
− | .timeline-content-left {
| + | |
− | padding-left: 0;
| + | |
− | text-align: right;
| + | |
− | }
| + | |
− | | + | |
− | .timeline-content-right {
| + | |
− | padding-right: 0;
| + | |
− | }
| + | |
− | | + | |
− | .marker {
| + | |
− | width: 16px;
| + | |
− | height: 16px;
| + | |
− | border-radius: 50%;
| + | |
− | border: 2px solid #567151;
| + | |
− | background: #567151;
| + | |
− | margin: 0;
| + | |
− | position: absolute;
| + | |
− | left: 50%;
| + | |
− | transform: translate(-50%, -50%);
| + | |
− | z-index: 3;
| + | |
− | }
| + | |
− | | + | |
− | .urban-info {
| + | |
− | font-style: italic;
| + | |
− | text-align: center;
| + | |
− | }
| + | |
− | | + | |
− | @media (max-width: 995px) {
| + | |
− | .timeline::before {
| + | |
− | display: none;
| + | |
− | }
| + | |
− | .marker {
| + | |
− | display: none;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | /********************************* END PRACTICES TIMELINE ********************************/
| + | |
− | | + | |
− | | + | |
− | /* Typography */
| + | |
− | | + | |
− | .text-left {
| + | |
− | text-align: left;
| + | |
− | }
| + | |
− | | + | |
− | .text-right {
| + | |
− | text-align: right;
| + | |
− | }
| + | |
− | | + | |
− | .text-center {
| + | |
− | text-align: center;
| + | |
− | }
| + | |
− | | + | |
− | .text-justify {
| + | |
− | text-align: justify;
| + | |
− | }
| + | |
− | | + | |
− | .text-nowrap {
| + | |
− | white-space: nowrap;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | /* Tab */
| + | |
− | | + | |
− | .tab-section-01 .content>.tab-pane {
| + | |
| display: none; | | display: none; |
− | }
| + | } |
| | | |
− | .tab-section-01 .content>.active {
| + | /* removes padding below footer */ |
− | display: block; | + | #globalWrapper { |
− | }
| + | padding: 0; |
| + | } |
| | | |
− | .tab-section-01 .content p:last-of-type {
| + | #content { |
− | margin-bottom: 0; | + | padding: 0px; |
− | }
| + | width: 100% !important; |
| + | margin-top: 0px; |
| + | margin-left: 0px; |
| + | } |
| | | |
− | .tab-section-01 .tabs li {
| + | /* removes default styling for home banner tagline */ |
− | display: inline-block;
| + | #HQ_page p, .standard-page-content-list { |
− | border: 3px solid #a0e0bd;
| + | font-family: 'Open Sans', sans-serif; |
− | }
| + | font-size: 16px; |
− | | + | font-weight: 100; |
− | .tab-section-01 .tabs li a {
| + | |
− | display: inline-block;
| + | |
− | font-family: 'Source Sans Pro', sans-serif; | + | |
− | letter-spacing: 0.2em;
| + | |
− | font-size: 12px; | + | |
− | }
| + | |
− | | + | |
− | .tab-section-01.style-1 .tabs li {
| + | |
− | margin-right: 5px;
| + | |
− | }
| + | |
− | | + | |
− | .tab-section-01.style-1 .tabs li a {
| + | |
− | font-size: 12px;
| + | |
− | font-weight: 700; | + | |
− | outline: none;
| + | |
− | padding: 10px 30px;
| + | |
| color: #000; | | color: #000; |
− | }
| + | padding-top: 0; |
| + | padding-bottom: 0; |
| + | } |
| | | |
− | .tab-section-01.style-1 .tabs li.active a,
| + | /* removes small extra margin at very bottom below footer */ |
− | .tab-section-01.style-1 .tabs li.active a:focus,
| + | p { |
− | .tab-section-01.style-1 .tabs li.active a:hover {
| + | |
− | color: #ffffff;
| + | |
− | background-color: #567151;
| + | |
− | border-color: #567151;
| + | |
− | cursor: default;
| + | |
− | }
| + | |
− | | + | |
− | .tab-section-01.style-1 .tabs li:hover a {
| + | |
− | background-color: #ffffff;
| + | |
− | }
| + | |
− | | + | |
− | .tab-section-01.style-2 .content {
| + | |
− | padding: 35px;
| + | |
− | border: 1px solid #dddddd;
| + | |
− | border-top: none;
| + | |
− | }
| + | |
− | | + | |
− | .tab-section-01.style-2 .tabs {
| + | |
− | position: relative;
| + | |
− | letter-spacing: -4px;
| + | |
− | text-align: left;
| + | |
− | border-bottom: 1px solid #dddddd;
| + | |
− | }
| + | |
− | | + | |
− | .tab-section-01.style-2 .tabs>li {
| + | |
− | letter-spacing: 0;
| + | |
− | margin-right: -1px;
| + | |
− | margin-bottom: -1px;
| + | |
− | }
| + | |
− | | + | |
− | .tab-section-01.style-2 .tabs>li:before {
| + | |
− | content: '';
| + | |
− | display: block;
| + | |
− | width: 100%;
| + | |
− | height: 1px;
| + | |
− | background-color: transparent;
| + | |
− | }
| + | |
− | | + | |
− | .tab-section-01.style-2 .tabs>li a {
| + | |
− | padding: 10px 30px;
| + | |
− | }
| + | |
− | | + | |
− | .tab-section-01.style-2 .tabs>li a:hover {
| + | |
− | background-color: #eeeeee;
| + | |
− | }
| + | |
− | | + | |
− | .tab-section-01.style-2 .tabs>li.active {
| + | |
− | border-bottom-color: white;
| + | |
− | border-top: 1px solid #30b397;
| + | |
− | }
| + | |
− | | + | |
− | .tab-section-01.style-2 .tabs>li.active:before {
| + | |
− | content: '';
| + | |
− | display: block;
| + | |
− | width: 100%;
| + | |
− | height: 1px;
| + | |
− | background-color: #30b397;
| + | |
− | }
| + | |
− | | + | |
− | .tab-section-01.style-2 .tabs>li.active a,
| + | |
− | .tab-section-01.style-2 .tabs>li.active a:hover,
| + | |
− | .tab-section-01.style-2 .tabs>li.active a:focus {
| + | |
− | cursor: default;
| + | |
− | background-color: #ffffff;
| + | |
− | }
| + | |
− | | + | |
− | .tab-section-01.style-3 .content {
| + | |
− | padding: 35px;
| + | |
− | border: 1px solid #dddddd;
| + | |
− | border-top: none;
| + | |
− | }
| + | |
− | | + | |
− | .tab-section-01.style-3 .tabs {
| + | |
− | position: relative;
| + | |
− | letter-spacing: -4px;
| + | |
− | text-align: right;
| + | |
− | border-bottom: 1px solid #dddddd;
| + | |
− | }
| + | |
− | | + | |
− | .tab-section-01.style-3 .tabs>li {
| + | |
− | letter-spacing: 0;
| + | |
− | margin-right: -1px;
| + | |
− | margin-bottom: -1px;
| + | |
− | }
| + | |
− | | + | |
− | .tab-section-01.style-3 .tabs>li:before {
| + | |
− | content: '';
| + | |
− | display: block;
| + | |
− | width: 100%;
| + | |
− | height: 1px;
| + | |
− | background-color: transparent;
| + | |
− | }
| + | |
− | | + | |
− | .tab-section-01.style-3 .tabs>li a {
| + | |
− | padding: 10px 30px;
| + | |
− | }
| + | |
− | | + | |
− | .tab-section-01.style-3 .tabs>li a:hover {
| + | |
− | background-color: #eeeeee;
| + | |
− | }
| + | |
− | | + | |
− | .tab-section-01.style-3 .tabs>li.active {
| + | |
− | border-bottom-color: white;
| + | |
− | border-top: 1px solid #30b397;
| + | |
− | }
| + | |
− | | + | |
− | .tab-section-01.style-3 .tabs>li.active:before {
| + | |
− | content: '';
| + | |
− | display: block;
| + | |
− | width: 100%;
| + | |
− | height: 1px;
| + | |
− | background-color: #30b397;
| + | |
− | }
| + | |
− | | + | |
− | .tab-section-01.style-3 .tabs>li.active a,
| + | |
− | .tab-section-01.style-3 .tabs>li.active a:hover,
| + | |
− | .tab-section-01.style-3 .tabs>li.active a:focus {
| + | |
− | cursor: default;
| + | |
− | background-color: #ffffff;
| + | |
− | }
| + | |
− | | + | |
− | @media (max-width: 767px) {
| + | |
− | .tab-section-01 .tabs li {
| + | |
− | display: block;
| + | |
− | margin-bottom: 20px;
| + | |
− | }
| + | |
− | .tab-section-01 .tabs li a {
| + | |
− | width: 100%;
| + | |
− | padding: 10px 35px;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | /******************** GENERAL PAGES START ********************/
| + | |
− | | + | |
− | @import url('https://fonts.googleapis.com/css?family=Merriweather|Open+Sans|Raleway');
| + | |
− | html,
| + | |
− | body {
| + | |
− | width: 100%;
| + | |
− | height: 100%;
| + | |
| margin: 0; | | margin: 0; |
− | padding: 0;
| + | } |
− | overflow-x: hidden;
| + | |
− | }
| + | |
| | | |
− | body {
| + | /* removes bullets from Toolkit dropdown menu */ |
− | background-size: 40px 40px; | + | ul { |
− | }
| + | list-style-image: none; |
| + | } |
| | | |
− | p {
| + | /******************** ALL FONTS START ********************/ |
− | color: #000;
| + | @import url('https://fonts.googleapis.com/css?family=Merriweather|Open+Sans:400,700|Raleway'); |
− | font-family: 'Open Sans', sans-serif;
| + | @font-face { |
− | }
| + | font-family: 'Futura'; |
| + | src: url('../futura/futura\ medium\ bt.ttf'); |
| + | } |
| | | |
− | nav {
| + | body { |
− | padding-top: 30px;
| + | font-family: 'Open Sans', sans-serif; |
− | padding-bottom: 30px;
| + | } |
− | padding-right: 100px;
| + | |
− | background-color: #a0e0bd;
| + | |
− | height: 98px;
| + | |
− | }
| + | |
| | | |
− | .nav-bar-logo {
| + | .dropbtn, .dropdown-content { |
− | vertical-align: top;
| + | font-size: 16px; |
− | display: inline-block;
| + | } |
− | float: left;
| + | |
− | margin-left: 80px;
| + | |
− | margin-top: -5px;
| + | |
− | }
| + | |
| | | |
− | .nav-bar-logo img {
| + | .standard-page-banner > svg > text, .standard-page-content-title, .standard-page-side-bar-wrapper, .standard-page-content-subheading { |
− | width: 140px;
| + | font-family: 'Futura', sans-serif; |
− | }
| + | } |
| | | |
− | .nav-bar-main-menu {
| + | .tile-title { |
− | font-family: 'Raleway', sans-serif;
| + | font-family: 'Futura', sans-serif; |
− | }
| + | } |
| | | |
− | .banner-container {
| + | /******************** ALL FONTS END ********************/ |
− | display: flex;
| + | |
− | flex-direction: row;
| + | |
− | flex-wrap: wrap;
| + | |
− | justify-content: center;
| + | |
− | }
| + | |
| | | |
− | .home-banner-logo {
| + | html, |
− | height: 250px;
| + | body { |
− | width: 35%;
| + | width: 100%; |
− | padding-top: 170px;
| + | height: 100%; |
− | margin-right: -400px;
| + | margin: 0; |
− | }
| + | padding: 0; |
| + | overflow-x: hidden; |
| + | } |
| | | |
− | .home-banner-wrapper {
| + | body { |
− | background: #a0e0bd;
| + | background-size: 40px 40px; |
− | height: 400px;
| + | } |
− | width: 100%;
| + | |
− | }
| + | |
| | | |
− | .home-banner-plants {
| + | p { |
− | height: 400px;
| + | color: #000; |
− | width: 80%;
| + | } |
− | }
| + | |
| | | |
− | .dropbtn {
| + | nav { |
− | background-color: transparent;
| + | padding-top: 30px; |
− | text-decoration: none;
| + | padding-bottom: 30px; |
− | padding: 15px;
| + | padding-right: 100px; |
− | margin: 0px;
| + | background-color: #a0e0bd; |
− | font-size: 15px;
| + | height: 98px; |
− | border: none;
| + | } |
− | color: #fff;
| + | |
− | }
| + | |
| | | |
− | @media (max-width: 1050px) {
| + | .nav-bar-logo { |
− | .dropbtn {
| + | vertical-align: top; |
− | font-size: 12px;
| + | display: inline-block; |
− | }
| + | float: left; |
− | }
| + | margin-left: 80px; |
| + | margin-top: -5px; |
| + | } |
| | | |
− | .dropdown {
| + | .nav-bar-logo img { |
− | position: relative;
| + | width: 140px; |
− | vertical-align: top;
| + | } |
− | display: inline-block;
| + | |
− | float: right;
| + | |
− | }
| + | |
| | | |
− | .dropdown ul {
| + | .home-banner-wrapper { |
− | list-style-type: none;
| + | position: relative; |
− | }
| + | background: #a0e0bd; |
| + | height: 675px; |
| + | width: 100%; |
| + | margin-top: -5px; |
| + | } |
| | | |
− | .dropdown a {
| + | .home-banner-logo { |
− | position: relative;
| + | height: 200px; |
− | display: inline-block;
| + | position: absolute; |
− | color: #e8b023;
| + | left: 75px; |
− | text-decoration: none;
| + | bottom: 55px; |
− | }
| + | z-index: 1; |
| + | background-color: rgba(160, 224, 189, 0.5); |
| + | box-shadow: 10px -10px 50px 10px rgba(160, 224, 189, 0.75); |
| + | } |
| | | |
− | .dropdown-content {
| + | .home-banner-plants { |
− | display: none;
| + | position: absolute; |
− | position: absolute;
| + | top: 10px; |
− | background-color: #016c64;
| + | right: -10; |
− | color: #ffffff;
| + | bottom: 20px; |
− | width: 200px;
| + | height: 680px; |
− | font-size: 14px;
| + | width: 1400px; |
− | box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
| + | } |
− | z-index: 1;
| + | |
− | }
| + | |
| | | |
− | .toolkit-dropdown-content {
| + | .dropbtn { |
− | width: 720px;
| + | background-color: transparent; |
− | left: -160px;
| + | text-decoration: none; |
− | }
| + | padding: 15px; |
| + | margin: 0px; |
| + | font-size: 15px; |
| + | border: none; |
| + | color: #fff; |
| + | } |
| | | |
− | .modeling-dropdown-content {
| + | @media (max-width: 1050px) { |
− | left: -40px;
| + | .dropbtn { |
− | }
| + | font-size: 12px; |
| + | } |
| + | } |
| | | |
− | .human-dropdown-content {
| + | .dropdown { |
− | left: 12px;
| + | position: relative; |
− | }
| + | vertical-align: top; |
| + | display: inline-block; |
| + | float: right; |
| + | } |
| | | |
− | .outreach-dropdown-content {
| + | .dropdown ul { |
− | width: 230px;
| + | list-style-type: none; |
− | left: -40px;
| + | } |
− | }
| + | |
| | | |
− | .team-dropdown-content {
| + | .dropdown a { |
− | width: 140px;
| + | position: relative; |
− | left: -35px;
| + | display: inline-block; |
− | }
| + | color: #e8b023; |
| + | text-decoration: none; |
| + | } |
| | | |
− | .dropdown-content a {
| + | .dropdown-content { |
− | color: #ffffff;
| + | display: none; |
− | padding: 12px 16px;
| + | position: absolute; |
− | text-decoration: none;
| + | background-color: #016c64; |
− | display: block;
| + | color: #ffffff; |
− | }
| + | width: 200px; |
| + | font-size: 14px; |
| + | box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); |
| + | z-index: 1; |
| + | } |
| | | |
− | .wet-lab-list-title,
| + | .dropdown-content a:hover { |
− | .doc-list-title,
| + | background-color: #a0e0bd !important; |
− | .pd-list-title {
| + | } |
− | padding-top: 12px;
| + | |
− | padding-left: 16px;
| + | |
− | padding-bottom: 14px;
| + | |
− | }
| + | |
| | | |
− | .nav-second-col {
| + | .toolkit-dropdown-content { |
− | margin-left: 30px;
| + | width: 630px; |
− | }
| + | left: -160px; |
| + | } |
| | | |
− | .nav-third-col {
| + | .modeling-dropdown-content { |
− | margin-left: 30px;
| + | left: -40px; |
− | }
| + | } |
| | | |
− | .dropbtn:hover,
| + | .human-dropdown-content { |
− | .active-page {
| + | left: 12px; |
− | color: #016c64;
| + | } |
− | transition-duration: 0.5s;
| + | |
− | }
| + | |
| | | |
− | .dropdown-content a:hover {
| + | .outreach-dropdown-content { |
− | color: #016c64;
| + | width: 230px; |
− | background-color: #ffffff;
| + | left: -40px; |
− | }
| + | } |
| | | |
− | .dropdown:hover .dropdown-content {
| + | .team-dropdown-content { |
− | display: block;
| + | width: 140px; |
− | }
| + | left: -35px; |
| + | } |
| | | |
− | footer {
| + | .dropdown-content a { |
− | padding: 35px;
| + | color: #ffffff; |
− | position: relative;
| + | padding: 12px 16px; |
− | text-align: center;
| + | text-decoration: none !important; |
− | background-color: #a0e0bd;
| + | display: block; |
− | }
| + | } |
| | | |
− | .footer-wrapper {
| + | .wet-lab-list-title, |
− | margin: auto;
| + | .doc-list-title, |
− | display: inline-block;
| + | .pd-list-title { |
− | }
| + | padding-top: 12px; |
| + | padding-left: 16px; |
| + | padding-bottom: 14px; |
| + | } |
| | | |
− | .icon-wrapper {
| + | .nav-second-col { |
− | display: inline-block;
| + | margin-left: 30px; |
− | position: relative;
| + | } |
− | padding-right: 18px;
| + | |
− | border-right: 0.5px solid white;
| + | |
− | }
| + | |
| | | |
− | .icon-wrapper-last {
| + | .nav-third-col { |
− | border-right: none;
| + | margin-left: 30px; |
− | }
| + | } |
| | | |
− | .icon {
| + | .dropbtn:hover, |
− | margin: 16px;
| + | .active-page { |
− | }
| + | color: #016c64; |
| + | transition-duration: 0.5s; |
| + | } |
| | | |
− | .icon img {
| + | .dropdown-content a:hover { |
− | height: 24px;
| + | color: #016c64; |
− | }
| + | background-color: #ffffff; |
| + | } |
| | | |
| + | .dropdown:hover .dropdown-content { |
| + | display: block; |
| + | } |
| | | |
− | /******************** GENERAL PAGES END ********************/
| + | footer { |
| + | padding: 35px; |
| + | position: relative; |
| + | text-align: center; |
| + | background-color: #a0e0bd; |
| + | } |
| | | |
| + | .footer-wrapper { |
| + | margin: auto; |
| + | display: inline-block; |
| + | } |
| | | |
− | /******************** Entrepreneurship PAGE START ********************/
| + | .icon-wrapper { |
| + | display: inline-block; |
| + | position: relative; |
| + | padding-right: 18px; |
| + | padding-left: 18px; |
| + | border-right: 0.5px solid white; |
| + | } |
| | | |
− | .content-title {
| + | .icon-wrapper-last { |
− | font-family: 'Merriweather', serif;
| + | border-right: none; |
− | font-size: 30px;
| + | } |
− | font-weight: 700;
| + | |
− | color: #000;
| + | |
− | position: relative;
| + | |
− | margin-bottom: 40px;
| + | |
− | text-align: center;
| + | |
− | }
| + | |
| | | |
− | .text-justify {
| + | .icon { |
− | color: #000;
| + | margin: 16px; |
− | font-family: 'Open Sans', sans-serif;
| + | } |
− | font-size: 16px;
| + | |
− | padding-bottom: 60px;
| + | |
− | }
| + | |
| | | |
− | .timeline-block .text-justify {
| + | .icon img { |
− | color: #949494;
| + | height: 24px; |
− | font-size: 14px;
| + | } |
− | }
| + | |
| | | |
− | .references {
| + | /*Start Styles for Standard Page*/ |
− | color: #949494;
| + | .standard-page-banner { |
− | margin-bottom: 60px;
| + | background-image: url(https://static.igem.org/mediawiki/2019/d/d8/T--Cornell--entrepreneurship.jpeg); |
− | }
| + | background-size: cover; |
| + | fill: black; |
| + | font-size:10px; |
| + | } |
| | | |
− | .timeline-button-wrapper {
| + | .standard-page-side-bar-content-wrapper { |
− | text-align: center;
| + | padding: 5% 0; |
− | }
| + | } |
| | | |
− | .entrepreneurship-page-banner {
| + | .standard-page-side-bar>li>a { |
− | background-color: #a0e0bd;
| + | text-decoration: none; |
− | font-size: 10px;
| + | color: #016C64; |
− | }
| + | font-size: 16px; |
| + | } |
| | | |
− | .entrepreneurship-page-content-wrapper {
| + | .standard-page-side-bar { |
− | padding: 80px 80px 0px 80px;
| + | list-style-type: none; |
− | }
| + | padding-left: 15px; |
| + | padding-right: 15px; |
| + | vertical-align: middle; |
| + | margin: 40px !important; |
| + | } |
| | | |
− | .entrepreneurship-page-content-wrapper hr {
| + | .standard-page-side-bar>li { |
− | margin-top: 60px;
| + | margin-bottom: 15px; |
− | margin-bottom: 50px;
| + | } |
− | }
| + | |
| | | |
− | .entrepreneurship-tab-content {
| + | .standard-page-content-title { |
− | margin-top: 80px;
| + | font-size: 24px; |
− | }
| + | color: #000 !important; |
| + | position: relative; |
| + | } |
| | | |
− | .match-my-cols {
| + | .green-accent-line-left { |
− | border: 1px solid;
| + | border: #a0e0bd solid 1px; |
− | border-bottom: 0px;
| + | display: block; |
− | }
| + | float: left; |
| + | margin: 1em auto 1em auto; |
| + | width: 80px; |
| + | } |
| | | |
− | .row {
| + | .standard-page-content-subheading { |
− | margin-left: -15px;
| + | font-size: 18px; |
− | margin-right: -15px;
| + | font-weight: 1; |
− | padding-bottom: 100px;
| + | color: #000; |
− | }
| + | padding-top: 40px; |
| + | padding-bottom: 0; |
| + | } |
| | | |
− | .row .match-my-cols {
| + | .standard-page-content-section { |
− | overflow: hidden;
| + | margin-top: 40px; |
− | }
| + | margin-bottom: 40px; |
| + | } |
| | | |
− | .practices .row {
| + | /*End Style for Standard Page*/ |
− | padding-top: 0;
| + | /******************** STANDARD PAGE GRID START ********************/ |
− | }
| + | nav { |
| + | grid-area: navbar; |
| + | } |
| | | |
− | .content-wrapper {
| + | .nav-bar-main-menu .dropdown:nth-child(5) .dropdown-contentx { |
− | padding: 100px 200px 100px 200px;
| + | display: grid; |
− | font-family: 'Crimson Text', serif;
| + | grid-template-columns: auto auto auto; |
− | font-size: 17px;
| + | } |
− | margin-top: 0;
| + | |
− | margin-bottom: 25px;
| + | |
− | text-align: left;
| + | |
− | color: rgba(7, 7, 7, 0.7);
| + | |
− | line-height: normal;
| + | |
− | }
| + | |
| | | |
− | /******************** Entrepreneurship PAGE END ********************/
| + | .nav-first-col { |
| + | display: inline-grid; |
| + | } |
| | | |
| + | .nav-second-col { |
| + | display: inline-grid; |
| + | } |
| | | |
− | /******************** Entrepreneurship PAGE GRID START ********************/
| + | .nav-third-col { |
| + | display: inline-grid; |
| + | } |
| | | |
− | nav {
| + | footer { |
− | grid-area: navbar;
| + | grid-area: footer; |
− | }
| + | } |
| | | |
− | .nav-bar-main-menu .dropdown:nth-child(5) .dropdown-contentx {
| + | .standard-page-wrapper { |
− | display: grid;
| + | display: grid; |
− | grid-template-columns: auto auto auto;
| + | grid-template-columns: auto; |
− | }
| + | grid-template-rows: 100px 550px auto 100px; |
| + | grid-template-areas: 'navbar' 'standardpagebanner' 'standardpagesidebarcontent' 'footer'; |
| + | } |
| | | |
− | .nav-first-col {
| + | .standard-page-banner { |
− | display: inline-grid;
| + | grid-area: standardpagebanner; |
− | }
| + | } |
| | | |
− | .nav-second-col {
| + | .standard-page-side-bar-content-wrapper { |
− | display: inline-grid;
| + | display: inline-grid; |
− | }
| + | grid-area: standardpagesidebarcontent; |
| + | grid-template-columns: 7.5% 20% 65% 7.5%; |
| + | grid-template-areas: '. standardpagesidebar standardpagecontent .'; |
| + | } |
| | | |
− | .nav-third-col {
| + | .standard-page-side-bar-wrapper { |
− | display: inline-grid;
| + | grid-area: standardpagesidebar; |
− | }
| + | } |
| | | |
− | nav {
| + | .standard-page-content-wrapper { |
− | grid-area: navbar;
| + | grid-area: standardpagecontent; |
− | }
| + | } |
| | | |
− | .entrepreneurship-page-wrapper {
| + | a.icon { |
− | display: grid;
| + | padding: 0 !important; |
− | grid-template-columns: auto;
| + | } |
− | grid-template-rows: 100px 550px auto 100px;
| + | /******************** STANDARD PAGE GRID END ********************/ |
− | grid-template-areas: 'navbar' 'entrepreneurshippagebanner' 'pandppagecontent' 'footer';
| + | </style> |
− | }
| + | |
− | | + | |
− | .entrepreneurship-page-banner {
| + | |
− | grid-area: entrepreneurshippagebanner;
| + | |
− | }
| + | |
− | | + | |
− | .entrepreneurship-page-content-wrapper {
| + | |
− | grid-area: pandppagecontent;
| + | |
− | }
| + | |
− | | + | |
− | footer {
| + | |
− | grid-area: footer;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | /******************** Entrepreneurship PAGE GRID END ********************/
| + | |
− | | + | |
− | </style>
| + | |
| <title>Team:Cornell - 2019.igem.org</title> | | <title>Team:Cornell - 2019.igem.org</title> |
− | <!--CSS--> | + | <!-- CSS --> |
− | <link rel="stylesheet" href="styles/bootstrap.min.css"> | + | <link rel="stylesheet" type="text/css" href="styles/styles.css"> |
− | <link rel="stylesheet" href="styles/business.css"> | + | <link rel="stylesheet" type="text/css" href="styles/grids.css"> |
− | <!-- JS--> | + | <!-- JS --> |
− | <script src="js/jquery-1.11.2.min.js" type="text/javascript"></script> | + | <script src="https://2019.igem.org/Team:Cornell/jquerymin?action=raw&ctype=text/javascript"></script> |
| </head> | | </head> |
| + | <!--NOTE: REMEMBER TO CHANCE active-page CLASS TO CORRECT DROPDOWN--> |
| <body> | | <body> |
− | <div class = "entrepreneurship-page-wrapper"> | + | <div class ="standard-page-wrapper"> |
| <!------------------------ NAV BAR START ------------------------> | | <!------------------------ NAV BAR START ------------------------> |
| <nav> | | <nav> |
| <div class="nav-bar-wrapper"> | | <div class="nav-bar-wrapper"> |
| <div class="nav-bar-logo"> | | <div class="nav-bar-logo"> |
− | <a href="https://2019.igem.org/Team:Cornell"><img src="images/logo.png" alt="reHAB"></a> | + | <a href="https://2019.igem.org/Team:Cornell"><img src="https://static.igem.org/mediawiki/2019/9/94/T--Cornell--Logo.png" alt="reHAB"></a> |
| </div> | | </div> |
| <div class="nav-bar-main-menu"> | | <div class="nav-bar-main-menu"> |
Line 705: |
Line 414: |
| <button class="dropbtn">OUTREACH</button> | | <button class="dropbtn">OUTREACH</button> |
| <div class="dropdown-content outreach-dropdown-content"> | | <div class="dropdown-content outreach-dropdown-content"> |
− | <a href="https://2019.igem.org/Team:Cornell/EducationAndEngagement">EDUCATION & ENGAGEMENT</a> | + | <a href="https://2019.igem.org/Team:Cornell/Public_Engagement">EDUCATION & ENGAGEMENT</a> |
| <a href="https://2019.igem.org/Team:Cornell/Collaborations">COLLABORATIONS</a> | | <a href="https://2019.igem.org/Team:Cornell/Collaborations">COLLABORATIONS</a> |
| </div> | | </div> |
Line 712: |
Line 421: |
| <button class="dropbtn active-page">HUMAN PRACTICES</button> | | <button class="dropbtn active-page">HUMAN PRACTICES</button> |
| <div class="dropdown-content human-dropdown-content"> | | <div class="dropdown-content human-dropdown-content"> |
− | <a href="https://2019.igem.org/Team:Cornell/IntegratedPractices">INTEGRATED PRACTICES</a> | + | <a href="https://2019.igem.org/Team:Cornell/Human_Practices">INTEGRATED PRACTICES</a> |
| <a href="https://2019.igem.org/Team:Cornell/Policies">POLICIES</a> | | <a href="https://2019.igem.org/Team:Cornell/Policies">POLICIES</a> |
| <a href="https://2019.igem.org/Team:Cornell/Entrepreneurship">ENTREPRENEURSHIP</a> | | <a href="https://2019.igem.org/Team:Cornell/Entrepreneurship">ENTREPRENEURSHIP</a> |
Line 734: |
Line 443: |
| </div> | | </div> |
| <div class="nav-second-col"> | | <div class="nav-second-col"> |
− | <li class="pd-list-title"><b>DESIGN</b></li> | + | <li class="pd-list-title"><b>PRODUCT DEVELOPMENT</b></li> |
| <li><a href="https://2019.igem.org/Team:Cornell/DesignProcess">DESIGN PROCESS</a></li> | | <li><a href="https://2019.igem.org/Team:Cornell/DesignProcess">DESIGN PROCESS</a></li> |
| + | <li><a href="https://2019.igem.org/Team:Cornell/Hardware">HARDWARE</a></li> |
| </div> | | </div> |
| <div class="nav-third-col"> | | <div class="nav-third-col"> |
Line 758: |
Line 468: |
| <!------------------------ NAV BAR END ------------------------> | | <!------------------------ NAV BAR END ------------------------> |
| <!------------------------ STANDARD PAGE BANNER START ------------------------> | | <!------------------------ STANDARD PAGE BANNER START ------------------------> |
− | <header class="entrepreneurship-page-banner"> | + | <header class="standard-page-banner"> |
| <svg viewBox="0 0 100 100" width=100% height=100%> | | <svg viewBox="0 0 100 100" width=100% height=100%> |
− | <circle cx="50" cy="50" r="40" fill="white" fill-opacity="0.4"/>
| |
| <text text-anchor="middle" alignment-baseline="middle" x=50% y=50%>Entrepreneurship</text> | | <text text-anchor="middle" alignment-baseline="middle" x=50% y=50%>Entrepreneurship</text> |
| </svg> | | </svg> |
| </header> | | </header> |
| <!------------------------ STANDARD PAGE BANNER END ------------------------> | | <!------------------------ STANDARD PAGE BANNER END ------------------------> |
− | <!------------------------PRACTICES CONTENT------------------------> | + | <!------------------------ STANDARD PAGE SIDE BAR + CONTENT START ------------------------> |
− | <!------------------------OVERVIEW------------------------> | + | <div class="standard-page-side-bar-content-wrapper"> |
− | <div class = "entrepreneurship-page-content-wrapper">
| + | <!------------------------ STANDARD PAGE SIDE BAR START ------------------------> |
− | <section class="entrepreneurship-page-content"> | + | <div class="standard-page-side-bar-wrapper"> |
− | <div> | + | <ul class="standard-page-side-bar"> |
− | <div class="content-title">OVERVIEW</div> | + | <li><a href="#pageheading1">Overview</a></li> |
− | <div class="text-justify"> | + | <li><a href="#pageheading2">Business Canvas Model</a></li> |
− | Harmful algae blooms (HABs) have emerged as one of our most pressing environmental crises. These blooms destroy marine and freshwater ecosystems by removing oxygen from the water as it decomposes, starving marine life. When blooms get especially dense, they block sunlight from reaching the depths of the lake, creating dead zones. They produce toxins dangerous enough to poison animals, and can cause illnesses in humans. <br><br> | + | <li><a href="#pageheading3">Market Analysis</a></li> |
− | In our very own Cayuga Lake, HABs have severely affected the quality of the ecosystem. Thus it becomes a personal interest to do what we can to tackle this issue. We developed a novel solution to detect and degrade toxic microcystin-LR (MC-LR) byproducts from HABs. Microcystins have been shown to poison and kill animals, and have caused harm to humans through irritation of the throat and lungs, and long-term kidney and liver damage. <br><br>
| + | <li><a href="#pageheading4">Future Development</a></li> |
− | The purpose of our project is to detect and degrade MC-LR. Our solution is reHAB, an aptamer based colorimetric detection sensor to detect microcystins. To get samples for testing, we designed a boat to eliminate the need for humans to manually collect water samples and record bloom sites. This detection ability is combined with a degradation functionality. We introduced multiple enzymes that have been shown to effectively degrade MC-LR into the bacteria we use to degrade microcystins, and attached a tag from the TAT pathway to increase the efficiency of this degradation reaction. We house this within a bioreactor filled with alginate-beads that allows us to remediate large quantities of water at once.<br><br>
| + | </ul> |
− | </div> | + | </div> |
| + | <!------------------------ STANDARD PAGE SIDE BAR END ------------------------> |
| + | <!------------------------ STANDARD PAGE CONTENT START ------------------------> |
| + | <div class="standard-page-content-wrapper"> |
| + | <div class="standard-page-content-section"> |
| + | <div class="standard-page-content-title"><div id="pageheading1">Overview</div></div> |
| + | <hr class="green-accent-line-left"> |
| + | <div class="standard-page-content-subheading"></div> |
| + | <p class="standard-page-content-text"> |
| + | Harmful algae blooms (HABs) have emerged as one of our most pressing environmental crises. These blooms destroy marine and freshwater ecosystems by removing oxygen from the water as it decomposes, starving marine life. When blooms get especially dense, they block sunlight from reaching the depths of the lake, creating dead zones. They produce toxins dangerous enough to poison animals, and can cause illnesses in humans. |
| + | In our very own Cayuga Lake, HABs have severely affected the quality of the ecosystem. Thus it becomes a personal interest to do what we can to tackle this issue. We developed a novel solution to detect and degrade toxic microcystin-LR (MC-LR) byproducts from HABs. Microcystins have been shown to poison and kill animals, and have caused harm to humans through irritation of the throat and lungs, and long-term kidney and liver damage. |
| + | The purpose of our project is to detect and degrade MC-LR. Our solution is reHAB, an aptamer based colorimetric detection sensor to detect microcystins. To get samples for testing, we designed a boat to eliminate the need for humans to manually collect water samples and record bloom sites. This detection ability is combined with a degradation functionality. We introduced multiple enzymes that have been shown to effectively degrade MC-LR into the bacteria we use to degrade microcystins, and attached a tag from the TAT pathway to increase the efficiency of this degradation reaction. We house this within a bioreactor filled with alginate-beads that allows us to remediate large quantities of water at once. |
| + | </p> |
| </div> | | </div> |
− | </section>
| + | <div class="standard-page-content-section"> |
− | <!------------------------END OVERVIEW------------------------>
| + | <div class="standard-page-content-title"><div id="pageheading2">Business Canvas Model</div></div> |
− | <!------------------------DESCRIPTION------------------------>
| + | <hr class="green-accent-line-left"> |
− | <section class="entrepreneurship-page-content container practices content-wrapper">
| + | <div class="standard-page-content-subheading"></div> |
− | <div class="tab-section-01 style-1">
| + | <img class="standard-page-content-image" src="https://static.igem.org/mediawiki/2019/b/b9/T--Cornell--BusinessTemplate.png" width=950px> |
− | <ul class="tabs timeline-button-wrapper"> | + | </div> |
− | <li><a href="#tab0tab-1">BUSINESS CANVAS MODEL</a></li>
| + | <div class="standard-page-content-section"> |
− | <li><a href="#tab1tab-1">MARKET ANALYSIS</a></li>
| + | <div class="standard-page-content-title"><div id="pageheading3">Market Analysis</div></div> |
− | <li><a href="#tab2tab-1">FUTURE DEVELOPMENT</a></li>
| + | <hr class="green-accent-line-left"> |
− |
| + | <div class="standard-page-content-subheading"></div> |
− | </ul>
| + | <p class="standard-page-content-text"> |
− | <hr> | + | The market for harmful algae bloom (HAB) cleanup is still developing. Control of HABs is currently focused around prevention, detection, and monitoring. Our project tackles a new area of the market: rehabilitation. Our product reHAB is able to detect and degrade one of the toxic chemicals that HABs produce, microcystin-LR (MC-LR). |
− | <div class="content timeline-content-wrapper bus-content" >
| + | Our main competitor for HAB detection is a comprehensive technique called ELISA. However, this method is slow and costly: despite being considered considered one of the fastest tests, ELISA still takes a full day to yield results. Algae blooms typically only last 3-5 days, but the remnants of toxin in harmful blooms persist-- reHAB’s quicker turnaround and ability to degrade microcystins proves it is the better alternative to ELISA. Thus far, little effort has been devoted towards actual remediation. Current treatment efforts have been centered around drinking water, or controlling and preventing HABs. reHAB is one of the first to step foot into the market for targeted HAB remediation. |
− | <div id="tab0tab-1">
| + | Our project provides a quick and effective solution, targeting a new dimension of a multibillion dollar problem. HAB related economic losses in the United States was estimated to be $2.2 to $4.6 billion. The fishing industry has been particularly affected. reHAB can help minimize these losses by detecting and remediating our waters. It is novel solution to a pressing problem.</p> |
− | <div class="tab-content">
| + | <div class="standard-page-content-subheading">Swot Analysis</div> |
− | <div class="content-title">BUSINESS CANVAS MODEL</div>
| + | <img class="standard-page-content-image" src="https://static.igem.org/mediawiki/2019/d/d3/T--Cornell--SwotAnalysis.png" width=500px style="margin: auto"> |
− | <div class="content">
| + | </div> |
− | <img alt="business canvas model" src="https://static.igem.org/mediawiki/2019/b/b9/T--Cornell--BusinessTemplate.png" width=100% height=auto><br>
| + | <div class="standard-page-content-section"> |
− | </div>
| + | <div class="standard-page-content-title"><div id="pageheading4">Future Development</div></div> |
− | </div>
| + | <hr class="green-accent-line-left"> |
− | </div>
| + | <div class="standard-page-content-subheading"></div> |
− | <hr>
| + | <p class="standard-page-content-text"> |
− | <div id="tab1tab-1">
| + | The most valuable aspect of any product lies in its intellectual property. Given that our project exists on the forefront of aptamer-based detection technology, we would aim to patent the novel components of our project through the Cornell Center for Technology Licensing (CTL). Of particular focus would be our detection system, the most unique dimension of our product. |
− | <div class="tab-content">
| + | The ingenuity and relevance of our project characterizes it as a necessary step in the right direction for harmful algal bloom mitigation. Our goal is to integrate our aptamer detection mechanism into large-scale systems in a way that other monitoring strategies have been unable to accomplish. According to the World Health Organization, there is an urgent need for the development of an animal friendly, rapid and cost-effective toxin analysis methodology for the future of microcystin detection. Our project has the potential to do just that. |
− | <div class="content-title">MARKET ANALYSIS</div>
| + | In order to accomplish this, we plan to accomplish the following: |
− | <div class="text-justify">
| + | </p> |
− | The market for harmful algae bloom (HAB) cleanup is still developing. Control of HABs is currently focused around prevention, detection, and monitoring. Our project tackles a new area of the market: rehabilitation. Our product reHAB is able to detect and degrade one of the toxic chemicals that HABs produce, microcystin-LR (MC-LR). <br><br>
| + | <ul class="standard-page-content-list"> |
− | Our main competitor for HAB detection is a comprehensive technique called ELISA. However, this method is slow and costly: despite being considered considered one of the fastest tests, ELISA still takes a full day to yield results. Algae blooms typically only last 3-5 days, but the remnants of toxin in harmful blooms persist-- reHAB’s quicker turnaround and ability to degrade microcystins proves it is the better alternative to ELISA. Thus far, little effort has been devoted towards actual remediation. Current treatment efforts have been centered around drinking water, or controlling and preventing HABs. reHAB is one of the first to step foot into the market for targeted HAB remediation.<br><br> | + | <li>Further developing the aptamer-based detection system </li> |
− | Our project provides a quick and effective solution, targeting a new dimension of a multibillion dollar problem. HAB related economic losses in the United States was estimated to be $2.2 to $4.6 billion. The fishing industry has been particularly affected. reHAB can help minimize these losses by detecting and remediating our waters. It is novel solution to a pressing problem. <br><br> | + | <li>Improving the automation of the boat system</li> |
− | </div>
| + | <li>Conducting market research to compile into case studies </li> |
− | </div>
| + | <li>Attaining resources for manufacturing and large-scale production</li> |
− | <div class="content-title">SWOT ANALYSIS</div>
| + | <li>Reaching out to potential investors and buyers as well as affected community members</li> |
− | <img alt="business canvas model" border="2" src="https://static.igem.org/mediawiki/2019/d/d3/T--Cornell--SwotAnalysis.png" width=100% height=auto>
| + | </ul> |
− | </div>
| + | |
− | <hr>
| + | |
− | <div id="tab2tab-1">
| + | |
− | <div class="tab-content">
| + | |
− | <div class="content-title">FUTURE DEVELOPMENT</div>
| + | |
− | <div class="text-justify">
| + | |
− | The most valuable aspect of any product lies in its intellectual property. Given that our project exists on the forefront of aptamer-based detection technology, we would aim to patent the novel components of our project through the Cornell Center for Technology Licensing (CTL). Of particular focus would be our detection system, the most unique dimension of our product. <br><br>
| + | |
− | The ingenuity and relevance of our project characterizes it as a necessary step in the right direction for harmful algal bloom mitigation. Our goal is to integrate our aptamer detection mechanism into large-scale systems in a way that other monitoring strategies have been unable to accomplish. According to the World Health Organization, there is an urgent need for the development of an animal friendly, rapid and cost-effective toxin analysis methodology for the future of microcystin detection. Our project has the potential to do just that. <br><br>
| + | |
− | In order to accomplish this, we plan to accomplish the following: <br>
| + | |
− | <ul class="bus-list">
| + | |
− | <li>Further developing the aptamer-based detection system </li>
| + | |
− | <li>Improving the automation of the boat system</li>
| + | |
− | <li>Conducting market research to compile into case studies </li>
| + | |
− | <li>Attaining resources for manufacturing and large-scale production</li>
| + | |
− | <li>Reaching out to potential investors and buyers as well as affected community members</li>
| + | |
− | </ul>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
| </div> | | </div> |
− | </section> | + | </div> |
| + | <!------------------------ STANDARD PAGE CONTENT END ------------------------> |
| </div> | | </div> |
− | <!------------------------END DESCRIPTION------------------------> | + | <!------------------------ STANDARD PAGE SIDE BAR + CONTENT END ------------------------> |
| <!------------------------ FOOTER START ------------------------> | | <!------------------------ FOOTER START ------------------------> |
| <footer> | | <footer> |
Line 844: |
Line 546: |
| </div> | | </div> |
| <div class="icon-wrapper"> | | <div class="icon-wrapper"> |
− | <a class="icon" href="https://www.instagram.com/cugem/"><img src="https://static.igem.org/mediawiki/2019/3/37/T--Cornell--Instagram.png"></a> | + | <a class="icon" href="https://www.instagram.com/cugem/"><img src="https://static.igem.org/mediawiki/2019/3/37/T--Cornell--Instagram.png" style="padding:0 !important"></a> |
| </div> | | </div> |
| <div class="icon-wrapper icon-wrapper-last"> | | <div class="icon-wrapper icon-wrapper-last"> |
Line 854: |
Line 556: |
| </div> | | </div> |
| </body> | | </body> |
| + | |
| </html> | | </html> |