Difference between revisions of "Team:Worldshaper-Wuhan/Model"

 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
−
{{Worldshaper-Wuhan}}
+
 
 
<html>
 
<html>
 +
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"/>
 +
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/wuhan/css/wiki_edit.css" />
 +
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/wuhan/css/site.css" />
 +
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/wuhan/css/css.css" />
 +
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/wuhan/css/main.css" />
 +
<section class="show-products-category-navigation page-borders-thick canvas-style-normal header-subtitle-none banner-alignment-center blog-layout-center project-layout-left-sidebar thumbnails-on-open-page-show-all social-icon-style-round  hide-info-footer  hide-article-author  event-show-past-events event-thumbnails event-thumbnail-size-32-standard event-date-label  event-list-show-cats event-list-date event-list-time event-list-address  event-icalgcal-links  event-excerpts event-item-back-link product-list-titles-under product-list-alignment-center product-item-size-11-square  product-gallery-size-11-square product-gallery-auto-crop show-product-price show-product-item-nav product-social-sharing newsletter-style-dark hide-opentable-icons opentable-style-dark small-button-style-solid small-button-shape-square medium-button-style-solid medium-button-shape-square large-button-style-solid large-button-shape-square image-block-poster-text-alignment-center image-block-card-dynamic-font-sizing image-block-card-content-position-center image-block-card-text-alignment-left image-block-overlap-dynamic-font-sizing image-block-overlap-content-position-center image-block-overlap-text-alignment-left image-block-collage-dynamic-font-sizing image-block-collage-content-position-top image-block-collage-text-alignment-left image-block-stack-dynamic-font-sizing image-block-stack-text-alignment-left button-style-outline button-corner-style-square tweak-product-quick-view-button-style-floating tweak-product-quick-view-button-position-bottom tweak-product-quick-view-lightbox-excerpt-display-truncate tweak-product-quick-view-lightbox-show-arrows tweak-product-quick-view-lightbox-show-close-button tweak-product-quick-view-lightbox-controls-weight-light native-currency-code-usd collection-type-page collection-5990133859cc681bb449c9ba collection-layout-default homepage mobile-style-available logo-image">
 +
<div id="canvas">
 +
<div id="mobileNav" class="menu-open">
 +
<div class="wrapper">
 +
<nav class="main-nav mobileNav" >
 +
<ul>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan">Home</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/about-us">About Us</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Background">Background</a>
 +
</li>
 +
<li class="folder-collection folder">
 +
<input type="checkbox" name="mobile-folder-toggle-59916eb759cc681bb4584222" id="mobile-folder-toggle-59916eb759cc681bb4584222" class="folder-toggle-box hidden" />
 +
<label for="mobile-folder-toggle-59916eb759cc681bb4584222" class="folder-toggle-label" onclick data-href="/project/">Project</label>
 +
<div class="subnav">
 +
<ul>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/solution-and-design">Solution and Design</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Results">Results</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Model">Model</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Parts">Parts</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Demonstrate">Measurement</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/procedure">Procedure</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Notebook">Notebook</a>
 +
</li>
 +
</ul>
 +
</div>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Safety">Safety</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Human-Practice">Human Practice</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Collaborations">Collaboration</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/InterLab">InterLab</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Attributions">Attributions</a>
 +
</li>
 +
<li class="folder-collection folder">
 +
<input type="checkbox" name="mobile-folder-toggle-59926c70f7e0ab4ab234fd0e" id="mobile-folder-toggle-59926c70f7e0ab4ab234fd0e" class="folder-toggle-box hidden" />
 +
<label for="mobile-folder-toggle-59926c70f7e0ab4ab234fd0e" class="folder-toggle-label" onclick data-href="/outside-support/">Awards</label>
 +
<div class="subnav">
 +
<ul>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/HP/Gold_Integrated">Achievement</a>
 +
</li>
 +
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Engagement">Survey Result</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Applied_Design">Applied Design</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/HP/Silver">Silver</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/gold">Gold</a>
 +
</li>
 +
</ul>
 +
</div>
 +
</li>
 +
</ul>
 +
</nav>
 +
</div>
 +
</div>
 +
