added new download buttons (+ mac download button)

pages/downloads.markdown

@@ -13,24 +13,34 @@ tags: [uses_alerts]
 <div class="two-col left-box">
 <h2>Download the latest stable release</h2>
 
-<table class="cta-button">
+{% if latest_release %}
-	<tr>
+	<h3>Latest Windows release version:</h3>
-		<td>
+	{{ latest_release.name }}<br>{{ latest_release.created_at | date_to_string }}
-			{% for asset in latest_release.assets %}
+{% endif %}
-				{% if asset.name contains 'RELEASE.exe' %}
+
-					<a href="{{ asset.browser_download_url }}" class="cta" title="Download the latest stable version of Greenshot" rel="nofollow" style="display:table-cell">Latest version</a>
+<div class="clearfix"></div>
-				{% endif %}
+<br>
-			{% endfor %}
+
-		</td>
+{% for asset in latest_release.assets %}
-	</tr>
+	{% if asset.name contains 'RELEASE.exe' %}
-	<tr>
+		<div class="cta-button-main" style="margin-right: 2em;">
-		<td class="cta-description">
+			<div class="btn-wrapper">
-		{% if latest_release %}
+				<div class="btn"><a href="{{ asset.browser_download_url }}"><img src="../assets/download-win.png"></a></div><br>
-			{{ latest_release.name }}<br>{{ latest_release.created_at | date_to_string }}
+				<div class="description">Greenshot for Windows<br>is free and open source!</div>
-		{% endif %}
+			</div>
-		</td>
+		</div>
-	</tr>
+	{% endif %}
-</table>
+{% endfor %}
+
+<div class="cta-button-main">
+	<div class="btn-wrapper">
+		<div class="btn"><a href="https://itunes.apple.com/us/app/greenshot/id1103915944" target="_blank"><img src="../assets/download-mac.png"></a></div><br>
+		<div class="description">Only $1.99<br>to cover our own costs!</div>
+	</div>
+</div>
+
+<div class="clearfix"></div>
+<br><br>
 
 <p class="alert alert-info">
 	<i class="fa fa-info-circle"></i> In most cases, the latest stable version will be the best choice for you: it has been thoroughly tested by the community and is already used by myriads of people around the world. However, if you are looking for the latest unstable version, need an older version or the ZIP distribution, you will find everything you need in the <a href="/version-history/" title="Download other versions of Greenshot">version history</a>.
@@ -41,7 +51,7 @@ tags: [uses_alerts]
 
 <h2>Source code</h2>
 <p>If you want to have a look at the source code, you can do so in Greenshot's Git repositories at
-<a href="https://github.com/greenshot/greenshot/">GitHub</a> or 
+<a href="https://github.com/greenshot/greenshot/">GitHub</a> or
 <a href="https://bitbucket.org/greenshot/greenshot/">BitBucket</a>.</p>
 </div>