Difference between revisions of "Team:USTC-Software/Human Practices"

Line 2: Line 2:
 
     <head>
 
     <head>
 
         <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
 
         <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
−
        <link rel="stylesheet" href="style.css" />
+
         <script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.7/jquery.fullpage.min.js"></script>
−
         <script src="fullpage.js"></script>
+
         <link href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.7/jquery.fullpage.css" rel="stylesheet">
−
         <link rel="stylesheet" href="fullpage.css" />
+
         <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/semantic.min.js"></script>
−
         <script src="semantic.min.js"></script>
+
      <link href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/semantic.min.css" rel="stylesheet">
−
        <link rel="stylesheet" href="semantic.min.css" />
+
 
     </head>
 
     </head>
 +
<style>
 +
@font-face {
 +
    font-family: "Century Gothic";
 +
    src: url('century.ttf');
 +
}
 +
html, body {
 +
    height: 100%;
 +
    overflow-y: scroll;
 +
    overflow-x: hidden;
 +
}
 +
.p1-title {
 +
    text-align: center;
 +
    font-size: 48px;
 +
    font-family: "Century Gothic", Serif;
 +
}
 +
.section {
 +
    text-align: center;
 +
}
 +
.ui.secondary.pointing.menu {
 +
    margin-bottom: 0px;
 +
    border-bottom: 0px solid transparent!important;
 +
}
 +
#leftnav {
 +
    font-size: 18px;
 +
}
 +
.leftnav-item {
 +
  transition: box-shadow 0.5s;
 +
  font-size: 18px!important;
 +
}
 +
.leftnav-item:hover {
 +
    box-shadow: -4px 0px 0px #ccc !important;
 +
}
 +
.inside-container {
 +
    overflow-y: scroll;
 +
    font-size: 18px;
 +
    padding-right: 20%;
 +
}
 +
.ui.secondary.vertical.pointing {
 +
    box-shadow: -24px 0px 24px -24px #aaa inset;
 +
    border-right: 1px solid #ccc!important;
 +
}
 +
#menu {
 +
    box-shadow: 0px 2px 10px 0px #aaa;
 +
}
 +
.leftnav-item.active {
 +
  border-right: none! important;
 +
  box-shadow: -4px 0px 0px #ccc !important;
 +
}
 +
 +
::-webkit-scrollbar{
 +
  padding-left:1px;
 +
  background-color:#fafafa;
 +
  overflow:visible;
 +
  width:9px;
 +
}
 +
::-webkit-scrollbar-thumb{
 +
  background-color:rgba(0, 0, 0, .1);
 +
  background-clip:padding-box;
 +
  border-left-width:2px;
 +
  min-height:10px;
 +
  box-shadow:inset 1px 1px 0 rgba(0, 0, 0, .1),inset 0 -1px 0 rgba(0, 0, 0, .07);
 +
}
 +
::-webkit-scrollbar-thumb:vertical:hover{
 +
  background-color:rgba(0, 0, 0, .2);
 +
}
 +
::-webkit-scrollbar-thumb:vertical:active{
 +
  background-color:rgba(0, 0, 0, .2);
 +
}
 +
::-webkit-scrollbar-button{
 +
  height:0;
 +
  width:0;
 +
}
 +
::-webkit-scrollbar-track{
 +
  background-clip:padding-box;
 +
  border:solid transparent;
 +
  border-width:0 0 0 2px;
 +
}
 +
::-webkit-scrollbar-corner{
 +
  background:transparent;
 +
}
 +
::-webkit-scrollbar-track-piece{
 +
  margin: 10px 0;
 +
  -webkit-border-radius: 0;
 +
  -webkit-border-bottom-right-radius: 4px;
 +
  -webkit-border-bottom-left-radius: 4px;
 +
}
 +
h1 {
 +
  font-size: 3em !important;
 +
  line-height: 3.5em;
 +
}
 +
h3 {
 +
  font-size: 2em !important;
 +
  line-height: 2.25em;
 +
  font-weight: 300 !important;
 +
}
 +
.divider {
 +
  margin: 2em auto 2em auto;
 +
  border-top: 1px solid #ccc;
 +
  width: 90%;
 +
}
 +
</style>
 
     <body>
 
     <body>
 
         <div class="ui menu pointing fixed" id="menu">
 
         <div class="ui menu pointing fixed" id="menu">

Revision as of 10:25, 11 October 2018

Human Practice

Science and Technology Week

Science and Technology Week is is a large-scale, centralized science popularization campaign organized by the China University of Science and Technology. This year, Science and Technology Week attracted over ten thousand citizens to USTC, varying from innocent pupils, high school students and college students in biology-related majors to the public from all walks who may have limited knowledge of Synthetic Biology. Our team cooperated with Team USTC and offered visitors a feast of biological knowledge and a chance to cultivate interest in biology.

We introduced elementary knowledge of genetics to citizens by poster presentation and our explanation, then showed them some basic experiment operation, like liquid relief, centrifugation and etc. We educate and inspire visitors' interest by allowing them to observe biochemical-related sections under a laboratory microscope. In addition, we distributed questionnaires to visitors to get their feedback on synthetic biology to improve our design of our software.

Student Open Source Conference

The Student Open Source Annual Meeting is the first open source technology summit in China that is organized by student organizations. The main theme of the conference is understanding, participating in, and contributing to open source. Our team signed up for this annual meeting.At the meeting, our team leader and a team member worked together to complete the report on our iGEM project. We introduced the iGEM competition and the synthetic biology to the audience.At the same time, we also introduced the positive significance of our project to synthetic biology to the audience. We received useful feedbacks and technology-improvement suggestions from audience.

<script> 

   $(document).ready(function () {
       $('.container').height($(window).height()-$('#menu').height())       
       $('.wide').height($(window).height()-$('#menu').height() - 15)
       $('#leftnav').height($(window).height() - $('#menu').height() - 100)
   })

</script>