Initial content version
parent
89face210d
commit
3d70c3e2b0
|
@ -4,6 +4,7 @@ from __future__ import unicode_literals
|
|||
|
||||
AUTHOR = 'Georg Krause'
|
||||
SITENAME = 'Luppp'
|
||||
SITE_SUBHEADING = 'A free and Open Source Live Performance Tool'
|
||||
SITEURL = ''
|
||||
THEME = 'themes/openAV-Luppp'
|
||||
|
||||
|
|
|
@ -1,3 +1,12 @@
|
|||
a {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #ff9900;
|
||||
}
|
||||
|
||||
.icon {
|
||||
background-color: #00ff00;
|
||||
background-image: url("../images/play.svg");
|
||||
|
@ -53,12 +62,22 @@ a.pure-button-primary {
|
|||
background-position-x: 5px;
|
||||
}
|
||||
|
||||
.ribbon,
|
||||
.home-menu {
|
||||
.ribbon, .home-menu {
|
||||
background: #2b2b2b;
|
||||
}
|
||||
|
||||
.home-menu a,
|
||||
.content-subhead {
|
||||
.ribbon {
|
||||
padding-right: 100px;
|
||||
}
|
||||
|
||||
.home-menu a, .content-subhead, .pure-menu-selected a {
|
||||
color: #ff9900;
|
||||
}
|
||||
|
||||
.content a {
|
||||
color: black;
|
||||
}
|
||||
|
||||
.content a:hover {
|
||||
color: #ff9900;
|
||||
}
|
Binary file not shown.
Before Width: | Height: | Size: 42 KiB |
|
@ -4,7 +4,7 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="A layout example that shows off a responsive product landing page.">
|
||||
<meta name="description" content="{{ SITE_SUBHEADING }}">
|
||||
<title>{% block title %}{{ SITENAME }}{% endblock title %}</title>
|
||||
|
||||
<link rel="stylesheet" href="{{ SITEURL }}/theme/css/pure-min.css">
|
||||
|
@ -37,9 +37,9 @@
|
|||
<a class="pure-menu-heading" href="">{{ SITENAME }}</a>
|
||||
|
||||
<ul class="pure-menu-list">
|
||||
<li class="pure-menu-item pure-menu-selected"><a href="#" class="pure-menu-link">Home</a></li>
|
||||
<li class="pure-menu-item"><a href="#" class="pure-menu-link">Tour</a></li>
|
||||
<li class="pure-menu-item"><a href="#" class="pure-menu-link">Sign Up</a></li>
|
||||
<!-- <li class="pure-menu-item"><a href="/" class="pure-menu-link">Home</a></li> -->
|
||||
<li class="pure-menu-item"><a href="http://openavproductions.com/doc/luppp.html" class="pure-menu-link">User Guide</a></li>
|
||||
<li class="pure-menu-item"><a href="http://openavproductions.com" class="pure-menu-link">OpenAV Productions</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -48,10 +48,10 @@
|
|||
<div class="splash">
|
||||
<h1 class="splash-head">{{ SITENAME }}</h1>
|
||||
<p class="splash-subhead">
|
||||
Your Free and Open Source Loop Station on Linux
|
||||
{{ SITE_SUBHEADING }}
|
||||
</p>
|
||||
<p>
|
||||
<a href="#content-link" class="pure-button pure-button-primary">
|
||||
<a href="#GetLuppp" class="pure-button pure-button-primary">
|
||||
<span class="icon"></span>
|
||||
<span class="button-text">Get Started</span>
|
||||
</a>
|
||||
|
@ -59,42 +59,45 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content-wrapper" id="content-link">
|
||||
<div class="content-wrapper">
|
||||
<div class="content">
|
||||
<h2 class="content-head is-center">Excepteur sint occaecat cupidatat.</h2>
|
||||
<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">
|
||||
<i class="fa fa-rocket"></i> Get Started Quickly
|
||||
Grid Launcher
|
||||
</h3>
|
||||
<p>
|
||||
Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum.
|
||||
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">
|
||||
<i class="fa fa-mobile"></i> Responsive Layouts
|
||||
Mixer Section
|
||||
</h3>
|
||||
<p>
|
||||
Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum.
|
||||
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">
|
||||
<i class="fa fa-th-large"></i> Modular
|
||||
MIDI Control
|
||||
</h3>
|
||||
<p>
|
||||
Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum.
|
||||
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">
|
||||
<i class="fa fa-check-square-o"></i> Plays Nice
|
||||
Intended for Live Usage
|
||||
</h3>
|
||||
<p>
|
||||
Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum.
|
||||
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>
|
||||
|
@ -102,55 +105,47 @@
|
|||
|
||||
<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="300" alt="File Icons" class="pure-img-responsive" src="img/common/file-icons.png">
|
||||
<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">Laboris nisi ut aliquip.</h2>
|
||||
<h2 class="content-head content-head-ribbon">Become a part of the community!</h2>
|
||||
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
|
||||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||||
aliquip ex ea commodo consequat. Duis aute irure dolor.
|
||||
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 class="content-head is-center">Dolore magna aliqua. Uis aute irure.</h2>
|
||||
<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-1 pure-u-md-2-5">
|
||||
<form class="pure-form pure-form-stacked">
|
||||
<fieldset>
|
||||
|
||||
<label for="name">Your Name</label>
|
||||
<input id="name" type="text" placeholder="Your Name">
|
||||
|
||||
|
||||
<label for="email">Your Email</label>
|
||||
<input id="email" type="email" placeholder="Your Email">
|
||||
|
||||
<label for="password">Your Password</label>
|
||||
<input id="password" type="password" placeholder="Your Password">
|
||||
|
||||
<button type="submit" class="pure-button">Sign Up</button>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<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>Contact Us</h4>
|
||||
<h4>Your Distrubition</h4>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
|
||||
laboris nisi ut aliquip ex ea commodo consequat.
|
||||
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>More Information</h4>
|
||||
<h4>Build it on your own!</h4>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
|
||||
labore et dolore magna aliqua.
|
||||
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>
|
||||
|
@ -158,7 +153,7 @@
|
|||
</div>
|
||||
|
||||
<div class="footer l-box is-center">
|
||||
View the source of this layout to learn more. Made with love by the YUI Team.
|
||||
Luppp is developed by <a href="http://openavproductions.com">OpenAV Productions</a>.
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
Loading…
Reference in New Issue