Skip to content

Commit

Permalink
feat: add launchpad download section (#195)
Browse files Browse the repository at this point in the history
* feat: add launchpad download section

Adds section for Launchpad downloads.

TODO: Js and YML needs to be updated to point to the launchpad binaries,
with correct filters (when they exist)

* feat: add launchpad downloads (#200)

* feat: add launchpad downloads

* feat: downloads updates

* feat: replace testnet with stagenet

* fix: remove testnet

* Apply suggestions from code review

Fixing links

* feat: download button error handling (#201)

---------

Co-authored-by: Erika <87762061+NovaT82@users.noreply.github.com>
  • Loading branch information
CjS77 and NovaT82 committed Jan 26, 2024
1 parent e46cb03 commit 5472763
Show file tree
Hide file tree
Showing 17 changed files with 361 additions and 98 deletions.
81 changes: 81 additions & 0 deletions _data/launchpad_downloads.yml
@@ -0,0 +1,81 @@
- type: Ubuntu
elementID: ubuntu
binaryDivID: linuxBinID
archDropdownID: linuxArchID
networkDropdownID: linuxNetworkID
elementTabButtonID: ubuntu-btn
title: Minotari Launchpad for Ubuntu
subtitle: Download the binary, click through to install. Then you'll be
automatically connected to the Minotari blockchain.
downloadBtnID: linuxDL
checksumDivID: linuxCSID
version: Ubuntu 18.04 and higher
source: https://github.com/tari-project/tari-launchpad
background-image: /assets/img/downloads/launchpad-ubuntu.mp4
video-poster: /assets/img/downloads/ubuntu.png
tutorial-video: /launchpad-guide/
logo: /img/downloads/ubuntu-logo.svg
logo-active: /img/downloads/ubuntu-logo-active.svg
defaultActive: active
ctaText: Download for Ubuntu
filter_spec: ubuntu
archOptions: [{ value: x86_64, label: x86_64 }]
networkOptions: [{ value: nextnet, label: Nextnet }]
- type: Mac
elementID: mac
binaryDivID: osxBinID
archDropdownID: osxArchID
networkDropdownID: osxNetworkID
elementTabButtonID: mac-btn
title: Minotari Launchpad for Mac
subtitle: Download the binary, click through to install. Then you'll be
automatically connected to the Minotari blockchain.
downloadBtnID: osxDL
checksumDivID: osxCSID
version: MacOS 10.15.0 (Catalina) and higher
source: https://github.com/tari-project/tari-launchpad
background-image: /assets/img/downloads/launchpad-mac.mp4
video-poster: /assets/img/downloads/mac.png
tutorial-video: /launchpad-guide/
logo: /img/downloads/apple-logo.svg
logo-active: /img/downloads/apple-logo-active.svg
ctaText: Download for Mac
filter_spec: osx-10.15
archOptions: [{ value: x86_64, label: x86_64 }]
networkOptions: [{ value: nextnet, label: Nextnet }]
- type: Windows
elementID: windows
binaryDivID: windowsBinID
archDropdownID: windowsArchID
networkDropdownID: windowsNetworkID
elementTabButtonID: windows-btn
title: Minotari Launchpad for Windows
subtitle: Download the binary, click through to install. Then you'll be
automatically connected to the Minotari blockchain.
downloadBtnID: windowsDL
checksumDivID: windowsCSID
version: Windows 10 and higher
source: https://github.com/tari-project/tari-launchpad
background-image: /assets/img/downloads/launchpad-windows.mp4
video-poster: /assets/img/downloads/windows.png
tutorial-video: /launchpad-guide/
logo: /img/downloads/windows-logo.svg
logo-active: /img/downloads/windows-logo-active.svg
ctaText: Download for Windows
filter_spec: windows
archOptions: [{ value: x64, label: x64 }]
networkOptions: [{ value: nextnet, label: Nextnet }]
- type: Libraries
elementID: support
binaryDivID: libWalletBinID
elementTabButtonID: support-btn
title: Minotari Support Libraries
subtitle: Additional miscellaneous binaries and files to enable developers.
downloadBtnID: null
tutorial-video: /launchpad-guide/
background-image: /assets/img/downloads/support.mp4
video-poster: /assets/img/downloads/support.png
logo: /img/downloads/support-logo.svg
logo-active: /img/downloads/support-logo-active.svg
ctaText: Support libraries
filter_spec: libwallet
6 changes: 3 additions & 3 deletions _data/downloads.yml → _data/suite_downloads.yml
Expand Up @@ -22,7 +22,7 @@
archOptions:
[{ value: arm64, label: arm64 }, { value: x86_64, label: x86_64 }]
networkOptions:
[{ value: nextnet, label: Nextnet }, { value: testnet, label: Testnet }]
[{ value: nextnet, label: Nextnet }, { value: mainnet, label: Stagenet }]
- type: Mac
elementID: mac
binaryDivID: osxBinID
Expand All @@ -46,7 +46,7 @@
archOptions:
[{ value: arm64, label: arm64 }, { value: x86_64, label: x86_64 }]
networkOptions:
[{ value: nextnet, label: Nextnet }, { value: testnet, label: Testnet }]
[{ value: nextnet, label: Nextnet }, { value: mainnet, label: Stagenet }]
- type: Windows
elementID: windows
binaryDivID: windowsBinID
Expand All @@ -69,7 +69,7 @@
filter_spec: windows
archOptions: [{ value: x64, label: x64 }]
networkOptions:
[{ value: nextnet, label: Nextnet }, { value: testnet, label: Testnet }]
[{ value: nextnet, label: Nextnet }, { value: mainnet, label: Stagenet }]
- type: Libraries
elementID: support
binaryDivID: libWalletBinID
Expand Down
17 changes: 8 additions & 9 deletions _includes/downloads.html → _includes/download_launchpad.html
@@ -1,6 +1,6 @@
<div class="downloads-container">
<div class="tab-button-holder">
{% for os in site.data.downloads %}
{% for os in site.data.launchpad_downloads %}
{% if os.type != 'Libraries' %}
<div
id="{{ os.elementTabButtonID }}"
Expand All @@ -25,7 +25,7 @@
{% endfor %}
</div>

{% for os in site.data.downloads %}
{% for os in site.data.launchpad_downloads %}
<div class="download-content" id="{{ os.elementID }}">
<div class="dl-card">
<div class="dl-info-holder col-lg-7 col-md-7 col-sm-12">
Expand All @@ -44,7 +44,7 @@ <h2 class="dl-title">{{ os.title }}</h2>
{% if os.networkOptions %}
<div class="dropdown-container">
<p class="dropdown-label">Network</p>

<select id="{{os.networkDropdownID}}">
{% for option in os.networkOptions %}
<option value="{{ option.value }}">{{ option.label }}</option>
Expand All @@ -55,7 +55,7 @@ <h2 class="dl-title">{{ os.title }}</h2>
{% if os.archOptions %}
<div class="dropdown-container">
<p class="dropdown-label">Architecture</p>

<select id="{{os.archDropdownID}}">
{% for option in os.archOptions %}
<option value="{{ option.value }}">{{ option.label }}</option>
Expand Down Expand Up @@ -108,10 +108,10 @@ <h2 class="dl-title">{{ os.title }}</h2>
<h2>Past Versions</h2>
{% if os.downloadBtnID %}
<div class="past">
<p class="select-network">Filter by Network: </p>
<!-- <button id="mainnet" class="chip">Stagenet</button> -->
<button id="nextnet" class="chip">Nextnet</button>
<button id="testnet" class="chip">Testnet</button>
<p class="select-network">Filter by Network: </p>
{% for network in os.networkOptions %}
<button id="{{ network.value }}" class="chip">{{ network.label }}</button>
{% endfor %}
<button id="all-networks" class="chip">All</button>
</div>
{% endif %}
Expand All @@ -129,7 +129,6 @@ <h2>Past Versions</h2>
</div>
</div>
</div>

</div>

{% endfor %}
Expand Down
136 changes: 136 additions & 0 deletions _includes/download_suite.html
@@ -0,0 +1,136 @@
<div class="downloads-container">
<div class="tab-button-holder">
{% for os in site.data.suite_downloads %}
{% if os.type != 'Libraries' %}
<div
id="{{ os.elementTabButtonID }}"
class="tab-button"
onclick="selectedOs('{{ os.elementTabButtonID }}','{{ os.elementID }}')"
>
<span>
<img
class="os-logo-img"
src="{{ site.baseurl }}/assets{{os.logo}}"
alt="{{os.elementID}}-Logo"
/>
<img
class="os-logo-img-active"
src="{{ site.baseurl }}/assets{{os.logo-active}}"
alt="{{os.elementID}}-Logo"
/> </span
>
{{ os.type}}
</div>
{% endif %}
{% endfor %}
</div>

{% for os in site.data.suite_downloads %}

<div class="download-content" id="{{ os.elementID }}">
<div class="dl-card">
<div class="dl-info-holder col-lg-7 col-md-7 col-sm-12">
<h2 class="dl-title">{{ os.title }}</h2>
<p class="dl-subtitle">
{{ os.subtitle }}
</p>
{% if os.version %}
<div class="version">
For {{ os.version }}

</div>
{% endif %}

{% if os.downloadBtnID %}
{% if os.networkOptions %}
<div class="dropdown-container">
<p class="dropdown-label">Network</p>

<select id="{{os.networkDropdownID}}">
{% for option in os.networkOptions %}
<option value="{{ option.value }}">{{ option.label }}</option>
{% endfor %}
</select>
</div>
{% endif %}
{% if os.archOptions %}
<div class="dropdown-container">
<p class="dropdown-label">Architecture</p>

<select id="{{os.archDropdownID}}">
{% for option in os.archOptions %}
<option value="{{ option.value }}">{{ option.label }}</option>
{% endfor %}
</select>
</div>
{% endif %}
<a class="btn" id="{{ os.downloadBtnID }}">{{os.ctaText}}</a>
{% endif %}

{% if os.tutorial-video %}
<a href="{{ os.tutorial-video }}" class="tutorial-video">
<span
><img
src="{{ site.baseurl }}/assets/img/downloads/video-icon.svg"
alt=""
style="margin-top: -2px; max-width: 30px;"
/></span>
View the installation guide
<br/><br/>
</a>
{% endif %}

{% if os.source %}
<a href="{{ os.source }}" class="source">
<span
><img
src="{{ site.baseurl }}/assets/img/downloads/github-logo.svg"
alt=""
style="margin-top: -3px;"
/></span>
Build from source for {{ os.type }}
<br/><br/>
</a>
{% endif %}

{% if os.checksumDivID %}
<div id="{{ os.checksumDivID }}" class="checksum"></div>
{% endif %}

</div>
<video class="dl-machine-img" muted autoplay playsinline poster="{{ site.baseurl }}{{os.video-poster}}">
<source src="{{ site.baseurl }}{{os.background-image}}" type="video/mp4">
</video>
</div>


<div class="past-versions-container">
<div class="past-versions-header">
<h2>Past Versions</h2>
{% if os.downloadBtnID %}
<div class="past">
<p class="select-network">Filter by Network: </p>
{% for network in os.networkOptions %}
<button id="{{ network.value }}" class="chip">{{ network.label }}</button>
{% endfor %}
<button id="all-networks" class="chip">All</button>
</div>
{% endif %}
</div>
<div class="binaries-container">
<div class="bin-headers">
<div class="bin-header">
<div class="header-text">Filename</div>
</div>
<div class="bin-header">
<div class="header-text">Last modified</div>
</div>
</div>
<div id="{{ os.binaryDivID }}" class="bin-content">
</div>
</div>
</div>
</div>
{% endfor %}

</div>
2 changes: 1 addition & 1 deletion _includes/head.html
Expand Up @@ -99,7 +99,7 @@
dataKey: "tari-project/wallet-ios",
elementPrefix: "wallet",
}
]
],
}
</script>

Expand Down
4 changes: 2 additions & 2 deletions assets/css/styles.css
Expand Up @@ -2215,8 +2215,8 @@ body.page- #call-to-action {
box-shadow: 0 30px 60px 0 rgba(78,19,126,0.06);
border-radius: 10px;
padding: 60px;
margin-top: 100px;
margin-bottom: 200px;
margin-top: 60px;
margin-bottom: 50px;
position: relative;
min-height: 360px;
max-height: 400px;
Expand Down
Binary file added assets/img/downloads/launchpad-mac.mp4
Binary file not shown.
Binary file added assets/img/downloads/launchpad-mac.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/downloads/launchpad-ubuntu.mp4
Binary file not shown.
Binary file added assets/img/downloads/launchpad-ubuntu.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/downloads/launchpad-window.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/downloads/launchpad-windows.mp4
Binary file not shown.
Binary file added assets/img/downloads/launchpad-windows.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 5472763

Please sign in to comment.