<div id="mobileMenuLink">
 +
<a>Menu</a>
 +
</div>
 +
 +
<header id="header" class="clearfix">
 +
<div id="upper-logo">
 +
<h1 class="logo" data-content-field="site-title">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan">
 +
<img src="https://static.igem.org/mediawiki/2017/7/7a/T-Worldshaper-Wuhan-logo.png" alt="WorldShaper-Wuhan" />
 +
</a>
 +
</h1>
 +
</div>
 +
<div class="site-info" data-content-field="business-information">
 +
<div class="site-address">Street Address</div>
 +
<div class="site-city-state">City, State, Zip</div>
 +
<div class="site-phone">Phone Number</div>
 +
</div>
 +
<div class="site-tag-line"></div>
 +
 +
<div class="custom-info">
 +
<div class="sqs-layout sqs-grid-12 columns-12" data-layout-label="Header Subtitle: Custom Content" data-type="block-field" data-updated-on="1381761023501" id="customInfoBlock">
 +
<div class="row sqs-row">
 +
<div class="col sqs-col-12 span-12">
 +
<div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-81eee4bbda3d9efd0834">
 +
<div class="sqs-block-content">
 +
<p class="text-align-center">Your Custom Text Here</p>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<div id="lower-logo">
 +
<h1 class="logo" data-content-field="site-title">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan">
 +
<img src="https://static.igem.org/mediawiki/2017/7/7a/T-Worldshaper-Wuhan-logo.png" />
 +
</a>
 +
</h1>
 +
</div>
 +
 +
<div id="topNav">
 +
<nav class="main-nav" data-content-field="navigation">
 +
<ul>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan">Home</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/about-us">About</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Background">Background</a>
 +
</li>
 +
<li class="folder-collection folder">
 +
<a aria-haspopup="true" href="#" onClick="return false;">Project</a>
 +
<div class="subnav">
 +
<ul>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/solution-and-design">Solution and Design</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Results">Results</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Model">Model</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Parts">Parts</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Demonstrate">Measurement</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/procedure">Procedure</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Notebook">Notebook</a>
 +
</li>
 +
</ul>
 +
</div>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Safety">Safety</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Human-Practice">Human Practice</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Collaborations">Collaboration</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/InterLab">InterLab</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Attributions">Attributions</a>
 +
</li>
 +
<li class="folder-collection folder">
 +
<a aria-haspopup="true" href="#" onClick="return false;">Awards</a>
 +
<div class="subnav">
 +
<ul>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/HP/Gold_Integrated">Achievement</a>
 +
</li>
 +
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Engagement">Survey Result</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/Applied_Design">Applied Design</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/HP/Silver">Silver</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/gold">Gold</a>
 +
</li>
 +
</ul>
 +
</div>
 +
</li>
 +
</ul>
 +
<div class="page-divider"></div>
 +
</nav>
 +
</div>
 +
</header>
 +
 +
<!--页面内容开始-->
 +
<div class="container">
 +
<div class="page-divider top-divider"></div>
 +
<section id="page" class="clear" role="main" >
 +
<div class="sqs-layout sqs-grid-12 columns-12" data-type="page">
 +
<div class="row sqs-row">
 +
<div class="col sqs-col-12 span-12">
 +
<div class="sqs-block html-block sqs-block-html">
 +
<div class="sqs-block-content">
 +
<h1 class="text-align-center">Model</h1>
 +
</div>
 +
<div class="sqs-block-content">
  
 +
<div class="sqs-block image-block sqs-block-image sqs-text-ready" data-block-type="5" id="block-cc4a43f30ec96f6012f7">
 +
<div class="sqs-block-content" id="yui_3_17_2_1_1509520478643_119">
  
 +
<div class="image-block-outer-wrapper layout-caption-below design-layout-inline" id="yui_3_17_2_1_1509520478643_118">
  
 +
<div class="intrinsic" style="max-width:1141.0px;" id="yui_3_17_2_1_1509520478643_117">
  
