From 09f6b7edf0341d2e60c20f978c6c221a36e7f24f Mon Sep 17 00:00:00 2001 From: Alexander Pickering Date: Mon, 13 Jun 2016 18:29:36 -0400 Subject: Added background picture to fuzzel page --- fuzzel/fuzzeljumbo.png | Bin 0 -> 92271 bytes fuzzel/jumbotron-narrow.css | 15 +++++++ gms/jumbotron-narrow.css | 79 ---------------------------------- lighscrap/index.html | 57 +++++++++++++++++++++++++ lighscrap/jumbotron-narrow.css | 94 +++++++++++++++++++++++++++++++++++++++++ 5 files changed, 166 insertions(+), 79 deletions(-) create mode 100644 fuzzel/fuzzeljumbo.png delete mode 100644 gms/jumbotron-narrow.css create mode 100644 lighscrap/index.html create mode 100644 lighscrap/jumbotron-narrow.css diff --git a/fuzzel/fuzzeljumbo.png b/fuzzel/fuzzeljumbo.png new file mode 100644 index 0000000..643a84a Binary files /dev/null and b/fuzzel/fuzzeljumbo.png differ diff --git a/fuzzel/jumbotron-narrow.css b/fuzzel/jumbotron-narrow.css index 952adc5..e4a9219 100644 --- a/fuzzel/jumbotron-narrow.css +++ b/fuzzel/jumbotron-narrow.css @@ -44,7 +44,22 @@ body { /* Main marketing message and sign up button */ .jumbotron { text-align: center; + color: #acacac; border-bottom: 1px solid #e5e5e5; + background:url("fuzzel.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; diff --git a/gms/jumbotron-narrow.css b/gms/jumbotron-narrow.css deleted file mode 100644 index 952adc5..0000000 --- a/gms/jumbotron-narrow.css +++ /dev/null @@ -1,79 +0,0 @@ -/* 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; - border-bottom: 1px solid #e5e5e5; -} -.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/lighscrap/index.html b/lighscrap/index.html new file mode 100644 index 0000000..fb4fe5f --- /dev/null +++ b/lighscrap/index.html @@ -0,0 +1,57 @@ + + + + + + + + + + + Vaud + + + + + + + + + + + + + +
+
+

Vaud - Audio Visualizer

+
+ +
+

Vaud

+

An audio visualizer written useing NCurses for JACK

+ Download

+
+ +
+

Vaud

+

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 Nicholas J. Humfrey and Steve Harris +

Dependencies

+

Vaud depends on libncurses-dev and jack-dev +

Building

+

Compileing is just a stright forward make +

Configureation

+

Colors require a VT102 complient terminal, and can be modified in config.h (re-compileing is required for changes to take effect) +

+ + + +
+ + + 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; + } +} -- cgit v1.2.3-70-g09d2