{"id":416,"date":"2025-12-08T16:39:53","date_gmt":"2025-12-08T16:39:53","guid":{"rendered":"https:\/\/anacuamic.com\/?page_id=416"},"modified":"2025-12-11T11:35:49","modified_gmt":"2025-12-11T11:35:49","slug":"an-ode-to-the-memorial","status":"publish","type":"page","link":"https:\/\/anacuamic.com\/index.php\/an-ode-to-the-memorial\/","title":{"rendered":"an ode to the memorial"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n<style>\n\/* Container *\/\n.ode-container {\n  max-width: 1200px;\n  margin: 0 auto;\n  text-align: center;\n  padding: 0 16px; \/* helps on mobile *\/\n}\n\n\/* Image rows *\/\n.ode-row {\n  display: flex;\n  gap: 20px;\n  justify-content: center;\n  align-items: flex-start;\n  flex-wrap: nowrap;\n  margin-bottom: 20px;\n}\n\n\/* Images *\/\n.ode-row img {\n  height: 200px;\n  width: auto;\n  border-radius: 16px;\n  object-fit: cover;\n  opacity: 0; \/* needed for fade animation *\/\n}\n\n\/* Caption *\/\n.ode-caption {\n  margin-top: 12px;\n  font-size: 0.8rem;\n  color: #444;\n  font-family: \"verdana\", sans-serif;\n  opacity: 0; \/* fades in later *\/\n  line-height: 1.4;\n  max-width: 700px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\/* -------------------------------------- *\/\n\/* FADE-IN ANIMATIONS                     *\/\n\/* -------------------------------------- *\/\n\n@keyframes fadeInUpSlow {\n  0% { opacity: 0; transform: translateY(14px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes fadeInUpSlower {\n  0% { opacity: 0; transform: translateY(18px); }\n  100% { opacity: 1; transform: translateY(0); }\n}\n\n\/* Image animation *\/\n.ode-row img {\n  animation: fadeInUpSlow 1.6s ease-out forwards;\n}\n\n\/* Stagger row 1 *\/\n.ode-row:nth-child(1) img:nth-child(1) { animation-delay: 0.15s; }\n.ode-row:nth-child(1) img:nth-child(2) { animation-delay: 0.35s; }\n.ode-row:nth-child(1) img:nth-child(3) { animation-delay: 0.55s; }\n\n\/* Stagger row 2 *\/\n.ode-row:nth-child(2) img:nth-child(1) { animation-delay: 0.75s; }\n.ode-row:nth-child(2) img:nth-child(2) { animation-delay: 0.95s; }\n.ode-row:nth-child(2) img:nth-child(3) { animation-delay: 1.15s; }\n\n\/* Stagger row 3 *\/\n.ode-row:nth-child(3) img:nth-child(1) { animation-delay: 1.35s; }\n.ode-row:nth-child(3) img:nth-child(2) { animation-delay: 1.55s; }\n.ode-row:nth-child(3) img:nth-child(3) { animation-delay: 1.75s; }\n\n\/* Caption fade *\/\n.ode-caption {\n  animation: fadeInUpSlower 2.4s ease-out forwards;\n  animation-delay: 2.8s;\n}\n\n\/* -------------------------------------- *\/\n\/* MOBILE RESPONSIVE                     *\/\n\/* -------------------------------------- *\/\n\n@media (max-width: 768px) {\n\n  \/* Stack images vertically *\/\n  .ode-row {\n    flex-direction: column;\n    gap: 14px;\n    align-items: center;\n  }\n\n  .ode-row img {\n    width: 100%;\n    height: auto;\n    max-width: 320px;\n  }\n\n  .ode-caption {\n    font-size: 0.9rem;\n    text-align: center;  \/* ensure centering on mobile *\/\n    padding: 0 8px;\n  }\n}\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"ode-container\">\n\n  <!-- Row 1 -->\n  <div class=\"ode-row\">\n    <img decoding=\"async\" src=\"https:\/\/anacuamic.com\/artworks\/memorial1.jpg\" alt=\"ode 1\">\n    <img decoding=\"async\" src=\"https:\/\/anacuamic.com\/artworks\/memorial2.jpg\" alt=\"ode 2\">\n    <img decoding=\"async\" src=\"https:\/\/anacuamic.com\/artworks\/memorial3.jpg\" alt=\"ode 3\">\n  <\/div>\n\n  <!-- Row 2 -->\n  <div class=\"ode-row\">\n    <img decoding=\"async\" src=\"https:\/\/anacuamic.com\/artworks\/memorial4.jpg\" alt=\"ode 4\">\n    <img decoding=\"async\" src=\"https:\/\/anacuamic.com\/artworks\/memorial5.jpg\" alt=\"ode 5\">\n    <img decoding=\"async\" src=\"https:\/\/anacuamic.com\/artworks\/memorial6.jpg\" alt=\"ode 6\">\n  <\/div>\n\n  <!-- Row 3 -->\n  <div class=\"ode-row\">\n    <img decoding=\"async\" src=\"https:\/\/anacuamic.com\/artworks\/memorial7.jpg\" alt=\"ode 7\">\n    <img decoding=\"async\" src=\"https:\/\/anacuamic.com\/artworks\/memorial8.jpg\" alt=\"ode 8\">\n    <img decoding=\"async\" src=\"https:\/\/anacuamic.com\/artworks\/memorial9.jpg\" alt=\"ode 9\">\n  <\/div>\n\n  <!-- Caption -->\n  <div class=\"ode-caption\">\n    <br> .images taken of the Memorial to the Murdered Jews designed by Peter Eisenman and Buro Happold.\n    <br><br>.site: Berlin \/ 2016.\n  <\/div>\n\n<\/div>\n\n<\/body>\n<\/html>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>.images taken of the Memorial to the Murdered Jews designed by Peter Eisenman and Buro Happold. .site: Berlin \/ 2016.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-416","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/anacuamic.com\/index.php\/wp-json\/wp\/v2\/pages\/416","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/anacuamic.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/anacuamic.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/anacuamic.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/anacuamic.com\/index.php\/wp-json\/wp\/v2\/comments?post=416"}],"version-history":[{"count":10,"href":"https:\/\/anacuamic.com\/index.php\/wp-json\/wp\/v2\/pages\/416\/revisions"}],"predecessor-version":[{"id":691,"href":"https:\/\/anacuamic.com\/index.php\/wp-json\/wp\/v2\/pages\/416\/revisions\/691"}],"wp:attachment":[{"href":"https:\/\/anacuamic.com\/index.php\/wp-json\/wp\/v2\/media?parent=416"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}