−
<div class="column full_size">
+
<div style="padding-bottom: 102.279%; overflow: hidden;" class="image-block-wrapper  has-aspect-ratio" data-description="<p> <em>Fig. Model for the effect of miR-21 sponge in cells. After introduction of the sponge transgene, sponge RNAs are expressed at a high level and attract miR-21, inhibiting the expression of eGFP reporter. The expression of miR-21 should be identified by their eGFP reporter expression.</em>  
−
<h1> Modeling</h1>
+
</p>
 +
" id="yui_3_17_2_1_1509520478643_116">
 +
<noscript>
 +
<img src="https://static1.squarespace.com/static/598d6f47ff7c50fa2d55f1dc/t/59f7dd8eec212d5a70e1bcf0/1509416775371/a.jpg"  alt="Fig. Model for the effect of miR-21 sponge in cells. After introduction of the sponge transgene, sponge RNAs are expressed at a high level and attract miR-21, inhibiting the expression of eGFP reporter. The expression of miR-21 should be identified by their eGFP reporter expression."  />
 +
</noscript>
 +
<img class="thumb-image loaded" data-src="https://static1.squarespace.com/static/598d6f47ff7c50fa2d55f1dc/t/59f7dd8eec212d5a70e1bcf0/1509416775371/a.jpg" data-image="https://static1.squarespace.com/static/598d6f47ff7c50fa2d55f1dc/t/59f7dd8eec212d5a70e1bcf0/1509416775371/a.jpg" data-image-dimensions="1141x1167" data-image-focal-point="0.5,0.5" data-load="false" data-image-id="59f7dd8eec212d5a70e1bcf0" data-type="image" data-position-mode="standard" style="left: 0%; top: -0.00794987%; width: 100%; height: 100.016%; position: absolute;" alt="Fig. Model for the effect of miR-21 sponge in cells. After introduction of the sponge transgene, sponge RNAs are expressed at a high level and attract miR-21, inhibiting the expression of eGFP reporter. The expression of miR-21 should be identified by their eGFP reporter expression." src="https://static1.squarespace.com/static/598d6f47ff7c50fa2d55f1dc/t/59f7dd8eec212d5a70e1bcf0/1509416775371/a.jpg?format=1000w" data-image-resolution="1000w"></div>
  
−
<p>Mathematical models and computer simulations provide a great way to describe the function and operation of BioBrick Parts and Devices. Synthetic Biology is an engineering discipline, and part of engineering is simulation and modeling to determine the behavior of your design before you build it. Designing and simulating can be iterated many times in a computer before moving to the lab. This award is for teams who build a model of their system and use it to inform system design or simulate expected behavior in conjunction with experiments in the wetlab.</p>
+
<div class="image-caption-wrapper">
 +
<div class="image-caption">
 +
<p> <em>Fig. Model for the effect of miR-21 sponge in cells. After introduction of the sponge transgene, sponge RNAs are expressed at a high level and attract miR-21, inhibiting the expression of eGFP reporter. The expression of miR-21 should be identified by their eGFP reporter expression.</em>
 +
</p>
 +
</div>
 +
</div>
  
−
</div>
+
</div>
−
<div class="clear"></div>
+
  
−
<div class="column half_size">
+
</div>
−
<h3> Gold Medal Criterion #3</h3>
+
−
<p>
+
−
To complete for the gold medal criterion #3, please describe your work on this page and fill out the description on your <a href="https://2017.igem.org/Judging/Judging_Form">judging form</a>. To achieve this medal criterion, you must convince the judges that your team has gained insight into your project from modeling. You may not convince the judges if your model does not have an effect on your project design or implementation.
+
−
</p>
+
  
−
<p>
+
</div>
−
Please see the <a href="https://2017.igem.org/Judging/Medals"> 2017 Medals Page</a> for more information.
+
</div>
−
</p>
+
−
</div>
+
  
−
<div class="column half_size">
+
<div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-8f5488099244885f0a60">
−
<h3>Best Model Special Prize</h3>
+
<div class="sqs-block-content">
 +
<p> <strong>Model</strong>
 +
</p>
 +
<p>
 +
We created a model which can measure the expression of miRNA in cells by using miRNA sponges. This model is very novel because it is the first time of using miRNA sponges to monitor the expression levels of miRNA. The principal of the model based on characteristic of sponge RNAs, which can attact miRNA and inhibit the expression of miRNA-target (Figure).
 +
