Difference between revisions of "Team:NCTU Formosa/Description"

(Prototype team page)
 
Line 1: Line 1:
−
{{IISER_Pune}}
+
<!doctype html>
 
<html>
 
<html>
 +
<head>
 +
<style tpe=text/css>
  
−
<h2> Project Description </h2>
+
body{
 +
background-color:#00171F;
 +
}
 +
.project{
 +
border-radius:50px;
 +
width:70vw;
 +
position:relative;
 +
top:15vh;
 +
left:14vw;
 +
background-color:#ffffff;
 +
}
 +
.Background{
 +
position:relative;
 +
text-align: center;
 +
padding-top:5vh;
 +
text-shadow:3px 3px 3px #cccccc;
 +
}
 +
.image1{
 +
background-image:url("https://static.igem.org/mediawiki/2015/1/11/2015NTCU_Formosa_Background_chart.png");
 +
background-repeat: no-repeat;
 +
width:70vw;
 +
height:35vh;
 +
position:relative;
 +
background-size:100%;
 +
padding-bottom:0vh;
 +
}
 +
.project0{
 +
text-align:left;
 +
font-family:Myriad Pro;
 +
font-weight:normal;
 +
color:#000000;
 +
padding-left:5vw;
 +
padding-right:5vw;
 +
font-size:16pt;
 +
text-indent:25px;
 +
}
 +
.project1{
 +
text-align:left;
 +
font-family:Myriad Pro;
 +
font-weight:normal;
 +
color:#000000;
 +
padding-left:5vw;
 +
padding-right:5vw;
 +
font-size:12pt;
 +
text-indent:25px;
 +
}
 +
.project2{
 +
text-align:left;
 +
font-family:Myriad Pro;
 +
color:#000000;
 +
padding-left:5vw;
 +
font-size:20pt;
 +
}
 +
.project3{
 +
text-align:left;
 +
font-family:Myriad Pro;
 +
font-weight:normal;
 +
color:#000000;
 +
padding-left:5vw;
 +
padding-right:5vw;
 +
padding-bottom:9vh;
 +
font-size:12pt;
 +
text-indent:25px;
 +
}
  
−
<p>Tell us about your project, describe what moves you and why this is something important for your team.</p>
+
.link--kukuri {
−
<br />
+
text-transform:none;
 +
overflow: hidden;
 +
 +
}
 +
.link {
 +
outline: none;
 +
text-decoration: none;
 +
position: relative;
 +
line-height: 1;
 +
color: #9e9ba4;
 +
display:outline-block;
 +
font-family:Myriad Pro;
 +
font-weight:bold;
 +
font-size:45pt;
 +
}
  
−
<h5>What should this page contain?</h5>
+
.link--kukuri:hover {
−
<ul>
+
color: #b2b0a9;
−
<li> A clear and concise description of your project.</li>
+
}
−
<li>A detailed explanation of why your team chose to work on this particular project.</li>
+
−
<li>References and sources to document your research.</li>
+
−
<li>Use illustrations and other visual resources to explain your project.</li>
+
−
</ul>
+
  
 +
.link--kukuri::after {
 +
content: '';
 +
position: absolute;gi
 +
height: 20px;
 +
width: 100%;
 +
top: 50%;
 +
margin-top: 8px;
 +
right: 0;
 +
background: #F9F9F9;
 +
transform: translate3d(-100%,0,0);
 +
transition: transform 0.2s;
 +
transition-timing-function: cubic-bezier(1.0,0,0.8,1);
  
−
<br />
+
}
−
<h4>Advice on writing your Project Description</h4>
+
  
−
<p>
+
.link--kukuri:hover::after {
−
We encourage you to put up a lot of information and content on your wiki, but we also encourage you to include summaries as much as possible. If you think of the sections in your project description as the sections in a publication, you should try to be consist, accurate and unambiguous in your achievements.
+
transform: translate3d(100%,0,0);
−
</p>
+
 +
}
  
−
<p>
+
.link--kukuri::before {
−
Judges like to read your wiki and know exactly what you have achieved. This is how you should think about these sections; from the point of view of the judge evaluating you at the end of the year.
+
content: attr(data-letters);
−
</p>
+
position: absolute;
 +
overflow: hidden;
 +
color: #424242;
 +
white-space: nowrap;
 +
width: 0%;
 +
transition: width 0.2s 0.1s;
 +
}
  
 +
.link--kukuri:hover::before {
 +
width: 100%;
 +
}
 +
