From 74365664d64a6bb39d375cdef17c1df6a151a25d Mon Sep 17 00:00:00 2001 From: Peyton S <mudzgamer5557@outlook.com> Date: Mon, 30 Sep 2024 19:03:31 -0700 Subject: [PATCH] swapped to canva slides --- static/style.css | 4 + wiki/menu.html | 2 + wiki/pages/contacts.html | 49 ++++++++++++ wiki/pages/home.html | 8 ++ wiki/pages/human-practices.html | 56 -------------- wiki/pages/safety.html | 127 ++------------------------------ wiki/pages/survey.html | 18 +++++ 7 files changed, 89 insertions(+), 175 deletions(-) create mode 100644 wiki/pages/contacts.html create mode 100644 wiki/pages/survey.html diff --git a/static/style.css b/static/style.css index 172b255..ec28097 100644 --- a/static/style.css +++ b/static/style.css @@ -5,6 +5,10 @@ body { padding-top: 56px; } background-color: #45b06cff; } +.bg-stars { + background-image: url("https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fallfreedesigns.com%2Fwp-content%2Fuploads%2F2015%2F10%2Fstars-clip-art-23.jpg&f=1&nofb=1&ipt=f914a50c3eb79e40252dfb213831391f7e1973987951691bcf7945792473f238&ipo=images"); +} + /* CALLOUT */ .bd-callout { padding:1.25rem; margin-top:1.25rem; margin-bottom:1.25rem; border:1px solid #e9ecef; border-left-width:.25rem; border-radius:.25rem } .bd-callout h4 { margin-bottom:.25rem } diff --git a/wiki/menu.html b/wiki/menu.html index 8c399d4..dc5630d 100644 --- a/wiki/menu.html +++ b/wiki/menu.html @@ -60,6 +60,8 @@ <ul class="dropdown-menu" aria-labelledby="navbarDropdown"> <li><a class="dropdown-item" href="{{ url_for('pages', page='human-practices') }}">Overview</a></li> <li><a class="dropdown-item" href="{{ url_for('pages', page='proposed') }}">Implementation</a></li> + <li><a class="dropdown-item" href="{{ url_for('pages', page='survey') }}">Survey</a></li> + <li><a class="dropdown-item" href="{{ url_for('pages', page='contacts') }}">Contacts</a></li> </ul> </li> diff --git a/wiki/pages/contacts.html b/wiki/pages/contacts.html new file mode 100644 index 0000000..bbf0aba --- /dev/null +++ b/wiki/pages/contacts.html @@ -0,0 +1,49 @@ +{% extends "layout.html" %} + +{% block title %}Contacts{% endblock %} +{% block lead %}Our main professional contacts for the project.{% endblock %} + +{% block page_content %} + +<div class="row mt-4"> + <h2>Contacts</h2> + <hr> + <h3>Tejas Borkar</h3> + <p><i>Our iGEM mentor who helped us conceptualize the project</i></p> + <p> + Tejas Borkar, a Ph.D. student in Germany, guided us in the initial conceptualization of our project. He suggested adding components to our fusion protein and ways we would carry out a proof of concept in the lab. He helped us brainstorm ways to enhance the human practices component of our project and what to model. We learned more about iGEM through his experience, and we learned new scientific concepts we were previously unfamiliar with, such as GST pull-down assays and nuclear localization signals. + </p> + <br> + + <h3>Dr. Tom Huxford </h3> + <p><i>A biochemistry professor at San Diego State University</i></p> + <p> + Dr. Huxford met with us on Zoom on July 22nd after we emailed him to request lab space. He helped us organize our project ideas and plan the lab procedures we would carry out. He suggested testing the viability of the bacteria after being exposed to varying amounts of UV radiation instead of using COMET assays as we had previously planned. This simplified the process while still allowing us to gather data if we got that far in the lab. He also helped us acquire lab space by reaching out to other SDSU faculty members. We gained valuable insight on how to convert literature review and theoretical ideas into feasible wet lab procedures. + </p> + <br> + + <h3>Sierra Murrell</h3> + <p><i>A Ph.D. student working in the Love Lab</i></p> + <p> + Sierra Murrell and the other Love Lab students guided us through all of the lab procedures. She helped us plan our wet lab schedule and supervised us throughout the procedures. She and the other lab students, especially Mia and Mariam, taught us how to use various pieces of lab equipment, such as the Nanodrop and the gel visualizer, as well as the techniques needed for other protocols. We learned how to carry out a transformation and gel electrophoresis. She helped us gather materials and calculate the ratios we needed for ligation and digestion. We learned the basic lab protocols necessary for future experiments. + </p> + <br> + + <h3>Dr. Uduak George</h3> + <p><i>A mathematics professor specializing in modeling at San Diego State University</i></p> + <p> + Dr. George helped us figure out how to model components of our project mathematically. She taught us about the Michaelis-Menten equation and how to use it. She also gave us access to the papers where we could find the constants. We will use what we learned from our meetings with her in the future, especially because the Michaelis-Menten equation is so versatile for biology-related mathematical modeling. + </p> + <br> + + <h3>Dr. Pablo Machuca</h3> + <p><i>An aerospace engineering professor at San Diego State University</i></p> + <p> + Dr. Machuca met with us on Zoom on September 21st to talk about aerospace applications for the UV radiation issue. He told us about the current solutions and protection against UV radiation in space, although he specializes in designing spacecraft. We learned more context about the issue in a wider range of topics and not just biology. He helped us determine some future steps we can take in order to make our ideas more effective. The notes we took during this meeting are embedded below. + </p> + <br> +</div> + +{% endblock %} + + \ No newline at end of file diff --git a/wiki/pages/home.html b/wiki/pages/home.html index 523e209..831c80e 100644 --- a/wiki/pages/home.html +++ b/wiki/pages/home.html @@ -13,6 +13,14 @@ We are RBHS iGEM, a team of twenty driven high school students from San Diego! This year, we are tackling the problem of UV radiation in space and the DNA damage it can cause. We hope to employ a fusion protein composed of a cell penetrating peptide, a nuclear localization sequence, and photolyase as a potential solution to this problem. </p> <br> + <div style="position: relative; width: 100%; height: 0; padding-top: 56.2500%; + padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden; + border-radius: 8px; will-change: transform;"> + <iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;" + src="https://www.canva.com/design/DAGSSYfvfQ8/ENscV6t6slcea2hrE5_RcQ/view?embed" allowfullscreen="allowfullscreen" allow="fullscreen"> + </iframe> + </div> + <p><a href="https://www.canva.com/design/DAGSSYfvfQ8/ENscV6t6slcea2hrE5_RcQ/view?utm_content=DAGSSYfvfQ8&utm_campaign=designshare&utm_medium=embeds&utm_source=link" target="_blank" rel="noopener">Problem Slides</a> by Andrew Tolentino</p> </div> </div> diff --git a/wiki/pages/human-practices.html b/wiki/pages/human-practices.html index e183832..5d8aad2 100644 --- a/wiki/pages/human-practices.html +++ b/wiki/pages/human-practices.html @@ -5,25 +5,6 @@ {% block page_content %} -<div class="row mt-4"> - <div class="col"> - <div class="bd-callout bd-callout-info"> - <h4>Silver Medal Criterion #2</h4> - <p>Explain how you have determined your work is responsible and good for the world.</p> - <hr> - <p>Please see the <a href="https://competition.igem.org/judging/medals">2024 Medals Page</a> for more information.</p> - </div> - - <div class="bd-callout bd-callout-info"> - <h4>Best Integrated Human Practices</h4> - <p>How does your project affect society and how does society influence the direction of your project? How might ethical considerations and stakeholder input guide your project purpose and design and the experiments you conduct in the lab? How does this feedback enter into the process of your work all through the iGEM competition? Document a thoughtful and creative approach to exploring these questions and how your project evolved in the process to compete for this award!</p> - <p>To compete for the Best Integrated Human Practices prize, select the prize on the <a href="https://competition.igem.org/deliverables/judging-form">judging form</a> and describe your work on this page.</p> - <hr> - <p>Please see the <a href="https://competition.igem.org/judging/awards">2024 Awards Page</a> for more information.</p> - </div> - </div> -</div> - <div class="row mt-4 align-items-center"> <div class="col-lg-8"> <h2>Overview</h2> @@ -82,43 +63,6 @@ </p> <br> - <h2>Contacts</h2> - <hr> - <h3>Tejas Borkar</h3> - <p><i>Our iGEM mentor who helped us conceptualize the project</i></p> - <p> - Tejas Borkar, a Ph.D. student in Germany, guided us in the initial conceptualization of our project. He suggested adding components to our fusion protein and ways we would carry out a proof of concept in the lab. He helped us brainstorm ways to enhance the human practices component of our project and what to model. We learned more about iGEM through his experience, and we learned new scientific concepts we were previously unfamiliar with, such as GST pull-down assays and nuclear localization signals. - </p> - <br> - - <h3>Dr. Tom Huxford </h3> - <p><i>A biochemistry professor at San Diego State University</i></p> - <p> - Dr. Huxford met with us on Zoom on July 22nd after we emailed him to request lab space. He helped us organize our project ideas and plan the lab procedures we would carry out. He suggested testing the viability of the bacteria after being exposed to varying amounts of UV radiation instead of using COMET assays as we had previously planned. This simplified the process while still allowing us to gather data if we got that far in the lab. He also helped us acquire lab space by reaching out to other SDSU faculty members. We gained valuable insight on how to convert literature review and theoretical ideas into feasible wet lab procedures. - </p> - <br> - - <h3>Sierra Murrell</h3> - <p><i>A Ph.D. student working in the Love Lab</i></p> - <p> - Sierra Murrell and the other Love Lab students guided us through all of the lab procedures. She helped us plan our wet lab schedule and supervised us throughout the procedures. She and the other lab students, especially Mia and Mariam, taught us how to use various pieces of lab equipment, such as the Nanodrop and the gel visualizer, as well as the techniques needed for other protocols. We learned how to carry out a transformation and gel electrophoresis. She helped us gather materials and calculate the ratios we needed for ligation and digestion. We learned the basic lab protocols necessary for future experiments. - </p> - <br> - - <h3>Dr. Uduak George</h3> - <p><i>A mathematics professor specializing in modeling at San Diego State University</i></p> - <p> - Dr. George helped us figure out how to model components of our project mathematically. She taught us about the Michaelis-Menten equation and how to use it. She also gave us access to the papers where we could find the constants. We will use what we learned from our meetings with her in the future, especially because the Michaelis-Menten equation is so versatile for biology-related mathematical modeling. - </p> - <br> - - <h3>Dr. Pablo Machuca</h3> - <p><i>An aerospace engineering professor at San Diego State University</i></p> - <p> - Dr. Machuca met with us on Zoom on September 21st to talk about aerospace applications for the UV radiation issue. He told us about the current solutions and protection against UV radiation in space, although he specializes in designing spacecraft. We learned more context about the issue in a wider range of topics and not just biology. He helped us determine some future steps we can take in order to make our ideas more effective. The notes we took during this meeting are embedded below. - </p> - <br> - </div> </div> diff --git a/wiki/pages/safety.html b/wiki/pages/safety.html index 78ce797..a8abcc6 100644 --- a/wiki/pages/safety.html +++ b/wiki/pages/safety.html @@ -6,125 +6,14 @@ {% block page_content %} <div class="row mt-4"> - <div class="col"> - <h2>Overview</h2> - <hr> - <p>In the lab, we will compare DNA damage and repair efficiency in wild-type versus - genetically modified strains of E. coli, each exposed to equal amounts of ionizing radiation (mimicking UV radiation conditions in space) in a controlled setting. If safe irradiation is not achievable, we may mimic UV radiation-induced DNA damage by other methods to cause cyclobutane pyrimidine dimers. We will use synthetic biology to engineer a plasmid to act as a vector for specific DNA repair genes. Certain tests and sequencing will be necessary to ensure success of transformation before we detect DNA damage by observing the viability of the bacteria after exposure to UV radiation. - </div> -</div> - -<div class="row"> - <div class="row mt-4 "> - <div class="col-lg-4 rounded-green"> - <h2>Hygiene</h2> - <hr> - <ul> - <li>No food or drinks in lab</li> - <li>Wash Hands</li> - <li>Wash equipment after lab</li> - </ul> - </div> - <div class="col-lg-4 rounded-blue"> - <h2>PPE</h2> - <hr> - <ul> - <li>Long Pants only</li> - <li>Gloves at all times</li> - <li>Lab Coats as Needed</li> - <li>Closed-toe Shoes</li> - <li>Long Hair Tied Back</li> - </ul> - </div> - </div> - - <div class="row mt-4"> - <div class="col-lg-4 rounded-red"> - <h2>Biohazard Disposal</h2> - <hr> - <p>Use proper biohazard disposal containers and processes</p> - </div> - </div> - - <div class="row mt-4"> - <div class="col-lg-4 rounded-blue"> - <h2>Storage</h2> - <hr> - <ul> - <li>Proper labeling for all reagents</li> - <li>Proper hazard labeling and convention for all reagents</li> - <li>Proper understanding and use of storage units</li> - </ul> - </div> - <div class="col-lg-4 rounded-green"> - <h2>Handling</h2> - <hr> - <ul> - <li>Prior research on operating lab equipment</li> - <li>Proper pipetting procedures</li> - <li>Research and rehearsal before each planned procedure</li> - </ul> - </div> - </div> - - <div class="row mt-4"> - <div class="col-lg-4 rounded-red"> - <h2>Emergency Procedures</h2> - <hr> - <ul> - <li>Checked Fire Safety Routes/Procedures</li> - <li>Emergency Aid Kit location and use</li> - <li>Emergency eyewash and shower location and use</li> - </ul> - </div> - </div> -</div> - - -<div class="row mt-4"> - <div class="col"> - <h2>Lab Safety</h2> - <hr> - <p> - For the wet lab portion of our project, we worked in the Love Lab at SDSU. On the first few days of our lab, we got trained on how to use the scientific equipment safely. - </p> - <p> - We were supervised by Dr. Love and a few graduate students, including Sierra Murrell, a Ph.D. student, at all times. We were comfortable asking questions whenever we were unsure about a protocol, and we made sure to take precautions when working with equipment we were less familiar with as a group, such as the Nanodrop. - </p> - </div> -</div> - -<div class="row mt-4"> - <div class="col"> - <h2>Possible Risks</h2> - <hr> - <p> - Getting exposed to UV radiation has a high risk to humans. While we were operating gel recovery, we always wore face covers and long-sleeve lab coats so that we could minimize the exposure to UV radiation. People who did not use the Gel Transilluminators closed their eyes while one person was working on the machine. When we were using the bunsen burners we had to make sure no gas was leaking out after we used them. We were careful to avoid holding our hands or arms over the flame. - </p> - </div> -</div> - -<div class="row mt-4"> - <div class="col"> - <h2>Modifications</h2> - <hr> - <p> - Instead of using ethidium bromide, a minor carcinogen, for dying our gels, we used SYBR Safe to avoid unnecessary risks. Ethidium bromide is known to potentially cause irritation on exposure [1]. We also decided to use E. coli rather than other types of bacteria to not only simplify our lab but to also ensure that our lab stayed at biosafety level 1. We used TOP10 cells for our initial transformation, which is an organism that falls under biosafety level 1 [2]. - </p> - </div> -</div> - -<div class="row mt-4"> - <div class="col"> - <h2>References</h2> - <hr> - <p> - [1] Environmental Health and Safety, University of Iowa. "Ethidium Bromide." Environmental Health and Safety, <a src="www.ehs.research.uiowa.edu/ethidium-bromide"></a>. Accessed 17 Sept. 2024. - </p> - <p> - [2] IBA Lifesciences. "Competent E. coli TOP10." IBA Lifesciences, <a src="www.iba-lifesciences.com/Competent-E.-coli-TOP10/5-1600-020"></a>. Accessed 17 Sept. 2024. - </p> - </div> + <div style="position: relative; width: 100%; height: 0; padding-top: 56.2500%; + padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden; + border-radius: 8px; will-change: transform;"> + <iframe loading="lazy" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;" + src="https://www.canva.com/design/DAGSScfo1-8/0F_WKo8Yo9yYTXrOZBX1xw/view?embed" allowfullscreen="allowfullscreen" allow="fullscreen"> + </iframe> + </div> + <p><a href="https://www.canva.com/design/DAGSScfo1-8/0F_WKo8Yo9yYTXrOZBX1xw/view?utm_content=DAGSScfo1-8&utm_campaign=designshare&utm_medium=embeds&utm_source=link" target="_blank" rel="noopener">Safety Slides</a> by Andrew Tolentino</p> </div> {% endblock %} diff --git a/wiki/pages/survey.html b/wiki/pages/survey.html new file mode 100644 index 0000000..e18676e --- /dev/null +++ b/wiki/pages/survey.html @@ -0,0 +1,18 @@ +{% extends "layout.html" %} + +{% block title %}Survey{% endblock %} +{% block lead %}Gathering public input on our project{% endblock %} + +{% block page_content %} + +<div class="row mt-4"> + <iframe + class="pdf" + src="https://static.igem.wiki/teams/5135/pdfs/surveywriteup.pdf" + width="100%" + height="1000" + ></iframe> + +</div> + +{% endblock %} \ No newline at end of file -- GitLab