</p>
 +
<p>
 +
<!--[if gte vml 1]>
 +
<v:shapetype
 +
id="_x0000_t75" coordsize="21600,21600" o:spt="75" o:preferrelative="t"
 +
path="m@4@5l@4@11@9@11@9@5xe" filled="f" stroked="f">
 +
<v:stroke joinstyle="miter"/>
 +
<v:formulas>
 +
&nbsp;
 +
<v:f eqn="if lineDrawn pixelLineWidth 0"/>
 +
&nbsp;
 +
<v:f eqn="sum @0 1 0"/>
 +
&nbsp;
 +
<v:f eqn="sum 0 0 @1"/>
 +
&nbsp;
 +
<v:f eqn="prod @2 1 2"/>
 +
&nbsp;
 +
<v:f eqn="prod @3 21600 pixelWidth"/>
 +
&nbsp;
 +
<v:f eqn="prod @3 21600 pixelHeight"/>
 +
&nbsp;
 +
<v:f eqn="sum @0 0 1"/>
 +
&nbsp;
 +
<v:f eqn="prod @6 1 2"/>
 +
&nbsp;
 +
<v:f eqn="prod @7 21600 pixelWidth"/>
 +
&nbsp;
 +
<v:f eqn="sum @8 21600 0"/>
 +
&nbsp;
 +
<v:f eqn="prod @7 21600 pixelHeight"/>
 +
&nbsp;
 +
<v:f eqn="sum @10 21600 0"/>
 +
</v:formulas>
 +
<v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/>
 +
<o:lock v:ext="edit" aspectratio="t"/>
 +
</v:shapetype>
 +
<v:shape id="_x0000_i1025" type="#_x0000_t75" style='width:337pt;
 +
height:341pt'>
 +
<v:imagedata src="file:////Users/tianyuwang/Library/Group%20Containers/UBF8T346G9.Office/msoclip1/01/clip_image001.jpg"
 +
&nbsp; o:title="模式图"/>
 +
</v:shape>
 +
<![endif]-->
 +
</p>
 +
<p>&nbsp;</p>
 +
</div>
 +
</div>
  
−
<p>
+
</div>
−
To compete for the <a href="https://2017.igem.org/Judging/Awards">Best Model prize</a>, please describe your work on this page  and also fill out the description on the <a href="https://2017.igem.org/Judging/Judging_Form">judging form</a>. Please note you can compete for both the gold medal criterion #3 and the best model prize with this page.
+
</div>
−
<br><br>
+
</div>
−
You must also delete the message box on the top of this page to be eligible for the Best Model Prize.
+
</div>
−
</p>
+
</div>
 +
</section>
 +
</div>
 +
<!--页面内容结束-->
  
−
</div>
+
<div class="sqs-layout sqs-grid-12 columns-12 empty" data-layout-label="WorldShaper Wuhan Footer Content" data-type="block-field" id="collection-5990133859cc681bb449c9ba">
−
<div class="clear"></div>
+
<div class="row sqs-row">
 +
<div class="col sqs-col-12 span-12"></div>
 +
</div>
 +
</div>
  
−
<div class="column full_size">
+
<div class="info-footer-wrapper clear">
−
<h5> Inspiration </h5>
+
<div class="info-footer">
−
<p>
+
<div class="sqs-layout sqs-grid-12 columns-12" data-layout-label="Info Footer Content" data-type="block-field" data-updated-on="1411670375842" id="infoFooterBlock">
−
Here are a few examples from previous teams:
+
<div class="row sqs-row">
−
</p>
+
<div class="col sqs-col-12 span-12"></div>
−
<ul>
+
</div>
−
<li><a href="https://2016.igem.org/Team:Manchester/Model">Manchester 2016</a></li>
+
</div>
−
<li><a href="https://2016.igem.org/Team:TU_Delft/Model">TU Delft 2016  </li>
+
<div id="socialLinks" class="social-links sqs-svg-icon--list" data-content-field="connected-accounts">
−
<li><a href="https://2014.igem.org/Team:ETH_Zurich/modeling/overview">ETH Zurich 2014</a></li>
+
<a href="http://instagram.com/ws_wuhan2017" target="_blank" class="sqs-svg-icon--wrapper instagram">
−
<li><a href="https://2014.igem.org/Team:Waterloo/Math_Book">Waterloo 2014</a></li>
+
<div>
−
</ul>
+
<svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
 +
