add creativecommons license

3 files changed, 23 insertions, 14 deletions

diff --git a/docs/index.html b/docs/index.html
index 72e6015..d6eb27d 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -160,13 +160,13 @@
     
 <div class=separator></div>
 <div class=footer>
-    <a href=https://github.com/nerdypepper>Github</a>
-    · 
-    <a href=https://twitter.com/N3rdyP3pp3r>Twitter</a>
-    · 
-    <a href=mailto:nerdypepper@tuta.io>Mail</a>
-    · 
-    <a href=https://linkedin.com/in/nerdypepper>LinkedIn</a>
+    <a href=https://github.com/nerdypepper>Github</a> · 
+    <a href=https://twitter.com/N3rdyP3pp3r>Twitter</a> · 
+    <a href=mailto:nerdypepper@tuta.io>Mail</a> · 
+    <a href=https://linkedin.com/in/nerdypepper>LinkedIn</a> · 
+    <a href=https://creativecommons.org/licenses/by-nc-sa/4.0/>
+        <img class=footimgs src=https://d33wubrfki0l68.cloudfront.net/94387e9d77fbc8b4360db81e72603ecba3df94a7/632bc/static/cc.svg>
+    </a>
 </div>
 </div>
 </body>
diff --git a/docs/style.css b/docs/style.css
index bd380e7..6a25373 100644
--- a/docs/style.css
+++ b/docs/style.css
@@ -139,6 +139,7 @@ a, a:hover, a:visited, a:active {
   text-decoration: none;
   color: var(--black);
   text-shadow: none;
+  text-align: center;
   font-weight: 800;
   font-size: 1.5rem;
 }
@@ -197,3 +198,11 @@ pre > code {
   font-size: 0.7rem;
   text-align: center;
 }
+
+.footimgs {
+  max-height: 0.7rem;
+  display: inline-block;
+  vertical-align: middle;
+  image-orientation: from-image;
+  cursor: pointer;
+}
diff --git a/generate.sh b/generate.sh
index 7bbe3c1..a326059 100755
--- a/generate.sh
+++ b/generate.sh
@@ -111,13 +111,13 @@ done
 echo "
 <div class="separator"></div>
 <div class="footer">
-    <a href="https://github.com/nerdypepper">Github</a>
-    · 
-    <a href="https://twitter.com/N3rdyP3pp3r">Twitter</a>
-    · 
-    <a href="mailto:nerdypepper@tuta.io">Mail</a>
-    · 
-    <a href="https://linkedin.com/in/nerdypepper">LinkedIn</a>
+    <a href="https://github.com/nerdypepper">Github</a> · 
+    <a href="https://twitter.com/N3rdyP3pp3r">Twitter</a> · 
+    <a href="mailto:nerdypepper@tuta.io">Mail</a> · 
+    <a href="https://linkedin.com/in/nerdypepper">LinkedIn</a> · 
+    <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">
+        <img class="footimgs" src="https://d33wubrfki0l68.cloudfront.net/94387e9d77fbc8b4360db81e72603ecba3df94a7/632bc/static/cc.svg">
+    </a>
 </div>
 </div>
 </body>