Difference between revisions of "Team:Tongji-Software/Medal"

 
(13 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
</script>
 
  
  
Line 30: Line 29:
 
   float: left;
 
   float: left;
 
   top: 0px;
 
   top: 0px;
−
   background-color: #685454;
+
   background-color: #592e2e;
 
   margin-top:0px;  
 
   margin-top:0px;  
 
   width: 10%;
 
   width: 10%;
Line 70: Line 69:
 
filter: brightness(200%);
 
filter: brightness(200%);
 
transform: scale(1.2);
 
transform: scale(1.2);
 +
}
 +
 +
.line {
 +
  position: fixed;
 +
  float: left;
 +
  top: 0px;
 +
  left:10%;
 +
  background-color: #ffb6bc;
 +
  width: 1%;
 +
  height: 100%;
 +
  padding-right:-20px;
 +
  padding-top:10px;
 
}
 
}
  
Line 109: Line 120:
 
   transition: 0.3s;
 
   transition: 0.3s;
 
   font-weight:bold;
 
   font-weight:bold;
−
   font-size:15px;
+
   font-size:19px;
 
}
 
}
  
Line 118: Line 129:
 
   transition:all 0.3s;
 
   transition:all 0.3s;
 
   transform: scale(1.15);
 
   transform: scale(1.15);
 +
}
 +
 +
.left li:before {
 +
  content: '';
 +
  height: 100%;
 +
  left: 0;
 +
  position: absolute;
 +
  top: 0;
 +
  -webkit-transition: width 0.2s ease-in;
 +
  transition: width 0.2s ease-in;
 +
  width: 3px;
 +
  z-index: -1;
 +
}
 +
 +
.left li:hover:before {
 +
  -webkit-transition: width 0.2s ease-in;
 +
  transition: width 0.2s ease-in;
 +
  width: 100%;
 +
}
 +
 +
.left li.open:hover before {
 +
  -webkit-transition: width 0.2s ease-in;
 +
  transition: width 0.2s ease-in;
 +
  width: 100%;
 
}
 
}
  
Line 132: Line 167:
 
top:0px;
 
top:0px;
 
z-index: -1;
 
z-index: -1;
−
opacity: 0.3;
 
 
}
 
}
  
Line 151: Line 185:
 
   float: left;
 
   float: left;
 
   top:110%;
 
   top:110%;
−
   left:26%;
+
   left:20%;
 
   width:71%;
 
   width:71%;
 
   font-size: 18px;
 
   font-size: 18px;
 
   z-index: 2;
 
   z-index: 2;
−
  color:#685454;
 
 
   margin-left：50px;
 
   margin-left：50px;
 
  line-height: 35px;
 
  line-height: 35px;
Line 176: Line 209:
 
   font-weight:bold;
 
   font-weight:bold;
 
   font-size: 25px;
 
   font-size: 25px;
−
  color:#685454;
 
 
   padding-bottom: 20px;
 
   padding-bottom: 20px;
 
}
 
}
Line 195: Line 227:
 
}
 
}
  
 +
#btn{
 +
display: none;
 +
position: fixed;
 +
left: 90%;
 +
bottom: 40px;
 +
height:80px;
 +
width: 80px;
 +
background: url(https://static.igem.org/mediawiki/2018/d/d1/T--Tongji-Software--top.png) no-repeat left top;
 +
background-size:100% auto;
 +
}
  
 
</style>
 
</style>
 +
 +
<link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Template:Tongji-Software/test/css/style.css&action=raw&ctype=text/css">
  
  
Line 217: Line 261:
 
     <a href="https://2018.igem.org/Team:Tongji-Software/Requirements" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/5/5f/T--Tongji-Software--Req.svg" width="35%" ></li></a>
 
     <a href="https://2018.igem.org/Team:Tongji-Software/Requirements" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/5/5f/T--Tongji-Software--Req.svg" width="35%" ></li></a>
  
−
     <a href="https://2018.igem.org/Team:Tongji-Software/Human_Practice" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/c/cc/T--Tongji-Software--Hum.svg" width="35%" ></li></a>
+
     <a href="https://2018.igem.org/Team:Tongji-Software/Human_Practices" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/c/cc/T--Tongji-Software--Hum.svg" width="35%" ></li></a>
  
−
     <a href="https://2018.igem.org/Team:Tongji-Software/Measurement" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/8/8b/T--Tongji-Software--Med.svg" width="35%" ></li></a>
+
     <a href="https://2018.igem.org/Team:Tongji-Software/Medal" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/8/8b/T--Tongji-Software--Med.svg" width="35%" ></li></a>
 
   </ul>
 
   </ul>
 
   </div>
 
   </div>
  
 +
<div class="line"></div>
  
−
<div class="left">
+
<div><a href="javascript:;" id="btn" title="Return to Top"></a></div>
 +
<div id = "wrapper">
 +
<div class="left"  id = "sidebar-wrapper">
 
     <ul>
 
     <ul>
 
       <li><a href="#Bronze">Bronze</a></li>
 
       <li><a href="#Bronze">Bronze</a></li>
Line 243: Line 290:
 
   </div>
 
   </div>
 
      
 
      
−
<div class="content" >
+
<div class="content" id="con">
  
 
<span class="top" id="Bronze">Bronze</span>
 
<span class="top" id="Bronze">Bronze</span>
Line 287: Line 334:
 
<span class="detail"> Check it in <a href="https://2018.igem.org/Team:Tongji-Software/Demonstrate">Demonstration</a>.</span></br>
 
