Difference between revisions of "Team:Toronto/Gold Integrated"

Line 14: Line 14:
 
<html>
 
<html>
  
−
<!-- Header div -->
+
<div class="section bg-red">
−
<div class="section">
+
<div class="container header">
−
<div class="container header" id="cyan">
+
<h1>404 Page Not Found?</h1>
−
<h1>HP/Gold</h1>
+
<p>Hello Hello Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam. Perhaps you missed a letter (or a few letters and a slash) or a capitalization? But it's okay!</p>
 
</div>
 
</div>
 
</div>
 
</div>
−
 
−
<!-- Content div -->
 
 
<div class="section bg-white">
 
<div class="section bg-white">
 
<div class="container content-page row">
 
<div class="container content-page row">
 
<div class="block content">
 
<div class="block content">
  
−
<!-- subsection 1 -->
+
<div id="one" class="subsection">
−
<div id='guide' class="subsection">
+
<h2 class="text-yellow">content-yellow</h2>
−
 
+
<p>Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.</p>
−
<h2>Guide</h2>
+
<div id="myDiv">
−
 
+
<figure>
−
<p>Establishing meaningful and informed dialogue with our stakeholders is one of the overarching goals of our human practices. We therefore a video interview series with various scientific and social stakeholders to identify the state of the current research and current ethical shoertcomings. In particular, we found a clear ethical guideline as a key unmet need for shaping future application of our system to human gene editing. Based on key principles put forward by the Committee on Human Gene Editing: Scientific, Medical, and Ethical Considerations in their 2017 report on science, ethics and governance, we developed a guideline for iGEM teams to develop integrative human practices to their project design. We then evaluated our team’s efforts based on those criteria and identified strengths and areas for improvement. In particular, transparency through clear documentation and public engagement, identification of vulnerable groups and collaborations were some of our strengths while due care through the development of scenarios and economic considerations in the distribution of our technology are some areas that were touched upon but could be improved by following the recommendations made in our guide.</p>
+
<div class="figures">
−
<a href='https://2017.igem.org/Team:Toronto/Guide'><button class="btn-primary red">Guide</button></a>
+
<div class="image"><img src="http://www.excel-easy.com/data-analysis/images/charts/column-chart.png" alt="data"></div>
 +
</div>
 +
<figcaption>Figure 1.1: Wildlife population is wildlife population is wildlife population is wildlife population</figcaption>
 +
</figure>
 +
<figure>
 +
<div class="figures">
 +
<div class="image"><img src="http://www.excel-easy.com/data-analysis/images/charts/column-chart.png" alt="data"></div>
 +
</div>
 +
<figcaption>Figure 1.1: Wildlife population is wildlife population is wildlife population is wildlife population</figcaption>
 +
</figure>
 +
<p>Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.</p>
 +
<figure>
 +
<div class="figures">
 +
<div class="image"><img src="https://zippy.gfycat.com/MedicalAdventurousCanine.gif" alt="data" width="200px"></div>
 +
<div class="image"><img src="https://media.giphy.com/media/R6vXyeo7NA0gg/giphy.gif" alt="data" width="200px"></div>
 +
</div>
 +
<figcaption>Figure 1.1: Wildlife population is wildlife population is wildlife population is wildlife population</figcaption>
 +
</figure>
 +
<p>Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni. </p>
 +
<p>Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.</p>
 +
<figure>
 +
<div class="figures">
 +
<table>
 +
<thead>
 +
<tr>
 +
<th>Time</th>
 +
<th>Quantity</th>
 +
<th>iunno</th>
 +
</tr>
 +
</thead>
 +
<tbody class="table-hover">
 +
<tr>
 +
<td>Hello</td>
 +
<td>9adsf asd</td>
 +
<td>2 ads fads fdsa s </td>
 +
</tr>
 +
<tr>
 +
<td>1</td>
 +
<td>2 ads fads fdsa s </td>
 +
<td>2 ads fads fdsa s </td>
 +
</tr>
 +
<tr>
 +
<td>1</td>
 +
<td>2</td>
 +
<td>2 ads fads fdsa s </td>
 +
</tr>
 +
<tr>
 +
<td>1</td>
 +