<use class="sqs-use--icon" xlink:href="#instagram-icon"></use>
 +
<use class="sqs-use--mask" xlink:href="#instagram-mask"></use>
 +
</svg>
 +
</div>
 +
</a>
 +
<a href="mailto:worldshaper@126.com" target="_blank" class="sqs-svg-icon--wrapper email">
 +
<div>
 +
<svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
 +
<use class="sqs-use--icon" xlink:href="#email-icon"></use>
 +
<use class="sqs-use--mask" xlink:href="#email-mask"></use>
 +
</svg>
 +
</div>
 +
</a>
 +
<a href="http://www.facebook.com/1423430597752509" target="_blank" class="sqs-svg-icon--wrapper facebook">
 +
<div>
 +
<svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
 +
<use class="sqs-use--icon" xlink:href="#facebook-icon"></use>
 +
<use class="sqs-use--mask" xlink:href="#facebook-mask"></use>
 +
</svg>
 +
</div>
 +
</a>
 +
</div>
 +
</div>
 +
</div>
  
 +
<footer id="footer" class="clear">
 +
<div class="sqs-layout sqs-grid-12 columns-12" data-layout-label="Footer Content" data-type="block-field" data-updated-on="1502788432753" id="footerBlock">
 +
<div class="row sqs-row">
 +
<div class="col sqs-col-12 span-12">
 +
<div class="row sqs-row">
 +
<div class="col sqs-col-6 span-6">
 +
<div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-126febe67777dbcbc0b4">
 +
<div class="sqs-block-content">
 +
<p>Wuhan, China . &nbsp; New York, USA</p>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="col sqs-col-6 span-6">
 +
<div class="sqs-block socialaccountlinks-v2-block sqs-block-socialaccountlinks-v2" data-block-type="54" id="block-yui_3_17_2_1_1407708776025_50235">
 +
<div class="sqs-block-content">
  
−
</div>
+
<div class="sqs-svg-icon--outer social-icon-alignment-right social-icons-color-black social-icons-size-medium social-icons-shape-circle social-icons-style-knockout" >
 +
<nav class="sqs-svg-icon--list">
 +
<a href="http://instagram.com/ws_wuhan2017" target="_blank" class="sqs-svg-icon--wrapper instagram">
 +
<div>
 +
<svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
 +
<use class="sqs-use--icon" xlink:href="#instagram-icon"></use>
 +
<use class="sqs-use--mask" xlink:href="#instagram-mask"></use>
 +
</svg>
 +
</div>
 +
</a>
 +
<a href="mailto:worldshaper@126.com" target="_blank" class="sqs-svg-icon--wrapper email">
 +
<div>
 +
<svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
 +
<use class="sqs-use--icon" xlink:href="#email-icon"></use>
 +
<use class="sqs-use--mask" xlink:href="#email-mask"></use>
 +
</svg>
 +
</div>
 +
</a>
 +
<a href="http://www.facebook.com/1423430597752509" target="_blank" class="sqs-svg-icon--wrapper facebook">
 +
<div>
 +
<svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
 +
<use class="sqs-use--icon" xlink:href="#facebook-icon"></use>
 +
<use class="sqs-use--mask" xlink:href="#facebook-mask"></use>
 +
</svg>
 +
</div>
 +
</a>
 +
</nav>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</footer>
 +
</div>
 +
</section>
  
 +
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="display:none">
 +
<symbol id="instagram-icon" viewBox="0 0 64 64">
 +
