diff options
| author | Aldrik Ramaekers <aldrik@mailbox.org> | 2025-12-05 22:07:23 +0100 |
|---|---|---|
| committer | Aldrik Ramaekers <aldrik@mailbox.org> | 2025-12-05 22:07:23 +0100 |
| commit | 183ac879a0ee74d7bdfabb11c51a29e4a64f1e7f (patch) | |
| tree | 91527955a60919f0d1252c5546f7f05d3e2ee733 /people/771.html | |
Diffstat (limited to 'people/771.html')
| -rw-r--r-- | people/771.html | 171 |
1 files changed, 171 insertions, 0 deletions
diff --git a/people/771.html b/people/771.html new file mode 100644 index 00000000..71c574af --- /dev/null +++ b/people/771.html @@ -0,0 +1,171 @@ +<!DOCTYPE html> +<html lang="en"> + + <style> + .navbar a,a:active,a:hover { + color: black; + text-decoration: underline; + } + + .navbar a::before { + content: '>'; + margin-right: 5px; /* Space between > and link text */ + opacity: 0; /* Initially hidden */ + transition: opacity 0.0s; /* Smooth transition */ + } + + .navbar a::after { + content: '<'; + margin-left: 5px; /* Space between link text and < */ + opacity: 0; /* Initially hidden */ + transition: opacity 0.0s; /* Smooth transition */ + } + + .navbar a:hover::before, + .navbar a:hover::after { + opacity: 1; /* Show on hover */ + } + + p { text-align: center; max-width: 500px; margin:auto; } + .book { + margin-bottom: 30px; + } + + .book>p { + font-style: italic; + padding: 0; + } + a { + text-decoration: none; + } + a:hover { + text-decoration: underline; + } + h1,h2,h3,h4,h5 { text-align: center } + .navbar { + display: block; + margin-left: auto; + margin-right: auto + } + h3 { + margin: 0; + padding: 0; + } + body { + height: 100vh; + justify-content: center; + align-items: center; + margin: 0; + } + .navbar ul { + list-style-type: none; + text-align: center; + padding: 0; + display: flex; + width: 600px; + margin: auto; + } + a,a:active,a:hover { + color: black; + } + + .navbar ul>li { + flex: 1; + } + .navbar a,.navbar a:hover,.navbar a:active { + color: black; + } + .source { + color: blue; + } + .source:hover { + color: blue; + cursor: pointer; + } + .person-list { + display: flex; + flex-direction: row; + width: 1200px; + margin: auto; + } + .person { + flex: 1; + } + .line { + width: 100px; + height: 2px; + background-color: black; + margin: auto; + } + .h-line { + width: 2px; + height: 100px; + background-color: black; + margin: auto; + margin-bottom: 20px; + margin-top: 20px; + } + + .children,.parents { + margin: 0; + padding: 0; + } + + .children li, .parents li { + text-align: center; + list-style: lower-roman; + list-style-position: inside; + } + + .children li a, .parents li a { + padding-left: 10px; + } + .parents { + display: flex; + flex-direction: row; + width: 1200px; + margin: auto; + } + .parents .person { + flex: 1; + text-align: center; + } + </style> + + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Ramaekers - Laeven family</title> + </head> + <body> + <main> + <br> + <div class="navbar"> + <ul> + <li><a href="/index.html"> Home </a></li> + <li><a href="/names.html"> Names </a></li> + <li><a href="/photos.html"> Photos </a></li> + <li><a href="/info.html"> Info </a></li> + <li><a href="/literature.html"> Literature </a></li> + </ul> + </div> + <br> + <br> + + <div class="parents"> + <div class="person"></div> + <div class="person"><a href="/people/111.html">Johannes Josephus Maria Laeven</a> (1903 - 1967)<br><a href="/people/583.html">Maria Johanna Henriëtte Eussen</a> (1900 - 1972)<div class="h-line"></div></div> + </div> + + <div class="person-list"> + <div class="person"><h3>Gerardus Theodorus Lodewikus Moonen</h3><p>Gerardus Theodorus Lodewikus Moonen was born on 18 Apr 1932 in Hulsberg, L. He died on 25 Dec 1975 in Heerlen, L. He was buried on 30 Dec 1975 in Hulsberg, L. He married Anna Maria Gertruda Laeven. </p></div> + <div class="line"></div><div class="person"><h3>Anna Maria Gertruda Laeven</h3><p>Anna Maria Gertruda Laeven </p></div> + </div> + + <ul class="children"> + <div class="h-line"></div><li><a href="/people/772.html">Henriëtta Maria Josephina Odelia Moonen</a></li> + </ul> + <br> + </main> + </body> +</html> |