web: Social buttons

This commit is contained in:
Alexander Kojevnikov 2012-09-21 10:28:37 -07:00
parent 1b031e8c8f
commit 461aea9e29

View File

@ -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 &ndash; 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&#603;k/, &lsquo;bacon&rsquo; 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&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;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>