a.animated-button.thar-three {
 +
  color: #000;
 +
  font-family:Myriad Pro;
 +
  font-size: 20px;
 +
  text-decoration: none;
 +
  text-align:center;
 +
  cursor: pointer;
 +
  display: block;
 +
  position: relative;
 +
  top:10vh;
 +
  width:20vh;
 +
  left:70vw;
 +
  border: 2px solid #F7CA18;
 +
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
 +
  0s;
 +
  z-index: 2;
 +
}
  
−
<br />
+
a.animated-button.thar-three:hover {
−
<h4>References</h4>
+
  color: #000 !important;
−
<p>iGEM teams are encouraged to record references you use during the course of your research. They should be posted somewhere on your wiki so that judges and other visitors can see how you though about your project and what works inspired you.</p>
+
  background-color: transparent;
 +
  text-shadow: nthree;
 +
}
  
 +
a.animated-button.thar-three:hover:before {
 +
  right: auto;
 +
  width: 100%;
 +
}
  
 +
a.animated-button.thar-three:before {
 +
  display: block;
 +
  position: absolute;
 +
  top: 0px;
 +
  right: 0px;
 +
  height: 100%;
 +
  width: 0px;
 +
  z-index: -1;
 +
  content: '';
 +
  color: #000 !important;
 +
  background: #F7CA18;
 +
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
 +
  0s;
 +
}
 +
a.animated-button.thar-three-two {
 +
  color: #000;
 +
  font-family:Myriad Pro;
 +
  font-size: 20px;
 +
  text-decoration: none;
 +
  text-align:center;
 +
  cursor: pointer;
 +
  display: block;
 +
  position: relative;
 +
  top:5.5vh;
 +
  width:20vh;
 +
  left:18vw;
 +
  border: 2px solid #F7CA18;
 +
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
 +
  0s;
 +
  z-index: 2;
 +
}
 +
a.animated-button.thar-three-two:hover {
 +
  color: #000 !important;
 +
  background-color: transparent;
 +
  text-shadow: nthree;
 +
}
  
−
<h4>Inspiration</h4>
+
a.animated-button.thar-three-two:hover:before {
−
<p>See how other teams have described and presented their projects: </p>
+
  right: auto;
 +
  width: 100%;
 +
}
  
−
<ul>
+
a.animated-button.thar-three-two:before {
−
<li><a href="https://2014.igem.org/Team:Imperial/Project"> Imperial</a></li>
+
  display: block;
−
<li><a href="https://2014.igem.org/Team:UC_Davis/Project_Overview"> UC Davis</a></li>
+
  position: absolute;
−
<li><a href="https://2014.igem.org/Team:SYSU-Software/Overview">SYSU Software</a></li>
+
  top: 0px;
−
</ul>
+
  right: 0px;
 +
  height: 100%;
 +
  width: 0px;
 +
  z-index: -1;
 +
  content: '';
 +
  color: #000 !important;
 +
  background: #F7CA18;
 +
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
 +
  0s;
 +
}
  
−
</div>
+
 
−
</html>
+
 
 +
</style>
 +
 
 +
 
 +
 
 +
 
 +
  </head>
 +
  <body>
 +
 +
  <div class="project">
 +
<div class="Background"><a class="link link--kukuri" href="#" data-letters="Background"> Background</a></div>
 +
<p></p>
 +
<div class="project0">
 +
    Cancers, the last thing that human beings would like to get involved.
 +
Everyone wishes to have clean bills of health no matter in what age.
 +
Nowadays, the top cancers include lung cancer, colorectal cancer, breast cancer, melanoma and thyroid cancer.
 +
According to National Cancer Institute(NCI), in 2015, the estimated number of new cases of these cancers are 724,410.
 +
The estimated death cases of these cancers are 260,360.So, it is inevitable for some situations to suffer cancers,
 +
and we would all be desperate to have the most effective and appropriate therapies to beat up cancers. Eventually,
 +
targeted drug, a precise therapy directly identifying the cancer cells has been invented.</div><br> 
 +
<div class="project2">
 +
<strong>The usage rate of targeted drug therapies</strong></div>
 +
<div class="image1"></div>
 +
<div class="project1">
 +
<p>Targeted drug therapy becomes widely used over time.
 +
As we known that targeted drug therapies are <font color="#AC1F4A";> more precisely</font> attack cancer cells,
 +
which can <font color="#AC1F4A";>increase the treatment efficiency</font> by a large margin. In Figure 1, in 2003,
 +
