Skip to content

Commit 33137f3

Browse files
capital-Gcapital-G
authored
Merge pull request #298 from capital-G/download-tabs
Group downloads via tabs
2 parents 0e4a90f + 07fe2d1 commit 33137f3

File tree

3 files changed

+122
-52
lines changed

3 files changed

+122
-52
lines changed

‎_includes/default/head.html‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -46,12 +46,12 @@
4646
{% if site.bootstrap %}
4747
<!-- Bootstrap-4.1.3 isolation CSS -->
4848
<link rel="stylesheet" type="text/css" href="{{ '/assets/css/vendor/bootstrap-iso.min.css' | relative_url }}">
49-
<!-- JQuery 3.3.1 -->
50-
<script defer src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
51-
<!-- Bootstrap 4.1.3 compiled and minified JavaScript -->
52-
<script defer src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
53-
<!-- Popper, a dependency of Bootstrap-->
54-
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
49+
50+
<!-- see https://getbootstrap.com/docs/4.6/getting-started/introduction/#separate -->
51+
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
52+
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
53+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" crossorigin="anonymous"></script>
54+
5555
{% endif %}
5656

5757
<!-- KaTeX 0.13.9 -->

‎assets/css/main.scss‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -86,6 +86,10 @@ h1, h2, h3, h4, h5 {
8686
}
8787
}
8888
.downloads {
89+
ul#osTab {
90+
margin: auto;
91+
margin-bottom: 2vh;
92+
}
8993
div.card {
9094
background: transparent;
9195
border: 1px solid var(--border);

‎downloads.md‎

Lines changed: 112 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -1,51 +1,117 @@
11
---
22
layout: page
33
title: Downloads
4+
bootstrap: true
45
---
56

6-
Jump to:
7-
[Mac](#mac) - [Linux](#linux) - [Windows](#windows) - [Other Platforms](#other-platforms)
8-
9-
------
10-
11-
{% for os in site.data.downloads.os %}
12-
## {{ os.slug }}
13-
{% for category in os.categories %}
14-
#### {{ category.name | capitalize }}
15-
{{ category.start_text }}
16-
{% for download in category.downloads %}
17-
- [{{ download.name }}]({{ download.link }})
18-
{% endfor %}
19-
{{ category.end_text }}
20-
{% endfor %}
21-
------
22-
{% endfor %}
23-
24-
## Other Platforms
25-
26-
SuperCollider can be used on embedded platforms, including Raspberry Pi and Beagle Bone Black.
27-
See the [project READMEs](https://github.com/supercollider/supercollider) for more information.
28-
29-
## Releases
30-
31-
[SuperCollider releases](https://github.com/supercollider/supercollider/releases) (including Stable Releases, Betas, and Release Candidates).
32-
33-
## Building From Source
34-
35-
Build instruction can be found on [GitHub](https://github.com/supercollider/supercollider) in the README corresponding to your Operating System.
36-
37-
## Plugins And Extensions
38-
39-
#### SC3 Plugins
40-
41-
[https://supercollider.github.io/sc3-plugins](https://supercollider.github.io/sc3-plugins)
42-
43-
The sc3-plugins are extension plugins for the SuperCollider audio synthesis server.
44-
These third-party plugins provide additional synthesis, analysis, and other capabilities for the sound server.
45-
46-
#### Quarks
47-
48-
[https://github.com/supercollider-quarks/quarks](https://github.com/supercollider-quarks/quarks)
49-
50-
Quarks are packages containing classes, extension methods, documentation and UGens.
51-
The integrated Quarks package system is used to download and manage these packages on your system.
7+
Stable Releases, Betas, Release Candidates and Development builds are accessible via [GitHub releases](https://github.com/supercollider/supercollider/releases).
8+
9+
<ul class="nav nav-tabs" id="osTab" role="tablist">
10+
{% for os in site.data.downloads.os %}
11+
<li class="nav-item" role="presentation">
12+
<button
13+
class="nav-link {% if forloop.first %}active{% endif %}"
14+
id="{{ os.slug | downcase }}-tab"
15+
data-toggle="tab"
16+
data-target="#{{ os.slug | downcase }}"
17+
type="button"
18+
role="tab"
19+
aria-controls="{{ os.slug }}"
20+
aria-selected="true"
21+
>{{ os.slug }}
22+
</button>
23+
</li>
24+
{% endfor %}
25+
<li class="nav-item" role="presentation">
26+
<button
27+
class="nav-link"
28+
id="other-tab"
29+
data-toggle="tab"
30+
data-target="#other"
31+
type="button"
32+
role="tab"
33+
aria-controls="Other releases"
34+
aria-selected="true"
35+
>Other releases
36+
</button>
37+
</li>
38+
<li class="nav-item" role="presentation">
39+
<button
40+
class="nav-link"
41+
id="extensions-tab"
42+
data-toggle="tab"
43+
data-target="#extensions"
44+
type="button"
45+
role="tab"
46+
aria-controls="Plugins And Extensions"
47+
aria-selected="true"
48+
>Plugins And Extensions
49+
</button>
50+
</li>
51+
</ul>
52+
53+
<div class="tab-content" id="osTabContent">
54+
{% for os in site.data.downloads.os %}
55+
<div
56+
class="tab-pane fade {% if forloop.first %}show active{% endif %}"
57+
id="{{ os.slug | downcase }}"
58+
role="tabpanel"
59+
aria-labelledby="{{ os.slug }}-tab"
60+
>
61+
{% for category in os.categories %}
62+
<b>{{ category.name | capitalize }}</b>
63+
<p>{{ category.start_text }}</p>
64+
<ul>
65+
{% for download in category.downloads %}
66+
<li>
67+
<a href="{{ download.link }}">
68+
{{ download.name }}
69+
</a>
70+
</li>
71+
{% endfor %}
72+
</ul>
73+
<p>{{ category.end_text }}</p>
74+
{% endfor %}
75+
</div>
76+
{% endfor %}
77+
<div
78+
class="tab-pane fade"
79+
id="other"
80+
role="tabpanel"
81+
aria-labelledby="other-tab"
82+
>
83+
<b>Sources</b>
84+
<p>
85+
Build instruction can be found on <a href="https://github.com/supercollider/supercollider">GitHub</a> in the README corresponding to your Operating System.
86+
</p>
87+
<b>Other Platforms</b>
88+
<p>
89+
SuperCollider can be used on embedded platforms, including Raspberry Pi and Beagle Bone Black.
90+
See the <a href="https://github.com/supercollider/supercollider">project READMEs</a> for more information.
91+
</p>
92+
</div>
93+
<div
94+
class="tab-pane fade"
95+
id="extensions"
96+
role="tabpanel"
97+
aria-labelledby="extensions-tab"
98+
>
99+
<b>SC3 Plugins</b>
100+
<p>
101+
<a href="https://supercollider.github.io/sc3-plugins">https://supercollider.github.io/sc3-plugins</a>
102+
</p>
103+
<p>
104+
The sc3-plugins are extension plugins for the SuperCollider audio synthesis server.<br/>
105+
These third-party plugins provide additional synthesis, analysis, and other capabilities for the sound server.
106+
</p>
107+
<hl/>
108+
<b>Quarks</b><br/>
109+
<p>
110+
<a href="https://github.com/supercollider-quarks/quarks">https://github.com/supercollider-quarks/quarks</a>
111+
</p>
112+
<p>
113+
Quarks are packages containing classes, extension methods, documentation and UGens.<br/>
114+
The integrated Quarks package system is used to download and manage these packages on your system.
115+
</p>
116+
</div>
117+
</div>

0 commit comments

Comments
 (0)