Difference between revisions of "Team:Mingdao/Entrepreneurship"

Line 4: Line 4:
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<style>
 
<style>
 +
<style>
 +
* {box-sizing: border-box}
 +
body {font-family: Verdana, sans-serif; margin:0}
 +
.mySlides {display: none}
 +
img {vertical-align: middle;}
 +
 +
/* Slideshow container */
 +
.slideshow-container {
 +
  max-width: 100%;
 +
  position: relative;
 +
  margin: auto;
 +
}
 +
 +
/* Next & previous buttons */
 +
.prev, .next {
 +
  cursor: pointer;
 +
  position: absolute;
 +
  top: 50%;
 +
  width: auto;
 +
  padding: 16px;
 +
  margin-top: -22px;
 +
  color: gray;
 +
  font-weight: bold;
 +
  font-size: 25px;
 +
  transition: 1s ease;
 +
  border-radius: 0 3px 3px 0;
 +
}
 +
 +
/* Position the "next button" to the right */
 +
.next {
 +
  right: 0;
 +
  border-radius: 3px 0 0 3px;
 +
}
 +
 +
/* On hover, add a black background color with a little bit see-through */
 +
.prev:hover, .next:hover {
 +
  background-color: rgba(0,0,0,0.8);
 +
}
 +
 +
/* Caption text */
 +
.text {
 +
  color: #f2f2f2;
 +
  font-size: 15px;
 +
  padding: 8px 12px;
 +
  position: absolute;
 +
  bottom: 8px;
 +
  width: 100%;
 +
  text-align: center;
 +
}
 +
 +
/* Number text (1/3 etc) */
 +
.numbertext {
 +
  color: #f2f2f2;
 +
  font-size: 12px;
 +
  padding: 8px 12px;
 +
  position: absolute;
 +
  top: 0;
 +
}
 +
 +
/* The dots/bullets/indicators */
 +
.dot {
 +
  cursor: pointer;
 +
  height: 15px;
 +
  width: 15px;
 +
  margin: 0 2px;
 +
  background-color: #bbb;
 +
  border-radius: 50%;
 +
  display: inline-block;
 +
  transition: background-color 0.6s ease;
 +
}
 +
 +
.active, .dot:hover {
 +
  background-color: #717171;
 +
}
 +
 +
/* Fading animation */
 +
.fade {
 +
  -webkit-animation-name: fade;
 +
  -webkit-animation-duration: 1.5s;
 +
  animation-name: fade;
 +
  animation-duration: 1.5s;
 +
}
 +
 +
@-webkit-keyframes fade {
 +
  from {opacity: .4}
 +
  to {opacity: 1}
 +
}
 +
 +
@keyframes fade {
 +
  from {opacity: .4}
 +
  to {opacity: 1}
 +
}
 +
 +
/* On smaller screens, decrease text size */
 +
@media only screen and (max-width: 300px) {
 +
  .prev, .next,.text {font-size: 11px}
 +
}
 +
 +
 
* {
 
* {
 
     box-sizing: border-box;
 
     box-sizing: border-box;
Line 491: Line 590:
 
   <a href="https://static.igem.org/mediawiki/2018/d/d6/T--Mingdao--HP_PROPOSAL.pdf">
 
   <a href="https://static.igem.org/mediawiki/2018/d/d6/T--Mingdao--HP_PROPOSAL.pdf">
 
<img  class="center" src="https://static.igem.org/mediawiki/2018/3/30/T--Mingdao--HP_Proposal_p1.png" alt="" style="width:76%; margin-bottom: 0px;">
 
<img  class="center" src="https://static.igem.org/mediawiki/2018/3/30/T--Mingdao--HP_Proposal_p1.png" alt="" style="width:76%; margin-bottom: 0px;">
−
 
 
</a>
 
</a>
 +
 +
<div class="slideshow-container">
 +
 +
<div class="mySlides fade">
 +
  <div class="numbertext">1 / 3</div>
 +
  <img src="https://static.igem.org/mediawiki/2018/3/30/T--Mingdao--HP_Proposal_p1.png" style="display:block; margin:auto;" style="width:80%">
 +
  <div class="text"></div>
 +
</div>
 +
 +
<div class="mySlides fade">
 +
  <div class="numbertext">2 / 3</div>
 +
  <img src="https://static.igem.org/mediawiki/2018/d/d3/T--Mingdao--HP_Proposal_p2.png" style="display:block; margin:auto;" style="width:80%">
 +
  <div class="text"></div>
 +
</div>
 +
 +
<div class="mySlides fade">
 +
  <div class="numbertext">3 / 3</div>
 +
  <img src="https://static.igem.org/mediawiki/2018/d/d0/T--Mingdao--HP_Proposal_p3.png"style="display:block; margin:auto;"  style="width:80%">
 +
  <div class="text"></div>
 +
</div>
 +
 +
 +
 +
<a class="prev" onclick="plusSlides(-1)">&#10094;</a>
 +
<a class="next" onclick="plusSlides(1)">&#10095;</a>
 +
 +
</div>
 +
<br>
 +
 +
<div style="text-align:center">
 +
  <span class="dot" onclick="currentSlide(1)"></span>
 +
  <span class="dot" onclick="currentSlide(2)"></span>
 +
  <span class="dot" onclick="currentSlide(3)"></span>
 +
</div>
 +
 +
<script>
 +
var slideIndex = 1;
 +
showSlides(slideIndex);
 +
 +
function plusSlides(n) {
 +
  showSlides(slideIndex += n);
 +
}
 +
 +
function currentSlide(n) {
 +
  showSlides(slideIndex = n);
 +
}
 +
 +
function showSlides(n) {
 +
  var i;
 +
  var slides = document.getElementsByClassName("mySlides");
 +
  var dots = document.getElementsByClassName("dot");
 +
  if (n > slides.length) {slideIndex = 1}   
 +
  if (n < 1) {slideIndex = slides.length}
 +
  for (i = 0; i < slides.length; i++) {
 +
      slides[i].style.display = "none"; 
 +
  }
 +
  for (i = 0; i < dots.length; i++) {
 +
      dots[i].className = dots[i].className.replace(" active", "");
 +
  }
 +
  slides[slideIndex-1].style.display = "block"; 
 +
  dots[slideIndex-1].className += " active";
 +
}
 +
 +
  
 
</div>
 
</div>

Revision as of 08:43, 17 October 2018

HOME

Overview

Since we have the idea of our project, our team has begun to think about how to put our products on the market to compete with others. First, we made a SWOT analysis and comparison with other existing screening methods to make our device stand out. Second, we wrote a proposal to business owners, academic organizations, and related non-profit associations to seek for sponsorship and advice. For example, the boss of the syringe company analyzed the advantages of our products might have in the market, and he said we can connect with him if we have any problems in the future. During the telephone interview, we asked how to apply for a patent. When visiting experts and scholars, they told us what we can apply our project to after this experiment. Through these activities, we have made our products more distinctive and more comparable to other products on the market.

SPONSORS for FUNDING or TECHNICAL SUPPORTS

SWOT ANALYSIS

We analyzed our product in strength, weakness, opportunity and threat.

COMPARISON OF PATHOGEN TESTING METHODS



PROPOSAL

1 / 3
2 / 3
3 / 3