Team:Fudan Lux/Gallery

From 2012.igem.org

(Difference between revisions)
 
(17 intermediate revisions not shown)
Line 128: Line 128:
<!-- wrapper-header -->
<!-- wrapper-header -->
<div class="wrapper">
<div class="wrapper">
-
<a href="http://luiszuno.com/themes/nova/index.html"><img id="logo" src="https://static.igem.org/mediawiki/2012/5/5d/Logo_64px.png" alt="Nova"></a>
+
<a href="https://2012.igem.org/Team:Fudan_Lux"><img id="logo" src="https://static.igem.org/mediawiki/2012/5/5d/Logo_64px.png" alt="Nova"></a>
<!-- search -->
<!-- search -->
<div class="top-search">
<div class="top-search">
Line 156: Line 156:
<!-- Navigation -->
<!-- Navigation -->
<ul id="nav" class="sf-menu sf-js-enabled sf-shadow">
<ul id="nav" class="sf-menu sf-js-enabled sf-shadow">
-
<li class="current-menu-item"><a href="https://2012.igem.org/Team:Fudan_Lux">Home<span class="subheader">Welcome</span></a></li>
+
<li><a href="https://2012.igem.org/Team:Fudan_Lux">Home<span class="subheader">Welcome</span></a></li>
<li><a href="https://2012.igem.org/Team:Fudan_Lux/Team">Team<span class="subheader">Awesome</span></a>
<li><a href="https://2012.igem.org/Team:Fudan_Lux/Team">Team<span class="subheader">Awesome</span></a>
</li>
</li>
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/project_introduction">Project<span class="subheader">Cool</span></a><ul style="display: none; visibility: hidden; ">
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/project_introduction">Project<span class="subheader">Cool</span></a><ul style="display: none; visibility: hidden; ">
-
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/project_introduction">Introduction</a></li>
+
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/project_introduction">Overview</a></li>
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/biowave">Project Biowave</a></li>
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/biowave">Project Biowave</a></li>
-
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/nanotube">nanotubling</a></li>
+
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/nanotube">Project Bacto-Trafficking</a></li>
-
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/result">Result</a></li>
+
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/result">Results</a></li>
</ul>
</ul>
</li>
</li>
Line 176: Line 176:
<ul style="display: none; visibility: hidden; ">
<ul style="display: none; visibility: hidden; ">
-
<li><a href="href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/labcloud">Project Labcloud</a></li>
+
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/labcloud">Project Labcloud</a></li>
-
<li><a href="href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/Associations">Associations</a></li>
+
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/Associations">Associations</a></li>
-
<li><a href="href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/tianmu">Tianmu mountain</a></li>
+
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/tianmu">Tianmu mountain</a></li>
-
<li><a href="href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/other practise">Other Practise</a></li>
+
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/other practise">Other Practise</a></li>
</ul>
</ul>
-
</li><li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/safety">Safety<span class="subheader">Get in touch</span></a></li><li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/Gallery">Gallery<span class="subheader">Featured work</span></a>
+
</li><li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/safety">Safety<span class="subheader">Get in touch</span></a></li><li class="current-menu-item"><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/Gallery">Gallery<span class="subheader">Featured work</span></a>
</li></ul>
</li></ul>
Line 191: Line 191:
</div>
</div>
<!-- ENDS Menu -->
<!-- ENDS Menu -->
 +
-
<!-- Slider -->
 
-
<div id="slider-block">
 
-
<div id="slider-holder">
 
-
<div id="slider">
 
-
<img src="https://static.igem.org/mediawiki/2012/2/2d/IGEM_1.jpg" title="illuminated by lux!" alt="" />
 
-
                                                <img src="https://static.igem.org/mediawiki/2012/5/56/IGEM_0013_fixed.jpg" title="Brain Storm!" alt="" />
 
-
                                                <img src="https://static.igem.org/mediawiki/2012/f/fd/Lov_demestration.jpg" title="DESIGN!" alt="" />
 
