Evan pepper (Talk | contribs) |
Evan pepper (Talk | contribs) |
||
(166 intermediate revisions by 2 users not shown) | |||
Line 5: | Line 5: | ||
<script src="https://use.typekit.net/hii0ztv.js"></script> | <script src="https://use.typekit.net/hii0ztv.js"></script> | ||
<script>try{Typekit.load({ async: true });}catch(e){}</script> | <script>try{Typekit.load({ async: true });}catch(e){}</script> | ||
+ | |||
+ | <!-- <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> --> | ||
<style> | <style> | ||
− | . | + | .metabolic-pathway { |
− | margin | + | margin: auto; |
− | + | ||
− | + | ||
background: honeydew; | background: honeydew; | ||
+ | width: 100%; | ||
} | } | ||
Line 19: | Line 20: | ||
font-size: 300%; /*!important*/ | font-size: 300%; /*!important*/ | ||
font-weight: 300 !important; | font-weight: 300 !important; | ||
− | width: | + | width: 90%; |
} | } | ||
Line 26: | Line 27: | ||
font-size: 200%; | font-size: 200%; | ||
font-weight: 300; | font-weight: 300; | ||
+ | } | ||
+ | |||
+ | h3 { | ||
+ | font-family: 'objektiv-mk1' !important; | ||
+ | font-size: 150%; | ||
+ | font-weight: 200; | ||
+ | } | ||
+ | |||
+ | h4 { | ||
+ | font-family: 'objektiv-mk1'; | ||
+ | font-size: 110%; | ||
+ | font-weight: 400; | ||
} | } | ||
#page { | #page { | ||
background: honeydew; | background: honeydew; | ||
+ | } | ||
+ | |||
+ | .container { | ||
+ | font-family: 'objektiv-mk1'; | ||
+ | font-size: 100%; | ||
} | } | ||
.proj-button { | .proj-button { | ||
position: relative; | position: relative; | ||
− | width: | + | width: 25%; |
+ | text-decoration: none !important; | ||
} | } | ||
Line 40: | Line 59: | ||
opacity: 1; | opacity: 1; | ||
display: inline-block; | display: inline-block; | ||
− | width: | + | width: 30%; |
+ | height: auto; | ||
+ | transition: .5s ease; | ||
+ | backface-visibility: hidden; | ||
+ | } | ||
+ | |||
+ | .proj-button-image-solo { | ||
+ | opacity: 1; | ||
+ | display: inline-block; | ||
+ | width: 35%; | ||
height: auto; | height: auto; | ||
transition: .5s ease; | transition: .5s ease; | ||
Line 55: | Line 83: | ||
transform: translate(-50%, -50%); | transform: translate(-50%, -50%); | ||
-ms-transform: translate(-50%, -50%) | -ms-transform: translate(-50%, -50%) | ||
+ | } | ||
+ | |||
+ | .overlap-button-text { | ||
+ | background-color: transparent; | ||
+ | color: black; | ||
+ | font-size: 20px; | ||
+ | font-family: "Objektiv-mk1" !important; | ||
+ | font-weight: 600 !important; | ||
+ | padding: 16px 32px; | ||
} | } | ||
.proj-button:hover .proj-button-image { | .proj-button:hover .proj-button-image { | ||
+ | opacity: 0.3; | ||
+ | } | ||
+ | |||
+ | .proj-button:hover .proj-button-image-solo { | ||
opacity: 0.3; | opacity: 0.3; | ||
} | } | ||
Line 74: | Line 115: | ||
} | } | ||
− | . | + | .text { |
− | + | background-color: transparent; | |
+ | color: black; | ||
+ | font-size: 20px; | ||
+ | padding: 16px 32px; | ||
+ | } | ||
+ | .paragraph-left { | ||
+ | font-family: 'objektiv-mk1' !important; | ||
+ | font-size: 18px; | ||
+ | text-align: left; | ||
+ | vertical-align: middle; | ||
} | } | ||
p { | p { | ||
font-family: 'objektiv-mk1' !important; | font-family: 'objektiv-mk1' !important; | ||
+ | /* margin-left: 200px !important; | ||
+ | margin-right: 200px !important;*/ | ||
font-size: large !important; | font-size: large !important; | ||
} | } | ||
Line 86: | Line 138: | ||
.firstword { | .firstword { | ||
font-family: 'objektiv-mk1' !important; | font-family: 'objektiv-mk1' !important; | ||
− | font-size: | + | font-size: 65px; |
+ | } | ||
+ | .quote { | ||
+ | font-family: 'objektiv-mk1' !important; | ||
+ | font-style: italic !important; | ||
+ | font-size: 28px; | ||
+ | line-height: 130%; | ||
+ | } | ||
+ | |||
+ | .quote-person { | ||
+ | font-family: 'objektiv-mk1' !important; | ||
+ | font-size: 22px; | ||
+ | width: 100% !important; | ||
+ | text-align: right !important; | ||
+ | padding-right: 80px !important; | ||
} | } | ||
.titleimg { | .titleimg { | ||
vertical-align: middle; | vertical-align: middle; | ||
− | width: | + | width: 20%; |
+ | padding-left: 10px; | ||
+ | } | ||
+ | |||
+ | .titleimg-medal { | ||
+ | vertical-align: middle; | ||
+ | width: 14%; | ||
+ | padding-right: 10px; | ||
} | } | ||
.titlebox { | .titlebox { | ||
− | margin-left: | + | margin-left: 0px !important; |
+ | } | ||
+ | |||
+ | .reference-list { | ||
+ | font-family: 'objektiv-mk1'; | ||
+ | font-size: 12px; | ||
+ | text-align: left; | ||
+ | list-style-type: none; | ||
+ | line-height: 100%; | ||
+ | margin-bottom: 80px; | ||
+ | } | ||
+ | |||
+ | .reference-italic { | ||
+ | font-family: 'objektiv-mk1'; | ||
+ | font-size: 12px; | ||
+ | font-style: italic; | ||
+ | } | ||
+ | |||
+ | figcaption { | ||
+ | font-family: 'objektiv-mk1'; | ||
+ | font-style: italic; | ||
+ | font-size: 13px; | ||
+ | } | ||
+ | |||
+ | .diagram-image-right-1 { | ||
+ | width: 45%; | ||
+ | padding-left: 30px; | ||
+ | float: right; | ||
+ | text-align: center; | ||
+ | font-family: 'objektiv-mk1'; | ||
+ | padding-bottom: 15px; | ||
+ | padding-top: 30px; | ||
+ | } | ||
+ | |||
+ | .diagram-image-right-2 { | ||
+ | width: 45%; | ||
+ | padding-left: 30px; | ||
+ | float: right; | ||
+ | text-align: center; | ||
+ | font-family: 'objektiv-mk1'; | ||
+ | /*padding-bottom: 5px;*/ | ||
+ | } | ||
+ | |||
+ | .diagram-image-right-3 { | ||
+ | width: 45%; | ||
+ | padding-left: 30px; | ||
+ | float: right; | ||
+ | text-align: center; | ||
+ | font-family: 'objektiv-mk1'; | ||
+ | padding-bottom: 15px; | ||
+ | padding-top: 30px; | ||
+ | } | ||
+ | |||
+ | .diagram-image-right-5 { | ||
+ | width: 50%; | ||
+ | padding-left: 30px; | ||
+ | float: right; | ||
+ | text-align: center; | ||
+ | font-family: 'objektiv-mk1'; | ||
+ | padding-bottom: 15px; | ||
+ | padding-top: 30px; | ||
+ | } | ||
+ | |||
+ | .diagram-image-left-1 { | ||
+ | width: 55%; | ||
+ | padding-right: 30px; | ||
+ | float: left; | ||
+ | text-align: center; | ||
+ | font-family: 'objektiv-mk1'; | ||
+ | /*padding-bottom: 30px;*/ | ||
+ | padding-top: 15px; | ||
+ | } | ||
+ | |||
+ | .diagram-image-left-2 { | ||
+ | width: 52%; | ||
+ | padding-right: 30px; | ||
+ | float: left; | ||
+ | text-align: center; | ||
+ | font-family: 'objektiv-mk1'; | ||
+ | /*padding-bottom: 5px;*/ | ||
+ | padding-top: 15px; | ||
+ | } | ||
+ | |||
+ | .diagram-image-left-3 { | ||
+ | width: 45%; | ||
+ | padding-right: 30px; | ||
+ | float: left; | ||
+ | text-align: center; | ||
+ | font-family: 'objektiv-mk1'; | ||
+ | padding-bottom: 20px; | ||
+ | padding-top: 50px; | ||
+ | } | ||
+ | |||
+ | .diagram-image-left-4 { | ||
+ | width: 45%; | ||
+ | padding-right: 30px; | ||
+ | float: left; | ||
+ | text-align: center; | ||
+ | font-family: 'objektiv-mk1'; | ||
+ | padding-bottom: 20px; | ||
+ | padding-top: 15px; | ||
+ | } | ||
+ | |||
+ | .diagram-image-center-large-1 { | ||
+ | width: 140%; | ||
+ | align-content: center; | ||
+ | text-align: center; | ||
+ | font-family: 'objektiv-mk1'; | ||
+ | padding-bottom: 15px; | ||
+ | padding-top: 15px; | ||
+ | margin-left: -200px; | ||
+ | margin-right: -200px; | ||
+ | } | ||
+ | |||
+ | .slideshow-presentation-right-box { | ||
+ | width: 60%; | ||
+ | float: right; | ||
+ | padding-left: 30px; | ||
+ | text-align: center; | ||
+ | font-family: 'objektiv-mk1'; | ||
+ | padding-bottom: 20px; | ||
+ | padding-top: 15px; | ||
+ | } | ||
+ | |||
+ | .presentation-container { | ||
+ | float: right; | ||
+ | width: 60%; | ||
+ | margin-left: 20px; | ||
+ | margin-top: 0px; | ||
+ | padding-bottom: 55px; | ||
+ | font-family: 'objektiv-mk1'; | ||
+ | font-size: inherit; | ||
+ | } | ||
+ | |||
+ | |||
+ | @media (min-width: 1500px) { | ||
+ | .diagram-image-right-1 { | ||
+ | width: 45%; | ||
+ | padding-left: 30px; | ||
+ | float: right; | ||
+ | text-align: center; | ||
+ | font-family: 'objektiv-mk1'; | ||
+ | padding-bottom: 0px; | ||
+ | padding-top: 30px; | ||
+ | } | ||
+ | |||
+ | .diagram-image-right-3 { | ||
+ | width: 45%; | ||
+ | padding-left: 30px; | ||
+ | float: right; | ||
+ | text-align: center; | ||
+ | font-family: 'objektiv-mk1'; | ||
+ | padding-bottom: 35px; | ||
+ | padding-top: 30px; | ||
+ | } | ||
+ | |||
+ | .diagram-image-right-5 { | ||
+ | width: 55%; | ||
+ | padding-left: 30px; | ||
+ | float: right; | ||
+ | text-align: center; | ||
+ | font-family: 'objektiv-mk1'; | ||
+ | padding-bottom: 15px; | ||
+ | padding-top: 30px; | ||
+ | } | ||
} | } | ||
@media (min-width: 1144px) { | @media (min-width: 1144px) { | ||
.container { | .container { | ||
− | + | width: 100% !important; | |
− | + | } | |
+ | |||
.text-container { | .text-container { | ||
− | width: | + | width: 70%; |
padding-left: 15px; | padding-left: 15px; | ||
padding-right: 15px; | padding-right: 15px; | ||
} | } | ||
+ | |||
.titlebox { | .titlebox { | ||
width: 80%; | width: 80%; | ||
} | } | ||
+ | |||
figcaption { | figcaption { | ||
font-size: 16px; | font-size: 16px; | ||
Line 120: | Line 360: | ||
margin-left: auto !important; | margin-left: auto !important; | ||
} | } | ||
+ | |||
+ | p { | ||
+ | font-family: 'objektiv-mk1' !important; | ||
+ | margin-left: 10px !important; | ||
+ | margin-right: 10px !important; | ||
+ | font-size: medium !important; | ||
+ | } | ||
+ | |||
+ | .quote { | ||
+ | font-family: 'objektiv-mk1' !important; | ||
+ | font-style: italic !important; | ||
+ | font-size: 26px; | ||
+ | } | ||
+ | |||
+ | .quote-person { | ||
+ | font-family: 'objektiv-mk1' !important; | ||
+ | font-size: 20px; | ||
+ | width: 100%; | ||
+ | text-align: right; | ||
+ | padding-right: 80px !important; | ||
+ | } | ||
+ | |||
+ | .metabolic-pathway { | ||
+ | margin: auto; | ||
+ | background: honeydew; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .container { | ||
+ | width: 80% !important; | ||
+ | padding-left: 0px !important; | ||
+ | padding-right: 0px !important; | ||
+ | } | ||
.text-container { | .text-container { | ||
width: 80%; | width: 80%; | ||
− | padding-left: | + | padding-left: 0px; |
− | padding-right: | + | padding-right: 0px; |
} | } | ||
− | + | figcaption { | |
− | + | font-size: 14px; | |
− | + | ||
− | + | ||
− | font-size: | + | |
} | } | ||
+ | |||
+ | .diagram-image-center-large-1 { | ||
+ | width: 120%; | ||
+ | align-content: center; | ||
+ | text-align: center; | ||
+ | font-family: 'objektiv-mk1'; | ||
+ | padding-bottom: 15px; | ||
+ | padding-top: 15px; | ||
+ | margin-left: -200px; | ||
+ | margin-right: -200px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (max-width: 992px) { | ||
+ | .proj-button-image-solo { | ||
+ | opacity: 1; | ||
+ | display: inline-block; | ||
+ | width: 30%; | ||
+ | height: auto; | ||
+ | transition: .5s ease; | ||
+ | backface-visibility: hidden; | ||
+ | } | ||
+ | |||
+ | .diagram-image-center-large-1 { | ||
+ | width: 120%; | ||
+ | align-content: center; | ||
+ | text-align: center; | ||
+ | font-family: 'objektiv-mk1'; | ||
+ | padding-bottom: 15px; | ||
+ | padding-top: 15px; | ||
+ | margin-left: -100px; | ||
+ | margin-right: -100px; | ||
+ | } | ||
} | } | ||
Line 139: | Line 442: | ||
opacity: 1; | opacity: 1; | ||
display: inline-block; | display: inline-block; | ||
− | width: | + | width: 32%; |
+ | height: auto; | ||
+ | transition: .5s ease; | ||
+ | backface-visibility: hidden; | ||
+ | } | ||
+ | |||
+ | .proj-button-image-solo { | ||
+ | opacity: 1; | ||
+ | display: inline-block; | ||
+ | width: 15%; | ||
height: auto; | height: auto; | ||
transition: .5s ease; | transition: .5s ease; | ||
Line 154: | Line 466: | ||
-ms-transform: translate(-50%, -50%) | -ms-transform: translate(-50%, -50%) | ||
} | } | ||
+ | |||
+ | .diagram-image-right-1 { | ||
+ | padding-left: 10px; | ||
+ | padding-right: 10px; | ||
+ | font-size: 65%; | ||
+ | line-height: 1.5; | ||
+ | } | ||
+ | |||
+ | .diagram-image-left-1 { | ||
+ | padding-right: 10px; | ||
+ | padding-left: 10px; | ||
+ | font-size: 65%; | ||
+ | line-height: 1.5; | ||
+ | width: 60%; | ||
+ | } | ||
+ | |||
+ | .diagram-image-right-2 { | ||
+ | padding-left: 10px; | ||
+ | padding-right: 10px; | ||
+ | font-size: 65%; | ||
+ | line-height: 1.5; | ||
+ | } | ||
+ | |||
+ | .diagram-image-right-3 { | ||
+ | padding-left: 10px; | ||
+ | padding-right: 10px; | ||
+ | font-size: 65%; | ||
+ | line-height: 1.5; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .diagram-image-right-5 { | ||
+ | padding-left: 10px; | ||
+ | padding-right: 10px; | ||
+ | font-size: 65%; | ||
+ | line-height: 1.5; | ||
+ | } | ||
+ | |||
+ | .diagram-image-left-2 { | ||
+ | padding-right: 10px; | ||
+ | padding-left: 10px; | ||
+ | font-size: 65%; | ||
+ | line-height: 1.5; | ||
+ | } | ||
+ | |||
+ | .diagram-image-left-3 { | ||
+ | padding-right: 10px; | ||
+ | padding-left: 10px; | ||
+ | font-size: 65%; | ||
+ | line-height: 1.5; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .diagram-image-left-4 { | ||
+ | padding-right: 10px; | ||
+ | padding-left: 10px; | ||
+ | font-size: 65%; | ||
+ | line-height: 1.5; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .diagram-image-center-large-1 { | ||
+ | width: 100%; | ||
+ | align-content: center; | ||
+ | text-align: center; | ||
+ | font-family: 'objektiv-mk1'; | ||
+ | padding-bottom: 15px; | ||
+ | padding-top: 15px; | ||
+ | font-size: 65%; | ||
+ | line-height: 1.5; | ||
+ | } | ||
+ | |||
+ | .slideshow-presentation-right-box { | ||
+ | width: 100%; | ||
+ | float: right; | ||
+ | padding-right: 10px; | ||
+ | padding-left: 10px; | ||
+ | font-size: 65%; | ||
+ | line-height: 1.5; | ||
+ | } | ||
+ | |||
+ | .overlap-button-text { | ||
+ | background-color: rgba(94, 94, 94, 0.4); | ||
+ | border-radius: 60px; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | .container { | ||
+ | font-size: 65%; | ||
+ | line-height: 1.5; | ||
+ | } | ||
+ | |||
+ | .presentation-container { | ||
+ | float: right; | ||
+ | width: 100%; | ||
+ | margin-left: 0px; | ||
+ | margin-top: 0px; | ||
+ | padding-bottom: 55px; | ||
+ | font-family: 'objektiv-mk1'; | ||
+ | font-size: 65%; | ||
+ | line-height: 1.5; | ||
+ | } | ||
h1 { | h1 { | ||
font-family: 'objektiv-mk1'; /*!important*/ | font-family: 'objektiv-mk1'; /*!important*/ | ||
− | font-size: | + | font-size: 220%; /*!important*/ |
+ | width: 80%; | ||
} | } | ||
− | + | h2 { | |
font-family: 'objektiv-mk1'; /*!important*/ | font-family: 'objektiv-mk1'; /*!important*/ | ||
font-size: 20px; /*!important*/ | font-size: 20px; /*!important*/ | ||
+ | } | ||
+ | |||
+ | h3 { | ||
+ | font-size: 100% !important; | ||
+ | } | ||
+ | |||
+ | .quote { | ||
+ | font-family: 'objektiv-mk1' !important; | ||
+ | font-style: italic !important; | ||
+ | font-size: 20px; | ||
+ | } | ||
+ | |||
+ | .quote-person { | ||
+ | width: 100%; | ||
+ | font-family: 'objektiv-mk1' !important; | ||
+ | font-size: 16px; | ||
+ | text-align: right !important; | ||
+ | padding-right: 20px !important; | ||
} | } | ||
.text-container { | .text-container { | ||
− | width: | + | width: 82%; |
+ | padding-left: 0px; | ||
+ | padding-right: 0px; | ||
} | } | ||
+ | figcaption { | ||
+ | font-size: 14px; | ||
+ | line-height: 140%; | ||
+ | } | ||
+ | |||
+ | .reference-list { | ||
+ | font-family: 'objektiv-mk1'; | ||
+ | font-size: 12px; | ||
+ | text-align: left; | ||
+ | list-style-type: none; | ||
+ | line-height: 100%; | ||
+ | margin-bottom: 80px; | ||
+ | margin-right: -70px; | ||
+ | margin-left: -70px; | ||
+ | } | ||
+ | |||
+ | .diagram-image { | ||
+ | width: 100%; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | } | ||
/* p { | /* p { | ||
margin-left: 10px !important; | margin-left: 10px !important; | ||
Line 179: | Line 635: | ||
opacity: 1; | opacity: 1; | ||
display: inline-block; | display: inline-block; | ||
− | width: | + | width: 50%; |
+ | height: auto; | ||
+ | transition: .5s ease; | ||
+ | backface-visibility: hidden; | ||
+ | } | ||
+ | |||
+ | .proj-button-image-solo { | ||
+ | opacity: 1; | ||
+ | display: inline-block; | ||
+ | width: 50%; | ||
height: auto; | height: auto; | ||
transition: .5s ease; | transition: .5s ease; | ||
Line 193: | Line 658: | ||
transform: translate(-50%, -50%); | transform: translate(-50%, -50%); | ||
-ms-transform: translate(-50%, -50%) | -ms-transform: translate(-50%, -50%) | ||
+ | } | ||
+ | |||
+ | .overlap-button-text { | ||
+ | background-color: rgba(94, 94, 94, 0.5); | ||
+ | border-radius: 60px; | ||
+ | color: white; | ||
+ | font-size: 12px; | ||
} | } | ||
.firstword { | .firstword { | ||
font-family: 'objektiv-mk1' !important; | font-family: 'objektiv-mk1' !important; | ||
− | font-size: | + | font-size: 40px; |
} | } | ||
.titleimg { | .titleimg { | ||
vertical-align: middle; | vertical-align: middle; | ||
− | width: | + | width: 40%; |
+ | padding-left: 5px; | ||
} | } | ||
− | . | + | .titleimg-medal { |
− | + | vertical-align: middle; | |
− | + | width: 30%; | |
− | + | padding-right: 5px; | |
− | + | } | |
+ | |||
+ | .diagram-image-right-5 { | ||
+ | padding-left: 10px; | ||
+ | padding-right: 10px; | ||
+ | font-size: 65%; | ||
+ | line-height: 1.5; | ||
+ | width: 75%; | ||
+ | } | ||
p { | p { | ||
Line 216: | Line 697: | ||
margin-right: 10px !important; | margin-right: 10px !important; | ||
font-size: small !important; | font-size: small !important; | ||
+ | } | ||
+ | |||
+ | h1 { | ||
+ | font-size: 140%; | ||
+ | } | ||
+ | |||
+ | .quote { | ||
+ | font-family: 'objektiv-mk1' !important; | ||
+ | font-style: italic !important; | ||
+ | font-size: 17px; | ||
+ | } | ||
+ | |||
+ | .quote-person { | ||
+ | width: 60% !important; | ||
+ | font-family: 'objektiv-mk1' !important; | ||
+ | font-size: 12px; | ||
+ | text-align: right !important; | ||
+ | margin-right: -120px !important; | ||
+ | } | ||
+ | |||
+ | .paragraph-left { | ||
+ | font-size: 13px; | ||
+ | line-height: 170%; | ||
+ | } | ||
+ | |||
+ | .text-container { | ||
+ | width: 85%; | ||
+ | padding-left: 0px; | ||
+ | padding-right: 0px; | ||
+ | } | ||
+ | |||
+ | .metabolic-pathway { | ||
+ | margin: auto; | ||
+ | background: honeydew; | ||
+ | width: 110%; | ||
+ | margin-left: -20px; | ||
+ | margin-right: -20px; | ||
+ | } | ||
+ | |||
+ | figcaption { | ||
+ | font-size: 12px; | ||
+ | line-height: 130%; | ||
+ | } | ||
+ | |||
+ | .reference-list { | ||
+ | font-family: 'objektiv-mk1'; | ||
+ | font-size: 12px; | ||
+ | text-align: left; | ||
+ | list-style-type: none; | ||
+ | line-height: 100%; | ||
+ | margin-bottom: 80px; | ||
+ | margin-right: -50px; | ||
+ | margin-left: -50px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (max-width: 400px) { | ||
+ | .quote { | ||
+ | font-size: 15px; | ||
} | } | ||
} | } | ||
Line 221: | Line 761: | ||
</style> | </style> | ||
+ | |||
+ | |||
+ | <style> | ||
+ | |||
+ | .mySlides { | ||
+ | display: none; | ||
+ | width: 100%; | ||
+ | align-content: center; | ||
+ | } | ||
+ | |||
+ | .mySlides1 { | ||
+ | display: none; | ||
+ | width: 100%; | ||
+ | align-content: center; | ||
+ | } | ||
+ | |||
+ | .w3-button { | ||
+ | font-family: 'objektiv-mk1' !important; | ||
+ | color: white; | ||
+ | background-color: black; | ||
+ | padding: 10px; | ||
+ | border-radius: 30px; | ||
+ | } | ||
+ | |||
+ | .w3-button:hover { | ||
+ | font-family: 'objektiv-mk1' !important; | ||
+ | color: white !important; | ||
+ | background-color: #1B4900 !important; | ||
+ | } | ||
+ | |||
+ | .w3-button:focus { | ||
+ | outline: 0; | ||
+ | } | ||
+ | |||
+ | .w3-content1 { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .w3-button1 { | ||
+ | font-family: 'objektiv-mk1' !important; | ||
+ | color: white; | ||
+ | background-color: black; | ||
+ | padding: 10px; | ||
+ | border-radius: 30px; | ||
+ | } | ||
+ | |||
+ | .w3-button1:hover { | ||
+ | font-family: 'objektiv-mk1' !important; | ||
+ | color: white !important; | ||
+ | background-color: #1B4900 !important; | ||
+ | } | ||
+ | |||
+ | .w3-button1:focus { | ||
+ | outline: 0; | ||
+ | } | ||
+ | |||
+ | @media (max-width: 768px) { | ||
+ | |||
+ | .mySlides { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .mySlides1 { | ||
+ | width: 100%; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
<body> | <body> | ||
<div id="page"> | <div id="page"> | ||
<center> | <center> | ||
+ | <br> | ||
<br> | <br> | ||
− | <img class="titleimg" src="https://static.igem.org/mediawiki/2017/7/7d/Apple.png"> | + | <!--<img class="titleimg" src="https://static.igem.org/mediawiki/2017/7/7d/Apple.png">--> |
+ | <img class="titleimg" src="https://static.igem.org/mediawiki/2017/3/37/UCSCeducation.png" alt="http://moziru.com/explore/Hat%20clipart%20student/#gal_post_3107_hat-clipart-student-15.jpg"> | ||
− | <h1>EDUCATION AND PUBLIC ENGAGEMENT</h1><br> | + | <h1 style="max-width: 1100px;">EDUCATION AND PUBLIC ENGAGEMENT</h1><br> |
+ | <br> | ||
+ | <br> | ||
+ | <div class="text-container"> | ||
+ | <p><span class="firstword">Outreach</span> is a significant aspect of our project this year. The goal is to pursue a project that will provide a long-standing solution to a current problem. Before deciding on a project, we began our outreach efforts by contacting health care professionals around the world to ask what they saw as the most prevalent and important healthcare issues to address. They overwhelmingly suggested we focus our efforts on addressing vitamin deficiency, due to inadequate access of essential vitamins being a prevalent healthcare issue. Additionally, they made us aware of their concern for patients developing opioid dependencies and how basic medicines such as acetaminophen or ibuprofen can be used in conjunction with these opioids to reduce the dependency of these addictive medications.</p> | ||
+ | |||
+ | <br> | ||
+ | |||
+ | <p>Community outreach is, and will always be, an integral component of bioengineering, and more specifically, genetic engineering. Without immersing ourselves in our community, we end up lacking insight into reality, and we run the risk of misunderstanding problems in society. Santa Cruz in particular has a relatively large homeless population for its size, though our concerns are largely founded in foreign affairs.</p> | ||
+ | |||
+ | <br> | ||
+ | |||
+ | <h3 style="text-align: left; font-weight: 400;">St. Francis Soup Kitchen in Santa Cruz, California</h3> | ||
+ | <p>In an effort to better understand our local community’s relationship with inadequate nutrition and access to medicine, we volunteered at the St. Francis Soup kitchen in Santa Cruz to serve our community. We met with individuals who had been involved at the soup kitchen for many years and were able to gain insight on how both our local and national government have been addressing homelessness in the United States. Homelessness is a multi-faceted issue that also results in an isolated population with inadequate access to proper nutrition and health care. Volunteers voiced their approval at the potential alternative source of fundamental medicines and vitamin supplements our project would provide.</p> | ||
+ | |||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-6"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/2/20/Soup_kitchen_evan_tom.png" style="width: 100%;"> | ||
+ | </div> | ||
+ | <div class="col-md-6"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/6/68/Soup_kitchen_everyone.png" style="width: 100%;"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <i>Team members Evan Pepper, Tom Sousa, and Khanh Tran volunteering at the St. Francis Soup Kitchen in Santa Cruz, California.</i> | ||
+ | </div> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | |||
+ | <p>Here, we were able to interact with and ask certain individuals at the soup kitchen about how their dietary and medical needs are met. Often times they are only able to access the leftovers of their local community, whether it be food or healthcare. The soup kitchen is able to supply lunch five days a week based on the leftovers or newly-expired food from local businesses. Community members at the soup kitchen were excited to see a health-related project aimed towards making a feasible localized medicine approach in communities struggling with precarious access to nutrition and medicine.</p> | ||
+ | |||
+ | <br> | ||
+ | |||
+ | <p>We met and built personal relationships with members of our community who we would be impacting by developing a sustainable method of producing essential medicines and supplements. At the St. Francis Soup Kitchen, the relationships we made and the conversations we had would not have been possible without this project.</p> | ||
+ | |||
+ | <br> | ||
+ | |||
+ | <div class="diagram-image-right-1"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/a/a0/Britt2.png" style="width: 100%;"> | ||
+ | <i>Our team member, Brittney Wick, demonstrating to a student how a toy containing phosphors can be energized by normal sunlight.</i> | ||
+ | </div> | ||
+ | |||
+ | <h3 style="text-align: left; font-weight: 400;">Vietnamese-Catholic Summer Camp at The Lasalle Community Center in San Jose, California</h3> | ||
+ | <p>To educate our own community of these issues, our team visited a summer camp to teach students between the ages of 7 and 14 about life sciences. We introduced the concept of genetic engineering through fun activities catered to each age group. In doing so, we hoped to raise awareness of the bioengineering field and inspire the next generation of scientists.</p> | ||
+ | |||
+ | <br> | ||
+ | |||
+ | <h4 style="text-align: left; font-weight: 400;">Engage Our Audience -- Grades 2-5</h4> | ||
+ | <p>The younger age groups (grades 2 - 5) played a base-pair matching game in which each child wore a piece of construction paper cut like a puzzle piece. Each puzzle piece represented a base, and only the bases A and T could fit to each other while students wearing base C were able to match with the students who wore base G. The students were then introduced to the idea of DNA and its role in shaping our physical characteristics. Younger students were also asked to name animals in English and Vietnamese. This exercise helped the students connect certain lessons to their first language.</p> | ||
+ | |||
+ | <br> | ||
+ | <br> | ||
+ | |||
+ | <div class="diagram-image-left-3"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/d/d1/Xander_teaching_youngins.png" style="width: 100%;"> | ||
+ | <i>Team member Alexander Pearce explaining how to play the base pairing game.</i> | ||
+ | </div> | ||
+ | |||
+ | <br> | ||
+ | |||
+ | <h4 style="text-align: left; font-weight: 400;">Engage Our Audience -- Grades 6-8</h4> | ||
+ | <p>The older students were challenged to an egg drop activity. They were given an egg and several household items such as yarn, dixie cups, and straws, and challenged to make a container for a raw egg so that the egg would not break after being dropped from several feet from the ground. Before dropping the egg, the group members made a brief presentation about their device, describing their logic behind their design, and of course, announcing their team name. We discussed the reasons behind the results, asking, <i>“what do you think led some eggs to break but not others?”</i> This activity helped them problem solve while in groups.</p> | ||
+ | |||
+ | <br> | ||
+ | |||
+ | <div class="diagram-image-right-3"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/f/f6/Evan_eggdrop.png" style="width: 100%;"> | ||
+ | <i>Team member Evan Pepper giving advice to the students about how to build a contraption to keep an egg safe when dropped.</i> | ||
+ | </div> | ||
+ | |||
+ | <br> | ||
+ | |||
+ | <p>Following the egg drop activity, we used eggs to explain a simplified version of genetic engineering by injecting green dye into the yolk without breaking the egg. We asked whether they thought it would be feasible to modify a cell (the egg) without breaking it. We explained that just like in genetic engineering where a modification has to be made to the cell to make it easier to insert DNA, we had to soak the egg in vinegar to make it easier to inject the dye. This activity introduced the basics of genetic engineering.</p> | ||
+ | |||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | |||
+ | <div class="diagram-image-left-4"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/7/7f/Xander_eggdrop.png" style="width: 100%;"> | ||
+ | <i>Team member Alexander Pearce giving advice on how to problem solve.</i> | ||
+ | </div> | ||
+ | |||
+ | <br> | ||
+ | |||
+ | <p>Besides the main activities, we also helped the students make oobleck and demonstrated an egg being sucked into a bottle with the help of a few matches. We aimed to show the students how exciting science can be if we allow ourselves to ask questions with the determination to discover as many possible answers as our question would allow, and to be open to new questions as they arise.</p> | ||
+ | |||
+ | <br> | ||
+ | |||
+ | <div class="diagram-image-right-5"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/7/79/Khanh_teaching.png" style="width: 100%;"> | ||
+ | <i>Team member Khanh Tran teaching the older age group about cell biology shortly before the green dye injection activity.</i> | ||
+ | </div> | ||
+ | |||
+ | <br> | ||
+ | <br> | ||
+ | <!-- <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> --> | ||
+ | |||
+ | <div id="leland-high-school-div"></div> | ||
+ | |||
+ | <br> | ||
+ | |||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | |||
+ | <h3 style="text-align: left; font-weight: 400;">Leland High School in San Jose, California</h3> | ||
+ | <p>We also guest lectured at Leland High School in San Jose on synthetic biology and genetic engineering, and the ethical, cultural, political and various other implications associated with modern laboratory endeavours. With an audience of high school students, we hoped to spur a conversation that addressed both the consequences and rewards of genetic engineering, while instilling a greater sense of awareness and ethical reasoning in the students. We hoped to inspire these students to delve into the policies surrounding genetic engineering, as well as to question its applications and potential consequences in society.</p> | ||
+ | |||
+ | <br> | ||
+ | |||
+ | <div class="diagram-image-left-3"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/7/70/High_school_team_pic2.jpeg" style="width: 100%;"> | ||
+ | <i>Team visiting Leland High School in San Jose, California to lecture about synthetic biology and its ethical implications. (from left to right: Khanh Tran, Marissa Taub, Daniel Schmelter, Evan Pepper, PI Dr. David Bernick, Alexander Pearce, McKenna Hicks, Casidee McDonough, and Pratibha Jagannatha)</i> | ||
+ | </div> | ||
+ | |||
+ | <p>Each lecture was approximately an hour and a half. During that time, we focused on the process of identifying real-world problems, finding practical solutions to multifaceted problems, and identifying possible consequences associated with the proposed solutions. As recommended by the teacher of the AP Environmental Studies class, Samuel Rivera, we studied and discussed the Marshall Islands case study to apply critical thinking and problem solving skills involved in tackling a multifaceted problem. The Marshallese were displaced by U.S. nuclear weapons testing and currently face inadequate access to healthcare and proper nutrition as a result of poor U.S. policies meant to rectify the negative impact of previous nuclear weapons testing.</p> | ||
+ | |||
+ | <br> | ||
+ | |||
+ | <p>We invited the students to recreate our process of asking the community what struggles they face, integrating the community’s response into our solution, and discussing in detail the implications of such a solution. We wanted to provide a glimpse of the process that we ourselves encountered while deciding on our project for the next generation of undergraduate researchers. Additionally the discussion allowed us to become more aware of inadequate access to healthcare and resources happening right here in the United States and in United States territory. Together, our team members and the students of Leland High School were able to produce strategies of easily accomplished feats such as raising awareness over a social media platform or lobbying for policy changes through our local governments as well as possible scientific solutions. We wanted to instill in our young peers that the youth can indeed change the world, even if we must do so one small step at a time.</p> | ||
+ | |||
+ | <!-- <div class="container"> --> | ||
+ | <div class="presentation-container"> | ||
+ | <!-- <div class="slideshow-presentation-right-box"> --> | ||
+ | <div class="w3-content1"> | ||
+ | <img class="mySlides1" src="https://static.igem.org/mediawiki/2017/6/6b/IGEM_-_Leland_Visit.png"> | ||
+ | <img class="mySlides1" src="https://static.igem.org/mediawiki/2017/b/b1/IGEM_-_Leland_Visit_%281%29.png"> | ||
+ | <img class="mySlides1" src="https://static.igem.org/mediawiki/2017/c/c2/IGEM_-_Leland_Visit_%282%29.png"> | ||
+ | <img class="mySlides1" src="https://static.igem.org/mediawiki/2017/9/91/IGEM_-_Leland_Visit_%283%29.png"> | ||
+ | <img class="mySlides1" src="https://static.igem.org/mediawiki/2017/9/97/IGEM_-_Leland_Visit_%284%29.png"> | ||
+ | <img class="mySlides1" src="https://static.igem.org/mediawiki/2017/c/cc/IGEM_-_Leland_Visit_%285%29.png"> | ||
+ | <img class="mySlides1" src="https://static.igem.org/mediawiki/2017/c/c9/IGEM_-_Leland_Visit_%286%29.png"> | ||
+ | <img class="mySlides1" src="https://static.igem.org/mediawiki/2017/7/71/IGEM_-_Leland_Visit_%2814%29.png"> | ||
+ | <img class="mySlides1" src="https://static.igem.org/mediawiki/2017/b/bd/IGEM_-_Leland_Visit_%287%29.png"> | ||
+ | <img class="mySlides1" src="https://static.igem.org/mediawiki/2017/7/7d/IGEM_-_Leland_Visit_%288%29.png"> | ||
+ | <img class="mySlides1" src="https://static.igem.org/mediawiki/2017/1/12/IGEM_-_Leland_Visit_%289%29.png"> | ||
+ | <img class="mySlides1" src="https://static.igem.org/mediawiki/2017/3/3d/IGEM_-_Leland_Visit_%2810%29.png"> | ||
+ | <img class="mySlides1" src="https://static.igem.org/mediawiki/2017/1/17/IGEM_-_Leland_Visit_%2811%29.png"> | ||
+ | <img class="mySlides1" src="https://static.igem.org/mediawiki/2017/1/13/IGEM_-_Leland_Visit_%2812%29.png"> | ||
+ | <img class="mySlides1" src="https://static.igem.org/mediawiki/2017/7/79/IGEM_-_Leland_Visit_%2813%29.png"> | ||
+ | </div> | ||
+ | <i>Our slideshow presentation from our visit to Leland High School.</i> | ||
+ | <!-- </div> --> | ||
+ | |||
+ | |||
+ | <div class="w3-center" style="padding-top: 10px;"> | ||
+ | <div class="w3-section"> | ||
+ | <button class="w3-button1" onclick="plusDivs1(-1)">❮ Prev</button> | ||
+ | <button class="w3-button1" onclick="plusDivs1(1)">Next ❯</button> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <br> | ||
+ | |||
+ | <p>While we were able to teach the students about our own experience, we learned more about how younger students approach problems faced by isolated, underrepresented and disenfranchised people and begin to formulate a solution. We also began to understand what aspects of genetic engineering caused some hesitation among students, where where there may be some misinformation. We led a discussion on ways to address their concerns on synthetic biology and genetic engineering, which helped the students think critically about potential ethical implications of biosynthetic solutions.</p> | ||
+ | |||
+ | <br> | ||
+ | |||
+ | <p>We invoked collaborative discussions among high school students, about topics that are out of our everyday realm of thinking and expertise. To discuss topics that are uncomfortable and out of our area of expertise, we have to be brave enough to take the past into account for what it was, and to problem solve and think critically to create effective solutions for the future.</p> | ||
+ | |||
+ | |||
+ | <br> | ||
+ | |||
+ | <h3 style="text-align: left; font-weight: 400;">University of California, Santa Cruz</h3> | ||
+ | <p>To raise awareness on campus not only about iGEM and our project, but also about bioengineering and genetic engineering, we tabled at the annual OPERS fall festival and asked students what bioengineering meant to them. We were met with a variety of responses from the student body, and we were delighted to see how open-minded many students were. We discussed issues revolving GMO's, the pharmaceutical industry, genetic engineering and eugenics, bioethics, and of course, some of the many problems associated with malnutrition and vitamin deficiency. We emphasized the interdisciplinary nature of iGEM, as well as the crucial role everyone has in helping develop a potential solution to a real-world problem.</p> | ||
+ | |||
+ | <div class="container" style="width: 85% !important;"> | ||
+ | <div class="w3-content"> | ||
+ | <img class="mySlides" src="https://static.igem.org/mediawiki/2017/2/23/Opers_slide_1.png"> | ||
+ | <img class="mySlides" src="https://static.igem.org/mediawiki/2017/7/76/Opers_slide_2.png"> | ||
+ | <img class="mySlides" src="https://static.igem.org/mediawiki/2017/4/40/Opers_slide_3.png"> | ||
+ | <img class="mySlides" src="https://static.igem.org/mediawiki/2017/b/b6/Opers_slide_4.png"> | ||
+ | <img class="mySlides" src="https://static.igem.org/mediawiki/2017/8/88/Opers_slide_5.png"> | ||
+ | <img class="mySlides" src="https://static.igem.org/mediawiki/2017/c/c1/Opers_slide_6.png"> | ||
+ | <img class="mySlides" src="https://static.igem.org/mediawiki/2017/8/8d/Opers_slide_7.png"> | ||
+ | <img class="mySlides" src="https://static.igem.org/mediawiki/2017/4/4d/Opers_slide_8.png"> | ||
+ | <img class="mySlides" src="https://static.igem.org/mediawiki/2017/5/5b/Opers_slide_9.png"> | ||
+ | <img class="mySlides" src="https://static.igem.org/mediawiki/2017/3/35/Opers_slide_10.png"> | ||
+ | <img class="mySlides" src="https://static.igem.org/mediawiki/2017/7/73/Opers_slide_11.png"> | ||
+ | <img class="mySlides" src="https://static.igem.org/mediawiki/2017/5/52/Opers_slide_12.png"> | ||
+ | <img class="mySlides" src="https://static.igem.org/mediawiki/2017/7/78/Opers_slide_13.png"> | ||
+ | <img class="mySlides" src="https://static.igem.org/mediawiki/2017/c/c4/Opers_slide_14.png"> | ||
+ | <img class="mySlides" src="https://static.igem.org/mediawiki/2017/f/f3/Opers_slide_15.png"> | ||
+ | <img class="mySlides" src="https://static.igem.org/mediawiki/2017/b/bf/Opers_slide_16.png"> | ||
+ | </div> | ||
+ | <i>At the annual OPERS Festival held on the UC Santa Cruz campus, students responded to the question "What does Bioengineering mean to you?"</i> | ||
</div> | </div> | ||
− | |||
+ | <div class="w3-center" style="padding-top: 60px;"> | ||
+ | <div class="w3-section"> | ||
+ | <button class="w3-button" onclick="plusDivs(-1)">❮ Prev</button> | ||
+ | <button class="w3-button" onclick="plusDivs(1)">Next ❯</button> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <br> | ||
+ | <br> | ||
+ | |||
+ | <p>Lastly, we held a two hour long lecture on the UC Santa Cruz campus to discuss synthetic biology, iGEM, our project specifically, and how students could get involved in the future. We had approximately 50 students in attendance, and held a lengthy Q&A after our talk. This was a great experience for us as a team, and truly brought our outreach full circle. It was inspiring for us to discuss relevant topics regarding synthetic biology to an audience of peers interested in biology, engineering, policy, ethics, research, and everything in between.</p> | ||
+ | |||
+ | <br> | ||
+ | |||
+ | <p><b>Our outreach does not stop here.</b> It can’t stop here. We must always be in communication with not only the intended recipients of our project, but also those who can aid us along the way, and those who are interested in getting involved. <b>Doing meaningful science that is good for the world takes teamwork</b>, and we pride ourselves on our ability to communicate with others.</p> | ||
+ | |||
+ | |||
+ | <script> | ||
+ | var slideIndex = 1; | ||
+ | showDivs(slideIndex); | ||
+ | |||
+ | function plusDivs(n) { | ||
+ | showDivs(slideIndex += n); | ||
+ | } | ||
+ | |||
+ | function currentDiv(n) { | ||
+ | showDivs(slideIndex = n); | ||
+ | } | ||
+ | |||
+ | function showDivs(n) { | ||
+ | var i; | ||
+ | var y = document.getElementsByClassName("mySlides"); | ||
+ | var dots = document.getElementsByClassName("demo"); | ||
+ | if (n > y.length) {slideIndex = 1} | ||
+ | if (n < 1) {slideIndex = y.length} | ||
+ | for (i = 0; i < y.length; i++) { | ||
+ | y[i].style.display = "none"; | ||
+ | } | ||
+ | for (i = 0; i < dots.length; i++) { | ||
+ | dots[i].className = dots[i].className.replace(" w3-red", ""); | ||
+ | } | ||
+ | y[slideIndex-1].style.display = "block"; | ||
+ | dots[slideIndex-1].className += " w3-red"; | ||
+ | } | ||
+ | |||
+ | </script> | ||
+ | |||
+ | <script> | ||
+ | |||
+ | var slideIndex = 1; | ||
+ | showDivs1(slideIndex); | ||
+ | |||
+ | function plusDivs1(m) { | ||
+ | showDivs1(slideIndex += m); | ||
+ | } | ||
+ | |||
+ | function currentDiv1(m) { | ||
+ | showDivs1(slideIndex = m); | ||
+ | } | ||
+ | |||
+ | function showDivs1(m) { | ||
+ | var j; | ||
+ | var x = document.getElementsByClassName("mySlides1"); | ||
+ | var dots = document.getElementsByClassName("demo"); | ||
+ | if (m > x.length) {slideIndex = 1} | ||
+ | if (m < 1) {slideIndex = x.length} | ||
+ | for (j = 0; j < x.length; j++) { | ||
+ | x[j].style.display = "none"; | ||
+ | } | ||
+ | for (j = 0; j < dots.length; j++) { | ||
+ | dots[j].className = dots[j].className.replace(" w3-red", ""); | ||
+ | } | ||
+ | x[slideIndex-1].style.display = "block"; | ||
+ | dots[slideIndex-1].className += " w3-red"; | ||
+ | } | ||
+ | |||
+ | </script> | ||
+ | |||
+ | |||
+ | |||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | |||
+ | </div> | ||
+ | </html> | ||
{{UCSC-Footer}} | {{UCSC-Footer}} |
Latest revision as of 03:01, 2 November 2017
EDUCATION AND PUBLIC ENGAGEMENT
Outreach is a significant aspect of our project this year. The goal is to pursue a project that will provide a long-standing solution to a current problem. Before deciding on a project, we began our outreach efforts by contacting health care professionals around the world to ask what they saw as the most prevalent and important healthcare issues to address. They overwhelmingly suggested we focus our efforts on addressing vitamin deficiency, due to inadequate access of essential vitamins being a prevalent healthcare issue. Additionally, they made us aware of their concern for patients developing opioid dependencies and how basic medicines such as acetaminophen or ibuprofen can be used in conjunction with these opioids to reduce the dependency of these addictive medications.
Community outreach is, and will always be, an integral component of bioengineering, and more specifically, genetic engineering. Without immersing ourselves in our community, we end up lacking insight into reality, and we run the risk of misunderstanding problems in society. Santa Cruz in particular has a relatively large homeless population for its size, though our concerns are largely founded in foreign affairs.
St. Francis Soup Kitchen in Santa Cruz, California
In an effort to better understand our local community’s relationship with inadequate nutrition and access to medicine, we volunteered at the St. Francis Soup kitchen in Santa Cruz to serve our community. We met with individuals who had been involved at the soup kitchen for many years and were able to gain insight on how both our local and national government have been addressing homelessness in the United States. Homelessness is a multi-faceted issue that also results in an isolated population with inadequate access to proper nutrition and health care. Volunteers voiced their approval at the potential alternative source of fundamental medicines and vitamin supplements our project would provide.
Here, we were able to interact with and ask certain individuals at the soup kitchen about how their dietary and medical needs are met. Often times they are only able to access the leftovers of their local community, whether it be food or healthcare. The soup kitchen is able to supply lunch five days a week based on the leftovers or newly-expired food from local businesses. Community members at the soup kitchen were excited to see a health-related project aimed towards making a feasible localized medicine approach in communities struggling with precarious access to nutrition and medicine.
We met and built personal relationships with members of our community who we would be impacting by developing a sustainable method of producing essential medicines and supplements. At the St. Francis Soup Kitchen, the relationships we made and the conversations we had would not have been possible without this project.
Vietnamese-Catholic Summer Camp at The Lasalle Community Center in San Jose, California
To educate our own community of these issues, our team visited a summer camp to teach students between the ages of 7 and 14 about life sciences. We introduced the concept of genetic engineering through fun activities catered to each age group. In doing so, we hoped to raise awareness of the bioengineering field and inspire the next generation of scientists.
Engage Our Audience -- Grades 2-5
The younger age groups (grades 2 - 5) played a base-pair matching game in which each child wore a piece of construction paper cut like a puzzle piece. Each puzzle piece represented a base, and only the bases A and T could fit to each other while students wearing base C were able to match with the students who wore base G. The students were then introduced to the idea of DNA and its role in shaping our physical characteristics. Younger students were also asked to name animals in English and Vietnamese. This exercise helped the students connect certain lessons to their first language.
Engage Our Audience -- Grades 6-8
The older students were challenged to an egg drop activity. They were given an egg and several household items such as yarn, dixie cups, and straws, and challenged to make a container for a raw egg so that the egg would not break after being dropped from several feet from the ground. Before dropping the egg, the group members made a brief presentation about their device, describing their logic behind their design, and of course, announcing their team name. We discussed the reasons behind the results, asking, “what do you think led some eggs to break but not others?” This activity helped them problem solve while in groups.
Following the egg drop activity, we used eggs to explain a simplified version of genetic engineering by injecting green dye into the yolk without breaking the egg. We asked whether they thought it would be feasible to modify a cell (the egg) without breaking it. We explained that just like in genetic engineering where a modification has to be made to the cell to make it easier to insert DNA, we had to soak the egg in vinegar to make it easier to inject the dye. This activity introduced the basics of genetic engineering.
Besides the main activities, we also helped the students make oobleck and demonstrated an egg being sucked into a bottle with the help of a few matches. We aimed to show the students how exciting science can be if we allow ourselves to ask questions with the determination to discover as many possible answers as our question would allow, and to be open to new questions as they arise.
Leland High School in San Jose, California
We also guest lectured at Leland High School in San Jose on synthetic biology and genetic engineering, and the ethical, cultural, political and various other implications associated with modern laboratory endeavours. With an audience of high school students, we hoped to spur a conversation that addressed both the consequences and rewards of genetic engineering, while instilling a greater sense of awareness and ethical reasoning in the students. We hoped to inspire these students to delve into the policies surrounding genetic engineering, as well as to question its applications and potential consequences in society.
Each lecture was approximately an hour and a half. During that time, we focused on the process of identifying real-world problems, finding practical solutions to multifaceted problems, and identifying possible consequences associated with the proposed solutions. As recommended by the teacher of the AP Environmental Studies class, Samuel Rivera, we studied and discussed the Marshall Islands case study to apply critical thinking and problem solving skills involved in tackling a multifaceted problem. The Marshallese were displaced by U.S. nuclear weapons testing and currently face inadequate access to healthcare and proper nutrition as a result of poor U.S. policies meant to rectify the negative impact of previous nuclear weapons testing.
We invited the students to recreate our process of asking the community what struggles they face, integrating the community’s response into our solution, and discussing in detail the implications of such a solution. We wanted to provide a glimpse of the process that we ourselves encountered while deciding on our project for the next generation of undergraduate researchers. Additionally the discussion allowed us to become more aware of inadequate access to healthcare and resources happening right here in the United States and in United States territory. Together, our team members and the students of Leland High School were able to produce strategies of easily accomplished feats such as raising awareness over a social media platform or lobbying for policy changes through our local governments as well as possible scientific solutions. We wanted to instill in our young peers that the youth can indeed change the world, even if we must do so one small step at a time.
While we were able to teach the students about our own experience, we learned more about how younger students approach problems faced by isolated, underrepresented and disenfranchised people and begin to formulate a solution. We also began to understand what aspects of genetic engineering caused some hesitation among students, where where there may be some misinformation. We led a discussion on ways to address their concerns on synthetic biology and genetic engineering, which helped the students think critically about potential ethical implications of biosynthetic solutions.
We invoked collaborative discussions among high school students, about topics that are out of our everyday realm of thinking and expertise. To discuss topics that are uncomfortable and out of our area of expertise, we have to be brave enough to take the past into account for what it was, and to problem solve and think critically to create effective solutions for the future.
University of California, Santa Cruz
To raise awareness on campus not only about iGEM and our project, but also about bioengineering and genetic engineering, we tabled at the annual OPERS fall festival and asked students what bioengineering meant to them. We were met with a variety of responses from the student body, and we were delighted to see how open-minded many students were. We discussed issues revolving GMO's, the pharmaceutical industry, genetic engineering and eugenics, bioethics, and of course, some of the many problems associated with malnutrition and vitamin deficiency. We emphasized the interdisciplinary nature of iGEM, as well as the crucial role everyone has in helping develop a potential solution to a real-world problem.
Lastly, we held a two hour long lecture on the UC Santa Cruz campus to discuss synthetic biology, iGEM, our project specifically, and how students could get involved in the future. We had approximately 50 students in attendance, and held a lengthy Q&A after our talk. This was a great experience for us as a team, and truly brought our outreach full circle. It was inspiring for us to discuss relevant topics regarding synthetic biology to an audience of peers interested in biology, engineering, policy, ethics, research, and everything in between.
Our outreach does not stop here. It can’t stop here. We must always be in communication with not only the intended recipients of our project, but also those who can aid us along the way, and those who are interested in getting involved. Doing meaningful science that is good for the world takes teamwork, and we pride ourselves on our ability to communicate with others.