<path d="M46.91,25.816c-0.073-1.597-0.326-2.687-0.697-3.641c-0.383-0.986-0.896-1.823-1.73-2.657c-0.834-0.834-1.67-1.347-2.657-1.73c-0.954-0.371-2.045-0.624-3.641-0.697C36.585,17.017,36.074,17,32,17s-4.585,0.017-6.184,0.09c-1.597,0.073-2.687,0.326-3.641,0.697c-0.986,0.383-1.823,0.896-2.657,1.73c-0.834,0.834-1.347,1.67-1.73,2.657c-0.371,0.954-0.624,2.045-0.697,3.641C17.017,27.415,17,27.926,17,32c0,4.074,0.017,4.585,0.09,6.184c0.073,1.597,0.326,2.687,0.697,3.641c0.383,0.986,0.896,1.823,1.73,2.657c0.834,0.834,1.67,1.347,2.657,1.73c0.954,0.371,2.045,0.624,3.641,0.697C27.415,46.983,27.926,47,32,47s4.585-0.017,6.184-0.09c1.597-0.073,2.687-0.326,3.641-0.697c0.986-0.383,1.823-0.896,2.657-1.73c0.834-0.834,1.347-1.67,1.73-2.657c0.371-0.954,0.624-2.045,0.697-3.641C46.983,36.585,47,36.074,47,32S46.983,27.415,46.91,25.816z M44.21,38.061c-0.067,1.462-0.311,2.257-0.516,2.785c-0.272,0.7-0.597,1.2-1.122,1.725c-0.525,0.525-1.025,0.85-1.725,1.122c-0.529,0.205-1.323,0.45-2.785,0.516c-1.581,0.072-2.056,0.087-6.061,0.087s-4.48-0.015-6.061-0.087c-1.462-0.067-2.257-0.311-2.785-0.516c-0.7-0.272-1.2-0.597-1.725-1.122c-0.525-0.525-0.85-1.025-1.122-1.725c-0.205-0.529-0.45-1.323-0.516-2.785c-0.072-1.582-0.087-2.056-0.087-6.061s0.015-4.48,0.087-6.061c0.067-1.462,0.311-2.257,0.516-2.785c0.272-0.7,0.597-1.2,1.122-1.725c0.525-0.525,1.025-0.85,1.725-1.122c0.529-0.205,1.323-0.45,2.785-0.516c1.582-0.072,2.056-0.087,6.061-0.087s4.48,0.015,6.061,0.087c1.462,0.067,2.257,0.311,2.785,0.516c0.7,0.272,1.2,0.597,1.725,1.122c0.525,0.525,0.85,1.025,1.122,1.725c0.205,0.529,0.45,1.323,0.516,2.785c0.072,1.582,0.087,2.056,0.087,6.061S44.282,36.48,44.21,38.061z M32,24.297c-4.254,0-7.703,3.449-7.703,7.703c0,4.254,3.449,7.703,7.703,7.703c4.254,0,7.703-3.449,7.703-7.703C39.703,27.746,36.254,24.297,32,24.297z M32,37c-2.761,0-5-2.239-5-5c0-2.761,2.239-5,5-5s5,2.239,5,5C37,34.761,34.761,37,32,37z M40.007,22.193c-0.994,0-1.8,0.806-1.8,1.8c0,0.994,0.806,1.8,1.8,1.8c0.994,0,1.8-0.806,1.8-1.8C41.807,22.999,41.001,22.193,40.007,22.193z"></path>
 +
</symbol>
 +
<symbol id="instagram-mask" viewBox="0 0 64 64">
 +
