commit 461aea9e298c2408c931081564119cfca4227106
parent 1b031e8c8ff068d96e8ad01e0c78ba228d1c92f3
Author: Alexander Kojevnikov <alexander@kojevnikov.com>
Date: Fri, 21 Sep 2012 10:28:37 -0700
web: Social buttons
Diffstat:
1 file changed, 27 insertions(+), 0 deletions(-)
diff --git a/web/index.html b/web/index.html
@@ -16,12 +16,39 @@
#download {width: 100%;}
.dld_col {width: 33%; font-size: smaller;}
.dld_link {vertical-align: top; padding-left: 0.5em; line-height: 1.4;}
+ .share div {
+ display: inline-block;
+ vertical-align: top;
+ padding-top: 2px;
+ }
</style>
</head>
<body>
<h1>Spek – Acoustic Spectrum Analyser<img src="spek.png" width="160" height="96" alt="Spek logo" style="float:right;"/></h1>
<p>Spek (<a href="http://en.wikipedia.org/wiki/International_Phonetic_Alphabet">IPA</a>: /spɛk/, ‘bacon’ in Dutch) helps to analyse your audio files by showing their <a href="http://en.wikipedia.org/wiki/Spectrogram">spectrogram</a>. Spek is free software available for Unix, Windows and Mac OS X.</p>
+<div class="share">
+ <div class="facebook">
+<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fspekproject&send=false&layout=button_count&width=450&show_faces=false&action=like&colorscheme=light&font&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
+ </div>
+ <div class="google">
+<div class="g-plusone" data-size="medium" data-href="http://spek-project.org"></div>
+<script type="text/javascript">
+ window.___gcfg = {lang: 'en-GB'};
+
+ (function() {
+ var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
+ po.src = 'https://apis.google.com/js/plusone.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
+ })();
+</script>
+ </div>
+ <div class="twitter">
+<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://spek-project.org" data-text="Spek - Acoustic spectrum analyser">Tweet</a>
+<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+ </div>
+</div>
+
<h2>Features</h2>
<ul>
<li>Supports all popular lossy and lossless audio file formats thanks to the <a href="http://www.ffmpeg.org/">FFmpeg</a> libraries.</li>