Difference between revisions of "Team:Virginia/Practices"
(38 intermediate revisions by the same user not shown) | |||
Line 7: | Line 7: | ||
<body> | <body> | ||
<div id="top-part"> | <div id="top-part"> | ||
+ | <a href="http://virginia.edu"> | ||
+ | <div style="position: fixed; | ||
+ | top: 34px; | ||
+ | z-index:20; | ||
+ | margin-left:26.5%;"> | ||
+ | <img style="height:32px; | ||
+ | width:32px;" src="/wiki/images/d/df/Virginia_rotunda2.png"> | ||
+ | </div></a> | ||
+ | |||
<p id="above-nav">University of Virginia iGEM 2015</p> | <p id="above-nav">University of Virginia iGEM 2015</p> | ||
<div id="icon-box"> | <div id="icon-box"> | ||
Line 30: | Line 39: | ||
<!-- OTHER STRUCTURAL CODE GOES BELOW HERE --> | <!-- OTHER STRUCTURAL CODE GOES BELOW HERE --> | ||
<div id="upper-div"> | <div id="upper-div"> | ||
− | <h1>Policy | + | <img src="/wiki/images/d/d1/Virginia_logo4.png"></img> |
+ | <h1>Policy and Practices</h1> | ||
<p>(click a tab to reveal more information)</p> | <p>(click a tab to reveal more information)</p> | ||
</div> | </div> | ||
<div id="tabs-wrapper"> | <div id="tabs-wrapper"> | ||
<div class="container"> | <div class="container"> | ||
− | <div class="tab" id="tab1"> | + | <a href="javascript:void(0);"><div class="tab" id="tab1"> |
<p>Part I: Education Pamphlet</p> | <p>Part I: Education Pamphlet</p> | ||
<img src="/wiki/images/7/7b/Virginia_arrow-down.png"> | <img src="/wiki/images/7/7b/Virginia_arrow-down.png"> | ||
</img> | </img> | ||
<div class="tab-content" id="tab-content1"> | <div class="tab-content" id="tab-content1"> | ||
− | < | + | <p> The educational pamphlet we prepared for the human practices portion of our project is intended to |
− | + | ||
+ | educate readers about diabetes, its symptoms and treatments, and how our solution would fit into a | ||
+ | |||
+ | diabetic’s lifestyle. This pamphlet, displayed below, would be a beneficial tool for both users of our | ||
+ | |||
+ | product and individuals interested in diabetes. | ||
+ | </p> | ||
+ | <a href="/wiki/images/8/80/Virginia_pamphlet.pdf" download> | ||
+ | <div class="d-button"> | ||
+ | <p>Download the Pamphlet (PDF File)</p> | ||
+ | <style type="text/css"> | ||
+ | .d-button { | ||
+ | width: 70%; | ||
+ | margin: 40px; | ||
+ | margin-left: 15%; | ||
+ | padding: 20px; | ||
+ | text-align:center; | ||
+ | background: #aaaaaa; | ||
+ | border-radius: 10px; | ||
+ | border: 2px solid #00f0ff; | ||
+ | box-shadow: 2px 2px 4px black; | ||
+ | } | ||
+ | .d-button p { | ||
+ | text-decoration: none; | ||
+ | text-align: center; | ||
+ | color: white; | ||
+ | font-family: Arial; | ||
+ | font-size: 24px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | </style> | ||
+ | </div></a> | ||
</div> | </div> | ||
− | </div> | + | </div> </a> |
<script type="text/javascript"> | <script type="text/javascript"> | ||
jQuery(document).ready(function(){ | jQuery(document).ready(function(){ | ||
Line 49: | Line 90: | ||
$("#tab-content1").toggleClass("active-content"); | $("#tab-content1").toggleClass("active-content"); | ||
$("#tab1").toggleClass("active-tab"); | $("#tab1").toggleClass("active-tab"); | ||
− | $("#tab1 | + | $("#tab1 img").toggleClass("inactive-content"); |
}); | }); | ||
}); | }); | ||
</script> | </script> | ||
− | <div class="tab" id="tab2"> | + | <a href="javascript:void(0);"><div class="tab" id="tab2"> |
<p>Part II: Synthetic Biology Documentary</p> | <p>Part II: Synthetic Biology Documentary</p> | ||
<img src="/wiki/images/7/7b/Virginia_arrow-down.png"> | <img src="/wiki/images/7/7b/Virginia_arrow-down.png"> | ||
</img> | </img> | ||
<div class="tab-content" id="tab-content2"> | <div class="tab-content" id="tab-content2"> | ||
− | <div><p> | + | <div><p>With so many moving parts in our synthetic biology investigation, a documentary seemed like an ideal |
+ | |||
+ | choice to showcase what we have been doing over the summer and how this research will translate into | ||
+ | |||
+ | an effect mechanism of change in the surrounding scientific community. Our documentary consists of | ||
+ | |||
+ | several components, including (but not limited to) explaining diabetes, the types of diabetes, and the | ||
+ | |||
+ | prevalence of diabetes in the US and globally; explaining the premises of synthetic biology, the iGEM | ||
+ | |||
+ | Jamboree and spirit of competition, and our project; seeking advice of tenured professors to evaluate | ||
+ | |||
+ | the legitimacy and validity of our research and its ability to partially combat diabetes; and investigating | ||
+ | |||
+ | the process, primarily dictated by the FDA, of how to approve a product to be marketed to the public. | ||
+ | |||
+ | This documentary saw the consultations of several highly regarded professors including Dr. Susanna | ||
+ | |||
+ | Keller, Dr. Keith Kozminski, Dr. Anthony McCall, and Dr. Gil Siegel on various topics as stated previously. | ||
+ | |||
+ | Furthermore, Dr. Owen Fields of the Pfizer pharmaceutical company and Dr. John Herr provided us with | ||
+ | |||
+ | commentary on the processes behind traversing through FDA approval to market our probiotic to the | ||
+ | |||
+ | diabetic and pre-diabetic public. We concluded the documentary with a brief, yet nonetheless accurate | ||
+ | |||
+ | survey of FDA regulations of our would-be product/probiotic as well as any labeling and fast-tracking | ||
+ | |||
+ | categories our product could fall under. | ||
+ | </p> | ||
+ | <a href="https://www.youtube.com/watch?v=0hH6YTF5yuA&feature=youtu.be" class="linkbox"> <p >View our Documentary on YouTube here<p> </a> | ||
+ | <style type="text/css"> | ||
+ | .linkbox { | ||
+ | font-size: 20px; | ||
+ | font-weight:bold; | ||
+ | color:white; | ||
+ | margin-left:25%; | ||
+ | text-align: center; | ||
+ | background: dfe2fb; | ||
+ | width: 50%; | ||
+ | padding: 10px; | ||
+ | border-radius:10px; | ||
+ | |||
+ | } | ||
+ | .linkbox p { | ||
+ | font-size: 20px; | ||
+ | font-weight:bold; | ||
+ | color:white; | ||
+ | margin-left:25%; | ||
+ | text-align: center; | ||
+ | background: dfe2fb; | ||
+ | width: 50%; | ||
+ | padding: 10px; | ||
+ | border-radius:10px; | ||
+ | } | ||
+ | </style> | ||
+ | </div> | ||
+ | |||
</div> | </div> | ||
− | </div> | + | </div> </a> |
<script type="text/javascript"> | <script type="text/javascript"> | ||
jQuery(document).ready(function(){ | jQuery(document).ready(function(){ | ||
Line 70: | Line 168: | ||
}); | }); | ||
</script> | </script> | ||
− | <div class="tab" id="tab3"> | + | <a href="javascript:void(0);"><div class="tab" id="tab3"> |
<p>Part III: Software</p> | <p>Part III: Software</p> | ||
<img src="/wiki/images/7/7b/Virginia_arrow-down.png"> | <img src="/wiki/images/7/7b/Virginia_arrow-down.png"> | ||
</img> | </img> | ||
<div class="tab-content" id="tab-content3"> | <div class="tab-content" id="tab-content3"> | ||
− | <div><p> | + | <div><p>Once the assays have been performed to determine the levels at which Levan and glycogen are formed |
+ | |||
+ | in the gut, we deemed it novel and necessary to develop an online/mobile application for individuals | ||
+ | |||
+ | that may take our probiotic. Several diet applications exist for both Android and iOS and this application | ||
+ | |||
+ | would be the final step in our product interfacing with the client (the first step being the pamphlet | ||
+ | |||
+ | educating the client about diabetes and various health benefits our product can provide and the second | ||
+ | |||
+ | being the documentary that showcases the process of getting the product approved by the FDA as well | ||
+ | |||
+ | as several consultations with pharmaceutical companies and tenured professors as to the merits and | ||
+ | |||
+ | legitimacy of our product). The application would be a rudimentary one that would require caloric input | ||
+ | |||
+ | by the user and, by virtue of an algorithm derived from the results of the assays, a quantity of the | ||
+ | |||
+ | product needed to be consumed to neutralize a postprandial glycemic spike would be displayed on the | ||
+ | |||
+ | mobile screen. | ||
+ | </p></div> | ||
</div> | </div> | ||
− | </div> | + | </div> </a> |
<script type="text/javascript"> | <script type="text/javascript"> | ||
jQuery(document).ready(function(){ | jQuery(document).ready(function(){ | ||
Line 87: | Line 206: | ||
}); | }); | ||
</script> | </script> | ||
− | <div class="tab" id="tab4"> | + | <a href="javascript:void(0);"><div class="tab" id="tab4"> |
<p>Part IV: iGEM Collaboration</p> | <p>Part IV: iGEM Collaboration</p> | ||
<img src="/wiki/images/7/7b/Virginia_arrow-down.png"> | <img src="/wiki/images/7/7b/Virginia_arrow-down.png"> | ||
</img> | </img> | ||
<div class="tab-content" id="tab-content4"> | <div class="tab-content" id="tab-content4"> | ||
− | <div>< | + | <div><a href="/Team:Virginia/Collaborations"> |
+ | <div class="tab-button"><h3>Collaborations Page</h3></div> | ||
+ | <style type="text/css"> | ||
+ | .tab a { | ||
+ | font-size: 24px; | ||
+ | color: #007bb6; | ||
+ | text-align:center; | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | .tab a:hover { | ||
+ | color:#007bb6; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | .tab-button h3 { | ||
+ | padding:15px; | ||
+ | } | ||
+ | .tab-button { | ||
+ | width: 50%; | ||
+ | height: auto; | ||
+ | padding: 0px; | ||
+ | border-radius: 10px; | ||
+ | background: #fff; | ||
+ | margin-left: 25%; | ||
+ | box-shadow: 2px 2px 4px black; | ||
+ | } | ||
+ | .tab-button:hover { | ||
+ | box-shadow: 3px 3px 6px black; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | </a></div> | ||
</div> | </div> | ||
− | </div> | + | </div> </a> |
<script type="text/javascript"> | <script type="text/javascript"> | ||
jQuery(document).ready(function(){ | jQuery(document).ready(function(){ | ||
Line 179: | Line 328: | ||
padding-bottom:5px; | padding-bottom:5px; | ||
} | } | ||
+ | a:hover { | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | a{ | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | .active-tab{ | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | .active-content{ | ||
+ | text-decoration:none; | ||
+ | } | ||
.row { | .row { | ||
width:100%; | width:100%; | ||
Line 197: | Line 358: | ||
font-family: Century Gothic, sans-serif; | font-family: Century Gothic, sans-serif; | ||
} | } | ||
− | + | footer { | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
width:100% | width:100% | ||
height:300px; | height:300px; | ||
Line 296: | Line 441: | ||
width:99%; | width:99%; | ||
margin-left:.5%; | margin-left:.5%; | ||
− | background-image:url(" | + | background-image:url("/wiki/images/0/06/Virginia_cells2.jpg"); |
− | + | ||
border-radius:1px; | border-radius:1px; | ||
padding-bottom:50px; | padding-bottom:50px; | ||
Line 385: | Line 529: | ||
.inactive-content { | .inactive-content { | ||
display:none; | display:none; | ||
+ | } | ||
+ | #upper-div h1{ | ||
+ | margin-top:0px; | ||
+ | border-top:0px; | ||
+ | padding:0px; | ||
+ | } | ||
+ | #upper-div > img { | ||
+ | width:15%; | ||
+ | height:auto; | ||
+ | margin-left:42.5%; | ||
+ | padding:5px; | ||
} | } | ||
/* SPECIFIC STYLE CODE ENDS HERE */ | /* SPECIFIC STYLE CODE ENDS HERE */ |
Latest revision as of 01:26, 19 September 2015
Policy and Practices
(click a tab to reveal more information)
Part I: Education Pamphlet
The educational pamphlet we prepared for the human practices portion of our project is intended to educate readers about diabetes, its symptoms and treatments, and how our solution would fit into a diabetic’s lifestyle. This pamphlet, displayed below, would be a beneficial tool for both users of our product and individuals interested in diabetes.
Part II: Synthetic Biology Documentary
With so many moving parts in our synthetic biology investigation, a documentary seemed like an ideal choice to showcase what we have been doing over the summer and how this research will translate into an effect mechanism of change in the surrounding scientific community. Our documentary consists of several components, including (but not limited to) explaining diabetes, the types of diabetes, and the prevalence of diabetes in the US and globally; explaining the premises of synthetic biology, the iGEM Jamboree and spirit of competition, and our project; seeking advice of tenured professors to evaluate the legitimacy and validity of our research and its ability to partially combat diabetes; and investigating the process, primarily dictated by the FDA, of how to approve a product to be marketed to the public. This documentary saw the consultations of several highly regarded professors including Dr. Susanna Keller, Dr. Keith Kozminski, Dr. Anthony McCall, and Dr. Gil Siegel on various topics as stated previously. Furthermore, Dr. Owen Fields of the Pfizer pharmaceutical company and Dr. John Herr provided us with commentary on the processes behind traversing through FDA approval to market our probiotic to the diabetic and pre-diabetic public. We concluded the documentary with a brief, yet nonetheless accurate survey of FDA regulations of our would-be product/probiotic as well as any labeling and fast-tracking categories our product could fall under.
View our Documentary on YouTube here
Part III: Software
Once the assays have been performed to determine the levels at which Levan and glycogen are formed in the gut, we deemed it novel and necessary to develop an online/mobile application for individuals that may take our probiotic. Several diet applications exist for both Android and iOS and this application would be the final step in our product interfacing with the client (the first step being the pamphlet educating the client about diabetes and various health benefits our product can provide and the second being the documentary that showcases the process of getting the product approved by the FDA as well as several consultations with pharmaceutical companies and tenured professors as to the merits and legitimacy of our product). The application would be a rudimentary one that would require caloric input by the user and, by virtue of an algorithm derived from the results of the assays, a quantity of the product needed to be consumed to neutralize a postprandial glycemic spike would be displayed on the mobile screen.