From 41d846f93d5fbf9f445aa81a24d80c4f1241008b Mon Sep 17 00:00:00 2001 From: Georg Hopp Date: Sun, 10 Apr 2016 23:42:21 +0200 Subject: [PATCH] some footer and license work --- app/assets/images/gpl-v3-logo.svg | 389 +++++++++++++++++++++++++ app/assets/images/gpl-v3-red.svg | 245 ++++++++++++++++ app/assets/stylesheets/welcome.scss | 39 ++- app/views/layouts/application.html.erb | 42 ++- 4 files changed, 708 insertions(+), 7 deletions(-) create mode 100644 app/assets/images/gpl-v3-logo.svg create mode 100644 app/assets/images/gpl-v3-red.svg diff --git a/app/assets/images/gpl-v3-logo.svg b/app/assets/images/gpl-v3-logo.svg new file mode 100644 index 0000000..6754c99 --- /dev/null +++ b/app/assets/images/gpl-v3-logo.svg @@ -0,0 +1,389 @@ + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/app/assets/images/gpl-v3-red.svg b/app/assets/images/gpl-v3-red.svg new file mode 100644 index 0000000..c220b56 --- /dev/null +++ b/app/assets/images/gpl-v3-red.svg @@ -0,0 +1,245 @@ + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/app/assets/stylesheets/welcome.scss b/app/assets/stylesheets/welcome.scss index 7393266..445be77 100644 --- a/app/assets/stylesheets/welcome.scss +++ b/app/assets/stylesheets/welcome.scss @@ -94,11 +94,11 @@ p { font-family: Arkitech; } -#nav ul{ +#nav ul { display: block; list-style: none; } -#nav li{ +#nav li { float: left; padding-left: 21px; } @@ -144,12 +144,39 @@ p { #footer { background: rgb(22, 27, 28); - position: relative; width: 100%; - height: 40px; - - color: rgb(255,255,255); + height: 140px; + font-size: x-small; +} +#footer p { + color: rgb(214,206,204); +} +#footer ul { + padding-top: 10px; +} +#footer li { + float: left; + padding-left: 10px; + padding-right: 10px; + border-right: 1px solid rgb(214,206,204); +} +#footer .license { + bottom: 0px; + width: 100%; + position: absolute; +} +#footer .license img { + display: inline-block; + position: relative; + float: right; + vertical-align: middle; +} +#footer .license div { + display: inline-block; + position: relative; + left: 0px; + vertical-align: middle; } #about, #etymology { diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb index 1fc2b6f..0ba3f5a 100644 --- a/app/views/layouts/application.html.erb +++ b/app/views/layouts/application.html.erb @@ -28,7 +28,47 @@ <%= yield %>