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