From 63d1b99075a27a72904cd107cfdb36392c99e79d Mon Sep 17 00:00:00 2001
From: Patrick Stadler <patrick.stadler@datatrans.ch>
Date: Mon, 25 Jul 2022 16:04:43 +0200
Subject: [PATCH] add link to github

---
 assets/css/stylesheet.css             | 20 ++++++++++++++++++++
 pciproxy-examples/account.html        |  3 +++
 pciproxy-examples/floating-label.html |  3 +++
 pciproxy-examples/iban.html           |  3 +++
 pciproxy-examples/index.html          |  3 +++
 pciproxy-examples/inline-example.html |  3 +++
 pciproxy-examples/show.html           |  3 +++
 7 files changed, 38 insertions(+)

diff --git a/assets/css/stylesheet.css b/assets/css/stylesheet.css
index f55c79a..7084b04 100644
--- a/assets/css/stylesheet.css
+++ b/assets/css/stylesheet.css
@@ -1,8 +1,28 @@
+html, body {
+  width: 100%;
+  height: 100%;
+}
 nav a {
   color: #fff;
   margin: 0 10px;
   text-decoration: none;
 }
+body {
+  display: flex;
+  flex-direction: column;
+}
+footer {
+  display: block;
+  margin-top: auto;
+  text-align: center;
+  padding: 20px 0;
+}
+footer a {
+  font-size: 0.8rem;
+  color: #999;
+  text-decoration: none;
+}
+
 .secure-field * {
   box-sizing: border-box;
 }
diff --git a/pciproxy-examples/account.html b/pciproxy-examples/account.html
index 63debf1..0e268e1 100644
--- a/pciproxy-examples/account.html
+++ b/pciproxy-examples/account.html
@@ -60,6 +60,9 @@
       <pre id="form-result" style="margin-top: 20px; font-size: 1rem"></pre>
     </div>
   </form>
+  <footer>
+    <a href="https://github.com/datatrans/secure-fields-sample/blob/master/pciproxy-examples/account.html">View this page on GitHub</a>
+  </footer>
   <script>
     var secureFields = new SecureFields();
 
diff --git a/pciproxy-examples/floating-label.html b/pciproxy-examples/floating-label.html
index 6b209b3..5374438 100644
--- a/pciproxy-examples/floating-label.html
+++ b/pciproxy-examples/floating-label.html
@@ -59,6 +59,9 @@
       <pre id="form-result" style="margin-top: 20px; font-size: 1rem"></pre>
     </div>
   </form>
+  <footer>
+    <a href="https://github.com/datatrans/secure-fields-sample/blob/master/pciproxy-examples/floating-label.html">View this page on GitHub</a>
+  </footer>
   <script>
     var secureFields = new SecureFields();
 
diff --git a/pciproxy-examples/iban.html b/pciproxy-examples/iban.html
index 27b2896..333b12c 100644
--- a/pciproxy-examples/iban.html
+++ b/pciproxy-examples/iban.html
@@ -42,6 +42,9 @@
       <pre id="form-result" style="margin-top: 20px; font-size: 1rem"></pre>
     </div>
   </form>
+  <footer>
+    <a href="https://github.com/datatrans/secure-fields-sample/blob/master/pciproxy-examples/iban.html">View this page on GitHub</a>
+  </footer>
   <script>
     var secureFields = new SecureFields();
 
diff --git a/pciproxy-examples/index.html b/pciproxy-examples/index.html
index 3f0c818..1d08805 100644
--- a/pciproxy-examples/index.html
+++ b/pciproxy-examples/index.html
@@ -59,6 +59,9 @@
       <pre id="form-result" style="margin-top: 20px; font-size: 1rem"></pre>
     </div>
   </form>
+  <footer>
+    <a href="https://github.com/datatrans/secure-fields-sample/blob/master/pciproxy-examples/index.html">View this page on GitHub</a>
+  </footer>
   <script>
     var secureFields = new SecureFields();
 
diff --git a/pciproxy-examples/inline-example.html b/pciproxy-examples/inline-example.html
index b8a6b2b..e815f65 100644
--- a/pciproxy-examples/inline-example.html
+++ b/pciproxy-examples/inline-example.html
@@ -52,6 +52,9 @@
       <pre id="form-result" style="margin-top: 20px; font-size: 1rem"></pre>
     </div>
   </form>
+  <footer>
+    <a href="https://github.com/datatrans/secure-fields-sample/blob/master/pciproxy-examples/inline-example.html">View this page on GitHub</a>
+  </footer>
   <script>
     // Expiry date
     function setInputFilter(textbox, inputFilter) {
diff --git a/pciproxy-examples/show.html b/pciproxy-examples/show.html
index 88c95cb..97d00a2 100644
--- a/pciproxy-examples/show.html
+++ b/pciproxy-examples/show.html
@@ -46,6 +46,9 @@
     </div>
    <pre id="events"></pre>
   </div>
+  <footer>
+    <a href="https://github.com/datatrans/secure-fields-sample/blob/master/pciproxy-examples/show.html">View this page on GitHub</a>
+  </footer>
   <script>
     var secureFields;
     function initShow(transactionId) {