-
<a href="http://luiszuno.com/themes/nova/http://themeforest.net/user/Ansimuz/portfolio?ref=ansimuz"><img src="http://luiszuno.com/themes/nova/images/02.jpg" title="Support the freebies buying high quality premium themes from my portfolio at themeforest" alt="" /></a>
 
-
</div>
 
-
</div>
 
-
</div>
 
-
<!-- ENDS Slider -->
 
<!-- MAIN -->
<!-- MAIN -->
Line 212: Line 201:
<!-- wrapper-main -->
<!-- wrapper-main -->
<div class="wrapper">
<div class="wrapper">
-
 
-
<!-- headline -->
 
-
<div class="clear"></div>
 
-
<div id="headline">
 
-
<span class="main">Project PREVIEW</span>
 
-
<span class="sub">We have three COOL sub-Projects</span>
 
-
 
-
</div>
 
-
<!-- ENDS headline -->
 
<!-- content -->
<!-- content -->
<div id="content">
<div id="content">
-
<!-- TABS -->
+
<!-- title -->
-
<!-- the tabs -->
+
<div id="page-title">
-
<ul class="tabs">
+
<span class="title">The Gallery</span>
-
+
<span class="subtitle">It's Show Time!</span>
-
+
</div>
-
+
<!-- ENDS title -->
-
</ul>
+
<script type="text/javascript">
-
+
-
<!-- tab "panes" -->
+
-
<div class="panes">
+
-
+
-
<!-- Posts -->
+
-
<div style="display: block; ">
+
-
<ul class="blocks-thumbs thumbs-rollover">
+
-
<li>
+
-
<a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/biowave" class="image" title="An image"><img src="https://static.igem.org/mediawiki/2012/4/45/Bioweave_logo_mini.png" alt="Post" style="opacity: 1; "></a>
+
-
<p></p>
+
-
<div class="excerpt">
+
-
<a href="http://luiszuno.com/themes/nova/single.html" class="header">Project BIOWAVE</a>                                                              As we all known, in pure physical systems, negative feedback and time lag could cause a wave. Oscillation of air molecules could form a sound; touching water could make a ripple. What if the particles of wave are bacteria? In this project, we want to utilize a biological system with the properties of negative feedback and time-lapse to form a macroscopic wave-like pattern that could be visualized by the naked eye. Which the system is made by two parts: the light generator and the light sensor. When the light, which generated by the light generator, is strong enough that could be sensed by the light sensor. The sensor protein could repress the expression of light generator. This signal pathway, which based on light, makes the negative feedback. And the expression of light generator makes the time lag. We believe that with the limited spread of light on the colored plat medium, light output of the bacteria could make a biowave. This is the very first time that bacteria using light as an extracellular signal in synthetic biology. And the form of the oscillation pattern could help us explain a lot of biological problem, like the development of fingers and tones.                                                                                                                                                                              </div>
+
-
+
-
</li>
+
-
<li>
+
-
<a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/nanotube" class="thumb" title="An image"><img src="http://luiszuno.com/themes/nova/img/dummies/282x150.gif" alt="Post" style="opacity: 1; "></a>
+
-
<div class="excerpt">
+
-
<a href="http://luiszuno.com/themes/nova/single.html" class="header">Project nanotube</a>Project Nano-tubular Highways The second project of Team Fudan-Lux is about constructing a brand-new biological model using a recently discovered cellular structure termed Tunneling Nanotubes(TNT) and bacteria containing the green fluorescence protein. By inducing and stabilizing TNTs between certain types of malignant tumor cells, a cellular network could be obtained. Then the bacteria containing GFP is introduced into the tumor cells by microinjection. By doing so, a new type of biological system is created. More importantly, what we want to study here, is the behavior of the injected bacteria within the tumor cells. Since TNTs formed between cells act as super highways for material transportation, bacteria thus can move from one cell to another via TNTs. Given the condition that bacteria would tend to choose the most suitable place for them to live in, in the least energy-consuming way, a distribution pattern thus can be obtained which have the characteristic of the least increase of entropy. By building such a model, we want to simulate certain types of problems in the real life that can’t be solved by simple computation, e.g. traffic jams between cities, and provide solutions to them.</div>
+
-
+
-
</li>
+
-
<li>
+
-
<a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/labcloud" class="image" title="An image"><img src="https://static.igem.org/mediawiki/2012/a/a6/Labcloud.png" alt="Post" style="opacity: 1; "></a><p></P>
+
-
<div class="excerpt">
+
-
<a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/labcloud" class="header">Project LabCloud</a>Project LabCloud aims to provide a mobile app for iGEMers share their experiments, logs, ideas, files and others in and between teams. It will also provide group’s shared calendar, instruments management and other powerful functions to help iGEMers’ cooperation. At last, it has the Push Notification feather to ensure communication in time.Besides, we create a APP <b>Biobrick Viewer</b> accompany with labcloud to provide a easy access to partsregistry.You will find them on App Store soon and there are free for iGEMers!)</div>
+
-
+
-
</li>
+
-
</ul>
+
-
</div>
+
-
<!-- ENDS posts -->
+
-
+
-
<!-- Information  -->
+
-
<div style="display: none; ">
+
-
<div class="plain-text">
+
-
<h6>Pellentesque habitant morbi tristique senectus et netus et malesuada.</h6>
+
-
<p>Fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus. </p>
+
-
<p>Fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.Fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper <a href="http://luiszuno.com/themes/nova/single.html">This is a link</a>. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus. </p>
+
-
<a href="http://luiszuno.com/themes/nova/single.html" class="link-button"><span>Read more →</span></a>
+
-
</div>
+
-
</div>
+
-
<!-- ENDS Information -->
+
-
<!-- Posts -->
+
/*under construction
-
<div style="display: none; ">
+
<!-- filter -->
-
<ul class="blocks-thumbs thumbs-rollover">
+
<ul id="portfolio-filter" class="filter">
-
<li>
+
<li>Filter</li>
-
<a href="http://luiszuno.com/themes/nova/single.html" class="thumb" title="An image"><img src="http://luiszuno.com/themes/nova/img/dummies/282x150.gif" alt="Post"></a>
+
<li><a href="#" data-filter="*" > All </a></li>
-
<div class="excerpt">
+
    <li><a href="#" data-filter=".pink" > Pink </a></li>
-
<a href="http://luiszuno.com/themes/nova/single.html" class="header">Lorem ipsum dolor</a>
+
    <li><a href="#" data-filter=".blue" > Blue </a></li>
-
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.
+
    <li><a href="#" data-filter=".green" > Green </a></li>
-
</div>
+
    </ul>
-
<a href="http://luiszuno.com/themes/nova/single.html" class="link-button"><span>Read more →</span></a>
+
<!-- ENDS filter -->
-
</li>
+
-
<li>
+
-
<a href="http://luiszuno.com/themes/nova/single.html" class="thumb" title="An image"><img src="http://luiszuno.com/themes/nova/img/dummies/282x150.gif" alt="Post"></a>
+
<!-- gallery-->
-
<div class="excerpt">
+
<ul id="portfolio-list" class="gallery three-cols">
-
<a href="http://luiszuno.com/themes/nova/single.html" class="header">Lorem ipsum dolor</a>
+
<li class="pink"><a href="img/dummies/282x267.gif" rel="group1" class="fancybox" title="Lorem ipsum dolor"><img src="img/dummies/282x267.gif" alt="Pic"></a></li>
-
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.
+
<li class="pink "><a href="img/dummies/282x267.gif" rel="group1" class="fancybox" title="Lorem ipsum dolor"><img src="img/dummies/282x267.gif" alt="Pic"></a></li>
-
</div>
+
<li class="pink"><a href="img/dummies/282x267.gif" rel="group1" class="fancybox" title="Lorem ipsum dolor"><img src="img/dummies/282x267.gif" alt="Pic"></a></li>
-
<a href="http://luiszuno.com/themes/nova/single.html" class="link-button"><span>Read more →</span></a>
+
<li class="blue"><a href="img/dummies/282x267.gif" rel="group1" class="fancybox" title="Lorem ipsum dolor"><img src="img/dummies/282x267.gif" alt="Pic"></a></li>
-
</li>
+
<li class="blue"><a href="img/dummies/282x267.gif" rel="group1" class="fancybox" title="Lorem ipsum dolor"><img src="img/dummies/282x267.gif" alt="Pic"></a></li>
-
<li>
+
<li class="green"><a href="img/dummies/282x267.gif" rel="group1" class="fancybox" title="Lorem ipsum dolor"><img src="img/dummies/282x267.gif" alt="Pic"></a></li>
-
<a href="http://luiszuno.com/themes/nova/single.html" class="thumb" title="An image"><img src="http://luiszuno.com/themes/nova/img/dummies/282x150.gif" alt="Post"></a>
+
</ul>
-
<div class="excerpt">
+
<!-- ENDS gallery -->
-
<a href="http://luiszuno.com/themes/nova/single.html" class="header">Lorem ipsum dolor</a>
+
-
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra.
+
-
</div>
+
<!-- pagination -->
-
<a href="http://luiszuno.com/themes/nova/single.html" class="link-button"><span>Read more →</span></a>
+
<div class="clear"></div>
-
</li>
+
<ul class='pager'>
-
</ul>
+
<li><a href='#' >&lsaquo;</a></li>
-
</div>
+
                <li class='active'><a href='#'>1</a></li>
-
<!-- ENDS posts -->
+
<li><a href='#' >2</a></li>
-
+
                                                        <li><a href='#' >3</a></li>
-
+
<li><a href='#' >4</a></li>
-
</div>
+
<li><a href='#' >5</a></li>
-
<!-- ENDS TABS -->
+
<li><a href='#' >&rsaquo;</a></li>
-
<ul class="tabs"></ul>
+
</ul>
-
<div><div id="headline">
+
<!-- ENDS pagination -->
-
<span class="main">Project PREVIEW</span>
+
*/
-
<span class="sub">We have three COOL sub-Projects</span>
+
</script>
-
+
-
</div></div>
+
-
+
<div align="center" style="margin-top:80px">
 +