targeted drug therapy is not commonly used compared with other therapies, accounting for only 11% usage. Over one decade,
 +
it is estimated that the usage of targeted drug therapy dramatically <font color="#AC1F4A";>increases to 46%</font>.
 +
It becomes the top therapy in cancer treatments among others. According to the statistics,
 +
the usage of targeted drugs therapy does have effective treatment in cancer,
 +
decreasing the morality of cancer and increasing the five-year survival rate after treatment.</p></div>
 +
<p></p>
 +
<p></p>
 +
<div class="project2">
 +
<strong>The crucial points of targeted drugs therapy</strong></div>
 +
<div class="project3">
 +
One of a kind of targeted drugs therapy is monoclonal antibody.
 +
It blocks the growth and spread of cancer by interfering with specific molecules("molecular targets")
 +
that are involved in the growth, progression, and spread of cancers. Furthermore, the research also indicated that <font color="#AC1F4A";>
 +
utilizing different targeted drugs to treat cancers simultaneously attain greater effects </font>than only using one targeted drug. However, targeted drugs therapy
 +
must treat patients in the proper condition to reach the best effect of the therapy. What's worse, the improper usage of targeted drugs
 +
therapy</font> would not only waste money and medical resources but also cause the invalid treatment result to patients. Above all,<font color="#AC1F4A";>defining
 +
whether to use the targeted drugs might be the crucial point of targeted drugs therapy.That is, if doctor can prescribe the proper
 +
targeted drugs that specific to every patient's condition, it will reach to a direct<font color="#AC1F4A";> personalized medicine</font> method for using targeted drugs therapy
 +
Therefore, NCTU_Formosa focuses on creating a <font color="#AC1F4A";>multimarker diagnosis platform</font> for helping doctors to judge whether to use monoclonal
 +
antibody targeted drugs by innovative method directly.</div>
 +
  </div>
 +
  </div>
 +
<div class="col-md-3 col-sm-3 col-xs-6"> <a href="#" class="btn btn-sm animated-button thar-three">Next section</a> </div>
 +
<div class="col-md-3 col-sm-3 col-xs-6"> <a href="#" class="btn btn-sm animated-button thar-three-two">Back to project</a> </div>
 +
 +
 
 +
 
 +
 
 +
  </body>
 +
  </html>

Revision as of 07:29, 21 August 2015

<!doctype html>

Background

Cancers, the last thing that human beings would like to get involved. Everyone wishes to have clean bills of health no matter in what age. Nowadays, the top cancers include lung cancer, colorectal cancer, breast cancer, melanoma and thyroid cancer. According to National Cancer Institute(NCI), in 2015, the estimated number of new cases of these cancers are 724,410. The estimated death cases of these cancers are 260,360.So, it is inevitable for some situations to suffer cancers, and we would all be desperate to have the most effective and appropriate therapies to beat up cancers. Eventually, targeted drug, a precise therapy directly identifying the cancer cells has been invented.

The usage rate of targeted drug therapies

Targeted drug therapy becomes widely used over time. As we known that targeted drug therapies are more precisely attack cancer cells, which can increase the treatment efficiency by a large margin. In Figure 1, in 2003, targeted drug therapy is not commonly used compared with other therapies, accounting for only 11% usage. Over one decade, it is estimated that the usage of targeted drug therapy dramatically increases to 46%. It becomes the top therapy in cancer treatments among others. According to the statistics, the usage of targeted drugs therapy does have effective treatment in cancer, decreasing the morality of cancer and increasing the five-year survival rate after treatment.

The crucial points of targeted drugs therapy
One of a kind of targeted drugs therapy is monoclonal antibody. It blocks the growth and spread of cancer by interfering with specific molecules("molecular targets") that are involved in the growth, progression, and spread of cancers. Furthermore, the research also indicated that utilizing different targeted drugs to treat cancers simultaneously attain greater effects than only using one targeted drug. However, targeted drugs therapy must treat patients in the proper condition to reach the best effect of the therapy. What's worse, the improper usage of targeted drugs therapy would not only waste money and medical resources but also cause the invalid treatment result to patients. Above all,defining whether to use the targeted drugs might be the crucial point of targeted drugs therapy.That is, if doctor can prescribe the proper targeted drugs that specific to every patient's condition, it will reach to a direct personalized medicine method for using targeted drugs therapy Therefore, NCTU_Formosa focuses on creating a multimarker diagnosis platform for helping doctors to judge whether to use monoclonal antibody targeted drugs by innovative method directly.
Next section
Back to project