You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

89 lines
1.9 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Contact Information</title>
<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>
<blockquote>
<p><!-- insert quote here --></p>
<p class="author">-- <!-- insert author here --></p>
</blockquote>
<h1>Contact Information</h1>
<div class="split">
<div class="left">
<h2>Email:</h2>
<p>
<a href="mailto:jeff@elkner.net">jeff@elkner.net</a><br>
<a href="mailto:jeff.elkner@novawebdevelopment.org">jeff.elkner@novawebdevelopment.org</a>
</p>
</div>
<div class="right">
<h2>Address:</h2>
<address>
5041 7th Road South, #T1<br>
Arlington, VA 22204-2522
</address>
</div>
</div>
<div class="split">
<div class="left">
<h2>Phone:</h2>
<ul>
<li>703-998-3934 (home)</li>
<li>240-406-2906 (mobile <i>Note:</i> For text messages only! I don't answer
this phone.)</li>
</ul>
</div>
<div class="right">
<h2>Other:</h2>
<ul>
<li>By appointment in my
<a href="https://ca.meet.coop/b/jef-a1f-1y7-7zr">virtual classroom</a> at
<a href="https://www.meet.coop/">Meet.coop</a>.</li>
</ul>
</div>
</div>
<footer>
<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">
<strong> CSS </strong> Valid! </a>
</footer>
</body>
</html>