Skip to content

Commit b8a9ed4

Browse files
author
doomy
committed
mobile layout fixes, re-enabled plugin info resources
1 parent 73c8315 commit b8a9ed4

4 files changed

Lines changed: 147 additions & 23 deletions

File tree

‎content/formats.toml‎

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
# Audio plugin formats
2+
3+
[[formats]]
4+
# Human readable format name
5+
name = "VST"
6+
# Short synopsis of the format
7+
description = "VST2 was one of the most common standards, but is now unlicensed. Instead, VST3 is recommended. VSTs are generally supported in most DAWs."
8+
# Whether or not the format is permissively licensed
9+
proprietary = true
10+
# Optional crates that work with this format
11+
crates = [
12+
{ name = "vst", url = "https://github.com/RustAudio/vst-rs" },
13+
{ name = "vst3-sys", url = "https://github.com/RustAudio/vst3-sys" },
14+
]
15+
# Optional additional resources on this format
16+
resources = []
17+
18+
[[formats]]
19+
name = "AudioUnit"
20+
description = "AudioUnit (AU) is only available on Apple platforms. AU v2 is simlar to VST, and AU v3 follows an Apple framework approach, which is harder to implement without Apple tools. Currently, no Rust libraries implement the AudioUnit standard."
21+
proprietary = true
22+
resources = [
23+
{ name = "Rust CoreAudio - AudioUnit struct documentation", url = "http://rustaudio.github.io/coreaudio-rs/coreaudio/audio_unit/struct.AudioUnit.html" },
24+
{ name = "Rust CoreAudio - Possibility of creating AU plugins", url = "https://github.com/RustAudio/coreaudio-rs/issues/52" },
25+
{ name = "Rust CoreAudio - AudioUnit implementation", url = "https://github.com/RustAudio/coreaudio-rs/blob/master/src/audio_unit/mod.rs" },
26+
{ name = "DPlug - AudioUnit implemented in DLang", url = "https://github.com/AuburnSounds/Dplug/tree/master/au/dplug/au" },
27+
]
28+
29+
[[formats]]
30+
name = "LV2"
31+
description = "LV2 is only supported on Linux with a few exceptions. One interesting feature is that all LV2 plugin hosts and plugins are backwards compatible with previous versions."
32+
proprietary = false
33+
crates = [
34+
{ name = "rust-lv2", url = "https://github.com/RustAudio/rust-lv2" },
35+
{ name = "lv2rs", url = "https://github.com/Janonard/lv2rs" },
36+
]
37+
resources = [
38+
{ name = "LV2 Crate implementation and Design on rust.audio", url = "https://rust-audio.discourse.group/t/lv2-crate-implementation-and-design/71/2" },
39+
]
40+
41+
[[formats]]
42+
name = "CLAP"
43+
description = "CLAP is a relatively new plugin format with permissive licensing. It does not currently have wide support outside of Bitwig."
44+
proprietary = false
45+
crates = [
46+
{ name = "clap-lv2", url = "https://github.com/glowcoil/clap-sys" },
47+
]
48+

‎sass/main.scss‎

Lines changed: 43 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -85,11 +85,13 @@ a.button {
8585
}
8686
}
8787

