Difference between revisions of "Team:CPU CHINA"

Line 16: Line 16:
 
     body {
 
     body {
 
         background-color: #FAFAFA !important;
 
         background-color: #FAFAFA !important;
 +
    }
 +
 +
    #header #award {
 +
        position: fixed;
 +
        bottom: 3vmin;
 +
        left: 1vmin;
 +
        width: 35vmin;
 +
        z-index: 11;
 
     }
 
     }
  
Line 176: Line 184:
 
     }
 
     }
  
     #second .pimg1{
+
     #second .pimg1 {
 
         position: absolute;
 
         position: absolute;
 
         margin-top: 25%;
 
         margin-top: 25%;
Line 384: Line 392:
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 +
        <a href="https://2021.igem.org/Team:CPU_CHINA/Awards">
 +
            <img id="award" src="https://static.igem.org/mediawiki/2021/4/46/T--CPU_CHINA--award.gif" alt="">
 +
        </a>
 
     </header>
 
     </header>
 
     <div id="first">
 
     <div id="first">
Line 389: Line 400:
 
             <h1 id="home-title">POLYETHYLENE DEGRADIST</h1>
 
             <h1 id="home-title">POLYETHYLENE DEGRADIST</h1>
 
             <img id="decoration" src="https://static.igem.org/mediawiki/2021/a/ae/T--CPU_CHINA--Home--Pic3.gif" alt="">
 
             <img id="decoration" src="https://static.igem.org/mediawiki/2021/a/ae/T--CPU_CHINA--Home--Pic3.gif" alt="">
             <p id="brief-introduction">a prescription for the earth affected by plastic pollution</p>
+
             <p id="brief-introduction">a prescription for the earth affected by plastic polution</p>
 
         </div>
 
         </div>
 
         <div class="paragraph clearfix">
 
         <div class="paragraph clearfix">
Line 425: Line 436:
 
             <p class="polution polution1">However, the way of PE plastic recycling is not ideal, which will bring us
 
             <p class="polution polution1">However, the way of PE plastic recycling is not ideal, which will bring us
 
                 serious excessive loss of resources and environmental pollution.</p>
 
                 serious excessive loss of resources and environmental pollution.</p>
                <img class="pimg1" src="https://static.igem.org/mediawiki/2021/d/d8/T--CPU_CHINA--Home--badRecycle.GIF"
+
            <img class="pimg1" src="https://static.igem.org/mediawiki/2021/d/d8/T--CPU_CHINA--Home--badRecycle.GIF" alt="">
                alt="">
+
 
             <p class="polution polution2">Among them, PE plastic is the most widely used in express packaging, and PE
 
             <p class="polution polution2">Among them, PE plastic is the most widely used in express packaging, and PE
 
                 production accounts for about 1 / 4 of the total plastic production.</p>
 
                 production accounts for about 1 / 4 of the total plastic production.</p>
                <img class="pimg2" src="https://static.igem.org/mediawiki/2021/f/f4/T--CPU_CHINA--Home--quater.GIF"
+
            <img class="pimg2" src="https://static.igem.org/mediawiki/2021/f/f4/T--CPU_CHINA--Home--quater.GIF" alt="">
                alt="">
+
 
             <p class="polution polution3">But, luckily</p>
 
             <p class="polution polution3">But, luckily</p>
 
         </div>
 
         </div>
Line 445: Line 454:
 
                 <img :src="defaultImg['machineImg0']" alt="" style="width: 37.304%;" @mouseover="moveOn(0)"
 
                 <img :src="defaultImg['machineImg0']" alt="" style="width: 37.304%;" @mouseover="moveOn(0)"
 
                     @mouseleave="moveLeave(0)">
 
                     @mouseleave="moveLeave(0)">
                 <img :src="defaultImg['machineImg1']" alt="" style="width: 23.34%;" @mouseover="moveOn(1)" @mouseleave="moveLeave(1)">
