(9 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | + | <html lang="en"> | |
− | + | ||
− | <html> | + | |
+ | <head> | ||
+ | <meta charset="UTF-8"> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
+ | <title>Document</title> | ||
+ | <link rel="stylesheet" | ||
+ | href="https://2017.igem.org/wiki/index.php?title= Template:SCU_China/default_CSS &action=raw&ctype=text/css"> | ||
+ | <link rel="stylesheet" | ||
+ | href="https://2021.igem.org/wiki/index.php?title= Template:CPU_CHINA/reset_CSS &action=raw&ctype=text/css"> | ||
+ | <link rel="stylesheet" | ||
+ | href="https://2021.igem.org/wiki/index.php?title= Template:CPU_CHINA/common_CSS &action=raw&ctype=text/css"> | ||
+ | <link rel="stylesheet" | ||
+ | href="https://2021.igem.org/wiki/index.php?title= Template:CPU_CHINA/contentCommon_CSS &action=raw&ctype=text/css"> | ||
+ | <style> | ||
+ | #header #title { | ||
+ | left: 5%; | ||
+ | } | ||
+ | #center{ | ||
+ | margin-top: -20px; | ||
+ | background-color: #FFFFFF; | ||
+ | padding-bottom:20%; | ||
+ | } | ||
+ | |||
+ | #center #imgdescribe { | ||
+ | margin-bottom: 10%; | ||
+ | text-align: left; | ||
+ | font-size: 1.5em; | ||
+ | color: #848484; | ||
+ | text-align: center; | ||
+ | } | ||
+ | #center img:first-child{ | ||
+ | width: 100%; | ||
+ | } | ||
+ | #center img:last-child{ | ||
+ | margin-left: 20%; | ||
+ | width: 60%; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
− | <div | + | <body> |
− | + | <header id="header"> | |
− | + | <div id="load" v-show="loading"><img src="https://static.igem.org/mediawiki/2021/c/c4/T--CPU_CHINA--loading.gif" | |
− | + | alt=""></div> | |
− | <div class=" | + | <div id="menu"> |
− | + | <div id="menuBack" v-show="isOpen" :class="isActive" @click="ifclick"></div> | |
− | < | + | <a href="https://2021.igem.org/Team:CPU_CHINA"><img id="logo" |
− | + | src="https://static.igem.org/mediawiki/2021/d/d5/T--CPU_CHINA--ProjectLogo.png" alt="项目logo"></a> | |
− | </div> | + | <div id="select" @mouseleave="leave" @mouseover="on"> |
− | + | <img id="menuImg" :src="menu" alt="这是菜单图片" @mouseover="mouseover" @click="click"> | |
− | < | + | <ul id="class-a" class="class" v-show="classA"> |
− | < | + | <li v-for="(item,index) in classList" :class="isActiveA == index? 'class-a' : ''" |
− | + | @click="classAClick(index)">{{item}}</li> | |
− | < | + | </ul> |
− | + | <ul id="class-b" class="class" v-show="classB"> | |
− | < | + | <li v-for="item in classList2[isActiveA]" :class="isActiveB == item.num? 'class-b' : ''" |
− | + | @mouseover="classBOver(item.num)" @mouseleave="classBLeave(item.num)"><a :href="item.url"> | |
− | </ | + | {{item.text}}</a></li> |
− | </ | + | </ul> |
− | </ | + | </div> |
− | + | </div> | |
− | <div | + | <img class="background" src="https://static.igem.org/mediawiki/2021/f/f0/T--CPU_CHINA--Attributions--Background.png" |
− | < | + | alt=""> |
− | < | + | <h1 id="title">ENTREPRENEURSHIP</h1> |
− | <p> | + | <svg width="100%" height="100%" viewBox="0 0 1920 600" version="1.1" |
− | + | style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"> | |
− | < | + | <g transform="matrix(1.16285,0,0,1.38837,253.426,-231.748)"> |
− | < | + | <g id="AD1"> |
− | <li><a href="https:// | + | <path id="凹形遮罩" |
− | < | + | d="M1433.18,439.801C1433.18,439.801 1001.08,524.071 607.621,524.374C219.99,524.673 -217.935,439.801 -217.935,439.801L-217.935,944.811L1433.18,944.811L1433.18,439.801Z" |
− | + | style="fill:#FFFFFF;" /> | |
− | <li><a href="https:// | + | </g> |
− | <li><a href="https:// | + | </g> |
− | <li><a href="https:// | + | </svg> |
− | </ul> | + | </header> |
− | </div> | + | <div id="center"> |
− | </ | + | <img src="https://static.igem.org/mediawiki/2021/c/c1/T--CPU_CHINA--Enternership2.svg" alt=""> |
− | + | <a href="https://static.igem.org/mediawiki/2021/4/42/T--CPU_CHINA--BUSINESS_PLAN.pdf" target="_blank"><img :src="changeImg" alt="" @mouseover="hover" @mouseleave="unhover"></a> | |
− | + | <p id="imgdescribe"><strong>click the figure for PDF</strong></p> | |
− | + | </div> | |
− | + | <footer> | |
− | + | <div id="sponsor"> | |
− | < | + | <img src="https://static.igem.org/mediawiki/2021/3/31/T--CPU_CHINA--Logoes.jpg" alt=""> |
− | + | </div> | |
− | + | <div id="connect"> | |
− | < | + | <h4>Contact us</h4> |
− | + | <ul id="contact"> | |
− | + | <li> | |
− | < | + | <a href="https://weibo.com/u/6054819039"> |
− | + | <img src="https://static.igem.org/mediawiki/2021/b/ba/T--CPU_CHINA--weibologo.png" alt=""> | |
− | + | <p>@CPU_CHINA2021</p> | |
− | + | </a> | |
− | + | </li> | |
+ | <li> | ||
+ | <a href="mailto:cpuchina2021@163.com"> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/9/92/T--CPU_CHINA--emailLogo.png" | ||
+ | style="margin-bottom: 2vw;" alt=""> | ||
+ | <p>cpuchina2021@163.com</p> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://github.com/cpu-igem/cpu-igem2021"> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/9/98/T--CPU_CHINA--GithubLogo.png" alt=""> | ||
+ | <p>Like our Website?</p> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://international.cpu.edu.cn/"> | ||
+ | <img src="https://static.igem.org/mediawiki/2021/4/42/T--CPU_CHINA--CPUlogo.png" alt=""> | ||
+ | <p>International Communication</p> | ||
+ | </a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </footer> | ||
+ | <script | ||
+ | src="https://2021.igem.org/wiki/index.php?title= Template:CPU_CHINA/VueJS &action=raw&ctype=text/javascript"> | ||
+ | </script> | ||
+ | <script | ||
+ | src="https://2021.igem.org/wiki/index.php?title= Template:CPU_CHINA/Jquery &action=raw&ctype=text/javascript"> | ||
+ | </script> | ||
+ | <script | ||
+ | src="https://2021.igem.org/wiki/index.php?title= Template:CPU_CHINA/common_JS &action=raw&ctype=text/javascript"></script> | ||
+ | </script> | ||
+ | <script> | ||
+ | var picture = new Vue({ | ||
+ | el: "#center", | ||
+ | data: { | ||
+ | changeImg: "https://static.igem.org/mediawiki/2021/6/64/T--CPU_CHINA--Entreprenurship--bottom1.PNG", | ||
+ | imgList: [ | ||
+ | "https://static.igem.org/mediawiki/2021/6/64/T--CPU_CHINA--Entreprenurship--bottom1.PNG", | ||
+ | "https://static.igem.org/mediawiki/2021/3/33/T--CPU_CHINA--Entreprenurship--bottom2.PNG" | ||
+ | ] | ||
+ | }, | ||
+ | methods: { | ||
+ | hover() { | ||
+ | this.changeImg = this.imgList[1] | ||
+ | }, | ||
+ | unhover() { | ||
+ | this.changeImg = this.imgList[0] | ||
+ | } | ||
+ | } | ||
+ | }) | ||
+ | </script> | ||
+ | </body> | ||
</html> | </html> |
Latest revision as of 06:53, 7 December 2021
![](https://static.igem.org/mediawiki/2021/c/c4/T--CPU_CHINA--loading.gif)
![](https://static.igem.org/mediawiki/2021/f/f0/T--CPU_CHINA--Attributions--Background.png)