credit author in footer

README.md

@@ -2,7 +2,7 @@
 
 ## credits
 
-- [Partij voor de Dieren social media studio](https://studio.partijvoordedieren.nl/) © Niek Brunninkhuis
+- [Partij voor de Dieren social media studio](https://studio.partijvoordedieren.nl/) © [Niek Brunninkhuis](https://github.com/n-brunninkhuis)
 - image overlays © [BUROBRAAK](https://www.burobraak.nl/)
 - [jquery](https://github.com/jquery/jquery)
 - [exif-js](https://github.com/exif-js/exif-js)

index.html

@@ -4,14 +4,14 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=.9, maximum-scale=1, user-scalable=no">
 
-  <title>Social media studio - BIJ1 - met dank aan Niek Brunninkhuis en Partij voor de Dieren!</title>
+  <title>Social media studio - BIJ1</title>
 
   <meta name="description" content="Geef hier je foto's een BIJ1 flair om te delen online!">
 
   <meta name="twitter:card" content="summary" />
   <meta property="twitter:site" content="@PolitiekBIJ1" />
 
-  <meta property="og:title" content="Social media studio - BIJ1 - met dank aan Niek Brunninkhuis en Partij voor de Dieren!" />
+  <meta property="og:title" content="Social media studio - BIJ1" />
   <meta property="og:description" content="Geef hier je foto's een BIJ1 flair om te delen online!" />
   <meta property="og:type" content="website" />
   <meta property="og:url" content="https://studio.bij1.org/" />
@@ -81,6 +81,9 @@
   </div>
 <div id="helpbg" style="display: none;"></div>
 <canvas id="dummyCanvas" width="1080" height="1080"></canvas>
+<div class="footer">
+  <p>gebaseerd op <a href="https://studio.partijvoordedieren.nl/">PvdD social media studio</a> © <a href="https://github.com/n-brunninkhuis">Niek Brunninkhuis</a></p>
+</div>
 
 <script src='./ext/jquery-3.6.1.min.js'></script>
 <script src='./ext/croppie.min.js'></script>

style.css

@@ -350,4 +350,16 @@ input[type="range"]:focus::-moz-range-thumb {
 
 .inactive {
   color: #586a88;
-}
+}
+
+.footer {
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  text-align: center;  
+}
+
+.footer p, a {
+  color: var(--secondary-color);
+}