Commit 3d70c3e2 authored by Georg Krause's avatar Georg Krause

Initial content version

parent 89face21
Pipeline #123 failed with stages
in 44 seconds
......@@ -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'
......
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;
}
\ No newline at end of file
......@@ -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>
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>
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 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>More Information</h4>
<h4>App Image</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua.
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>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment