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.
93 lines
2.7 KiB
HTML
93 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Helene Young</title>
|
|
<style>
|
|
body {
|
|
margin: 2vw;
|
|
font: 100% Verdana, Arial, Helvetica, sans-serif;
|
|
background-color: #ADD8E6;
|
|
}
|
|
header {
|
|
display: grid;
|
|
grid-template-columns: 18vw 76vw;
|
|
grid-template-rows: auto auto;
|
|
padding: 2vw;
|
|
background-color: #FFFFFF;
|
|
border: 1px dotted #555555;
|
|
}
|
|
header > img {
|
|
grid-area: 1 / 1 / 3 / 2;
|
|
width: 20vw;
|
|
}
|
|
header > h1 {
|
|
grid-area: 1 / 2 / 1 / 3;
|
|
text-align: center;
|
|
font-size: 4vw;
|
|
margin-bottom: 0;
|
|
margin-top: 0;
|
|
color: blue;
|
|
}
|
|
header > div {
|
|
grid-area: 2 / 2 / 3 / 2;
|
|
margin-left: 5vw;
|
|
margin-right: 5vw;
|
|
padding-top: 0;
|
|
margin-top: 0;
|
|
font-size: 2.5vw;
|
|
}
|
|
footer {
|
|
text-align: center;
|
|
margin-top: 2vw;
|
|
}
|
|
footer > a, footer > a:visited {
|
|
text-decoration: none;
|
|
color: blue;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<img src="slideshow/photos/still_smiling_at_105.jpg" alt="Still smiling at 105">
|
|
<h1>Helene Young (1915-2021)</h1>
|
|
<div>
|
|
In loving memory of Helene Young, know to many of us as <q>Mom-mom</q>, who as
|
|
the wonderfully eccentric matriach of our family, supported us, guided us, and
|
|
inspired us. Her memory will always be present in our thoughts, and our love
|
|
for her will always be present in our hearts.
|
|
<div>
|
|
</header>
|
|
<main>
|
|
<h2>Pictures and Videos</h2>
|
|
<ul>
|
|
<li><a href="slideshow/index.php">Slide Show</a></li>
|
|
<li><a href="https://www.youtube.com/watch?v=ucWENBHSSCQ">
|
|
99-year-old Activist Helene Young (Peace Pilgrim's sister)</a></li>
|
|
<li><a href="https://youtu.be/9QKAIWGrFnY">Helen's 105th Birthday</a></li>
|
|
</ul>
|
|
|
|
<h2>Articles and Documents</h2>
|
|
<ul>
|
|
<li>
|
|
<a href="documents/ProjectWithAnOlderAdult_BarbaraReynolds_2007-06-12.pdf">
|
|
Project with an Older Adult</a> Research paper by Barbara Reynolds
|
|
</li>
|
|
<li><a href="https://pressofatlanticcity.com/news/local/local-residents-celebrate-the-life-of-105-year-old-helene-young/article_279611b1-4b3c-5ded-b758-026c6b054c5a.html#tracking-source=article-related-bottom">
|
|
105-year-old Helene Young was more than just Peace Pilgrim's sister</a></li>
|
|
<li><a href="https://pressofatlanticcity.com/opinion/editorial/sisters-from-egg-harbor-city-made-a-difference-with-acts-of-love-and-peace/article_df135d05-eb09-55d1-97ed-7e53abf4be40.html">
|
|
Sisters from Egg Harbor City made a difference with acts of love and peace</a>
|
|
</li>
|
|
<li><a href="documents/country_biking.txt">Country Biking</a></li>
|
|
</ul>
|
|
</main>
|
|
|
|
<footer>
|
|
<a href="http://validator.w3.org/check?uri=https://elkner.net/helenyoung/">
|
|
<strong> HTML </strong> Valid! </a> |
|
|
<a href="http://jigsaw.w3.org/css-validator/validator?uri=https://elkner.net/heleneyoung/?profile=css3">
|
|
<strong> CSS </strong> Valid! </a>
|
|
</footer>
|
|
</body>
|
|
</html>
|