<commit_before><!doctype html>
<html lang="en">

<head>

	<title>Share Buttons Demo</title>

	<!-- Include buttons.css -->
	<link rel="stylesheet" href="build/css/buttons.css" />

	<!-- Demo CSS -->
	<style>
	body {
		padding: 10px 20px;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		margin: 10px 10px 10px 0;
		color: #222;
		font-family: "Helvetica Neue", Arial, sans-serif;
	}

	p {
		color: black;
		font-family: "Helvetica Neue", Arial, sans-serif;
	}

	.heading-sizes {
		margin-top: 30px;
	}

	.divider {
		height: 5px;
	}
	</style>

</head>

<body>

	<h1>Share Buttons Demo</h1>

	<p>This page is used to demonstrate how the share buttons look and operate. Feel free to view-source to get the proper markup. Make sure to read the <a href="https://socialshar.es/#installation">documentation</a>.</p>

	<!-- Feel free to copy and paste the markup below -->

	<h2>Icon Only</h2>

	<!-- Icon-only Branded Twitter button -->
	<a class="share-btn share-btn-branded share-btn-twitter"
	   href="https://twitter.com/share?url=http%3A%2F%2Fcodepen.io%2Fsunnysingh%2Fpen%2FOPxbgq&text=Share Buttons Demo&via=sunnyismoi"
	   title="Share on Twitter">
		<span class="share-btn-icon"></span>
		<span class="share-btn-text-sr">Twitter</span>
	</a>

	<!-- Icon-only Branded Facebook button -->
	<a class="share-btn share-btn-branded share-btn-facebook"
	   href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fcodepen.io%2Fsunnysingh%2Fpen%2FOPxbgq"
	   title="Share on Facebook">
		<span class="share-btn-icon"></span>
		<span class="share-btn-text-sr">Facebook</span>
	</a>

	<!-- Icon-only Branded Google+ button -->
	<a class="share-btn share-btn-branded share-btn-googleplus"
	   href="https://plus.google.com/share?url=http%3A%2F%2Fcodepen.io%2Fsunnysingh%2Fpen%2FOPxbgq"
	   title="Share on Google+">
		<span class="share-btn-icon"></span>
		<span class="share-btn-text-sr">Google+</span>
	</a>

	<!-- Icon-only Branded Reddit button -->
	<a class="share-btn share-btn-branded share-btn-reddit"
	   href="http://www.reddit.com/submit?url=http%3A%2F%2Fcodepen.io%2Fsunnysingh%2Fpen%2FOPxbgq"
	   title="Share on Reddit+">
		<span class="share-btn-icon"></span>
		<span class="share-btn-text-sr">Reddit</span>
	</a>

	<!-- Icon-only Branded Tumblr button -->
	<a class="share-btn share-btn-branded share-btn-tumblr"
	   href="http://www.tumblr.com/share/link?url=http%3A%2F%2Fcodepen.io%2Fsunnysingh%2Fpen%2FOPxbgq"
	   title="Share on Tumblr">
		<span class="share-btn-icon"></span>
		<span class="share-btn-text-sr">Tumblr</span>
	</a>

	<!-- Icon-only Branded LinkedIn button -->
	<a class="share-btn share-btn-branded share-btn-linkedin"
	   href="https://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Fcodepen.io%2Fsunnysingh%2Fpen%2FOPxbgq"
	   title="Share on LinkedIn">
		<span class="share-btn-icon"></span>
		<span class="share-btn-text-sr">LinkedIn</span>
	</a>

	<!-- Icon-only Branded Pinterest button -->
	<a class="share-btn share-btn-branded share-btn-pinterest"
	   href="https://www.pinterest.com/pin/create/button/?url=http%3A%2F%2Fcodepen.io%2Fsunnysingh%2Fpen%2FOPxbgq"
	   title="Share on Pinterest">
		<span class="share-btn-icon"></span>
		<span class="share-btn-text-sr">Pinterest</span>
	</a>

	<!-- Icon-only Branded StumbleUpon button -->
	<a class="share-btn share-btn-branded share-btn-stumbleupon"
	   href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fcodepen.io%2Fsunnysingh%2Fpen%2FOPxbgq"
	   title="Share on StumbleUpon">
		<span class="share-btn-icon"></span>
		<span class="share-btn-text-sr">StumbleUpon</span>
	</a>

	<!-- Icon-only Branded Delicious button -->
	<a class="share-btn share-btn-branded share-btn-delicious"
	   href="https://delicious.com/save?v=5&noui&jump=close&url=http%3A%2F%2Fcodepen.io%2Fsunnysingh%2Fpen%2FOPxbgq"
	   title="Share on Delicious">
		<span class="share-btn-icon"></span>
		<span class="share-btn-text-sr">Delicious</span>
	</a>

	<!-- Icon-only Email button -->
	<a class="share-btn share-btn-email"
	   href="mailto:?subject=Share Buttons Demo&body=http%3A%2F%2Fcodepen.io%2Fsunnysingh%2Fpen%2FOPxbgq"
	   title="Share via Email">
		<span class="share-btn-icon"></span>
		<span class="share-btn-text-sr">Email</span>
	</a>

	<!-- Icon-only More/share button -->
	<a class="share-btn share-btn-more"
	   href="https://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fcodepen.io%2Fsunnysingh%2Fpen%2FOPxbgq"
	   title="More share options">
		<span class="share-btn-icon"></span>
		<span class="share-btn-text-sr">More</span>
	</a>

	<h2>Brand Colors</h2>

	<!-- Branded Twitter button -->
	<a class="share-btn share-btn-branded share-btn-twitter"
	   href="https://twitter.com/share?url=http%3A%2F%2Fcodepen.io%2Fsunnysingh%2Fpen%2FOPxbgq&text=Share Buttons Demo&via=sunnyismoi"
	   title="Share on Twitter">
		<span class="share-btn-icon"></span>
		<span class="share-btn-text">Twitter</span>
	</a><commit_msg>Replace addtoany link for the more button with socialshares<commit_after><!doctype html>
