Source code of www.zrythm.org
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

222 lines
10 KiB

{#
Copyright (C) 2019-2021 Alexandros Theodotou <alex at zrythm dot org>
Copyright (C) 2021 Andrew Harter <andrewhharter@gmail.com>
This file is part of Zrythm
Zrythm is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
Zrythm is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.
#}
{% extends "common/base.j2" %}
{% block head_content %}
<title>Zrythm - {{ _('Digital Audio Workstation') }}</title>
<meta name="description"
content=
"{% trans %}
Zrythm is a digital audio workstation designed to be
featureful and easy to use. It allows limitless
automation, supports LV2 plugins, works with the JACK
audio backend and provides chord assistance.
{% endtrans %}" />
<link rel="canonical" href="https://www.zrythm.org/{{ lang }}/index.html">
{% endblock head_content %}
{% block body_content %}
<section class="hero">
<section class="hero__container container">
<h1 class="hero__brand">ZRYTHM</h1>
<h5 class="hero__subtext">{{ _('A highly automated and intuitive digital audio workstation') }}</h5>
<div class="hero__buttons">
<a class="hero__button btn btn--primary" href="{{ url(lang + '/download.html') }}">{{ _('Download') }}</a>
<a class="hero__button btn" href="#highlights">{{ _('Learn More') }}</a>
</div>
<div class="hero__screenshot">
<img src="{{ screenshot }}" class="hero__image">
</div>
</section>
</section>
<section class="highlights" id="highlights">
{% for feature in highlights %}
<div class="highlights__row{{ loop.cycle ('', ' highlights__row--alt') }}">
<div class="highlights__content">
<h3 class="highlights__header">{{ feature.title }}</h3>
<p class="highlights__text">
{{ feature.summary }}
</p>
</div>
<div class="highlights__screenshot"><img class="highlights__image" src="{{ feature.img if 'https' in feature.img else url('static/images/' + feature.img) }}"></div>
</div>
{% endfor %}
</section>
<h3 class="header--underline">{{ _('Showcase') }}</h3>
<section class="showcase container">
<div class="container">
<div class="learn__grid">
<div class="learn__card">
<video controls class="learn__video" poster="https://www.zrythm.org/videos/lmc2-just-for-kicks.png" preload="none">
<source src="https://www.zrythm.org/videos/lmc2-just-for-kicks.webm"
type="video/webm; codecs=vp9,opus"
preload="metadata">
{% trans %}
Your browser does not support HTML5 video.
{% endtrans %}
</video>
<p class="learn__title">
Just For Kicks ~
<a href="https://sonomu.club/@rghvdberg">Rob van den Berg</a>
</p>
</div>
<div class="learn__card">
<video controls class="learn__video" poster="https://www.zrythm.org/videos/mylofy-alphatunez.png" preload="none">
<source src="https://www.zrythm.org/videos/mylofy-alphatunez.webm"
type="video/webm; codecs=vp8,vorbis"
preload="metadata">
{% trans %}
Your browser does not support HTML5 video.
{% endtrans %}
</video>
<p class="learn__title">
Alphatunez ~
<a href="https://soundcloud.com/mylofymusic">MyLoFy</a>
</p>
</div>
<div class="learn__card">
<video controls class="learn__video" poster="https://www.zrythm.org/videos/sahaathyva-dubz.png" preload="none">
<source src="https://www.zrythm.org/videos/sahaathyva-dubz.webm"
type="video/webm; codecs=vp9,opus"
preload="metadata">
{% trans %}
Your browser does not support HTML5 video.
{% endtrans %}
</video>
<p class="learn__title">
dubZ ~
<a href="https://soundcloud.com/user-301824472">SahaaThyva</a>
</p>
</div>
<div class="learn__card">
<video controls class="learn__video" poster="https://www.zrythm.org/videos/mylofy-window-into-the-air.png" preload="none">
<source src="https://www.zrythm.org/videos/mylofy-window-into-the-air.webm"
type="video/webm; codecs=vp9,opus"
preload="metadata">
{% trans %}
Your browser does not support HTML5 video.
{% endtrans %}
</video>
<p class="learn__title">
Window Into The Air ~
<a href="https://soundcloud.com/mylofymusic">MyLoFy</a>
</p>
</div>
<div class="learn__card">
<video controls class="learn__video" poster="https://www.zrythm.org/videos/yukota-nainai.png" preload="none">
<source src="https://www.zrythm.org/videos/yukota-nainai.webm"
type="video/webm; codecs=vp9,opus"
preload="metadata">
{% trans %}
Your browser does not support HTML5 video.
{% endtrans %}
</video>
<p class="learn__title">
ないない ({{ _('Remake') }}) ~
<a href="https://www.youtube.com/channel/UC0hw6Md1OxhUX8IP6FU0E0w">yukota</a>
</p>
</div>
<div class="learn__card">
<video controls class="learn__video" poster="https://www.zrythm.org/videos/mylofy-getting-there.png" preload="none">
<source src="https://www.zrythm.org/videos/mylofy-getting-there.webm"
type="video/webm; codecs=vp9,opus"
preload="metadata">
{% trans %}
Your browser does not support HTML5 video.
{% endtrans %}
</video>
<p class="learn__title">
Getting There ~
<a href="https://soundcloud.com/mylofymusic">MyLoFy</a>
</p>
</div>
</div>
</div>
</section>
<h3 class="header--underline">{{ _('Testimonials') }}</h3>
<section class="testimonials container">
<div class="testimonals__card">
<img src="{{ url('static/images/unfa256.jpg') }}" class="testimonials__portrait">
<h4 class="testimonials__name">unfa</h4>
<p class="testimonials__text">
"Zrythm is steadily building up towards something really exciting: a modern, flexible, [free as in freedom], Linux-native DAW focused on electronic music production"
</p>
<a href="https://www.youtube.com/watch?v=hVyTdUL7iOQ" class="testimonials__source">livestream: Making a funky song in Zrythm</a>
</div>
<div class="testimonals__card">
<img src="{{ url('static/images/LV_Morrison_Graham.png_medium.png') }}" class="testimonials__portrait">
<h4 class="testimonials__name">Graham Morrison</h4>
<p class="testimonials__text">
"it is one of the best ways of composing music and exporting the audio files on [GNU/Linux]"
</p>
<a href="https://www.linux-magazine.com/Issues/2019/229/FOSSPicks" class="testimonials__source">Article from Issue 229/2019 of Linux Magazine</a>
</div>
<div class="testimonals__card">
<img src="{{ url('static/images/alexandre-prokoudine-mastodon.png') }}" class="testimonials__portrait">
<h4 class="testimonials__name">Alexandre Prokoudine</h4>
<p class="testimonials__text">
"Zrythm makes being a musician on [GNU/Linux] more exciting"
</p>
<a href="https://librearts.org/2022/01/2021-recap-2022-preview/" class="testimonials__source">Libre Arts: Looking back at 2021, looking forward at 2022</a>
</div>
</section>
<h3 class="header--underline">{{ _('Affiliates') }}</h3>
<section class="container">
<div class="container">
<div class="affiliates__grid">
<a href="https://weblate.org/{{ lang }}/">
<img
class="shadowed"
src="{{ url('static/images/weblate-logo-darktext-borders.png') }}"
alt="Weblate">
</img>
</a>
{#
<a href="https://go.nordvpn.net/aff_c?offer_id=15&aff_id=63054&url_id=902">
<img
class="shadowed"
{% if lang in ['de', 'es', 'fr', 'it', 'ja', 'ko', 'nl', 'pt', 'zh'] %}
src="{{ url('static/images/nordvpn-banners/cool-off-72%25-1200x628-{lang}.png'.format (lang = lang)) }}"
{% else %}
src="{{ url('static/images/nordvpn-banners/cool-off-72%25-1200x628-us.png') }}"
{% endif %}
style="max-width:280px;"
alt="NordVPN">
</img>
</a>
#}
{#
<a href="https://www.bluehost.com/track/zrythmdaw/">
<img
class="shadowed"
src="{{ url('static/images/bluehost-120x90BW.png') }}"
alt="BlueHost">
</img>
</a>
#}
</div>
</div>
</section>
{% endblock body_content %}