Commit 35d6263e authored by santiaago's avatar santiaago
Browse files

add share buttons to editor #86

parent 8d30b6da

app/index.html

+10 −0
Original line number Diff line number Diff line
@@ -51,6 +51,16 @@ 
    </style>

  </head>

  <body>

    <!-- facebook -->

    <div id="fb-root"></div>

    <script>(function(d, s, id) {

      var js, fjs = d.getElementsByTagName(s)[0];

      if (d.getElementById(id)) return;

      js = d.createElement(s); js.id = id;

      js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=899658333430635&version=v2.3";

      fjs.parentNode.insertBefore(js, fjs);

      }(document, 'script', 'facebook-jssdk'));</script>

    <!-- / facebook -->

    <div class="tinygraphs-browsehappy" ng-include="'partials/browsehappy.html'"></div>



    <!-- Navbar

app/partials/marketing/editor.html

+19 −0
Original line number Diff line number Diff line
@@ -74,6 +74,25 @@ 
  <div class="col-md-3 editor--square editor-square--borderRight editor--backgroundWhite">

    <div class="editor-content--positionCenter">

      <img class="editor-image editor-image--center featurette-image img-responsive img-thumbnail" src="/{{editorShape}}/{{editorName}}?theme={{editorTheme}}&numcolors={{editorColorNumber}}&size=220&fmt=svg">

      <div class="row editor-row--pading">

	<!-- twitter button -->

	<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://tinygraphs.com" data-text="Check out this tinygraphs image" data-via="santiago_arias" data-count="none" data-hashtags="tinygraphs">Tweet</a>

	<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

	<!-- / twitter button -->

	<!-- facebook button -->

	<div class="fb-share-button" data-href="http://tinygraphs.com" data-layout="button"></div>

	<!-- /facebook -->

	<!-- g plus -->

	<div class="g-plus" data-action="share" data-annotation="none" data-href="http://tinygraphs.com"></div>

		<script type="text/javascript">

	  (function() {

	  var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;

	  po.src = 'https://apis.google.com/js/platform.js';

	  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);

	  })();

	</script>

	<!-- / g plus -->

      </div>

      <div class="row editor-row--padding">

        <div class="col-xs-8 col-xs-offset-2">

	  <a href="/{{editorShape}}/{{editorName}}?theme={{editorTheme}}&numcolors={{editorColorNumber}}&size=220&fmt=svg" class="btn btn-primary btn-block tg-btn" download="tinygraphs">DOWNLOAD</a>