diff options
| author | Alexander Pickering <alexandermpickering@gmail.com> | 2016-06-13 18:29:36 -0400 |
|---|---|---|
| committer | Alexander Pickering <alexandermpickering@gmail.com> | 2016-06-13 18:29:36 -0400 |
| commit | 09f6b7edf0341d2e60c20f978c6c221a36e7f24f (patch) | |
| tree | 9dd22529c460771e8b16b3fbd1c4494a824ed75d /lighscrap | |
| parent | 9c58f8921a5d97df498ffc56481621a28270a860 (diff) | |
| download | webpage-09f6b7edf0341d2e60c20f978c6c221a36e7f24f.tar.gz webpage-09f6b7edf0341d2e60c20f978c6c221a36e7f24f.tar.bz2 webpage-09f6b7edf0341d2e60c20f978c6c221a36e7f24f.zip | |
Added background picture to fuzzel page
Diffstat (limited to 'lighscrap')
| -rw-r--r-- | lighscrap/index.html | 57 | ||||
| -rw-r--r-- | lighscrap/jumbotron-narrow.css | 94 |
2 files changed, 151 insertions, 0 deletions
diff --git a/lighscrap/index.html b/lighscrap/index.html new file mode 100644 index 0000000..fb4fe5f --- /dev/null +++ b/lighscrap/index.html @@ -0,0 +1,57 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="utf-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> + <meta name="description" content=""> + <meta name="author" content=""> + + <title>Vaud</title> + + <!-- Bootstrap core CSS --> + <link href="../css/bootstrap.min.css" rel="stylesheet"> + + <!-- Custom styles for this template --> + <link href="jumbotron-narrow.css" rel="stylesheet"> + + <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> + <!--[if lt IE 9]> + <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> + <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> + <![endif]--> + </head> + + <body> + + <div class="container"> + <div class="header clearfix"> + <h3 class="text-muted">Vaud - Audio Visualizer</h3> + </div> + + <div class="jumbotron"> + <h1>Vaud</h1> + <p class="lead">An audio visualizer written useing NCurses for JACK</p> + <a class="btn btn-lg btn-info" href="https://cogarr.net/source/cgit.cgi/vaud" role="button">Download</a></p> + </div> + + <div class="row marketing"> + <h4>Vaud</h4> + <p>Vaud was born out of frustration of not haveing a simple, easy-to-use in-terminal audio visualizer about a year ago. Vaud is built on the work of <a href="mailto:njh@aelius.com">Nicholas J. Humfrey</a> and <a href="mailto:steve@plugin.org.uk">Steve Harris</a> + <h4>Dependencies</h4> + <p>Vaud depends on <code>libncurses-dev</code> and <code>jack-dev</code> + <h4>Building</h4> + <p>Compileing is just a stright forward <code>make</code> + <h4>Configureation</h4> + <p>Colors require a VT102 complient terminal, and can be modified in config.h (re-compileing is required for changes to take effect) + </div> + + <footer class="footer"> + <p>Contact the admin at <a href="mailto:apickx@cogarr.org">Apickx@cogarr.org</a></p> + </footer> + + </div> <!-- /container --> + + </body> +</html> diff --git a/lighscrap/jumbotron-narrow.css b/lighscrap/jumbotron-narrow.css new file mode 100644 index 0000000..43eadd3 --- /dev/null +++ b/lighscrap/jumbotron-narrow.css @@ -0,0 +1,94 @@ +/* Space out content a bit */ +body { + padding-top: 20px; + padding-bottom: 20px; +} + +/* Everything but the jumbotron gets side spacing for mobile first views */ +.header, +.marketing, +.footer { + padding-right: 15px; + padding-left: 15px; +} + +/* Custom page header */ +.header { + padding-bottom: 20px; + border-bottom: 1px solid #e5e5e5; +} +/* Make the masthead heading the same height as the navigation */ +.header h3 { + margin-top: 0; + margin-bottom: 0; + line-height: 40px; +} + +/* Custom page footer */ +.footer { + padding-top: 19px; + color: #777; + border-top: 1px solid #e5e5e5; +} + +/* Customize container */ +@media (min-width: 768px) { + .container { + max-width: 730px; + } +} +.container-narrow > hr { + margin: 30px 0; +} + +/* Main marketing message and sign up button */ +.jumbotron { + text-align: center; + color: #acacac; + border-bottom: 1px solid #e5e5e5; + background:url("vaud.png") no-repeat center; +} +.jumbotron p{ + text-shadow: + -1px -1px 0 #000, + 1px -1px 0 #000, + -1px 1px 0 #000, + 1px 1px 0 #000; + background: black; + background: -webkit-radial-gradient(black, rgba(0, 0, 0, 0)); + background: -o-radial-gradient(black, rgba(0, 0, 0, 0)); + background: -moz-radial-gradient(black, rgba(0, 0, 0, 0)); + background: radial-gradient(black, rgba(0, 0, 0, 0)); + border-radius:20px; +} +.jumbotron .btn { + padding: 14px 24px; + font-size: 21px; +} + +/* Supporting marketing content */ +.marketing { + margin: 40px 0; +} +.marketing p + h4 { + margin-top: 28px; +} + +/* Responsive: Portrait tablets and up */ +@media screen and (min-width: 768px) { + /* Remove the padding we set earlier */ + .header, + .marketing, + .footer { + padding-right: 0; + padding-left: 0; + } + /* Space out the masthead */ + .header { + margin-bottom: 30px; + } + /* Remove the bottom border on the jumbotron for visual effect */ + .jumbotron { + border-bottom: 0; + } +} |