<img src="https://static.igem.org/mediawiki/2012/2/2c/Underconstruction.png" style="margin-top:20px;width: 72px;float:left;margin-left: 80px;-webkit-box-reflect: below 20px -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(.5, transparent), to(rgba(3,3,3,.2)));background: -webkit-linear-gradient(top, rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;">
 +
<p style="font-size:72px;-webkit-box-reflect: below -30px -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(.5, transparent), to(rgba(3,3,3,.2)));background: -webkit-linear-gradient(top, rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;">Under Construction...</p>
 +
</div>
 +
</div>
</div>
<!-- ENDS content -->
<!-- ENDS content -->
 +
</div>
</div>
<!-- ENDS wrapper-main -->
<!-- ENDS wrapper-main -->
Line 324: Line 267:
<!-- Twitter -->
<!-- Twitter -->
<div id="twitter">
<div id="twitter">
-
<div class="wrapper">
+
-
<a href="http://luiszuno.com/themes/nova/#" id="prev-tweet" style="left: 30px; "></a>
+
-
<a href="http://luiszuno.com/themes/nova/#" id="next-tweet" style="right: 30px; "></a>
+
-
<img id="bird" src="http://luiszuno.com/themes/nova/img/bird.png" alt="Tweets">
+
-
<div id="tweets">
+
-
<ul class="tweet_list"></ul>
+
-
<ul class="tweet_list"></ul><ul class="tweet_list"></ul></div>
+
-
</div>
+
</div>
</div>
<!-- ENDS Twitter -->
<!-- ENDS Twitter -->
Line 342: Line 278:
<!-- footer-cols -->
<!-- footer-cols -->
<ul id="footer-cols">
<ul id="footer-cols">
-
<li class="col">
+
-
<h6>Pages</h6>
+
-
<ul>
+
-
<li class="page_item"><a href="http://luiszuno.com/themes/nova/index.html" style="margin-left: 0px; ">Home</a></li>
+
-
<li class="page_item"><a href="http://luiszuno.com/themes/nova/features.html" style="margin-left: 0px; ">Features</a></li>
+
-
<li class="page_item"><a href="http://luiszuno.com/themes/nova/blog.html">Blog</a></li>
+
-
<li class="page_item"><a href="http://luiszuno.com/themes/nova/portfolio.html" style="margin-left: 0px; ">Portfolio</a></li>
+
-
<li class="page_item"><a href="http://luiszuno.com/themes/nova/gallery.html" style="margin-left: 0px; ">Gallery</a></li>
+
-
<li class="page_item"><a href="http://luiszuno.com/themes/nova/contact.html" style="margin-left: 0px; ">Contact</a></li>
+
-
</ul>
+
-
</li>
+
<li class="col">
<li class="col">
-
<h6>Categories</h6>
+
<h6>About the Team</h6>
-
<ul>
+
He he he he!
-
<li><a href="http://luiszuno.com/themes/nova/#">Webdesign projects senectus</a></li>
+
-
<li><a href="http://luiszuno.com/themes/nova/#/">Wordpress projects senectus</a></li>
+
-
<li><a href="http://luiszuno.com/themes/nova/#">Vestibulum tortor quam</a></li>
+
-
<li><a href="http://luiszuno.com/themes/nova/#">Code projects amet quam egestas</a></li>
+
-
<li><a href="http://luiszuno.com/themes/nova/#">Web design projects senectus</a></li>
+
-
<li><a href="http://luiszuno.com/themes/nova/#/">Marketplace projects</a></li>
+
-
<li><a href="http://luiszuno.com/themes/nova/#">Writting projects senectus</a></li>
+
-
<li><a href="http://luiszuno.com/themes/nova/#">Drawings projects fames Aenean</a></li>
+
-
<li><a href="http://luiszuno.com/themes/nova/#/">Wordpress projects Aenean ultricies</a></li>
+
-
</ul>
+
-
</li>
+
-
<li class="col">
+
-
<h6>About the theme</h6>
+
-
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Cursus faucibus, tortor neque egestas augue, eu vulputate magna eros.
+
</li>
</li>
Line 385: Line 298:
<!-- wrapper-bottom -->
<!-- wrapper-bottom -->
<div class="wrapper">
<div class="wrapper">
-
<div id="bottom-text">All rights reserved. Edit by Fudan-lux team <a href="http://www.luiszuno.com">Powered By Luiszuno.com</a> </div>
+
<div id="bottom-text">All rights reserved. Tempalate Edit by Fudan-lux team <a href="http://www.luiszuno.com">Powered By Luiszuno.com</a> </div>
<!-- Social -->
<!-- Social -->
Line 394: Line 307:
</div>
</div>
<!-- ENDS Bottom -->
<!-- ENDS Bottom -->
-
 
