loopp-homepage/themes/openAV-Luppp/templates/index.html

168 lines
7.1 KiB
HTML

<!doctype html>
<html lang="{% block html_lang %}{{ DEFAULT_LANG }}{% endblock html_lang %}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="{{ SITE_SUBHEADING }}">
<title>{% block title %}{{ SITENAME }}{% endblock title %}</title>
<link rel="stylesheet" href="{{ SITEURL }}/theme/css/pure-min.css">
<!--[if lte IE 8]>
<link rel="stylesheet" href="css/grids-responsive-old-ie-min.css">
<![endif]-->
<!--[if gt IE 8]><!-->
<link rel="stylesheet" href="{{ SITEURL }}/theme/css/grids-responsive-min.css">
<!--<![endif]-->
<link rel="stylesheet" href="{{ SITEURL }}/theme/css/font-awesome.css">
<!--[if lte IE 8]>
<link rel="stylesheet" href="css/layouts/marketing-old-ie.css">
<![endif]-->
<!--[if gt IE 8]><!-->
<link rel="stylesheet" href="{{ SITEURL }}/theme/css/layouts/marketing.css">
<!--<![endif]-->
<link rel="stylesheet" href="{{ SITEURL }}/theme/css/responsive-style.css">
<link rel="stylesheet" href="{{ SITEURL }}/theme/css/style.css">
<link rel="icon" type="image/x-icon" href="{{ SITEURL }}/theme/images/luppp.svg" sizes="32x32">
</head>
<body>
<div class="header">
<div class="home-menu pure-menu pure-menu-horizontal pure-menu-fixed">
<a class="pure-menu-heading" href="">{{ SITENAME }}</a>
<ul class="pure-menu-list">
{% for title, link in LINKS %}
<li class="pure-menu-item"><a href="{{ link }}" class="pure-menu-link">{{ title }}</a></li>
{% endfor %}
</ul>
</div>
</div>
<div class="splash-container">
<div class="splash">
<h1 class="splash-head">{{ SITENAME }}</h1>
<p class="splash-subhead">
{{ SITE_SUBHEADING }}
</p>
<p>
<a href="#GetLuppp" class="pure-button pure-button-primary">
<span class="icon"></span>
<span class="button-text">Get Started</span>
</a>
</p>
</div>
</div>
<div class="content-wrapper">
<div class="content">
<h2 class="content-head is-center">Solid Live Performance Tool</h2>
<div class="pure-g">
<div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
<h3 class="content-subhead">
Grid Launcher
</h3>
<p>
There is the well known Grid Launcher, ready to record or load your Loops and perform your music.
</p>
</div>
<div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
<h3 class="content-subhead">
Mixer Section
</h3>
<p>
The versatile Mixer Sections allows you to use anything whats needed: A global Send for Reverb, Sidechaining
and one independend FX Send per Track.
</p>
</div>
<div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
<h3 class="content-subhead">
MIDI Control
</h3>
<p>
With extensive MIDI mapping support, you can get looping just how you like! If your Controller is not already
supported, simply use MIDI learn or write your own Controller map.
</p>
</div>
<div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
<h3 class="content-subhead">
Intended for Live Usage
</h3>
<p>
While development we always have live usage in mind. We focus on real time processing without any crashes. Nothing
should disturb the show!
</p>
</div>
</div>
</div>
<div class="ribbon l-box-lrg pure-g">
<div class="l-box-lrg is-center pure-u-1 pure-u-md-1-2 pure-u-lg-2-5">
<img width="200" alt="File Icons" class="pure-img-responsive" src="{{ SITEURL }}/theme/images/luppp.svg">
</div>
<div class="pure-u-1 pure-u-md-1-2 pure-u-lg-3-5">
<h2 class="content-head content-head-ribbon">Become a part of the community!</h2>
<p>
Luppp is useful for you? You enjoy it or have idea how to improve? Do you want to help with testing, documentation or development?
We are looking forward to get in touch with you!
<a href="https://github.com/openAVproductions/openAV-Luppp/issues/new">Create an issue on Github</a>. Join our discussion
via <a href="https://matrix.to/#/#openav:matrix.org">Matrix</a> or <a href="http://webchat.freenode.net/#openav">IRC</a>.
</p>
</div>
</div>
<div class="content">
<h2 id="GetLuppp" class="content-head is-center">Get Luppp now and make some music!</h2>
<div class="pure-g">
<div class="l-box-lrg pure-u-md-1-5"></div>
<div class="l-box-lrg pure-u-1 pure-u-md-3-5">
<h4>Your Distrubition</h4>
<p>
If you are on Debian or Ubuntu, its recommended to use <a href="https://kx.studio/Repositories">the KXStudio repositories</a>.
On Arch Linux based distribution there is an <a href="https://www.archlinux.org/packages/community/x86_64/luppp/">official
package</a> available.
</p>
<h4>Build it on your own!</h4>
<p>
If there is no official package for your distribution, we recommend building Luppp on your own. Learning this also enables you to
try the latest features and help developing. Its not hard, read <a href="https://github.com/openAVproductions/openAV-Luppp/tree/release-1.2.1#install">here</a>
how to do it!
</p>
<h4>App Image</h4>
<p>
If your distribution does not provide a package and you don't want to build Luppp on your own, you can use the
<a href="https://github.com/openAVproductions/openAV-Luppp/releases/latest">the latest App Image</a> directly from Github. It runs on
any Linux, without installing any dependencies. Read <a href="https://appimage.org/">here</a> how to execute an App Image.
Please note: App Images introduce additional CPU load and might reduce stability of Luppp!
</p>
</div>
</div>
</div>
<div class="footer l-box is-center">
Luppp is developed by <a href="http://openavproductions.com">OpenAV Productions</a>.
</div>
</div>
</body>
</html>