|
|
Line 28: |
Line 28: |
| margin-top: 0px; | | margin-top: 0px; |
| margin-left: 0px; | | margin-left: 0px; |
| + | } |
| + | #menu li ul li:hover ul{ |
| + | background:rgba(0,0,0,0.75)!important; |
| + | } |
| + | li#mainlevel_01 a { |
| + | color: #FFE5B5!important; |
| + | |
| + | } |
| + | li#mainlevel_01 a:hover { |
| + | font-size:30px!important; |
| + | text-shadow:0px 0px 8px #FFE5B5, |
| + | 0px 0px 42px #FFE5B5, |
| + | 0px 0px 72px #FFE5B5, |
| + | 0px 0px 150px #FFE5B5; |
| + | } |
| + | li#mainlevel_02 a { |
| + | color: #FFE5B5!important; |
| + | } |
| + | li#mainlevel_02 a:hover { |
| + | font-size:30px!important; |
| + | text-shadow:0px 0px 8px #FFE5B5, |
| + | 0px 0px 42px #FFE5B5, |
| + | 0px 0px 72px #FFE5B5, |
| + | 0px 0px 150px #FFE5B5; |
| + | } |
| + | li#mainlevel_03 a { |
| + | color: #FFE5B5!important; |
| + | } |
| + | li#mainlevel_03 a:hover { |
| + | font-size:30px!important; |
| + | text-shadow:0px 0px 8px #FFE5B5, |
| + | 0px 0px 42px #FFE5B5, |
| + | 0px 0px 72px #FFE5B5, |
| + | 0px 0px 150px #FFE5B5; |
| + | } |
| + | li#mainlevel_05 a { |
| + | color: #FFE5B5!important; |
| + | } |
| + | li#mainlevel_05 a:hover { |
| + | font-size:30px!important; |
| + | text-shadow:0px 0px 8px #FFE5B5, |
| + | 0px 0px 42px #FFE5B5, |
| + | 0px 0px 72px #FFE5B5, |
| + | 0px 0px 150px #FFE5B5; |
| + | } |
| + | li#mainlevel_06 a { |
| + | color: #FFE5B5!important; |
| + | } |
| + | li#mainlevel_06 a:hover { |
| + | font-size:30px!important; |
| + | text-shadow:0px 0px 8px #FFE5B5, |
| + | 0px 0px 42px #FFE5B5, |
| + | 0px 0px 72px #FFE5B5, |
| + | 0px 0px 150px #FFE5B5; |
| + | } |
| + | li#mainlevel_07 a { |
| + | color: #FFE5B5!important; |
| + | } |
| + | li#mainlevel_07 a:hover { |
| + | font-size:30px!important; |
| + | text-shadow:0px 0px 8px #FFE5B5, |
| + | 0px 0px 42px #FFE5B5, |
| + | 0px 0px 72px #FFE5B5, |
| + | 0px 0px 150px #FFE5B5; |
| + | } |
| + | li#mainlevel_08 a { |
| + | color: #FFE5B5!important; |
| + | } |
| + | li#mainlevel_08 a:hover { |
| + | font-size:30px!important; |
| + | text-shadow:0px 0px 8px #FFE5B5, |
| + | 0px 0px 42px #FFE5B5, |
| + | 0px 0px 72px #FFE5B5, |
| + | 0px 0px 150px #FFE5B5; |
| + | } |
| + | #menu li ul li ul li a:hover { |
| + | color: rgba(0,223,252,1); |
| + | border-top: dotted 1px rgba(255,255,255,0.91); |
| + | border-bottom: dotted 1px rgba(255,255,255,0.91); |
| + | background: rgba(0,223,252,.02); |
| + | } |
| + | #nav .mainlevel a { |
| + | color: black; |
| + | text-decoration:none; |
| + | line-height:32px; |
| + | display:block; |
| + | padding:0 5px; |
| + | font-size: 25px!important; |
| + | font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !important; |
| + | } |
| + | .layer-bottom { |
| + | z-index: -2; |
| + | position: absolute; |
| + | margin-top: 36px!important; |
| + | } |
| + | .first-class h1 { |
| + | color: blue!important; |
| + | font-size: 65px; |
| + | height: 70px; |
| } | | } |
| | | |
| + | .members-content p { |
| + | line-height: 26px!important; |
| + | color: white; |
| + | font-size: 26px!important; |
| + | } |
| </style> | | </style> |
| | | |
Line 89: |
Line 193: |
| <body> | | <body> |
| | | |
− | <div id="menu"> | + | <!--menu--> |
− | <li id="nav">           | + | |
− | | + | <div id="menu" style="background-color:rgba(0,0,0,0.6)!important"> |
| + | <li id="nav" style="left: 8%!important; width: 100%!important;">           |
| + | <!--<a class="menu1" href="#" style="text-align: right;">☰</a>--> |
| <ul class="firstmenu" style="float: left"> | | <ul class="firstmenu" style="float: left"> |
| | | |
Line 107: |
Line 213: |
| </ul> | | </ul> |
| </li> | | </li> |
− | <li class="mainlevel" id="mainlevel_03">
| + | |
− | <a href="https://2018.igem.org/Team:NEFU_China/Basic_Part"><img id="parts" src="https://static.igem.org/mediawiki/2018/5/58/T--NEFU_China--_PARTS.png">PARTS</a> | + | |
| + | <li class="mainlevel" id="mainlevel_03"> |
| + | <a href="https://2018.igem.org/Team:NEFU_China/Experiment"><img id="parts" src="https://static.igem.org/mediawiki/2018/6/62/T--NEFU_China--_RESULTS.png">EXPERIMENT</a> |
| <ul id="sub_03"> | | <ul id="sub_03"> |
| + | <li><a href="https://2018.igem.org/Team:NEFU_China/Lock_Key" target="_self">LOCK & KEY</a></li> |
| + | <li><a href="https://2018.igem.org/Team:NEFU_China/Suicide" target="_self">SUICIDE</a></li> |
| + | <li><a href="https://2018.igem.org/Team:NEFU_China/Splicing" target="_self">SPLICING</a></li> |
| + | <li><a href="https://2018.igem.org/Team:NEFU_China/Demonstrate" target="_self">DEMONSTRATE</a></li> |
| + | <hr> |
| <li><a href="https://2018.igem.org/Team:NEFU_China/Basic_Part" target="_self">BASIC PARTS</a></li> | | <li><a href="https://2018.igem.org/Team:NEFU_China/Basic_Part" target="_self">BASIC PARTS</a></li> |
| <li><a href="https://2018.igem.org/Team:NEFU_China/Composite_Part" target="_self">COMPOSITE PARTS</a></li> | | <li><a href="https://2018.igem.org/Team:NEFU_China/Composite_Part" target="_self">COMPOSITE PARTS</a></li> |
| <li><a href="https://2018.igem.org/Team:NEFU_China/Improve" target="_self">IMPROVEMENT PARTS</a></li> | | <li><a href="https://2018.igem.org/Team:NEFU_China/Improve" target="_self">IMPROVEMENT PARTS</a></li> |
| <li><a href="https://2018.igem.org/Team:NEFU_China/Part_Collection" target="_self">PARTS COLLECTION</a></li> | | <li><a href="https://2018.igem.org/Team:NEFU_China/Part_Collection" target="_self">PARTS COLLECTION</a></li> |
| + | <hr> |
| + | <li><a href="https://2018.igem.org/Team:NEFU_China/Notebook" target="_self">NOTEBOOK</a></li> |
| + | <li><a href="https://2018.igem.org/Team:NEFU_China/Protocol" target="_self">PROTOCOL</a></li> |
| </ul> | | </ul> |
| </li> | | </li> |
− | <li class="mainlevel" id="mainlevel_04">
| + | |
− | <a href="https://2018.igem.org/Team:NEFU_China/Lock_Key"><img id="results" src="https://static.igem.org/mediawiki/2018/6/62/T--NEFU_China--_RESULTS.png">RESULTS</a>
| + | |
− | <ul id="sub_04">
| + | |
− | <li><a href="https://2018.igem.org/Team:NEFU_China/Lock_Key" target="_self">LOCK & KEY</a></li>
| + | |
− | <li><a href="https://2018.igem.org/Team:NEFU_China/Suicide" target="_self">SUICIDE</a></li>
| + | |
− | <li><a href="https://2018.igem.org/Team:NEFU_China/Splicing" target="_self">SPLICING</a></li>
| + | |
− | </ul>
| + | |
− | </li> | + | |
| <li class="mainlevel" id="mainlevel_05"> | | <li class="mainlevel" id="mainlevel_05"> |
| <a href="https://2018.igem.org/Team:NEFU_China/Model"><img id="model" src="https://static.igem.org/mediawiki/2018/0/0c/T--NEFU_China--_MODEL.png">MODEL</a> | | <a href="https://2018.igem.org/Team:NEFU_China/Model"><img id="model" src="https://static.igem.org/mediawiki/2018/0/0c/T--NEFU_China--_MODEL.png">MODEL</a> |
Line 136: |
Line 245: |
| <ul id="sub_06"> | | <ul id="sub_06"> |
| <li><a href="https://2018.igem.org/Team:NEFU_China/Software" target="_self">OVERVIEW</a></li> | | <li><a href="https://2018.igem.org/Team:NEFU_China/Software" target="_self">OVERVIEW</a></li> |
− | <li><a href="https://2018.igem.org/Team:NEFU_China/Software1" target="_self">SOFTWARE1</a></li> | + | <li><a href="https://2018.igem.org/Team:NEFU_China/Software1" target="_self">CODING</a></li> |
− | <li><a href="https://2018.igem.org/Team:NEFU_China/Software2" target="_self">SOFTWARE2</a></li> | + | <li><a href="https://2018.igem.org/Team:NEFU_China/Software2" target="_self">MISLEADING</a></li> |
| + | <li><a href="https://2018.igem.org/Team:NEFU_China/Software3" target="_self">WORDSEGMENT</a></li> |
| </ul> | | </ul> |
| </li> | | </li> |
Line 145: |
Line 255: |
| <li><a href="https://2018.igem.org/Team:NEFU_China/Attributions" target="_self">ATTRIBUTIONS</a></li> | | <li><a href="https://2018.igem.org/Team:NEFU_China/Attributions" target="_self">ATTRIBUTIONS</a></li> |
| <li><a href="https://2018.igem.org/Team:NEFU_China/Members" target="_self">MEMBERS</a></li> | | <li><a href="https://2018.igem.org/Team:NEFU_China/Members" target="_self">MEMBERS</a></li> |
− | <li><a href="https://2018.igem.org/Team:NEFU_China/Sponsoring" target="_self">SPONSORING</a></li>
| + | |
| + | <!-- <li><a href="https://2018.igem.org/Team:NEFU_China/Sponsoring" target="_self">SPONSORING</a></li>--> |
| </ul> | | </ul> |
| </li> | | </li> |
Line 155: |
Line 266: |
| <li><a href="https://2018.igem.org/Team:NEFU_China/Collaborations" target="_self">COLLABORTION</a></li> | | <li><a href="https://2018.igem.org/Team:NEFU_China/Collaborations" target="_self">COLLABORTION</a></li> |
| <li><a href="https://2018.igem.org/Team:NEFU_China/Public_Engagement" target="_self">EDUCATION & PUBLIC ENGAGEMENT</a></li> | | <li><a href="https://2018.igem.org/Team:NEFU_China/Public_Engagement" target="_self">EDUCATION & PUBLIC ENGAGEMENT</a></li> |
− | </ul>
| |
− | </li>
| |
− | <li class="mainlevel" id="mainlevel_09">
| |
− | <a href="https://2018.igem.org/Team:NEFU_China/Notebook"><img id="notebook" src="https://static.igem.org/mediawiki/2018/c/cb/T--NEFU_China--_NOTEBOOK.png">NOTEBOOK</a>
| |
− | <ul id="sub_09">
| |
− | <li><a href="https://2018.igem.org/Team:NEFU_China/Notebook" target="_self">OVERVIRW</a></li>
| |
− | <li><a href="https://2018.igem.org/Team:NEFU_China/Protocol" target="_self">PROTOCOL</a></li>
| |
| </ul> | | </ul> |
| </li> | | </li> |
Line 168: |
Line 272: |
| </li> | | </li> |
| </div> | | </div> |
| + | <div class="layer-bottom"> |
| + | |
| + | <canvas id="canvas" style="background:#000000"></canvas> |
| + | |
| + | <script type="text/javascript"> |
| + | |
| + | window.onload = function(){ |
| + | var canvas = document.getElementById("canvas"); |
| + | var context =canvas.getContext("2d"); |
| + | var W = window.innerWidth; |
| + | var H = 1500; |
| + | //var H = window.innerHeight*1.5; |
| + | canvas.width = W; |
| + | canvas.height = H; |
| + | var fontSize = 20; |
| + | var colunms = Math.floor(W /fontSize); |
| + | var drops = []; |
| + | for(var i=0;i<colunms;i++){ |
| + | drops.push(0); |
| + | } |
| + | |
| + | |
| + | var str1 = "ATCG"; |
| + | var str2 = "01"; |
| + | function draw(){ |
| + | context.fillStyle = "rgba(0,0,0,0.2)"; |
| + | context.fillRect(0,0,W,H); |
| + | context.font = "700 "+fontSize+"px 微软雅黑"; |
| + | context.fillStyle = "#003544"; |
| + | for(var i=0;i<colunms/2;i++){ |
| + | var index = Math.floor(Math.random() * str1.length); |
| + | var x = i*fontSize; |
| + | var y = drops[i] *fontSize; |
| + | context.fillText(str1[index],x,y); |
| + | if(y >= canvas.height){ |
| + | drops[i] = 0; |
| + | } |
| + | if(Math.random() > 0.99){ |
| + | drops[i] = 0; |
| + | } |
| + | drops[i]++; |
| + | } |
| + | for(var i=colunms/2;i<colunms;i++){ |
| + | var index = Math.floor(Math.random() * str2.length); |
| + | var x = i*fontSize; |
| + | var y = drops[i] *fontSize; |
| + | context.fillText(str2[index],x,y); |
| + | if(y >= canvas.height){ |
| + | drops[i] = 0; |
| + | } |
| + | if(Math.random() > 0.99){ |
| + | drops[i] = 0; |
| + | } |
| + | drops[i]++; |
| + | } |
| + | }; |
| + | |
| + | function randColor(){ |
| + | var r = Math.floor(Math.random() * 256); |
| + | var g = Math.floor(Math.random() * 256); |
| + | var b = Math.floor(Math.random() * 256); |
| + | return "rgb("+r+","+g+","+b+")"; |
| + | } |
| + | |
| + | draw(); |
| + | setInterval(draw,60); |
| + | }; |
| + | |
| + | </script> |
| + | |
| + | |
| | | |
| + | </div> |
| <div class="content"> | | <div class="content"> |
| | | |
Line 404: |
Line 580: |
| </li> | | </li> |
| <li> | | <li> |
| + | |
| <a href="#" alt="google" class="google">Google</a> | | <a href="#" alt="google" class="google">Google</a> |
| </li> | | </li> |