+
                 <img :src="defaultImg['machineImg1']" alt="" style="width: 23.34%;" @mouseover="moveOn(1)"
 +
                    @mouseleave="moveLeave(1)">
 
                 <img :src="defaultImg['machineImg2']" alt="" style="width: 39.306%;" @mouseover="moveOn(2)"
 
                 <img :src="defaultImg['machineImg2']" alt="" style="width: 39.306%;" @mouseover="moveOn(2)"
 
                     @mouseleave="moveLeave(2)">
 
                     @mouseleave="moveLeave(2)">
 
             </p>
 
             </p>
             <img :src="defaultImg['machineImg3']" alt="" style="width: 100%;" @mouseover="moveOn(3)" @mouseleave="moveLeave(3)">
+
             <img :src="defaultImg['machineImg3']" alt="" style="width: 100%;" @mouseover="moveOn(3)"
             <img :src="defaultImg['machineImg4']" alt="" style="width: 100%;" @mouseover="moveOn(4)" @mouseleave="moveLeave(4)">
+
                @mouseleave="moveLeave(3)">
 +
             <img :src="defaultImg['machineImg4']" alt="" style="width: 100%;" @mouseover="moveOn(4)"
 +
                @mouseleave="moveLeave(4)">
 
         </div>
 
         </div>
 
         <img width="60%" :src="describe" alt="">
 
         <img width="60%" :src="describe" alt="">
Line 700: Line 712:
 
                 moveOn(num) {
 
                 moveOn(num) {
 
                     let left = "machineImg" + num
 
                     let left = "machineImg" + num
                     if(num<3){
+
                     if (num < 3) {
 
                         this.defaultImg[left] = this.machineImg[0][num][1]
 
                         this.defaultImg[left] = this.machineImg[0][num][1]
                     }else{
+
                     } else {
                         this.defaultImg[left] = this.machineImg[num-2][1]
+
                         this.defaultImg[left] = this.machineImg[num - 2][1]
 
                     }
 
                     }
 
                     this.describe = this.areaDescribe[num]
 
                     this.describe = this.areaDescribe[num]
 
                 },
 
                 },
                 moveLeave(num){
+
                 moveLeave(num) {
 
                     let left = "machineImg" + num
 
                     let left = "machineImg" + num
                     if(num<3){
+
                     if (num < 3) {
 
                         this.defaultImg[left] = this.machineImg[0][num][0]
 
                         this.defaultImg[left] = this.machineImg[0][num][0]
                     }else{
+
                     } else {
                         this.defaultImg[left] = this.machineImg[num-2][0]
+
                         this.defaultImg[left] = this.machineImg[num - 2][0]
 
                     }
 
                     }
 
                 }
 
                 }
Line 723: Line 735:
 
                 lastImg: "",
 
                 lastImg: "",
 
                 imgHover: [
 
                 imgHover: [
                "https://static.igem.org/mediawiki/2021/5/50/T--CPU_CHINA--Home--MnPiDEC.png",
+
                    "https://static.igem.org/mediawiki/2021/5/50/T--CPU_CHINA--Home--MnPiDEC.png",
 
                     "https://static.igem.org/mediawiki/2021/1/1e/T--CPU_CHINA--Home--Modeling2.png",
 
                     "https://static.igem.org/mediawiki/2021/1/1e/T--CPU_CHINA--Home--Modeling2.png",
 
                     "https://static.igem.org/mediawiki/2021/b/b5/T--CPU_CHINA--Home--HP2.png",
 
                     "https://static.igem.org/mediawiki/2021/b/b5/T--CPU_CHINA--Home--HP2.png",

Revision as of 04:15, 23 November 2021

Document

POLYETHYLENE DEGRADIST

a prescription for the earth affected by plastic polution

With the rapid development of e-commerce, the number of express delivery is increasing year by year.

In 2020, China's express delivery volume will reach

In order to ensure the integrity and safety of goods in express transportation, express enterprises often need to package goods.

When the package arrives in the hands of consumers, packaging materials turn into packaging waste.

However, the way of PE plastic recycling is not ideal, which will bring us serious excessive loss of resources and environmental pollution.

Among them, PE plastic is the most widely used in express packaging, and PE production accounts for about 1 / 4 of the total plastic production.

But, luckily