-
 
-
<div id="fancybox-tmp"></div><div id="fancybox-loading"><div></div></div><div id="fancybox-overlay"></div><div id="fancybox-wrap"><div id="fancybox-outer"><div class="fancybox-bg" id="fancybox-bg-n"></div><div class="fancybox-bg" id="fancybox-bg-ne"></div><div class="fancybox-bg" id="fancybox-bg-e"></div><div class="fancybox-bg" id="fancybox-bg-se"></div><div class="fancybox-bg" id="fancybox-bg-s"></div><div class="fancybox-bg" id="fancybox-bg-sw"></div><div class="fancybox-bg" id="fancybox-bg-w"></div><div class="fancybox-bg" id="fancybox-bg-nw"></div><div id="fancybox-content"></div><a id="fancybox-close"></a><div id="fancybox-title"></div><a href="javascript:;" id="fancybox-left"><span class="fancy-ico" id="fancybox-left-ico"></span></a><a href="javascript:;" id="fancybox-right"><span class="fancy-ico" id="fancybox-right-ico"></span></a></div></div></body></html>
 

Latest revision as of 22:58, 26 September 2012

NOVA

The Gallery It's Show Time!

Under Construction...

All rights reserved. Tempalate Edit by Fudan-lux team Powered By Luiszuno.com