Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Rework download links #102

Merged
merged 12 commits into from
Dec 5, 2018
188 changes: 68 additions & 120 deletions _includes/homepage_content.html
Original file line number Diff line number Diff line change
@@ -1,5 +1,3 @@


<div class="container fadeIn">

<main class="bd-masthead" id="content" role="main">
@@ -17,134 +15,87 @@ <h1 class="intro text-monospace display-1" style="margin-left: -.3rem;"><span cl

<div class="downloads-desktop btn-group os-selector-home col-sm-12 col-md-12 col-lg-5 px-0">

<button class="btn btn-outline-secondary btn-lg selected-os-download btn-icon shadow-btn" type="button">

<div class="id-win64 hidden">
<div class="float-left">
<img src="{{ site.url }}/images/icon-windows-g.svg" class="os-icon os-icon-g">
<img src="{{ site.url }}/images/icon-windows-w.svg" class="os-icon os-icon-w">
Download for Windows
</div>
<div class="float-right">
<a href="https://github.com/bisq-network/bisq/releases/download/v{{ site.client_version }}/Bisq-64bit-{{ site.client_version }}.exe">64 Bit</a>
</div>
</div>

<div class="id-mac hidden">
<div class="float-left">
<img src="{{ site.url }}/images/icon-apple-g.svg" class="os-icon os-icon-g">
<img src="{{ site.url }}/images/icon-apple-w.svg" class="os-icon os-icon-w">
Download for Mac
</div>
<div class="float-right">
<a href="https://github.com/bisq-network/bisq/releases/download/v{{ site.client_version }}/Bisq-{{ site.client_version }}.dmg">.dmg</a>
</div>
<!-- This what displays on the dropdown in collapsed state -->
<button class="btn btn-outline-secondary btn-lg selected-os-download btn-icon shadow-btn" type="button" data-bisq-version="{{ site.client_version }}" data-site-url="{{ site.url }}">
<div class="id-win64 hidden">
<div class="float-left">
<img src="{{ site.url }}/images/icon-windows-g.svg" class="os-icon os-icon-g">
<img src="{{ site.url }}/images/icon-windows-w.svg" class="os-icon os-icon-w">
Download for Windows
</div>
<div class="float-right">
<a class="dl-win64" href="https://github.com/bisq-network/bisq/releases/download/v{{ site.client_version }}/Bisq-64bit-{{ site.client_version }}.exe">.exe</a>
</div>
</div>

<div class="id-mac hidden">
<div class="float-left">
<img src="{{ site.url }}/images/icon-apple-g.svg" class="os-icon os-icon-g">
<img src="{{ site.url }}/images/icon-apple-w.svg" class="os-icon os-icon-w">
Download for Mac
</div>
<div class="float-right">
<a class="dl-mac" href="https://github.com/bisq-network/bisq/releases/download/v{{ site.client_version }}/Bisq-{{ site.client_version }}.dmg">.dmg</a>
</div>
</div>

<div class="id-deb64 hidden">
<div class="float-left">
<img src="{{ site.url }}/images/icon-ubuntu-g.svg" class="os-icon os-icon-g">
<img src="{{ site.url }}/images/icon-ubuntu-w.svg" class="os-icon os-icon-w">
Download for Debian/Ubuntu
</div>
<div class="float-right">
<a class="dl-deb64" href="https://github.com/bisq-network/bisq/releases/download/v{{ site.client_version }}/Bisq-64bit-{{ site.client_version }}.deb">.deb</a>
</div>
</div>

<div class="id-all hidden">
<div class="float-left">
<img src="{{ site.url }}/images/icon-download-g.svg" class="os-icon os-icon-g">
<img src="{{ site.url }}/images/icon-download-w.svg" class="os-icon os-icon-w">
Downloads
</div>
<div class="float-right">
<a href="{{ site.url }}/downloads">Get Bisq</a>
</div>
</div>
</button>

<button type="button" class="btn btn-lg btn-secondary dropdown-toggle dropdown-toggle-split hero-btn shadow-btn " data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="sr-only">Toggle Dropdown</span>
</button>

<div class="dropdown-menu dropdown-menu-right shadow-lg">
{% include os_selector_options.html %}
</div>



<div class="id-deb32 hidden">
<div class="float-left">
<img src="{{ site.url }}/images/icon-ubuntu-g.svg" class="os-icon os-icon-g">
<img src="{{ site.url }}/images/icon-ubuntu-w.svg" class="os-icon os-icon-w">
Download for Debian/Ubuntu
</div>
<div class="float-right">
<a class="dl-deb32" href="https://github.com/bisq-network/bisq/releases/download/v{{ site.client_version }}/Bisq-32bit-{{ site.client_version }}.deb" onclick="ga('send', 'event', 'Jumbotron actions', 'Download', 'Download v0.9.0');">32 Bit</a>
</div>
</div>


<div class="id-deb64 hidden">
<div class="float-left">
<img src="{{ site.url }}/images/icon-ubuntu-g.svg" class="os-icon os-icon-g">
<img src="{{ site.url }}/images/icon-ubuntu-w.svg" class="os-icon os-icon-w">
Download for Debian/Ubuntu
</div>
<div class="float-right">
<a class="dl-deb64" href="https://github.com/bisq-network/bisq/releases/download/v{{ site.client_version }}/Bisq-64bit-{{ site.client_version }}.deb" onclick="ga('send', 'event', 'Jumbotron actions', 'Download', 'Download v0.9.0');">64 Bit</a>
</div>
</div>





