Difference between revisions of "Team:CPU CHINA/Entrepreneurship"

 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html lang="en">
 
<html lang="en">
 +
 
<head>
 
<head>
 
     <meta charset="UTF-8">
 
     <meta charset="UTF-8">
Line 7: Line 8:
 
     <link rel="stylesheet"
 
     <link rel="stylesheet"
 
         href="https://2017.igem.org/wiki/index.php?title= Template:SCU_China/default_CSS &action=raw&ctype=text/css">
 
         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>
 
</head>
 +
 
<body>
 
<body>
−
     <img src="https://static.igem.org/mediawiki/2021/a/a5/T--CPU_CHINA--Enternership.svg" alt="">
+
     <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 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 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>
 +
        <img class="background" src="https://static.igem.org/mediawiki/2021/f/f0/T--CPU_CHINA--Attributions--Background.png"
 +
            alt="">
 +
        <h1 id="title">ENTREPRENEURSHIP</h1>
 +
        <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">
 +
                    <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;" />
 +
                </g>
 +
            </g>
 +
        </svg>
 +
    </header>
 +
    <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&amp;ctype=text/javascript">
 +
        </script>
 +
    <script
 +
        src="https://2021.igem.org/wiki/index.php?title= Template:CPU_CHINA/Jquery &action=raw&amp;ctype=text/javascript">
 +
        </script>
 +
    <script
 +
        src="https://2021.igem.org/wiki/index.php?title= Template:CPU_CHINA/common_JS &action=raw&amp;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>
 
</body>
 +
 
</html>
 
</html>

Latest revision as of 06:53, 7 December 2021

Document

click the figure for PDF