<html lang="en">

<head>

	<title>Share Buttons Demo</title>

	<!-- Include buttons.css -->
	<link rel="stylesheet" href="build/css/buttons.css" />

	<!-- Demo CSS -->
	<style>
	body {
		padding: 10px 20px;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		margin: 10px 10px 10px 0;
		color: #222;
		font-family: "Helvetica Neue", Arial, sans-serif;
	}

	p {
		color: black;
		font-family: "Helvetica Neue", Arial, sans-serif;
	}

	.heading-sizes {
		margin-top: 30px;
	}

	.divider {
		height: 5px;
	}
	</style>

</head>

<body>

	<h1>Share Buttons Demo</h1>

	<p>This page is used to demonstrate how the share buttons look and operate. Feel free to view-source to get the proper markup. Make sure to read the <a href="https://socialshar.es/#installation">documentation</a>.</p>

	<!-- Feel free to copy and paste the markup below -->

	<h2>Icon Only</h2>

	<!-- Icon-only Branded Twitter button -->
	<a class="share-btn share-btn-branded share-btn-twitter"
	   href="https://twitter.com/share?url=http%3A%2F%2Fcodepen.io%2Fsunnysingh%2Fpen%2FOPxbgq&text=Share Buttons Demo&via=sunnyismoi"
	   title="Share on Twitter">
		<span class="share-btn-icon"></span>
		<span class="share-btn-text-sr">Twitter</span>
	</a>

	<!-- Icon-only Branded Facebook button -->
	<a class="share-btn share-btn-branded share-btn-facebook"
	   href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fcodepen.io%2Fsunnysingh%2Fpen%2FOPxbgq"
	   title="Share on Facebook">
		<span class="share-btn-icon"></span>
		<span class="share-btn-text-sr">Facebook</span>
	</a>

	<!-- Icon-only Branded Google+ button -->
	<a class="share-btn share-btn-branded share-btn-googleplus"
	   href="https://plus.google.com/share?url=http%3A%2F%2Fcodepen.io%2Fsunnysingh%2Fpen%2FOPxbgq"
	   title="Share on Google+">
		<span class="share-btn-icon"></span>
		<span class="share-btn-text-sr">Google+</span>
	</a>

	<!-- Icon-only Branded Reddit button -->
	<a class="share-btn share-btn-branded share-btn-reddit"
	   href="http://www.reddit.com/submit?url=http%3A%2F%2Fcodepen.io%2Fsunnysingh%2Fpen%2FOPxbgq"
	   title="Share on Reddit+">
		<span class="share-btn-icon"></span>
		<span class="share-btn-text-sr">Reddit</span>
	</a>

	<!-- Icon-only Branded Tumblr button -->
	<a class="share-btn share-btn-branded share-btn-tumblr"
	   href="http://www.tumblr.com/share/link?url=http%3A%2F%2Fcodepen.io%2Fsunnysingh%2Fpen%2FOPxbgq"
	   title="Share on Tumblr">
		<span class="share-btn-icon"></span>
		<span class="share-btn-text-sr">Tumblr</span>
	</a>

	<!-- Icon-only Branded LinkedIn button -->
	<a class="share-btn share-btn-branded share-btn-linkedin"
	   href="https://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Fcodepen.io%2Fsunnysingh%2Fpen%2FOPxbgq"
	   title="Share on LinkedIn">
		<span class="share-btn-icon"></span>
		<span class="share-btn-text-sr">LinkedIn</span>
	</a>

	<!-- Icon-only Branded Pinterest button -->
	<a class="share-btn share-btn-branded share-btn-pinterest"
	   href="https://www.pinterest.com/pin/create/button/?url=http%3A%2F%2Fcodepen.io%2Fsunnysingh%2Fpen%2FOPxbgq"
	   title="Share on Pinterest">
		<span class="share-btn-icon"></span>
		<span class="share-btn-text-sr">Pinterest</span>
	</a>

	<!-- Icon-only Branded StumbleUpon button -->
	<a class="share-btn share-btn-branded share-btn-stumbleupon"
	   href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fcodepen.io%2Fsunnysingh%2Fpen%2FOPxbgq"
	   title="Share on StumbleUpon">
		<span class="share-btn-icon"></span>
		<span class="share-btn-text-sr">StumbleUpon</span>
	</a>

	<!-- Icon-only Branded Delicious button -->
	<a class="share-btn share-btn-branded share-btn-delicious"
	   href="https://delicious.com/save?v=5&noui&jump=close&url=http%3A%2F%2Fcodepen.io%2Fsunnysingh%2Fpen%2FOPxbgq"
	   title="Share on Delicious">
		<span class="share-btn-icon"></span>
		<span class="share-btn-text-sr">Delicious</span>
	</a>

	<!-- Icon-only Email button -->
	<a class="share-btn share-btn-email"
	   href="mailto:?subject=Share Buttons Demo&body=http%3A%2F%2Fcodepen.io%2Fsunnysingh%2Fpen%2FOPxbgq"
	   title="Share via Email">
		<span class="share-btn-icon"></span>
		<span class="share-btn-text-sr">Email</span>
	</a>

	<!-- Icon-only More/share button -->
	<a class="share-btn share-btn-more"
	   href="https://socialshar.es/share.html?url=http%3A%2F%2Fcodepen.io%2Fsunnysingh%2Fpen%2FOPxbgq"
	   title="More share options">
		<span class="share-btn-icon"></span>
		<span class="share-btn-text-sr">More</span>
	</a>

	<h2>Brand Colors</h2>

	<!-- Branded Twitter button -->
	<a class="share-btn share-btn-branded share-btn-twitter"
	   href="https://twitter.com/share?url=http%3A%2F%2Fcodepen.io%2Fsunnysingh%2Fpen%2FOPxbgq&text=Share Buttons Demo&via=sunnyismoi"
	   title="Share on Twitter">
		<span class="share-btn-icon"></span>
		<span class="share-btn-text">Twitter</span>
	</a>
{'fraction_non_alphanumeric': 0.18652849740932642, 'fraction_numerical': 0.02072538860103627, 'mean_word_length': 4.347093970668115, 'pattern_counts': {'":': 0, '<': 217, '<?xml version=': 0, '>': 217, 'https://': 18, 'lorem ipsum': 0, 'www.': 13, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 6, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7162427', 'n_tokens_mistral': 4187, 'n_tokens_neox': 3928, 'n_words': 617}