<div class="id-all hidden">
<div class="float-left">
<img src="{{ site.url }}/images/icon-download-g.svg" class="os-icon os-icon-g">
<img src="{{ site.url }}/images/icon-download-w.svg" class="os-icon os-icon-w">
Downloads
</div>
<div class="float-right">
<a href="{{ site.url }}/downloads" target="_blank">Get Bisq</a>
</div>
</div>










</button>








<button type="button" class="btn btn-lg btn-secondary dropdown-toggle dropdown-toggle-split hero-btn shadow-btn " data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="sr-only">Toggle Dropdown</span>
</button>

<div class="dropdown-menu dropdown-menu-right shadow-lg">
{% include os_selector_options.html %}
</div>



</div>








<a href="{{ site.url }}/downloads" class="downloads-mobile btn btn-lg btn-outline-secondary btn-icon hero-btn col-sm-12 col-md-12 col-lg-3 px-0 shadow-btn ">
<img src="{{ site.url }}/images/icon-download-g.svg" class="os-icon os-icon-g">
<img src="{{ site.url }}/images/icon-download-w.svg" class="os-icon os-icon-w">
Downloads
<img src="{{ site.url }}/images/icon-download-g.svg" class="os-icon os-icon-g">
<img src="{{ site.url }}/images/icon-download-w.svg" class="os-icon os-icon-w">
Downloads
</a>


<a href="https://play.google.com/store/apps/details?id=com.joachimneumann.bisq" target="_blank" class="downloads-android hidden btn btn-lg btn-outline-secondary btn-icon hero-btn col-sm-12 col-md-12 col-lg-3 px-0 shadow-btn " onclick="ga('send', 'event', 'Jumbotron actions', 'Download', 'Download Android App');">
<img src="{{ site.url }}/images/icon-android-g.svg" class="os-icon os-icon-g">
<img src="{{ site.url }}/images/icon-android-w.svg" class="os-icon os-icon-w">
Get Android Notifications App
<a href="https://play.google.com/store/apps/details?id=com.joachimneumann.bisq" target="_blank" class="downloads-android hidden btn btn-lg btn-outline-secondary btn-icon hero-btn col-sm-12 col-md-12 col-lg-3 px-0 shadow-btn" onclick="ga('send', 'event', 'Jumbotron actions', 'download', 'android-notifications');">
<img src="{{ site.url }}/images/icon-android-g.svg" class="os-icon os-icon-g">
<img src="{{ site.url }}/images/icon-android-w.svg" class="os-icon os-icon-w">
Get Android Notifications App
</a>


<a href="https://play.google.com/store/apps/details?id=com.joachimneumann.bisq" target="_blank" class="downloads-ios hidden btn btn-lg btn-outline-secondary btn-icon hero-btn col-sm-12 col-md-12 col-lg-3 px-0 shadow-btn " onclick="ga('send', 'event', 'Jumbotron actions', 'Download', 'Download iOS App');">
<img src="{{ site.url }}/images/icon-apple-g.svg" class="os-icon os-icon-g">
<img src="{{ site.url }}/images/icon-apple-w.svg" class="os-icon os-icon-w">
Get iOS Notifications App
<a href="https://play.google.com/store/apps/details?id=com.joachimneumann.bisq" target="_blank" class="downloads-ios hidden btn btn-lg btn-outline-secondary btn-icon hero-btn col-sm-12 col-md-12 col-lg-3 px-0 shadow-btn" onclick="ga('send', 'event', 'Jumbotron actions', 'download', 'ios-notifications');">
<img src="{{ site.url }}/images/icon-apple-g.svg" class="os-icon os-icon-g">
<img src="{{ site.url }}/images/icon-apple-w.svg" class="os-icon os-icon-w">
Get iOS Notifications App
</a>





<a href="https://docs.bisq.network/getting-started.html" target="_blank" class="btn btn-lg btn-outline-secondary btn-icon hero-btn col-sm-12 col-md-12 col-lg-3 px-0 shadow-btn " onclick="ga('send', 'event', 'Jumbotron actions', 'Download', 'Download Whitepaper');">

Get Started »
<a href="https://docs.bisq.network/getting-started.html" target="_blank" class="btn btn-lg btn-outline-secondary btn-icon hero-btn col-sm-12 col-md-12 col-lg-3 px-0 shadow-btn">
Get Started »
</a>

{% comment %}
@@ -167,12 +118,9 @@ <h1 class="intro text-monospace display-1" style="margin-left: -.3rem;"><span cl


<p class="text-muted mb-0 mt-1 small" style="opacity: 0.5">
v{{ site.client_version }} — <span class="id-win64 hidden">You appear to be running Windows 64 bit.</span>
v{{ site.client_version }} — <span class="id-win64 hidden">You appear to be running Windows.</span>
<span class="id-mac hidden">You appear to be using a Mac.</span>
<span class="id-deb32 hidden">You appear to be using Debian/Ubuntu 32 bit.</span>
<span class="id-deb64 hidden">You appear to be using Debian/Ubuntu 64 bit.</span>
<span class="id-rpm32 hidden">You appear to be using Redhat/Fedora/CentOS 32 bit.</span>
<span class="id-rpm64 hidden">You appear to be using Redhat/Fedora/CentOS 64 bit.</span>
<span class="id-deb64 hidden">You appear to be using Debian/Ubuntu.</span>
<span class="id-all hidden">Current Version</span> <!-- fallback text if no desktop os recognized -->
</p>

Loading