Permalink
Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
186 lines (177 sloc) 7.31 KB
---
layout: default
satisfaction: 1
---
<div id="main-product">
<div class="container">
<div class="main-product-left span-12" style="padding-top:{{page.leftshift}}">
<div class="product-logo-box">
<img class="product-icon" src="/shared/img/icons/{{page.product_title|downcase}}-64.png">
<div class="product-tagline">
<h1 class="product-title">{{page.product_title}}</h1>
{% if page.product_badge %}
<div class="product-badge badge-{{page.product_title|downcase}}">{{page.product_badge}}</div>
{% endif %}
<h2 class="product-subtitle">{{page.product_subtitle}}</h2>
</div>
</div>
<div class="product-buttons-box">
<div class="product-buttons">
{% if page.download %}
<a href="{{page.download}}" class="button product-button-download">
<div><div>{{page.downloadtitle}}</div></div>
</a>
{% endif %}
{% if page.buttons %}
{{page.buttons}}
{% endif %}
<div class="clear"></div>
</div>
<div class="product-note-box">
{% if page.note %}
<div class="product-note">{{page.note}}</div>
{% endif %}
</div>
</div>
{% if false %}
<div class="product-advert-box">
{% if page.advert %}
<div class="product-advert">{{page.advert}}</div>
{% endif %}
</div>
{% endif %}
</div>
<div class="main-product-right span-12 last">
<div class="product-actions-box">
<div class="product-actions-box-inner">
{% if page.retweet %}
<a href="http://twitter.com/share" class="twitter-share-button retweet" data-count="vertical" data-via="binaryage">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
{% endif %}
{% if page.facebook and false %}
<div class="facebook">
<fb:share-button class="url" href="{{page.ogmeta.url}}/" type="box_count"></fb:share-button>
</div>
{% endif %}
{% if page.buzz %}
<div class="buzz">
</div>
<script>
$(".buzz").html(writeCapture.sanitize('<a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count" data-url="{{page.ogmeta.url}}" data-imageurl="{{page.ogmeta.image}}"></a><scr'+'ipt type="text/javascript" src="http://www.google.com/buzz/api/button.js"></scr'+'ipt>'));
</script>
{% endif %}
{% if page.usethis %}
<div class="usethis">
</div>
<script>
$('.usethis').html(writeCapture.sanitize('<scr'+'ipt type="text/javascript" src="http://osx.iusethis.com/app/include/{{page.usethis}}/8"></scr'+'ipt>'));
</script>
{% endif %}
{% if page.flattr %}
<div class="flattr">
<script type="text/javascript">
document.write('<iframe width="50" scrolling="no" height="60" frameborder="0" src="http://api.flattr.com/button/view/?uid=0&amp;url='+encodeURIComponent('{{page.flattr}}')+'&amp;language=&amp;hidden=0&amp;title=&amp;category=&amp;tags=&amp;description=" border="0" marginheight="0" marginwidth="0" allowtransparency="true"></iframe>')
</script>
</div>
{% endif %}
</div>
<div class="clear"></div>
</div>
<div class="facebook-like-box" style="left:{{ page.likeshift }}">
<fb:like href="{{page.ogmeta.url}}" layout="standard" show_faces="false" action="like" font="arial" colorscheme="light"></fb:like>
</div>
<div class="main-screenshot">
{% for shot in page.shots %}
<div id="screenshot-box-{{forloop.index}}" class="screenshot-box" {% if forloop.index0 > 0 %}style="display:none"{% endif %}>
{% if shot.type == 'xxx' %}
{% else %}
<a href="{{site.url}}{{shot.full}}" class="overlayable" title="{{shot.title}}"><img src="{{site.url}}{{shot.full}}"/></a>
{% endif %}
</div>
{% endfor %}
<div class="clear"></div>
</div>
</div>
</div>
</div>
<div id="main-tabs">
<div class="container">
<ul class="tabs">
</ul>
<div class="panes">
</div>
</div>
</div>
<div class="main-content-here" style="display:none">
{{ content }}
</div>
<script>
$(function() {
var panes = $('.panes');
var tabs = $('.tabs');
var cur;
var items = $('.main-content-here > *');
items.each(function(i) {
var el = $(this);
var tag = el.attr('tagName');
if (tag=='SCRIPT') return;
if (tag=='NOSCRIPT') return;
if (tag=='STYLE') return;
if (el.hasClass('panes') || el.hasClass('tabs')) return;
if (el.attr('tagName')=='H2') {
var name = el.html();
var id = name.toLowerCase().replace(/[^a-z0-9]/g, '-');
var li = $('<li/>');
var a = $('<a class=\"tbx\"/>').attr('href', '#'+id).html(name);
li.append(a);
tabs.append(li);
cur = $('<div/>').addClass('wikistyle').addClass(id);
panes.append(cur);
el.remove();
cur.append($("<h2/>").html(name));
} else {
if (cur) {
cur.append(el);
}
}
});
$("ul.tabs").tabs("div.panes > div").history();
});
</script>
<script>
$(function() {
$(".product-thumbs-scrollable").scrollable({
size: 5
});
$(".product-thumbs-items img").click(function() {
var img = $(this);
var visible = $('.screenshot-box:visible');
var box = $(img.attr('rel'));
if (box[0] === visible[0]) return; // optimization to not fade when clicked same image or during initial load
visible.fadeOut();
box.fadeIn();
}).filter(":first").click(); // when page loads simulate a "click" on the first image
});
</script>
<div class="simple_overlay" id="overlay-gallery">
<a class="overlay-prev">prev</a>
<a class="overlay-next">next</a>
<div class="overlay-info"></div>
<img class="overlay-progress" src="{{site.url}}/shared/img/twitter-loader.gif" />
</div>
<script>
(function() {
$('.overlayable').overlay({
expose: '#f1f1f1',
target: '#overlay-gallery'
}).gallery({
disabledClass: 'disabled-overlay',
prev: '.overlay-prev',
next: '.overlay-next',
info: '.overlay-info',
progress: '.overlay-progress',
opacity: 1,
speed: 200,
template: '[${index}/${total}] ${title}'
});
})();
</script>