Sharing section: add Solid btn + split

Gabriel Cousin · Gabriel Cousin · commit 26c1cf4974b3 · 2015-01-02T15:52:19.000+01:00
diff --git a/dist/css/style.css b/dist/css/style.css
@@ -412,9 +412,18 @@ html {
   display: block;
   font-size: 0; }
 
+.SocialLinkSeparator {
+  margin: 0.5rem 0;
+  height: 1px;
+  background: #A8A8A8;
+  display: block; }
+
 .WisemblyCorp {
   background: rgba(255, 255, 255, 0.6) url('../images/wisembly.svg') center center no-repeat; }
 
+.Solid {
+  background: rgba(255, 255, 255, 0.6) url('../images/solid.svg') center center no-repeat; }
+
 .Facebook {
   background: rgba(255, 255, 255, 0.6) url('../images/facebook.svg') center center no-repeat; }
 
diff --git a/dist/css/style.min.css b/dist/css/style.min.css
diff --git a/dist/images/solid.svg b/dist/images/solid.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 30 30" enable-background="new 0 0 30 30" xml:space="preserve">
+<g id="Page-1">
+	<g id="solid" transform="translate(-6.000000, -6.000000)">
+		<path fill="#A8A8A8" d="M17.2,9.6H25V12h-7.8V9.6z M24.5,22.1c-0.3-0.4-0.7-0.8-1.1-1.1l0,0l-2.6-1.4
+			l0,0l-0.5-0.2c-0.1-0.1-0.2-0.2-0.3-0.3c-0.1-0.1-0.1-0.2-0.1-0.3c0,0,0-0.1,0-0.1c0,0,0-0.1,0-0.1c0.1-0.1,0.2-0.3,0.4-0.4
+			c0.2-0.1,0.5-0.2,0.8-0.2c0.1,0,0.1,0,0.2,0c0.3,0,0.6,0.1,0.8,0.3c0.1,0.1,0.2,0.2,0.2,0.3c0,0.1,0.1,0.2,0.1,0.2H25v0
+			c0-0.4-0.1-0.8-0.3-1.2c0,0,0-0.1-0.1-0.1c0,0,0,0,0-0.1c-0.3-0.6-0.8-1-1.4-1.3c-0.5-0.3-1.1-0.4-1.7-0.5c-0.1,0-0.2,0-0.3,0h0
+			c-0.3,0-0.5,0-0.7,0.1c-0.7,0.1-1.4,0.4-1.9,0.8c-0.3,0.2-0.6,0.5-0.8,0.9c0,0-0.1,0.1-0.1,0.1c-0.1,0.3-0.2,0.6-0.3,0.9
+			c0,0.1,0,0.3,0,0.4c0,0.5,0.2,1.1,0.5,1.5c0.3,0.4,0.7,0.8,1.1,1.1l0,0l2.6,1.4l0,0L22,23c0.1,0.1,0.2,0.2,0.3,0.3
+			c0.1,0.1,0.1,0.2,0.1,0.3c0,0,0,0.1,0,0.1c0,0,0,0.1,0,0.1c-0.1,0.1-0.2,0.3-0.4,0.4c-0.2,0.1-0.5,0.2-0.8,0.2c-0.1,0-0.2,0-0.3,0
+			c-0.3,0-0.5-0.2-0.7-0.3c-0.1-0.1-0.2-0.2-0.2-0.3c0-0.1-0.1-0.2-0.1-0.2h-2.6v0c0,0.3,0.1,0.7,0.2,1c0,0,0,0.1,0,0.1
+			c0,0.1,0,0.1,0.1,0.2c0,0,0,0.1,0.1,0.1c0,0,0,0,0,0.1c0.3,0.6,0.8,1,1.4,1.3c0.4,0.2,1,0.4,1.5,0.5c0.2,0,0.4,0,0.6,0h0
+			c0.3,0,0.5,0,0.7-0.1c0.7-0.1,1.4-0.4,1.9-0.8c0.3-0.2,0.6-0.5,0.8-0.9c0,0,0.1-0.1,0.1-0.1c0.1-0.3,0.2-0.6,0.3-0.9
+			c0-0.1,0-0.3,0-0.5C25,23,24.8,22.5,24.5,22.1z M17.2,30.5H25v2.4h-7.8V30.5z"/>
+	</g>
+</g>
+</svg>
diff --git a/en/index.html b/en/index.html
@@ -83,6 +83,8 @@ <h2 class="FooterHeading">The Wisembly team</h2>
 
 		<ul class="SocialSharing">
 			<li><a class="SocialLink WisemblyCorp" href="http://wisembly.com/" target="_blank">Wisembly</a></li>
+			<li><a class="SocialLink Solid" href="http://getsolid.io/" target="_blank">Solid</a></li>
+			<li class="SocialLinkSeparator"></li>
 			<li><a class="SocialLink Twitter" href="https://twitter.com/intent/tweet?text=The%20%23Wisembly%20team%20wishes%20you%20a%20happy%20and%20a%20solid%20year%20in%202015!%20http%3A%2F%2F2015.wisembly.com%2Fen%2F" target="_blank">Twitter</a></li>
 			<li><a class="SocialLink Facebook" href="https://facebook.com/sharer/sharer.php?u=http%3A%2F%2F2015.wisembly.com%2Fen%2F" target="_blank">Facebook</a></li>
 			<li><a class="SocialLink Linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2F2015.wisembly.com%2Fen%2F!&title=The%20Wisembly%20team%20wishes%20you%20a%20happy%20and%20a%20solid%20year%20in%202015!" target="_blank">LinkedIn</a></li>
diff --git a/fr/index.html b/fr/index.html
@@ -83,6 +83,8 @@ <h2 class="FooterHeading">L'équipe Wisembly</h2>
 
 		<ul class="SocialSharing">
 			<li><a class="SocialLink WisemblyCorp" href="http://wisembly.com/" target="_blank">Wisembly</a></li>
+			<li><a class="SocialLink Solid" href="http://getsolid.io/" target="_blank">Solid</a></li>
+			<li class="SocialLinkSeparator"></li>
 			<li><a class="SocialLink Twitter" href="https://twitter.com/intent/tweet?text=L%27%C3%A9quipe%20%23Wisembly%20vous%20souhaite%20une%20belle%20et%20solide%20ann%C3%A9e%202015%20!%20http%3A%2F%2F2015.wisembly.com%2Ffr%2F" target="_blank">Twitter</a></li>
 			<li><a class="SocialLink Facebook" href="https://facebook.com/sharer/sharer.php?u=http%3A%2F%2F2015.wisembly.com%2Ffr%2F" target="_blank">Facebook</a></li>
 			<li><a class="SocialLink Linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2F2015.wisembly.com%2Ffr%2F!&title=Wisembly%20vous%20souhaite%20une%20belle%20et%20solide%20ann&eacute;e%202015%20!" target="_blank">LinkedIn</a></li>
diff --git a/src/scss/style.scss b/src/scss/style.scss
@@ -113,10 +113,21 @@ html {
 	font-size: 0;
 }
 
+.SocialLinkSeparator {
+	margin: .5rem 0;
+	height: 1px;
+	background: $AlternativeGrey;
+	display: block;
+}
+
 .WisemblyCorp {
 	background: rgba(255,255,255,.6) url('../images/wisembly.svg') center center no-repeat;
 }
 
+.Solid {
+	background: rgba(255,255,255,.6) url('../images/solid.svg') center center no-repeat;
+}
+
 .Facebook {
 	background: rgba(255,255,255,.6) url('../images/facebook.svg') center center no-repeat;
 }
