Skip to content

Commit 203ebc6

Browse files
committed
feat(download): renewed download page, refactor collapsible function in separate js file
1 parent deee443 commit 203ebc6

11 files changed

+260
-77
lines changed

_config.yml

+1
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@ include: ["_pages", "CNAME", ".nojekyll", "score-last-version.txt", "download-st
1010
# exclude: ["vendor"]
1111
permalink: /posts/:title/
1212
score_version: 3.1.4
13+
score_released_date: 9 November 2022
1314
plugins:
1415
- jekyll-sitemap
1516
- jekyll-assets

_layouts/download-page-layout.html

+28
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
{% include head.html %}
5+
6+
<body>
7+
8+
{% include header.html %}
9+
<div class="page-content">
10+
{{ content }}
11+
</div>
12+
{% include footer.html %}
13+
14+
</body>
15+
<script type="text/javascript">
16+
let os = navigator.platform;
17+
let windows = os.includes('Win');
18+
document.getElementById('winstore').style.display = windows ? 'flex' : 'none';
19+
document.getElementById('win').style.display = windows ? 'flex' : 'none';
20+
21+
let osx = os.includes('Mac');
22+
document.getElementById('osx').style.display = osx ? 'flex' : 'none';
23+
24+
let linux = os.includes('Linux');
25+
document.getElementById('linux').style.display = linux ? 'flex' : 'none';
26+
document.getElementById('pi').style.display = linux ? 'flex' : 'none';
27+
</script>
28+
</html>

_layouts/download-page.html

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
---
2+
layout: download-page-layout
3+
---
4+
<article id="main">
5+
<header class="container" style="padding-top: 4em;text-align:center;">
6+
</header>
7+
8+
<section class="style4 wrapper container">
9+
{{ content }}
10+
</section>
11+
</article>
12+
13+

_pages/docs.md

+1-21
Original file line numberDiff line numberDiff line change
@@ -289,24 +289,4 @@ See the <a href="/project.html">Contributing</a> page for more information.
289289
<a href="https://forum.ossia.io/" class="page-button" target="_blank" >If your question is not here, ask us in the forum! </a>
290290
</p>
291291

292-
293-
<script>
294-
var coll = document.getElementsByClassName("collapsible");
295-
var i;
296-
297-
for (i = 0; i < coll.length; i++) {
298-
coll[i].addEventListener("click", function() {
299-
300-
var coll = document.getElementsByClassName("collapsible");
301-
var i;
302-
for (i = 0; i < coll.length; i++) {
303-
coll[i].classList.remove("active");
304-
coll[i].nextElementSibling.style.display = "none";
305-
}
306-
307-
this.classList.toggle("active");
308-
var content = this.nextElementSibling;
309-
content.style.display = "block";
310-
});
311-
}
312-
</script>
292+
<script src="/js/collapsible.js"></script>

_pages/score-about.md

+5-4
Original file line numberDiff line numberDiff line change
@@ -18,17 +18,18 @@ Its novel interactive timeline enables scores written with it to depend on exter
1818
ossia score is free, libre & open source software and runs on desktop (Windows / macOS / Linux), mobile and embedded.
1919
It leverages [libossia](../site-libossia/about.html) for its implementation, as well as reputed open-source technologies such as Qt 5, Boost and LLVM. It is written primarily in modern C++.
2020

21+
<br/>
22+
<p align="center">
23+
<a href="/score/download.html" class="page-button" style="padding-left:4em;padding-right:4em;font-size: 27px;" >Download score !</a>
24+
</p>
25+
2126
## License
2227
ossia score is distributed under the terms of the CeCILL license. The french CeCILL license allows the software to be used under the terms of the GNU GPLv3.
2328

2429
## Funding
2530
You can fund the development of ossia on [OpenCollective](https://opencollective.com/ossia).
2631

2732

28-
<br/>
29-
<p align="center">
30-
<a href="/score/download.html" class="page-button" style="padding-left:4em;padding-right:4em;font-size: 27px;" >Download</a>
31-
</p>
3233

3334
{% assign cats = "Structure|Audio|Controls|Graphics|Interoperability|Presentation|Scripting|Software model" | split: '|' %}
3435

_pages/score-download.md

+81-43
Original file line numberDiff line numberDiff line change
@@ -1,72 +1,110 @@
11
---
2-
layout: page
2+
layout: download-page
33
title: "Download ossia score"
44

55
permalink: /score/download.html
66
category: site-score
77
---
88

9-
Download the latest stable release __ossia score v{{site.score_version}}__:
10-
<p style="display: flex; justify-content: center;align-content:space-evenly;" align="center">
11-
<a href="https://apps.microsoft.com/store/detail/ossia-score/9NGT21X5XB19" target="_blank" class="page-button download-page"><img src="../assets/windows_logo_2012-Black.svg" height="80px"/>Microsoft Store</a>
12-
<a href="https://github.com/ossia/score/releases/download/v{{site.score_version}}/ossia.score-{{site.score_version}}-macOS.dmg" target="_blank" class="page-button download-page" ><img src="../assets/apple_logo_black.svg" height="80px"/>Mac OS<br/>10.13 and later</a>
13-
<a href="https://github.com/ossia/score/releases/download/v{{site.score_version}}/ossia.score-{{site.score_version}}-linux-amd64.AppImage" target="_blank" class="page-button download-page"><img src="../assets/Linux_Platform.svg" height="80px"/>Linux</a>
14-
<a href="https://github.com/ossia/score/releases/download/v{{site.score_version}}/ossia.score-{{site.score_version}}-rpi-aarch32.tar.gz" target="_blank" class="page-button download-page"><img src="../assets/Pi_Platform.svg" height="80px"/>Raspberry Pi</a>
9+
## Support us
10+
We sell score on the Microsoft store as a way to get financial support to ensure continued development so please consider buying it there, or funding us through <a href="https://opencollective.com/ossia">OpenCollective</a> or <a href="https://github.com/sponsors/jcelerier">Github Sponsors</a>!
11+
>>>>>>> e6d7d34 (feat(download): renewed download page, refactor collapsible function in separate js file)
12+
13+
## Download ossia score v{{site.score_version}}
14+
### Released on {{site.score_released_date}}
15+
<p class="download-page-layout" align="center">
16+
<a id="winstore" href="https://apps.microsoft.com/store/detail/ossia-score/9NGT21X5XB19" target="_blank" class="page-button download-page"><img src="../assets/microsoft-store.svg" height="80px"/> Microsoft Store</a>
17+
<a id="win" href="https://github.com/ossia/score/releases/download/v{{site.score_version}}/ossia.score-{{site.score_version}}-win64.exe" class="page-button download-page"><img src="../assets/windows_logo_2012-Black.svg" height="80px"/> Windows</a>
18+
<a id="osx" href="https://github.com/ossia/score/releases/download/v{{site.score_version}}/ossia.score-{{site.score_version}}-macOS.dmg" class="page-button download-page" ><img src="../assets/apple_logo_black.svg" height="60px"/>macOS 10.13 and later</a>
19+
<a id="linux" href="https://github.com/ossia/score/releases/download/v{{site.score_version}}/ossia.score-{{site.score_version}}-linux-amd64.AppImage" class="page-button download-page"><img src="../assets/Linux_Platform.svg" height="80px"/>Linux</a>
20+
<a id="pi" href="https://github.com/ossia/score/releases/download/v{{site.score_version}}/ossia.score-{{site.score_version}}-rpi-aarch32.tar.gz" class="page-button download-page"><img src="../assets/Pi_Platform.svg" height="80px"/>Raspberry Pi</a>
1521
</p>
16-
See the bottom of the <a href="https://github.com/ossia/score/releases/latest" target="_blank">change log</a> for the latest release and the free, non-store downloads. We sell score on the Microsoft store as a way to get financial support to ensure continued development so please consider buying it there, or funding us through [OpenCollective](https://opencollective.com/ossia) or [Github Sponsors](https://github.com/sponsors/jcelerier)!
17-
18-
## Supported platforms
19-
20-
The releases are 64-bit on all desktop operating systems, 32-bit for Raspberry Pi. There are no native M1 macOS builds yet but score has been tested to work in Rosetta.
2122

22-
### Minimal requirements
2323

24-
* 800 MHz CPU, 512MB of RAM (but you won't make very large scores).
25-
* For graphics, a GPU which supports at least OpenGL 3.2, Vulkan, Direct3D11 or Metal.
26-
27-
### Windows
24+
Take a look at the <a href="https://github.com/ossia/score/releases/latest" target="_blank">change log</a> for the latest release information !
2825

29-
* Recommended: Windows 10. Must be at least Windows 7 with all system updates installed.
30-
* *score* and *libossia* use Bonjour for the OSCQuery automatic discovery feature.
31-
This means that on Windows, you must install the [Bonjour Print Services](https://support.apple.com/kb/dl999?locale=en_US) for this to work.
26+
## All Supported platforms
3227

33-
### macOS
34-
35-
* macOS: must be at least High Sierra (10.13).
28+
The releases are 64-bit on all desktop operating systems, 32-bit for Raspberry Pi. There are no native M1 macOS builds yet but score has been tested to work in Rosetta.
3629

37-
### Linux (Desktop)
30+
<h2 type="button" class="collapsible" > All platforms </h2>
31+
<div class="collapsible-content">
32+
<p class="download-page-layout" align="center">
33+
<a href="https://apps.microsoft.com/store/detail/ossia-score/9NGT21X5XB19" target="_blank" class="page-button download-page"><img src="../assets/microsoft-store.svg" height="80px"/>Microsoft Store</a>
34+
<a href="https://github.com/ossia/score/releases/download/v{{site.score_version}}/ossia.score-{{site.score_version}}-macOS.dmg" class="page-button download-page" ><img src="../assets/apple_logo_black.svg" height="80px"/>macOS</a>
35+
<a href="https://github.com/ossia/score/releases/download/v{{site.score_version}}/ossia.score-{{site.score_version}}-linux-amd64.AppImage" class="page-button download-page"><img src="../assets/Linux_Platform.svg" height="80px"/>Linux</a>
36+
<a href="https://github.com/ossia/score/releases/download/v{{site.score_version}}/ossia.score-{{site.score_version}}-rpi-aarch32.tar.gz" class="page-button download-page"><img src="../assets/Pi_Platform.svg" height="80px"/>Raspberry Pi</a>
37+
<a href="https://github.com/ossia/score/releases/download/v{{site.score_version}}/ossia.score-{{site.score_version}}-win64.exe" class="page-button download-page"><img src="../assets/windows_logo_2012-Black.svg" height="80px"/>Windows</a>
38+
<a href="https://ossia.io/score-web" target="_blank" class="page-button download-page"><img src="../assets/web.png" height="80px"/>WebAssembly</a>
39+
</p>
3840

39-
* All Linux distributions from at least mid-2018 should be supported.
40-
* The packages are built on CentOS 8.
41-
* Ubuntu 18.10+
42-
* Debian Buster (10) / Bullseye (11) / ...
43-
* Fedora 29+
44-
* Your system must have at least glibc-2.28, as well as X11, ALSA, libGL, librt, libdbus, libGL, libEGL (those packages are present on any relevant desktop distribution ; if you use Debian, Ubuntu, Fedora, OpenSUSE, ArchLinux or anything like those it will work fine).
45-
* Either JACK or Pipewire for audio, and Avahi for Bonjour support are recommended.
46-
* libbluez may be necessary to use Wiimotes (which go through Bluetooth).
47-
* Wayland support is still experimental, in particular on GNOME-based desktops.
41+
<p style="display: flex; justify-content: center;align-content:space-evenly;" align="center">
4842

49-
* To integrate the AppImage into your system, please follow
50-
https://github.com/AppImage/awesome-appimage/#desktop-integration
43+
</p>
44+
</div>
45+
46+
<h2 type="button" class="collapsible" > Minimal requirements </h2>
47+
<div class="collapsible-content">
48+
<ul>
49+
<li> 800 MHz CPU, 512MB of RAM (but you won't make very large scores). </li>
50+
<li> For graphics, a GPU which supports at least OpenGL 3.2, Vulkan, Direct3D11 or Metal. </li>
51+
</ul>
52+
</div>
53+
54+
<h2 type="button" class="collapsible" > Windows </h2>
55+
<div class="collapsible-content">
56+
<ul>
57+
<li> Recommended: Windows 10. Must be at least Windows 7 with all system updates installed. </li>
58+
<li> <i>score</i> and *libossia* use Bonjour for the OSCQuery automatic discovery feature.
59+
This means that on Windows, you must install the [Bonjour Print Services](https://support.apple.com/kb/dl999?locale=en_US) for this to work. </li>
60+
</ul>
61+
</div>
62+
63+
<h2 type="button" class="collapsible" > macOS </h2>
64+
<div class="collapsible-content">
65+
Must be at least High Sierra (10.13).
66+
</div>
67+
68+
<h2 type="button" class="collapsible" > Linux (Desktop) </h2>
69+
<div class="collapsible-content">
70+
71+
<p> To integrate the AppImage into your system, please follow: <br>
72+
&nbsp;&nbsp;&nbsp;&nbsp;<a>https://github.com/AppImage/awesome-appimage/#desktop-integration</a>
73+
</p>
5174

52-
* Important note: for Ubuntu Jammy (22.04), libfuse2 must be installed as it is necessary for running AppImages:
75+
All Linux distributions from at least mid-2018 should be supported:
76+
<ul>
77+
<li>The packages are built on CentOS 8.</li>
78+
<li>Ubuntu 18.10+ </li>
79+
<li>Debian Buster (10) / Bullseye (11) / ... </li>
80+
<li>Fedora 29+</li>
81+
<li>Your system must have at least glibc-2.28, as well as X11, ALSA, libGL, librt, libdbus, libGL, libEGL (those packages are present on any relevant desktop distribution ; if you use Debian, Ubuntu, Fedora, OpenSUSE, ArchLinux or anything like those it will work fine).</li>
82+
<li>Either JACK or Pipewire for audio, and Avahi for Bonjour support are recommended.</li>
83+
<li>libbluez may be necessary to use Wiimotes (which go through Bluetooth).</li>
84+
<li>Wayland support is still experimental, in particular on GNOME-based desktops.</li>
85+
</ul>
86+
</div>
87+
88+
## Ubuntu Jammy (22.04)
89+
Important note for Ubuntu Jammy (22.04): *libfuse2* must be installed as it is necessary for running AppImages:
5390

5491
```
5592
sudo add-apt-repository universe
5693
sudo apt install libfuse2
5794
```
5895

59-
### Linux (Raspberry Pi, embedded...)
60-
61-
* Read the [documentation](https://ossia.io/score-docs/in-depth/embedded.html) before running score on a Pi.
62-
63-
### Web
64-
65-
* Check out our experimental WebAssembly build: [right here](https://ossia.io/score-web)!
96+
<h2 type="button" class="collapsible" > Linux (Raspberry Pi, embedded...) </h2>
97+
<div class="collapsible-content">
98+
Read the [documentation](https://ossia.io/score-docs/in-depth/embedded.html) before running score on a Pi.
99+
</div>
66100

67101
## Source code
68102

69103
The source code for the latest release can be downloaded from here:
70104
* Latest release's <a href="https://github.com/ossia/score/releases/download/v{{site.score_version}}/ossia.score-{{site.score_version}}-src.tar.xz">source code</a>
71105
* Latest release's <a href="https://github.com/ossia/score/releases/download/v{{site.score_version}}/ossia.score-{{site.score_version}}-src.tar.xz.asc">source code signature</a>
72106
* Alternatively, you can fetch the latest source code <a href="https://github.com/ossia/score">directly from Github</a>
107+
108+
109+
110+
<script src="/js/collapsible.js"></script>

assets/logo/logo_shop.svg

+29
Loading

assets/microsoft-store.svg

+64
Loading

assets/web.png

39.2 KB
Loading

0 commit comments

Comments
 (0)