88-
footer {
89-
display: flex;
90-
justify-content: space-between;
91-
padding: 3rem;
92-
background: rgba(0, 0, 0, 0.02);
88+
hr {
89+
border: 1px solid $border-light;
90+
margin: 3em 0;
91+
}
92+
93+
h1,h2,h3,h4,h5,h6,pre {
94+
margin: 0.2em 0;
9395
}
9496

9597
h1 { font-size: 3rem; }
@@ -141,18 +143,49 @@ section {
141143
.crates {
142144
display: grid;
143145
grid-template-columns: 1fr 1fr 1fr 1fr;
146+
@media screen and (max-width: 960px) {
147+
grid-template-columns: 1fr 1fr 1fr;
148+
}
149+
@media screen and (max-width: 720px) {
150+
grid-template-columns: 1fr 1fr;
151+
}
152+
@media screen and (max-width: 500px) {
153+
grid-template-columns: 1fr;
154+
}
144155
h4 {
145156
margin: 0;
146157
}
147158
.crate {
148159
border-bottom: 1px $border-light solid;
149160
border-right: 1px $border-light solid;
150-
&:nth-child(4n), &:last-child {
151-
border-right: none;
152-
}
153-
&:nth-child(-n+4) {
161+
@media screen and ( min-width: 960px) {
162+
&:nth-child(4n), &:last-child {
163+
border-right: none;
164+
}
165+
&:nth-child(-n+4) {
166+
border-top: 1px $border-light solid;
167+
}
168+
}
169+
@media screen and (max-width: 960px) and (min-width: 720px) {
170+
&:nth-child(3n), &:last-child {
171+
border-right: none;
172+
}
173+
&:nth-child(-n+3) {
174+
border-top: 1px $border-light solid;
175+
}
176+
}
177+
@media screen and (max-width: 720px) and (min-width: 500px) {
178+
&:nth-child(2n), &:last-child {
179+
border-right: none;
180+
}
181+
&:nth-child(-n+2) {
182+
border-top: 1px $border-light solid;
183+
}
184+
}
185+
@media screen and (max-width: 500px) {
186+
border: none;
154187
border-top: 1px $border-light solid;
155-
}
188+
}
156189
display: flex;
157190
justify-content: space-between;
158191
padding: 1em;

‎templates/index.html‎

Lines changed: 55 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
{# Header #}
77
<nav>
88
<a href="/">{% if config.extra.logo %}
9-
<img src="{{ config.extra.logo }}" />
9+
<img src={{config.extra.logo}} />
1010
{% endif %}
1111
<h3>{{ config.title }}</h3>
1212
</a>
@@ -40,20 +40,71 @@ <h3 style="margin: 0;">Discord</h3>
4040
</div>
4141
</section>
4242

43+
<hr>
44+
4345
{# Resources #}
4446
<section class="container">
47+
<h1>Resources</h1>
48+
49+
<article>
50+
<h1>Audio plugin formats</h1>
51+
{% set formats = load_data(path="content/formats.toml") %}
52+
{% for format in formats.formats %}
53+
<h2>
54+
<pre>{{format.name}}</pre>
55+
</h2>
56+
57+
<small>{% if format.proprietary %}Proprietary{% else %}Free & Open Source
58+
{% endif %}</small>
59+
60+
<p>{{format.description}}</p>
61+
62+
{% if format.resources %}
63+
<h3>Resources</h3>
64+
<ul>
65+
{% for resource in format.resources %}
66+
<a href={{resource.url}}>
67+
<li>{{resource.name}}</li>
68+
</a>
69+
{% endfor %}
70+
</ul>
71+
{% endif %}
72+
73+
{% if format.crates %}
74+
<h3>Crates</h3>
75+
<ul>
76+
{% for crate in format.crates %}
77+
<a href={{crate.url}}>
78+
<li>{{crate.name}}</li>
79+
</a>
80+
{% endfor %}
81+
</ul>
82+
{% endif %}
83+
84+
85+
{% endfor %}
86+
</article>
87+
<hr>
4588
<article>
4689
<h1>DSP resources</h1>
4790
{% set resources = load_data(path="content/resources.toml") %}
4891
{% for group, resources in resources.resources | group_by(attribute="category") %}
4992
<h2>{{group | capitalize}}</h2>
50-
{% for resource in resources %}
51-
<a href={{resource.url}}>{{ resource.name }}</a></br>
52-
{% endfor %}
93+
<ul>
94+
{% for resource in resources %}
95+
<a href={{resource.url}}>
96+
<li>{{resource.name}}</li>
97+
</a>
98+
{% endfor %}
99+
</ul>
53100
{% endfor %}
54101
</article>
55102
</section>
56103

104+
<hr>
105+
106+
{# Crates #}
107+
57108
<section>
58109
<h2 class="container-full">RustAudio Crates</h2>
59110
<div class="crates">

‎templates/layout.html‎

Lines changed: 1 addition & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -18,15 +18,7 @@
1818
<body>
1919
{% block content %}{% endblock content %}
2020
{% block extra_body %}{% endblock extra_body %}
21-
{% block footer %}
22-
<footer>
23-
<div>
24-
<a href="//u9h.design" target="_blank">
25-
<img src="/media/designed.svg" style="width: 100px;" />
26-
</a>
27-
</div>
28-
</footer>
29-
{% endblock footer %}
21+
{% block footer %}{% endblock footer %}
3022
</body>
3123

3224
</html>

0 commit comments

Comments
 (0)