Add quote to contact page

10 months ago · 51d5058b40
parent 765e29092e
commit 51d5058b40
2 changed files with 23 additions and 3 deletions
--- a/contact.html
+++ b/contact.html
@ -6,6 +6,27 @@
 <style type="text/css">
@import url(css/elknernet.css);
 </style>
+<script src="js/quotes.js"></script>
+<script>
+function reportScreenWidth() {
+  let screenWidthOutput = document.querySelector("#screenWidth");
+  screenWidthOutput.textContent = window.innerWidth;  
+}
+
+function showQuote() {
+  let qnum = Math.floor(Math.random() * quotes.length);
+  let quoteElem = document.getElementById("quote");
+  let quoteAuthor = document.getElementById("qauthor");
+  quoteElem.innerHTML = quotes[qnum].quote; 
+  quoteAuthor.innerHTML = quotes[qnum].author;
+}
+function init() {
+  showQuote();
+  reportScreenWidth();
+}
+window.onload = init;
+window.onresize = reportScreenWidth;
+</script>
 </head>

 <body>
@ -56,7 +77,7 @@ Arlington, VA 22204-2522
 </div>

 <footer>
-<p>Copyright © 2023 Jeffrey Elkner</p>
+<p>Copyright © 2024 Jeffrey Elkner</p>
 <a href="http://validator.w3.org/check/referer">
 <strong> HTML </strong> Valid! </a>
 <a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3">
--- a/index.html
+++ b/index.html
@ -30,7 +30,6 @@ function init() {
  showQuote();
  reportScreenWidth();
 }
-
 window.onload = init;
 window.onresize = reportScreenWidth;
 </script>
@ -287,7 +286,7 @@ LTSP: Moving into the Mainstream</a></li>
 <p id="quote"><!-- insert quote here --></p>
 <p id="qauthor">-- <!-- insert author here --></p>
 </blockquote>
-<p>Copyright © 2023 Jeffrey Elkner CC BY-ND 4.0</p>
+<p>Copyright © 2024 Jeffrey Elkner CC BY-ND 4.0</p>
 <a href="http://validator.w3.org/check?uri=https://elkner.net/">
 <strong> HTML </strong> Valid! </a>
 <a href="http://jigsaw.w3.org/css-validator/validator?uri=https://elkner.net/?profile=css3">