<span class="detail"> Check it in <a href="https://2018.igem.org/Team:Tongji-Software/Demonstrate">Demonstration</a>.</span></br>
  
 +
</div>
 +
<script src="https://2018.igem.org/wiki/index.php?title=Template:Tongji-Software/test/js/jquery-1.8.3.min.js&action=raw&ctype=text/javascript"></script>
 +
<script src="https://2018.igem.org/wiki/index.php?title=Template:Tongji-Software/test/js/bootstrap.min.js&action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript">
 +
$(document).ready(function () {
 +
  var trigger = $('.icon'),
 +
    slide = $('.left'),
 +
isClosed = true;
  
 +
trigger.mouseover(function () {
 +
  cross_out();     
 +
});
 +
slide.mouseleave(function () {
 +
  cross_in();     
 +
});
  
 +
function cross_out() {
 +
  if (isClosed == true) {
 +
trigger.removeClass('is-open');
 +
trigger.addClass('is-closed');
 +
 +
$('#wrapper').toggleClass('toggled');
 +
isClosed = false;
 +
  }
 +
}
 +
function cross_in() {
 +
  if (isClosed == false) {
 +
trigger.removeClass('is-closed');
 +
trigger.addClass('is-open');
 +
 +
$('#wrapper').toggleClass('toggled');
 +
isClosed = true;
 +
  }
 +
  }
 +
});
 +
</script>
 +
 +
<script>
 +
window.onload = function(){
 +
           
 +
                var mybtn = document.getElementById("btn");
 +
                var Time1 = null;
 +
                var isTop = true;
 +
 +
                mybtn.onclick = function(){
 +
                 
 +
                    Time1 = setInterval(function(){
 +
                        var osTop = document.body.scrollTop||document.documentElement.scrollTop;
 +
                       
 +
                        var speed = Math.ceil(osTop/2);
 +
                       
 +
                        document.body.scrollTop = document.documentElement.scrollTop = osTop - speed;
 +
                        if(osTop <= 0){
 +
                           
 +
                            clearInterval(Time1);
 +
                        }
 +
                        isTop = true ;
 +
                    },100)
 +
                }
 +
               
 +
               
 +
                window.onscroll = function(){
 +
                   
 +
                    var osTop = document.body.scrollTop||document.documentElement.scrollTop;
 +
                   
 +
                    var clientHeight = document.documentElement.clientHeight;
 +
                   
 +
                    if (osTop>clientHeight) {
 +
                        mybtn.style.display = "block"
 +
                    }
 +
                    else{
 +
                        mybtn.style.display = "none"
 +
                    }
 +
                    if (!isTop) {
 +
                        clearInterval(Time1);
 +
                    }
 +
                    isTop = false;
 +
                }
 +
            }
 +
 +
</script>
  
  

Latest revision as of 16:27, 17 October 2018

    •
MEDAL
Bronze ✔Register for iGEM, have a great iGEM season, and attend the Giant Jamboree.
We have successfully registered for iGEM, work hard and have fun in this iGEM season. More importantly, we plan our trip to Boston and attend the Giant Jamboree. ✔completed all the following Competition Deliverables:
  • #1 Wiki: we made an understandable wiki with marvelous design.
  • #2 Poster : we made our poster and check it on the Giant Jamboree.
  • #3 Presentation : we are going to do presentation on the Giant Jamboree.
  • #4 Judging Form: here is our judging form.
✔completed Competition Deliverable #5 Attributions from this page
Check it in Attributions.
✔Document on your team wiki at least one new substantial contribution to the iGEM community that showcases a project related to BioBricks. This contribution should be central to your project and equivalent in difficulty to making and submitting a BioBrick Part. Our project is to help synthetic biologist design metabolic pathway in microorganisms. We provide users with enzyme gene information of Biobricks, including sequence information and physiochemical characteristics. The core idea is to design proper and efficient pathway and recommend Biobricks (mainly enzyme gene) for users’ need.
Silver
✔Convince the judges that something you created (art & design, hardware, software, etc.) performs its intended function. Provide thorough documentation of this validation on your team wiki.
Functional test and validation are done to make sure reliability of our software. More information in validation.
✔Convince the judges you have significantly worked with one (or more) currently registered 2018 iGEM team(s) in a meaningful way. For example, mentor a team (or be mentored by a team), characterize a part, troubleshoot a project, host a meetup, model/simulate a system, or validate a software/hardware solution to a synbio problem.
We have collaborated with three teams. Check it in collaborations.
✔Convince the judges you have thought carefully and creatively about whether your work is responsible and good for the world. Document on your team wiki how you have investigated these issues and engaged with your relevant communities, why you chose this approach, and what you have learned. Please note that surveys will not fulfill this criteria unless you follow scientifically valid methods.
Check it in human practice silver.
Gold
✔Expand on your silver medal activity by demonstrating how you have integrated the investigated issues into the purpose, design, and/or execution of your project. Document on your team wiki how your project has changed based upon your human practices work.
Check it in integrated human practice.
✔Improve the function of an existing iGEM project (that your current team did not originally create) and document your achievement on your team wiki.
Check it in Improve.
✔Convince the judges that your project's design and/or implementation is based on insight you have gained from modeling. This could be either a new model you develop or the implementation of a model from a previous team. You must thoroughly document your model's contribution to your project on your team's wiki, including assumptions, relevant data, model results, and a clear explanation of your model that anyone can understand.
Check it in Model.
✔Convince the judges that your engineered system works.
Check it in Demonstration.