(14 intermediate revisions by 2 users not shown) | |||
Line 16: | Line 16: | ||
body { | body { | ||
background-color: #FAFAFA !important; | background-color: #FAFAFA !important; | ||
+ | } | ||
+ | |||
+ | #header #award { | ||
+ | position: fixed; | ||
+ | bottom: 3vmin; | ||
+ | left: -3vmin; | ||
+ | width: 35vmin; | ||
+ | z-index: 11; | ||
} | } | ||
Line 176: | Line 184: | ||
} | } | ||
− | + | #second .pimg1 { | |
− | + | position: absolute; | |
− | margin- | + | margin-top: 25%; |
− | + | width: 25%; | |
− | } | + | left: 37.5%; |
+ | } | ||
Line 191: | Line 200: | ||
#second .pimg2 { | #second .pimg2 { | ||
− | + | position: absolute; | |
− | margin- | + | margin-top: 90%; |
− | + | width: 25%; | |
+ | left: 37.5%; | ||
} | } | ||
Line 298: | Line 308: | ||
width: 70%; | width: 70%; | ||
margin: 0; | margin: 0; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | #third #machine #first-img{ | ||
+ | cursor: auto; | ||
} | } | ||
Line 329: | Line 344: | ||
font-size: 1.1em; | font-size: 1.1em; | ||
text-align: center; | text-align: center; | ||
+ | font-family: "MONTSERRAT-BLACKITALIC2"; | ||
} | } | ||
Line 381: | Line 397: | ||
</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 422: | Line 441: | ||
<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=" | + | <img class="pimg1" src="https://static.igem.org/mediawiki/2021/d/d8/T--CPU_CHINA--Home--badRecycle.GIF" 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=" | + | <img class="pimg2" src="https://static.igem.org/mediawiki/2021/f/f4/T--CPU_CHINA--Home--quater.GIF" alt=""> |
− | + | ||
<p class="polution polution3">But, luckily</p> | <p class="polution polution3">But, luckily</p> | ||
</div> | </div> | ||
Line 438: | Line 455: | ||
<div id="third"> | <div id="third"> | ||
<div id="machine"> | <div id="machine"> | ||
− | <img src="https://static.igem.org/mediawiki/2021/6/63/T--CPU_CHINA--Home--mouseguiding.GIF" alt=""> | + | <img id="first-img" src="https://static.igem.org/mediawiki/2021/6/63/T--CPU_CHINA--Home--mouseguiding.GIF" alt=""> |
<p class="area1"> | <p class="area1"> | ||
<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 697: | Line 717: | ||
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 720: | Line 740: | ||
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/b/b5/T--CPU_CHINA--Home--HP2.png", | "https://static.igem.org/mediawiki/2021/b/b5/T--CPU_CHINA--Home--HP2.png", | ||
− | "https://static.igem.org/mediawiki/2021/ | + | "https://static.igem.org/mediawiki/2021/3/3a/T--CPU_CHINA--Home--Team2.png" |
], | ], | ||
drugs: [ | drugs: [ | ||
{ | { | ||
− | url: "https://2021.igem.org/Team:CPU_CHINA/ | + | url: "https://2021.igem.org/Team:CPU_CHINA/Design", |
− | img: "https://static.igem.org/mediawiki/2021/ | + | img: "https://static.igem.org/mediawiki/2021/f/fa/T--CPU_CHINA--Home--Project1.png", |
− | name: " | + | name: "Project", |
num: 0 | num: 0 | ||
}, | }, | ||
{ | { | ||
− | url: "", | + | url: "https://2021.igem.org/Team:CPU_CHINA/Model", |
− | img: "https://static.igem.org/mediawiki/2021/ | + | img: "https://static.igem.org/mediawiki/2021/3/36/T--CPU_CHINA--Home--Modeling1.png", |
− | name: " | + | name: "Model", |
num: 1 | num: 1 | ||
}, | }, | ||
{ | { | ||
− | url: "", | + | url: "https://2021.igem.org/Team:CPU_CHINA/Human_Practices", |
img: "https://static.igem.org/mediawiki/2021/4/4c/T--CPU_CHINA--Home--HP1.png", | img: "https://static.igem.org/mediawiki/2021/4/4c/T--CPU_CHINA--Home--HP1.png", | ||
− | name: " | + | name: "Human Practices", |
num: 2 | num: 2 | ||
}, | }, | ||
{ | { | ||
− | url: "", | + | url: "https://2021.igem.org/Team:CPU_CHINA/MeddyRelightMyStar", |
− | img: "https://static.igem.org/mediawiki/2021/ | + | img: "https://static.igem.org/mediawiki/2021/d/dd/T--CPU_CHINA--Home--Team1.png", |
− | name: " | + | name: "Meddy:Relight My Star", |
num: 3 | num: 3 | ||
} | } |
Latest revision as of 06:07, 23 November 2021
![](https://static.igem.org/mediawiki/2021/c/c4/T--CPU_CHINA--loading.gif)
![](https://static.igem.org/mediawiki/2021/4/46/T--CPU_CHINA--award.gif)
POLYETHYLENE DEGRADIST
![](https://static.igem.org/mediawiki/2021/a/ae/T--CPU_CHINA--Home--Pic3.gif)
a prescription for the earth affected by plastic polution
![](https://static.igem.org/mediawiki/2021/9/9e/T--CPU_CHINA--Home--Pic1.png)
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
![](https://static.igem.org/mediawiki/2021/1/1f/T--CPU_CHINA--Home--Pic4.gif)
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.
![](https://static.igem.org/mediawiki/2021/8/86/T--CPU_CHINA--Home--Rubbish1.png)
![](https://static.igem.org/mediawiki/2021/8/8a/T--CPU_CHINA--Home--Rubbish.gif)
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