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

(Prototype team page)
 
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/about-us">About Us</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/Background">Background</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="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/">Outside Support</label>
 +
<div class="subnav">
 +
<ul>
 +
<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/parts">Parts</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/collaboration">Collaboration</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/attribution">Attribution</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/citation">Citation</a>
 +
</li>
 +
</ul>
 +
</div>
 +
</li>
 +
<li class="folder-collection folder">
 +
<input type="checkbox" name="mobile-folder-toggle-59926cdfebbd1a31e0cd5fae" id="mobile-folder-toggle-59926cdfebbd1a31e0cd5fae" class="folder-toggle-box hidden" />
 +
<label for="mobile-folder-toggle-59926cdfebbd1a31e0cd5fae" class="folder-toggle-label" onclick data-href="/outcome/">Results/Proof</label>
 +
<div class="subnav">
 +
<ul>
 +
<li class="blog-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/wechat-posts">WeChat Posts</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="column full_size judges-will-not-evaluate">
+
<div class="custom-info">
<h3>★  ALERT! </h3>
+
<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">
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
<div class="row sqs-row">
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
<div class="col sqs-col-12 span-12">
</div>
+
<div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-81eee4bbda3d9efd0834">
<div class="clear"></div>
+
<div class="sqs-block-content">
 
+
<p class="text-align-center">Your Custom Text Here</p>
 
+
</div>
<div class="column half_size">
+
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
  
<h1>Hardware</h1>
+
<div id="lower-logo">
<h3>Best Hardware Special Prize</h3>
+
<h1 class="logo" data-content-field="site-title">
<p>iGEM is about making teams of students making synthetic biology projects. We encourage teams to work with parts and build biological devices in the lab. But we are inclusive and want all teams to work on many other types of problems in synbio. Robotic assembly, microfluidics, low cost equipment and measurement hardware are all areas ripe for innovation in synbio. </p>
+
<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>
  
<p>
+
<div id="topNav">
Teams who are interested in working with hardware as a side project are encouraged to apply for the hardware award.  
+
<nav class="main-nav" data-content-field="navigation">
 +
<ul>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/about-us">About Us</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/Background">Background</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="folder-collection folder">
 +
<a aria-haspopup="true" href="#" onClick="return false;">Outside Support</a>
 +
<div class="subnav">
 +
<ul>
 +
<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/parts">Parts</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/collaboration">Collaboration</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/attribution">Attribution</a>
 +
</li>
 +
<li class="page-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/citation">Citation</a>
 +
</li>
 +
</ul>
 +
</div>
 +
</li>
 +
<li class="folder-collection folder">
 +
<a aria-haspopup="true" href="#" onClick="return false;">Results/Proof</a>
 +
<div class="subnav">
 +
<ul>
 +
<li class="blog-collection">
 +
<a href="https://2017.igem.org/Team:Worldshaper-Wuhan/wechat-posts">WeChat Posts</a>
 +
</li>
 +
</ul>
 +
</div>
 +
</li>
 +
</ul>
 +
<div class="page-divider"></div>
 +
</nav>
 +
</div>
 +
</header>
  
<br><br>
+
<!--页面内容开始-->
To compete for the <a href="https://2017.igem.org/Judging/Awards">Best Hardware 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>.
+
<div class="container">
<br><br>
+
<div class="page-divider top-divider"></div>
You must also delete the message box on the top of this page to be eligible for this prize.
+
<section id="page" class="clear" role="main" >
</p>
+
<div class="sqs-layout sqs-grid-12 columns-12" data-type="page">
</p>
+
<div class="row sqs-row">
</div>
+
<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">XXXXX</h1>
 +
</div>
 +
<div class="sqs-block-content">内容</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</section>
 +
</div>
 +
<!--页面内容结束-->
  
<div class="column half_size">
+
<div class="sqs-layout sqs-grid-12 columns-12 empty" data-layout-label="WorldShaper Wuhan Footer Content" data-type="block-field" id="collection-5990133859cc681bb449c9ba">
<h5>Inspiration</h5>
+
<div class="row sqs-row">
<p>You can look at what other teams did to get some inspiration! <br />
+
<div class="col sqs-col-12 span-12"></div>
Here are a few examples:</p>
+
</div>
<ul>
+
</div>
<li><a href="https://2016.igem.org/Team:Valencia_UPV">2016 Valencia UPV</a></li>
+
<li><a href="https://2016.igem.org/Team:Aachen">2016 Aachen </a></li>
+
<li><a href="https://2015.igem.org/Team:TU_Delft">2015 TU Delft  </a></li>
+
<li><a href="https://2015.igem.org/Team:TU_Darmstadt">2015 TU Darmstadt</a></li>
+
</ul>
+
  
</div>
+
<div class="info-footer-wrapper clear">
 +
<div class="info-footer">
 +
<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">
 +
<div class="row sqs-row">
 +
<div class="col sqs-col-12 span-12"></div>
 +
</div>
 +
</div>
 +
<div id="socialLinks" class="social-links sqs-svg-icon--list" data-content-field="connected-accounts">
 +
<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>
 +
</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 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>

Revision as of 10:40, 26 October 2017