some footer and license work

app/assets/stylesheets/welcome.scss

@@ -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 {

app/views/layouts/application.html.erb

@@ -28,7 +28,47 @@
 			<%= yield %>
 
 			<footer id="footer">
-				Copyright &copy; 2016 Weird Web Workers and Georg Hopp | All rights reserved
+				<ul>
+					<li><a href="">about us</a></li>
+					<li><a href="">contact</a></li>
+				</ul>
+				<div class="license">
+					<div>
+						<p>
+						Copyright &copy; 2016 Weird Web Workers and Georg Hopp | All
+						rights reserved
+						</p>
+						<p>
+						All code (no matter which language) used to create this page is
+						licensed under a
+						<a href="http://www.gnu.org/licenses/gpl-3.0.en.html"
+							rel="license"
+							target="_blank">
+							GNU General Public License (Version 3)
+						</a>.
+						</p>
+						<p>
+						All other work is licensed under a
+						<a href="http://creativecommons.org/licenses/by/4.0/"
+							rel="license"
+							target="_blank">
+							Creative Commons Attribution 4.0 International License
+						</a>.
+						</p>
+					</div>
+					<a href="http://creativecommons.org/licenses/by/4.0/"
+						rel="license"
+						target="_blank">
+						<img alt="Creative Commons License"
+							style="border-width:0"
+							src="https://i.creativecommons.org/l/by/4.0/88x31.png" />
+					</a>
+					<a href="http://www.gnu.org/licenses/gpl-3.0.en.html"
+						rel="license"
+						target="_blank">
+						<%= image_tag("gpl-v3-red.svg", height: "30") %>
+					</a>
+				</div>
 			</footer>
 		</div>
 	</body>