Merge pull request #26 from datatrans/add-link-to-gh

add links to github

Author: n3ssi3

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;
 }

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();
 

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();
 

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();
 

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();
 

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

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