<td>2</td>
 +
<td>2 ads fads fdsa s </td>
 +
</tr>
 +
<tr>
 +
<td>Hello</td>
 +
<td>911 asd afd </td>
 +
<td>2 ads fads fdsa s </td>
 +
</tr>
 +
<tr>
 +
<td>1</td>
 +
<td>2</td>
 +
<td>2 ads fads fdsa s </td>
 +
</tr>
 +
</tbody>
 +
</table>
 +
</div>
 +
<figcaption>Figure 1.1: Wildlife population is wildlife population is wildlife population is wildlife population</figcaption>
 +
</figure>
 +
<p>Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.</p><a>
 +
<button class="btn-primary red">More Info</button></a>
 
</div>
 
</div>
−
 
+
<hr>
−
<div id='hardware' class="subsection">
+
<div id="content-yellow" class="subsection">
−
<h2>Hardware</h2>
+
<h2 class="text-cyan">References</h2>
−
<p>Throughout our project, we developed multiple hardware devices in order to assay the biological parts that we created in the lab. As we began to integrate LacILOV into a CRISPR switch and began to conceptualize upon its role in gene editing, we recognized that this application would require a tailored hardware device with unique needs compared to the previous versions employed for our experiments.</p>
+
<ol>
−
<p>
+
<li id="ref1">Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam</li>
−
Since we were already engaging with stakeholders as a part of our human practices interview series, we decided to use this opportunity to garner feedback regarding future designs of our hardware. Ultimately, this consultation with our interviewees as well as other individuals experienced with mammalian cell cultures led us to develop v4.0 Lancelot. V4.0 Lancelot is a conceptual design intended to be compatible with gene editing applications in mammalian cells. For more technical information about Lancelot, see <a href='https://2017.igem.org/Team:Toronto/Hardware'>Hardware</a>
+
</ol>
−
Based from the feedback we received, if constructed, v4.0 Lancelot would serve as a valuable device that would aid the transition of LacILOV, and tools such as our switch, into mammalian gene editing applications applications.
+
−
</p>
+
−
<a href='https://2017.igem.org/Team:Toronto/Hardware'><button class="btn-primary red">Guide</button></a>
+
 
</div>
 
</div>
−
 
 
</div>
 
</div>
−
 
−
<!-- Sidebar -->
 
−
<div class="block sidebar">
 
−
<div id="sidebar-box">
 
−
<h3>Contents</h3>
 
−
<div class="sidebar-minibox">
 
−
<ul></ul>
 
−
</div>
 
−
<h3>Related Pages</h3>
 
−
<div class="sidebar-minibox">
 
−
<ul>
 
−
<li> <a href="#">Content 1</a></li>
 
−
<li> <a href="#">Content 2</a></li>
 
−
</ul>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
<!-- Sidebar END -->
 
−
 
 
</div>
 
</div>
 
</div>
 
</div>

Revision as of 18:36, 13 December 2017

404 Page Not Found?

Hello Hello Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam. Perhaps you missed a letter (or a few letters and a slash) or a capitalization? But it's okay!

content-yellow

Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.

data
Figure 1.1: Wildlife population is wildlife population is wildlife population is wildlife population
data
Figure 1.1: Wildlife population is wildlife population is wildlife population is wildlife population

Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.

data
data
Figure 1.1: Wildlife population is wildlife population is wildlife population is wildlife population

Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.

Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.

Time Quantity iunno
Hello 9adsf asd 2 ads fads fdsa s
1 2 ads fads fdsa s 2 ads fads fdsa s
1 2 2 ads fads fdsa s
1 2 2 ads fads fdsa s
Hello 911 asd afd 2 ads fads fdsa s
1 2 2 ads fads fdsa s
Figure 1.1: Wildlife population is wildlife population is wildlife population is wildlife population

Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam, aspernatur aperiam optio odit deleniti eaque illum nobis, non neque reprehenderit consequatur ipsam ullam perferendis magni.

References

  1. Lorem is haha ipsum dolor sit amet consectetur adipisicing elit. Inventore maiores quibusdam, adipisci ipsum quisquam

General Pages

Wet Lab

Dry Lab

Human Practices

iGEM Toronto