3 files changed, 151 insertions, 0 deletions
diff --git a/vaud/index.html b/vaud/index.html
new file mode 100644
index 0000000..fb4fe5f
--- /dev/null
+++ b/vaud/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/vaud/jumbotron-narrow.css b/vaud/jumbotron-narrow.css
new file mode 100644
index 0000000..43eadd3
--- /dev/null
+++ b/vaud/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;
+  }
+}
diff --git a/vaud/vaud.png b/vaud/vaud.png
new file mode 100644
index 0000000..5b4f7bb
--- /dev/null
+++ b/vaud/vaud.png