|
|
(9 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;
| + | |
− | font-weight: 100;
| + | |
− | }
| + | |
− | | + | |
− | /* 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-size: 18px;
| + | |
− | }
| + | |
− | | + | |
− | .timeline-content h3 {
| + | |
− | 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;
| + | |
− | 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 {
| + | margin: 0; |
− | color: #ffffff; | + | } |
− | background-color: #567151;
| + | |
− | border-color: #567151;
| + | |
− | cursor: default;
| + | |
− | }
| + | |
| | | |
− | .tab-section-01.style-1 .tabs li:hover a {
| + | /* removes bullets from Toolkit dropdown menu */ |
− | background-color: #ffffff; | + | ul { |
− | }
| + | list-style-image: none; |
| + | } |
| | | |
− | .tab-section-01.style-2 .content {
| + | /******************** ALL FONTS START ********************/ |
− | padding: 35px;
| + | @import url('https://fonts.googleapis.com/css?family=Merriweather|Open+Sans:400,700|Raleway'); |
− | border: 1px solid #dddddd;
| + | @font-face { |
− | border-top: none;
| + | font-family: 'Futura'; |
− | }
| + | src: url('../futura/futura\ medium\ bt.ttf'); |
| + | } |
| | | |
− | .tab-section-01.style-2 .tabs {
| + | body { |
− | position: relative;
| + | font-family: 'Open Sans', sans-serif; |
− | letter-spacing: -4px;
| + | } |
− | text-align: left;
| + | |
− | border-bottom: 1px solid #dddddd;
| + | |
− | }
| + | |
| | | |
− | .tab-section-01.style-2 .tabs>li {
| + | .dropbtn, .dropdown-content { |
− | letter-spacing: 0;
| + | font-size: 16px; |
− | margin-right: -1px;
| + | } |
− | margin-bottom: -1px;
| + | |
− | }
| + | |
| | | |
− | .tab-section-01.style-2 .tabs>li:before {
| + | .standard-page-banner > svg > text, .standard-page-content-title, .standard-page-side-bar-wrapper, .standard-page-content-subheading { |
− | content: '';
| + | font-family: 'Futura', sans-serif; |
− | display: block;
| + | } |
− | width: 100%;
| + | |
− | height: 1px;
| + | |
− | background-color: transparent;
| + | |
− | }
| + | |
| | | |
− | .tab-section-01.style-2 .tabs>li a {
| + | .tile-title { |
− | padding: 10px 30px;
| + | font-family: 'Futura', sans-serif; |
− | }
| + | } |
| | | |
− | .tab-section-01.style-2 .tabs>li a:hover {
| + | /******************** ALL FONTS END ********************/ |
− | background-color: #eeeeee;
| + | |
− | }
| + | |
| | | |
− | .tab-section-01.style-2 .tabs>li.active {
| + | html, |
− | border-bottom-color: white;
| + | body { |
− | border-top: 1px solid #30b397;
| + | width: 100%; |
− | }
| + | height: 100%; |
| + | margin: 0; |
| + | padding: 0; |
| + | overflow-x: hidden; |
| + | } |
| | | |
− | .tab-section-01.style-2 .tabs>li.active:before {
| + | body { |
− | content: '';
| + | background-size: 40px 40px; |
− | display: block;
| + | } |
− | width: 100%;
| + | |
− | height: 1px;
| + | |
− | background-color: #30b397;
| + | |
− | }
| + | |
| | | |
− | .tab-section-01.style-2 .tabs>li.active a,
| + | p { |
− | .tab-section-01.style-2 .tabs>li.active a:hover,
| + | color: #000; |
− | .tab-section-01.style-2 .tabs>li.active a:focus {
| + | } |
− | cursor: default;
| + | |
− | background-color: #ffffff;
| + | |
− | }
| + | |
| | | |
− | .tab-section-01.style-3 .content {
| + | nav { |
− | padding: 35px;
| + | padding-top: 30px; |
− | border: 1px solid #dddddd;
| + | padding-bottom: 30px; |
− | border-top: none;
| + | padding-right: 100px; |
− | }
| + | background-color: #a0e0bd; |
| + | height: 98px; |
| + | } |
| | | |
− | .tab-section-01.style-3 .tabs {
| + | .nav-bar-logo { |
− | position: relative;
| + | vertical-align: top; |
− | letter-spacing: -4px;
| + | display: inline-block; |
− | text-align: right;
| + | float: left; |
− | border-bottom: 1px solid #dddddd;
| + | margin-left: 80px; |
− | }
| + | margin-top: -5px; |
| + | } |
| | | |
− | .tab-section-01.style-3 .tabs>li {
| + | .nav-bar-logo img { |
− | letter-spacing: 0;
| + | width: 140px; |
− | margin-right: -1px;
| + | } |
− | margin-bottom: -1px;
| + | |
− | }
| + | |
| | | |
− | .tab-section-01.style-3 .tabs>li:before {
| + | .home-banner-wrapper { |
− | content: '';
| + | position: relative; |
− | display: block;
| + | background: #a0e0bd; |
− | width: 100%;
| + | height: 675px; |
− | height: 1px;
| + | width: 100%; |
− | background-color: transparent;
| + | margin-top: -5px; |
− | }
| + | } |
| | | |
− | .tab-section-01.style-3 .tabs>li a {
| + | .home-banner-logo { |
− | padding: 10px 30px;
| + | height: 200px; |
− | }
| + | position: absolute; |
| + | left: 75px; |
| + | 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); |
| + | } |
| | | |
− | .tab-section-01.style-3 .tabs>li a:hover {
| + | .home-banner-plants { |
− | background-color: #eeeeee;
| + | position: absolute; |
− | }
| + | top: 10px; |
| + | right: -10; |
| + | bottom: 20px; |
| + | height: 680px; |
| + | width: 1400px; |
| + | } |
| | | |
− | .tab-section-01.style-3 .tabs>li.active {
| + | .dropbtn { |
− | border-bottom-color: white;
| + | background-color: transparent; |
− | border-top: 1px solid #30b397;
| + | text-decoration: none; |
− | }
| + | padding: 15px; |
| + | margin: 0px; |
| + | font-size: 15px; |
| + | border: none; |
| + | color: #fff; |
| + | } |
| | | |
− | .tab-section-01.style-3 .tabs>li.active:before {
| + | @media (max-width: 1050px) { |
− | content: '';
| + | .dropbtn { |
− | display: block;
| + | font-size: 12px; |
− | width: 100%;
| + | } |
− | height: 1px;
| + | } |
− | background-color: #30b397;
| + | |
− | }
| + | |
| | | |
− | .tab-section-01.style-3 .tabs>li.active a,
| + | .dropdown { |
− | .tab-section-01.style-3 .tabs>li.active a:hover,
| + | position: relative; |
− | .tab-section-01.style-3 .tabs>li.active a:focus {
| + | vertical-align: top; |
− | cursor: default;
| + | display: inline-block; |
− | background-color: #ffffff;
| + | float: right; |
− | }
| + | } |
| | | |
− | @media (max-width: 767px) {
| + | .dropdown ul { |
− | .tab-section-01 .tabs li {
| + | list-style-type: none; |
− | display: block;
| + | } |
− | margin-bottom: 20px;
| + | |
− | }
| + | |
− | .tab-section-01 .tabs li a {
| + | |
− | width: 100%;
| + | |
− | padding: 10px 35px;
| + | |
− | }
| + | |
− | }
| + | |
| | | |
| + | .dropdown a { |
| + | position: relative; |
| + | display: inline-block; |
| + | color: #e8b023; |
| + | text-decoration: none; |
| + | } |
| | | |
− | /******************** GENERAL PAGES START ********************/
| + | .dropdown-content { |
− | | + | display: none; |
− | @import url('https://fonts.googleapis.com/css?family=Merriweather|Open+Sans|Raleway');
| + | position: absolute; |
− | html,
| + | background-color: #016c64; |
− | body {
| + | color: #ffffff; |
− | width: 100%;
| + | width: 200px; |
− | height: 100%;
| + | font-size: 14px; |
− | margin: 0;
| + | box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); |
− | padding: 0;
| + | z-index: 1; |
− | overflow-x: hidden;
| + | } |
− | }
| + | |
− | | + | |
− | body {
| + | |
− | background-size: 40px 40px;
| + | |
− | }
| + | |
− | | + | |
− | p {
| + | |
− | color: #000;
| + | |
− | }
| + | |
− | | + | |
− | nav {
| + | |
− | padding-top: 30px;
| + | |
− | padding-bottom: 30px;
| + | |
− | padding-right: 100px;
| + | |
− | background-color: #a0e0bd;
| + | |
− | height: 98px;
| + | |
− | }
| + | |
− | | + | |
− | .nav-bar-logo {
| + | |
− | vertical-align: top;
| + | |
− | display: inline-block;
| + | |
− | float: left;
| + | |
− | margin-left: 80px;
| + | |
− | margin-top: -5px;
| + | |
− | }
| + | |
− | | + | |
− | .nav-bar-logo img {
| + | |
− | width: 140px;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | .banner-container {
| + | |
− | display: flex;
| + | |
− | flex-direction: row;
| + | |
− | flex-wrap: wrap;
| + | |
− | justify-content: center;
| + | |
− | }
| + | |
− | | + | |
− | .home-banner-logo {
| + | |
− | height: 250px;
| + | |
− | width: 35%;
| + | |
− | padding-top: 170px;
| + | |
− | margin-right: -400px;
| + | |
− | }
| + | |
− | | + | |
− | .home-banner-wrapper {
| + | |
− | background: #a0e0bd;
| + | |
− | height: 400px;
| + | |
− | width: 100%;
| + | |
− | }
| + | |
− | | + | |
− | .home-banner-plants {
| + | |
− | height: 400px;
| + | |
− | width: 80%;
| + | |
− | }
| + | |
− | | + | |
− | .dropbtn {
| + | |
− | background-color: transparent;
| + | |
− | text-decoration: none;
| + | |
− | padding: 15px;
| + | |
− | margin: 0px;
| + | |
− | font-size: 15px;
| + | |
− | border: none;
| + | |
− | color: #fff;
| + | |
− | }
| + | |
− | | + | |
− | @media (max-width: 1050px) {
| + | |
− | .dropbtn {
| + | |
− | font-size: 12px;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | .dropdown {
| + | |
− | position: relative;
| + | |
− | vertical-align: top;
| + | |
− | display: inline-block;
| + | |
− | float: right;
| + | |
− | }
| + | |
− | | + | |
− | .dropdown ul {
| + | |
− | list-style-type: none;
| + | |
− | }
| + | |
− | | + | |
− | .dropdown a {
| + | |
− | position: relative;
| + | |
− | display: inline-block;
| + | |
− | color: #e8b023;
| + | |
− | text-decoration: none;
| + | |
− | }
| + | |
− | | + | |
− | .dropdown-content {
| + | |
− | display: none;
| + | |
− | position: absolute;
| + | |
− | background-color: #016c64;
| + | |
− | color: #ffffff;
| + | |
− | width: 200px;
| + | |
− | font-size: 14px;
| + | |
− | box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
| + | |
− | z-index: 1;
| + | |
− | }
| + | |
| | | |
| .dropdown-content a:hover { | | .dropdown-content a:hover { |
Line 446: |
Line 178: |
| } | | } |
| | | |
| + | .toolkit-dropdown-content { |
| + | width: 630px; |
| + | left: -160px; |
| + | } |
| | | |
− | .toolkit-dropdown-content {
| + | .modeling-dropdown-content { |
− | width: 720px;
| + | left: -40px; |
− | left: -160px;
| + | } |
− | }
| + | |
| | | |
− | .modeling-dropdown-content {
| + | .human-dropdown-content { |
− | left: -40px;
| + | left: 12px; |
− | }
| + | } |
| | | |
− | .human-dropdown-content {
| + | .outreach-dropdown-content { |
− | left: 12px;
| + | width: 230px; |
− | }
| + | left: -40px; |
| + | } |
| | | |
− | .outreach-dropdown-content {
| + | .team-dropdown-content { |
− | width: 230px;
| + | width: 140px; |
− | left: -40px;
| + | left: -35px; |
− | }
| + | } |
| | | |
− | .team-dropdown-content {
| + | .dropdown-content a { |
− | width: 140px;
| + | color: #ffffff; |
− | left: -35px;
| + | padding: 12px 16px; |
− | }
| + | text-decoration: none !important; |
| + | display: block; |
| + | } |
| | | |
− | .dropdown-content a {
| + | .wet-lab-list-title, |
− | color: #ffffff;
| + | .doc-list-title, |
− | padding: 12px 16px;
| + | .pd-list-title { |
− | text-decoration: none;
| + | padding-top: 12px; |
− | display: block;
| + | padding-left: 16px; |
− | }
| + | padding-bottom: 14px; |
| + | } |
| | | |
− | .wet-lab-list-title,
| + | .nav-second-col { |
− | .doc-list-title,
| + | margin-left: 30px; |
− | .pd-list-title {
| + | } |
− | padding-top: 12px;
| + | |
− | padding-left: 16px;
| + | |
− | padding-bottom: 14px;
| + | |
− | }
| + | |
| | | |
− | .nav-second-col {
| + | .nav-third-col { |
− | margin-left: 30px;
| + | margin-left: 30px; |
− | }
| + | } |
| | | |
− | .nav-third-col {
| + | .dropbtn:hover, |
− | margin-left: 30px;
| + | .active-page { |
− | }
| + | color: #016c64; |
| + | transition-duration: 0.5s; |
| + | } |
| | | |
− | .dropbtn:hover,
| + | .dropdown-content a:hover { |
− | .active-page {
| + | color: #016c64; |
− | color: #016c64;
| + | background-color: #ffffff; |
− | transition-duration: 0.5s;
| + | } |
− | }
| + | |
| | | |
− | .dropdown-content a:hover {
| + | .dropdown:hover .dropdown-content { |
− | color: #016c64;
| + | display: block; |
− | background-color: #ffffff;
| + | } |
− | }
| + | |
| | | |
− | .dropdown:hover .dropdown-content {
| + | footer { |
− | display: block;
| + | padding: 35px; |
− | }
| + | position: relative; |
| + | text-align: center; |
| + | background-color: #a0e0bd; |
| + | } |
| | | |
− | footer {
| + | .footer-wrapper { |
− | padding: 35px;
| + | margin: auto; |
− | position: relative;
| + | display: inline-block; |
− | text-align: center;
| + | } |
− | background-color: #a0e0bd;
| + | |
− | }
| + | |
| | | |
− | .footer-wrapper {
| + | .icon-wrapper { |
− | margin: auto;
| + | display: inline-block; |
− | display: inline-block;
| + | position: relative; |
− | }
| + | padding-right: 18px; |
| + | padding-left: 18px; |
| + | border-right: 0.5px solid white; |
| + | } |
| | | |
− | .icon-wrapper {
| + | .icon-wrapper-last { |
− | display: inline-block;
| + | border-right: none; |
− | position: relative;
| + | } |
− | padding-right: 18px;
| + | |
− | border-right: 0.5px solid white;
| + | |
− | }
| + | |
| | | |
− | .icon-wrapper-last {
| + | .icon { |
− | border-right: none;
| + | margin: 16px; |
− | }
| + | } |
| | | |
− | .icon {
| + | .icon img { |
− | margin: 16px;
| + | height: 24px; |
− | }
| + | } |
| | | |
− | .icon img {
| + | /*Start Styles for Standard Page*/ |
− | height: 24px;
| + | .standard-page-banner { |
− | }
| + | background-image: url(https://static.igem.org/mediawiki/2019/d/d8/T--Cornell--entrepreneurship.jpeg); |
| + | background-size: cover; |
| + | fill: black; |
| + | font-size:10px; |
| + | } |
| | | |
| + | .standard-page-side-bar-content-wrapper { |
| + | padding: 5% 0; |
| + | } |
| | | |
− | /******************** GENERAL PAGES END ********************/
| + | .standard-page-side-bar>li>a { |
| + | text-decoration: none; |
| + | color: #016C64; |
| + | font-size: 16px; |
| + | } |
| | | |
| + | .standard-page-side-bar { |
| + | list-style-type: none; |
| + | padding-left: 15px; |
| + | padding-right: 15px; |
| + | vertical-align: middle; |
| + | margin: 40px !important; |
| + | } |
| | | |
− | /******************** Entrepreneurship PAGE START ********************/
| + | .standard-page-side-bar>li { |
| + | margin-bottom: 15px; |
| + | } |
| | | |
− | .content-title {
| + | .standard-page-content-title { |
− | font-size: 24px;
| + | font-size: 24px; |
− | color: #000;
| + | color: #000 !important; |
− | position: relative;
| + | position: relative; |
− | }
| + | } |
| | | |
− | .text-justify {
| + | .green-accent-line-left { |
− | color: #000;
| + | border: #a0e0bd solid 1px; |
− | font-size: 16px;
| + | display: block; |
− | padding-bottom: 60px;
| + | float: left; |
− | }
| + | margin: 1em auto 1em auto; |
| + | width: 80px; |
| + | } |
| | | |
− | .timeline-block .text-justify {
| + | .standard-page-content-subheading { |
− | color: #949494;
| + | font-size: 18px; |
− | font-size: 14px;
| + | font-weight: 1; |
− | }
| + | color: #000; |
| + | padding-top: 40px; |
| + | padding-bottom: 0; |
| + | } |
| | | |
− | .references {
| + | .standard-page-content-section { |
− | color: #949494;
| + | margin-top: 40px; |
− | margin-bottom: 60px;
| + | margin-bottom: 40px; |
− | }
| + | } |
| | | |
− | .timeline-button-wrapper {
| + | /*End Style for Standard Page*/ |
− | text-align: center;
| + | /******************** STANDARD PAGE GRID START ********************/ |
− | }
| + | nav { |
| + | grid-area: navbar; |
| + | } |
| | | |
− | .entrepreneurship-page-banner {
| + | .nav-bar-main-menu .dropdown:nth-child(5) .dropdown-contentx { |
− | background-color: #a0e0bd;
| + | display: grid; |
− | font-size: 10px;
| + | grid-template-columns: auto auto auto; |
− | }
| + | } |
| | | |
− | .entrepreneurship-page-content-wrapper {
| + | .nav-first-col { |
− | padding: 80px 80px 0px 80px;
| + | display: inline-grid; |
− | }
| + | } |
| | | |
− | /* .entrepreneurship-tab-content {
| + | .nav-second-col { |
− | margin-top: 80px;
| + | display: inline-grid; |
− | }*/
| + | } |
| | | |
− | .entrepreneurship-page-content{
| + | .nav-third-col { |
− | padding-top:
| + | display: inline-grid; |
− | }
| + | } |
| | | |
− | .swot-analysis {
| + | footer { |
− | display: block;
| + | grid-area: footer; |
− | margin: 0 auto; | + | } |
− | border: 1.5px solid #000;
| + | |
− | }
| + | |
| | | |
− | .match-my-cols {
| + | .standard-page-wrapper { |
− | border: 1px solid;
| + | display: grid; |
− | border-bottom: 0px;
| + | grid-template-columns: auto; |
− | }
| + | grid-template-rows: 100px 550px auto 100px; |
| + | grid-template-areas: 'navbar' 'standardpagebanner' 'standardpagesidebarcontent' 'footer'; |
| + | } |
| | | |
− | .row {
| + | .standard-page-banner { |
− | margin-left: -15px;
| + | grid-area: standardpagebanner; |
− | margin-right: -15px;
| + | } |
− | padding-bottom: 100px;
| + | |
− | }
| + | |
| | | |
− | .row .match-my-cols {
| + | .standard-page-side-bar-content-wrapper { |
− | overflow: hidden;
| + | display: inline-grid; |
− | }
| + | grid-area: standardpagesidebarcontent; |
− | | + | grid-template-columns: 7.5% 20% 65% 7.5%; |
− | .practices .row {
| + | grid-template-areas: '. standardpagesidebar standardpagecontent .'; |
− | padding-top: 0;
| + | |
− | }
| + | |
− | | + | |
− | .content-wrapper {
| + | |
− | padding: 100px 200px 0px 200px;
| + | |
− | 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 ********************/
| + | |
− | | + | |
− | | + | |
− | /******************** Entrepreneurship PAGE GRID START ********************/
| + | |
− | | + | |
− | nav {
| + | |
− | grid-area: navbar;
| + | |
− | }
| + | |
− | | + | |
− | .nav-bar-main-menu .dropdown:nth-child(5) .dropdown-contentx {
| + | |
− | display: grid;
| + | |
− | grid-template-columns: auto auto auto;
| + | |
− | }
| + | |
− | | + | |
− | .nav-first-col {
| + | |
− | display: inline-grid;
| + | |
− | }
| + | |
− | | + | |
− | .nav-second-col {
| + | |
− | display: inline-grid;
| + | |
− | }
| + | |
− | | + | |
− | .nav-third-col {
| + | |
− | display: inline-grid;
| + | |
− | }
| + | |
− | | + | |
− | nav {
| + | |
− | grid-area: navbar;
| + | |
− | }
| + | |
− | | + | |
− | .entrepreneurship-page-wrapper {
| + | |
− | display: grid;
| + | |
− | grid-template-columns: auto;
| + | |
− | grid-template-rows: 100px 550px auto 100px;
| + | |
− | grid-template-areas: 'navbar' 'entrepreneurshippagebanner' 'pandppagecontent' 'footer';
| + | |
− | }
| + | |
− | | + | |
− | .entrepreneurship-page-banner {
| + | |
− | grid-area: entrepreneurshippagebanner;
| + | |
− | }
| + | |
− | | + | |
− | .entrepreneurship-page-content-wrapper {
| + | |
− | grid-area: pandppagecontent;
| + | |
− | }
| + | |
− | | + | |
− | footer {
| + | |
− | grid-area: footer;
| + | |
− | }
| + | |
− | | + | |
− |
| + | |
− | /******************** ALL FONTS START ********************/
| + | |
− | @import url('https://fonts.googleapis.com/css?family=Merriweather|Open+Sans:400,700|Raleway');
| + | |
− | @font-face {
| + | |
− | font-family: 'Futura';
| + | |
− | src: url('../futura/futura\ medium\ bt.ttf');
| + | |
| } | | } |
| | | |
− | body { | + | .standard-page-side-bar-wrapper { |
− | font-family: 'Open Sans', sans-serif; | + | grid-area: standardpagesidebar; |
| } | | } |
| | | |
− | .dropbtn, .dropdown-content { | + | .standard-page-content-wrapper { |
− | font-size: 16px; | + | grid-area: standardpagecontent; |
| } | | } |
| | | |
− | .entrepreneurship-page-banner > svg > text, .content-title { | + | a.icon { |
− | font-family: 'Futura', sans-serif; | + | padding: 0 !important; |
| } | | } |
− | /******************** ALL FONTS END ********************/ | + | /******************** STANDARD PAGE GRID END ********************/ |
− | | + | </style> |
− | .green-accent-line-left {
| + | |
− | border: #a0e0bd solid 1px;
| + | |
− | display: block;
| + | |
− | align: left;
| + | |
− | width: 80px;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | /******************** 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> |
Line 760: |
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 784: |
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 container practices 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> |
| + | <li><a href="#pageheading2">Business Canvas Model</a></li> |
| + | <li><a href="#pageheading3">Market Analysis</a></li> |
| + | <li><a href="#pageheading4">Future Development</a></li> |
| + | </ul> |
| + | </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"> | | <hr class="green-accent-line-left"> |
− | <br> | + | <div class="standard-page-content-subheading"></div> |
− | <br>
| + | <p class="standard-page-content-text"> |
− | <div class="text-justify"> | + | 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. |
− | 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>
| + | 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. |
− | 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>
| + | 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. |
− | 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>
| + | </p> |
− | </div> | + | |
| </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>
| + | <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"> | + | |
− | <li><a href="#tab0tab-1">BUSINESS CANVAS MODEL</a></li>
| + | |
− | <li><a href="#tab1tab-1">MARKET ANALYSIS</a></li>
| + | |
− | <li><a href="#tab2tab-1">FUTURE DEVELOPMENT</a></li>
| + | |
− |
| + | |
− | </ul> --!>
| + | |
− | <div class="content timeline-content-wrapper bus-content" >
| + | |
− | <div id="tab0tab-1" class="entrepreneurship-page-content">
| + | |
− | <div class="tab-content">
| + | |
− | <div class="content-title">BUSINESS CANVAS MODEL</div>
| + | |
− | <hr class="green-accent-line-left">
| + | |
− | <br>
| + | |
− | <br>
| + | |
− | <div class="content">
| + | |
− | <img alt="business canvas model" src="https://static.igem.org/mediawiki/2019/b/b9/T--Cornell--BusinessTemplate.png" width=100% height=auto><br>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div id="tab1tab-1" class="entrepreneurship-page-content">
| + | |
− | <div class="tab-content">
| + | |
− | <div class="content-title">MARKET ANALYSIS</div>
| + | |
− | <hr class="green-accent-line-left">
| + | |
− | <br>
| + | |
− | <br>
| + | |
− | <div class="text-justify">
| + | |
− | 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>
| + | |
− | 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>
| + | |
− | 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>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="content-title" class="entrepreneurship-page-content">SWOT ANALYSIS</div>
| + | |
− | <hr class="green-accent-line-left">
| + | |
− | <br>
| + | |
− | <br>
| + | |
− | <img class = "swot-analysis" alt="business canvas model" border="2" src="https://static.igem.org/mediawiki/2019/d/d3/T--Cornell--SwotAnalysis.png" width=60% height=auto>
| + | |
− | </div>
| + | |
− | <div id="tab2tab-1" class="entrepreneurship-page-content">
| + | |
− | <div class="tab-content">
| + | |
− | <div class="content-title">FUTURE DEVELOPMENT</div>
| + | |
− | <hr class="green-accent-line-left">
| + | |
− | <br>
| + | |
− | <br>
| + | |
− | <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 class="standard-page-content-section"> |
| + | <div class="standard-page-content-title"><div id="pageheading3">Market Analysis</div></div> |
| + | <hr class="green-accent-line-left"> |
| + | <div class="standard-page-content-subheading"></div> |
| + | <p class="standard-page-content-text"> |
| + | 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). |
| + | 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. |
| + | 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="standard-page-content-subheading">Swot Analysis</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> |
| + | <div class="standard-page-content-section"> |
| + | <div class="standard-page-content-title"><div id="pageheading4">Future Development</div></div> |
| + | <hr class="green-accent-line-left"> |
| + | <div class="standard-page-content-subheading"></div> |
| + | <p class="standard-page-content-text"> |
| + | 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. |
| + | 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. |
| + | In order to accomplish this, we plan to accomplish the following: |
| + | </p> |
| + | <ul class="standard-page-content-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> |
| + | <!------------------------ STANDARD PAGE CONTENT END ------------------------> |
| </div> | | </div> |
− | <!------------------------END DESCRIPTION------------------------> | + | <!------------------------ STANDARD PAGE SIDE BAR + CONTENT END ------------------------> |
| <!------------------------ FOOTER START ------------------------> | | <!------------------------ FOOTER START ------------------------> |
| <footer> | | <footer> |
Line 882: |
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 892: |
Line 556: |
| </div> | | </div> |
| </body> | | </body> |
| + | |
| </html> | | </html> |