<path d="M43.693,23.153c-0.272-0.7-0.597-1.2-1.122-1.725c-0.525-0.525-1.025-0.85-1.725-1.122c-0.529-0.205-1.323-0.45-2.785-0.517c-1.582-0.072-2.056-0.087-6.061-0.087s-4.48,0.015-6.061,0.087c-1.462,0.067-2.257,0.311-2.785,0.517c-0.7,0.272-1.2,0.597-1.725,1.122c-0.525,0.525-0.85,1.025-1.122,1.725c-0.205,0.529-0.45,1.323-0.516,2.785c-0.072,1.582-0.087,2.056-0.087,6.061s0.015,4.48,0.087,6.061c0.067,1.462,0.311,2.257,0.516,2.785c0.272,0.7,0.597,1.2,1.122,1.725s1.025,0.85,1.725,1.122c0.529,0.205,1.323,0.45,2.785,0.516c1.581,0.072,2.056,0.087,6.061,0.087s4.48-0.015,6.061-0.087c1.462-0.067,2.257-0.311,2.785-0.516c0.7-0.272,1.2-0.597,1.725-1.122s0.85-1.025,1.122-1.725c0.205-0.529,0.45-1.323,0.516-2.785c0.072-1.582,0.087-2.056,0.087-6.061s-0.015-4.48-0.087-6.061C44.143,24.476,43.899,23.682,43.693,23.153z M32,39.703c-4.254,0-7.703-3.449-7.703-7.703s3.449-7.703,7.703-7.703s7.703,3.449,7.703,7.703S36.254,39.703,32,39.703z M40.007,25.793c-0.994,0-1.8-0.806-1.8-1.8c0-0.994,0.806-1.8,1.8-1.8c0.994,0,1.8,0.806,1.8,1.8C41.807,24.987,41.001,25.793,40.007,25.793z M0,0v64h64V0H0z M46.91,38.184c-0.073,1.597-0.326,2.687-0.697,3.641c-0.383,0.986-0.896,1.823-1.73,2.657c-0.834,0.834-1.67,1.347-2.657,1.73c-0.954,0.371-2.044,0.624-3.641,0.697C36.585,46.983,36.074,47,32,47s-4.585-0.017-6.184-0.09c-1.597-0.073-2.687-0.326-3.641-0.697c-0.986-0.383-1.823-0.896-2.657-1.73c-0.834-0.834-1.347-1.67-1.73-2.657c-0.371-0.954-0.624-2.044-0.697-3.641C17.017,36.585,17,36.074,17,32c0-4.074,0.017-4.585,0.09-6.185c0.073-1.597,0.326-2.687,0.697-3.641c0.383-0.986,0.896-1.823,1.73-2.657c0.834-0.834,1.67-1.347,2.657-1.73c0.954-0.371,2.045-0.624,3.641-0.697C27.415,17.017,27.926,17,32,17s4.585,0.017,6.184,0.09c1.597,0.073,2.687,0.326,3.641,0.697c0.986,0.383,1.823,0.896,2.657,1.73c0.834,0.834,1.347,1.67,1.73,2.657c0.371,0.954,0.624,2.044,0.697,3.641C46.983,27.415,47,27.926,47,32C47,36.074,46.983,36.585,46.91,38.184z M32,27c-2.761,0-5,2.239-5,5s2.239,5,5,5s5-2.239,5-5S34.761,27,32,27z"></path>
 +
</symbol>
 +
<symbol id="email-icon" viewBox="0 0 64 64">
 +
<path d="M17,22v20h30V22H17z M41.1,25L32,32.1L22.9,25H41.1z M20,39V26.6l12,9.3l12-9.3V39H20z"></path>
 +
</symbol>
 +
<symbol id="email-mask" viewBox="0 0 64 64">
 +
<path d="M41.1,25H22.9l9.1,7.1L41.1,25z M44,26.6l-12,9.3l-12-9.3V39h24V26.6z M0,0v64h64V0H0z M47,42H17V22h30V42z"></path>
 +
</symbol>
 +
<symbol id="facebook-icon" viewBox="0 0 64 64">
 +
<path d="M34.1,47V33.3h4.6l0.7-5.3h-5.3v-3.4c0-1.5,0.4-2.6,2.6-2.6l2.8,0v-4.8c-0.5-0.1-2.2-0.2-4.1-0.2 c-4.1,0-6.9,2.5-6.9,7V28H24v5.3h4.6V47H34.1z"></path>
 +
</symbol>
 +
<symbol id="facebook-mask" viewBox="0 0 64 64">
 +
<path d="M0,0v64h64V0H0z M39.6,22l-2.8,0c-2.2,0-2.6,1.1-2.6,2.6V28h5.3l-0.7,5.3h-4.6V47h-5.5V33.3H24V28h4.6V24 c0-4.6,2.8-7,6.9-7c2,0,3.6,0.1,4.1,0.2V22z"></path>
 +
</symbol>
 +
</svg>
 
</html>
 
</html>

Latest revision as of 07:18, 1 November 2017