(function () { 'use strict'; const stylesheet = document.querySelector("#stylesheet"); const toggleStylesheetLightButton = document.querySelector("#light"); const toggleStylesheetDarkButton = document.querySelector("#dark"); const navMenu = document.querySelector("#nav-menu"); navMenu.offsetTop; const mainPage = document.querySelector("#main-div"); const topBar = document.querySelector("#top-bar"); const lightDarkWarning = document.querySelector("#light-dark-warning"); const abnormalLogo = document.querySelector("#logo"); const abnormalLogoStylesheet = document.querySelector("#logo-stylesheet"); const footerAbnormal = document.querySelector("#footer-fourth"); const introScreen = document.querySelector("[data-intro-screen]"); const stylesheetSelector = document.createElement("div"); const previousStylesheet = document.createElement("div"); const menuButton = document.querySelector("#menu-button-open-close"); const navMobile = document.querySelector("#mobile-nav-menu"); const menuBar = document.querySelector("#mobile-menu-bar"); const pageName = document.querySelector("#page-name"); const backToTop = document.querySelector("#back-to-top"); /*change prefix from "./" for test page inside the issue's folder to "./issue-number/" for root index file */ const prefix = "./167/"; const articles = { "The Hermit": [ { "title": "", "sub-title": "", "author": "", "description": [ "Dear Unknown Friend,", "The Hermit! I am pleased to have arrived, in the series of these Letter-Meditations, at this venerable and mysterious figure of a solitary itinerant dressed in a red robe under a blue mantle, holding in his right hand a lantern —alternately yellow and red—and leaning on a staff. For it is the venerable and mysterious Hermit who was master of the most intimate and most cherished dreams of my youth, as moreover he is the master of dreams for all youth in every country, who are enamored by the call to seek the narrow gate and the hard way to the Divine.", `Continue`, ], "imgUrl": `${prefix}meditations-tarot-letter-9-main.png`, "link": ``, "poem": false, "mainImg": true, }, ], "Special Gem": [ { "title": "Abramowicz", "sub-title": "", "author": "Jorge Luis Borges", "description": [ "Tonight, not far from the top of the hill of Saint Pierre, a courageous and happy Greek music has just revealed to us that death is more implausible than life and that, therefore, the soul survives when its body is chaos. This means that María Kodama, Isabelle Monet and I are not three, as we mistakenly believed.", "We are four, because you are also with us, Maurice. With red wine we have toasted your health. Your voice wasn’t necessary, not the touch of your hand, nor your memory. You were there, silent and no doubt smiling when you perceived that we were amazed and marveled at the notorious fact that no one can die. You were there, at our side, and with you the throngs of those who sleep with their fathers, as can be read in your Bible. With you were the throngs of shadows who drank before Ulysses in the grave and also Ulysses and also all who were and all those imagined by those who were. They were all there, and also my parents and also Heraclites and Yorick. How can a man or a woman or a child die, who have been so many springs and so many leaves, so many books and so many birds and so many mornings and nights.", ], "imgUrl": `${prefix}borges-abramowicz-main.jpg`, "link": `${prefix}borges-abramowicz.html`, "poem": false, "mainImg": false, }, ], "Current Events": [ { "title": "Capitulation at Columbia", "sub-title": "", "author": " Helen Benedict", "description": [ "On September 17, 2025, one month before I was to teach my annual social justice reporting class at Columbia University’s Graduate School of Journalism, the campus lowered its flag to half-mast in honor of far-right pontificator Charlie Kirk.", "Nobody deserves to be murdered, as Kirk was, but to honor a man of his White supremacist, Christian nationalist, and misogynist beliefs was to spit in the face not only of all the women on campus, but of students and staff of color; the queer and trans students and employees whose identities he characterized as “abominations”; the Muslims whose religion, he said, “is a sword being used to slit the throat of America”; the immigrants he insisted will “replace us” with their “anti-white agenda”; and the Jews he accused of controlling America’s institutions.", "Columbia did not have to lower that flag. Trump ordered federal institutions to do so, but the university is private, not part of the government. No, lowering the flag was a choice.", ], "imgUrl": `${prefix}benedict-columbia-main.png`, "link": `${prefix}benedict-columbia.html`, "poem": false, "mainImg": false, }, { "title": "Is Trump the New Nero?", "sub-title": "", "author": " Liz Theoharis", "description": [ "As more of the Epstein files are released, reminding us of Donald Trump’s close association with Jeffrey Epstein and the young people he abused and trafficked, as well as the president’s ongoing array of misogynist insults and actions (like calling journalist Catherine Lucey “piggy” and name-calling Marjorie Taylor Greene to the point where she jumped ship), what keeps coming to my mind are the sexual exploits of authoritarians throughout history. As a scholar of the New Testament and the origins of Christianity, I have a special interest in the lives of the Roman emperors — in particular, the notorious Emperor Nero.", "According to historians of antiquity (trigger warning here!), Emperor Nero was known to use and abuse many people, especially women, allegedly murdering two of his wives and his aunt while sleeping with a Vestal Virgin and — yes! — his mother before he killed her. Roman politicians and historians held back remarkably little when considering Nero’s excesses. Perhaps the most famous of those writers, Tacitus, shared how Nero “polluted himself by every lawful or lawless indulgence.” Cassius Dio, author of 80 volumes of Roman history, describes Nero skulking around Rome at night “insulting women,” “practicing lewdness on boys,” and “beating, wounding, and murdering” others. And Suetonius, the most famous biographer of the Caesars, claimed that Nero had invented a perversion all his own. At public games he was hosting, he would put on an animal skin and “assail with violence the private parts both of men and women, while they were bound to stakes.”", ], "imgUrl": `${prefix}theoharis-trump-nero-main.png`, "link": `${prefix}theoharis-trump-nero.html`, "poem": false, "mainImg": false, }, ], "Memoir": [ { "title": "Exile’s End - A Memoir", "sub-title": "", "author": "Frank Thomas Smith", "description": [ "But now back to my original posting in Buenos Aires — and this memoir gets interesting.", "We (Renate, our three-year-old daughter and I) were stuck in a temporary apartment in downtown Buenos Aires while looking for something more appropriate and affordable. I had no office, so between visits to airlines and getting to know the territory, I often just wandered around the city.", "An uncle of Renate's, Uncle Karl, was an anthroposophist and when he learned that we would be living in Argentina, he wrote to Renate that there was a Rudolf Steiner School in Buenos Aires, which we could consider for our Beatrice. So, when I came upon a German bookstore one day, I entered and asked in German if they knew where the Rudolf Steiner Schule was. The owner was happy to oblige. He looked up the address and told me “Warnes 1331 Florida.” Warnes meant nothing to me, but Florida was one of the main streets of Buenos Aires. Because in New York, and America in general, the house or building number comes before the street name, I thought the address of the Rudolf Steiner Schule was 1331 Florida Street.", ], "imgUrl": `${prefix}exiles-end-10-main.png`, "link": `${prefix}exiles-end-10.html`, "poem": false, "mainImg": false, }, ], "Spiritual Science": [ { "title": "Buddhism", "sub-title": "", "author": "Jorge Luis Borges", "description": [ "The subject today will be Buddhism. I’m not going into the long story that began two thousand five hundred years ago in Benares, when a prince of Nepal – Siddharta or Gautama – who had become Buddha, spun the wheel of the law, proclaimed the four noble truths and the eightfold path. I will speak of the essential in this religion, the most prevalent in the world. The elements of Buddhism have been preserved since the fifth century before Christ: that is, since the epoch of Heraclites, of Pythagoras, of Xenon, until our times when Dr. Suzuki expounds it in Japan. The elements are the same. Now the religion is encrusted with mythology, astronomy, strange beliefs, magic, but because the subject is complex, I will limit myself to what the various sects have in common. They may correspond to Hinayana or the small vehicle. Let us first consider the longevity of Buddhism.", "This longevity can be explained for historical reasons, but such reasons are fortuitous or, rather, they are debatable, fallible. I think there are two fundamental causes. The first is Buddhism’s tolerance. That strange tolerance does not correspond, as is the case with other religions, to distinct epochs: Buddhism was always tolerant.", ], "imgUrl": `${prefix}borges-buddhism-main.jpg`, "link": `${prefix}borges-buddhism.html`, "poem": false, "mainImg": false, }, ], "Fiction": [ { "title": "The J R Baseball Murders", "sub-title": "", "author": "Frank Thomas Smith", "description": [ "It was a long time ago, but I think it's time to tell it before there's no one left to tell it.", "Rickey phoned me at my home one spring evening in 1947 and said he needed to speak with me urgently and privately. In most small businesses it’s a plus to have friends and relatives as customers, but my business was different – at least for me it was – and I usually tried to turn down personal requests. Being involved in friends’ private affairs was an obstacle to objective efficiency, I told them, and referred them to a colleague. I couldn’t say that to Branch Rickey though, first of all because it wasn’t true, I just didn’t like getting involved in washing the dirty laundry of people I knew or getting to know their shadow sides. Also, I was an ardent Dodgers fan. So I went to his office at Ebbets Field the next day. It was cloudy and cool in Brooklyn. The team was still in Florida at spring training.", ], "imgUrl": `${prefix}j-r-baseball-murders-1-main.webp`, "link": `${prefix}j-r-baseball-murders-1.html`, "poem": false, "mainImg": false, }, { "title": "The Pope and I", "sub-title": "", "author": "Frank Thomas Smith", "description": [ "I was supposed to wait before publishing or otherwise revealing the events described herein. However, it’s been over a month now and nothing has happened, so I have decided to give the Pope a polite push – no, not a shove – to remind him, so to speak.", "It all started back one day I was working in my office when my gardener, Rovindo, stuck his head in and said in his thick Argentine-Cordobés intonation: “Someone out here lookin for ya.”", "I sighed, and stood up from my computer and stepped outside. There, to my surprise, stood a young man in clerical clothes. “Good afternoon,” he said in educated Spanish, “are you Señor Frank Tomás Esmit?”", "“I am,” I replied. “And you are?” He said his name, but I don’t remember it. He turned to the black Volkswagen sedan behind him and opened the back door. An elderly man, also obviously some kind of priest, maybe a bishop, stepped out. He held out his hand, which I took and shook. “Can we go somewhere to talk, Señor Smith,” he asked.", ], "imgUrl": `${prefix}pope-and-i-main.jpg`, "link": `${prefix}pope-and-i.html`, "poem": false, "mainImg": false, }, ], "Christian Hermeticism": [ { "title": "Meditation on the Ninth Major Arcanum of the Tarot", "sub-title": "", "author": "Anonymous", "description": [ "Isis: “Give heed, my son Horus; for you shall hear the secret doctrine, of which our forefather Kamephis was the first teacher.", "It so befell that Hermes heard this teaching from Kamephis, the eldest of all our race;", "I heard it from Hermes,", "the writer of the records,", ], "imgUrl": `${prefix}meditations-tarot-letter-9-main.png`, "link": `${prefix}meditations-tarot-letter-9.html`, "poem": false, "mainImg": false, }, { "title": "Meditation on the Tenth Major Arcanum of the Tarot", "sub-title": "", "author": "", "description": [ "Vanity of vanities! All is vanity… What has been is what will be,", "And what has been done is what will be done;", "And there is nothing new under the sun. (Ecclesiastes i, 2, 9)", "Qui propter nos homines et propter nostram salutem descendit de coelis. Et incarnatus est de Spiritu Sancto ex Maria Virgine, et homo factus est…et ascendit in coelum, sedet ad dexteram Patris.", ], "imgUrl": `${prefix}meditations-tarot-10-main.png`, "link": `${prefix}meditations-tarot-10.html`, "poem": false, "mainImg": false, }, ], "Social Science": [ { "title": "Favela Children", "sub-title": "Chapter 21", "author": "Ute Creamer", "description": [ "January 1, 1980 In the train from Londrina to Sao Paulo.", "The Eighties. What will we make of them? My first day of the decade looked like this. As has become traditional, I celebrated a delayed Christmas with Dona Isaura's children and other Londrina children. We made short excursions to the Igapó dam, to a playground, to a sitio, etc. The children's' \"cultural Program\" is concentrated in my twice-yearly visits.", "Finally, however, I had to think about Sao Paulo, on the expansion and improvements of the escolinha, the grass that must be planted, the teachers we have to find, etc. But oh, what a shock -- the buses to Sao Paulo were full! Therefore I had to confront the train. With the word train one thinks of something comfortable, quick and punctual. The associations brought to mind by the word trem, however, are the opposite. It was supposed to leave at nine p.m. At 11 o'clock it finally condescended to enter the station with its blinding lights puffing and blowing off steam. Masses of people streamed out of it. I was relieved, for this must mean that there would be some seats free. But there was nothing, which meant a twenty-hour journey standing up.", "From minute to minute I surrender more to my destiny. There is simply nothing I can do to change my present destiny. I have only to wait and hope. I feel in myself the same resignation that is to be seen on most of the faces around me, especially the mothers with children in their arms, on their laps or in baby-slings." ], "imgUrl": `${prefix}favela-cover.jpg`, "link": `${prefix}favela-children-21.jpg`, "poem": false, "mainImg": false, }, ], }; const articlesKeys = Object.keys(articles); // Uncheck all other hidden checkboxes when one is checked // colapses nav-menu dropdowns when a new one is expanded function createNavMenu(navMenuElement) { function createSingleLink(title, id) { const div = document.createElement("div"); const p = document.createElement("p"); p.className = "nav-menu-links"; p.innerText = title; p.dataset.title = id; div.appendChild(p); navMenuElement.appendChild(div); } function createLettersLink() { const div = document.createElement("div"); const p = document.createElement("p"); const a = document.createElement("a"); a.href = "https://southerncrossreview.org/163/letters163.html"; a.style.color = "inherit"; a.style.textDecoration = "none"; p.className = "nav-menu-links"; a.innerText = "Letters to the Editor"; p.dataset.title = "letters"; p.appendChild(a); div.appendChild(p); navMenuElement.appendChild(div); } function createMenuLinks() { articlesKeys.forEach((category) => { // create dropdown menu if there is more than one article in category if (articles[category].length === 1) { if (!articles[category][0]["title"]) return; const div = document.createElement("div"); const p = document.createElement("p"); const title = articles[category][0]["title"] .toLowerCase() .replace(/[^a-zA-Z0-9]/g, ""); p.className = "nav-menu-links"; p.innerText = category; p.dataset.title = title; div.appendChild(p); navMenuElement.appendChild(div); } else if (articles[category].length > 1) { const content = document .querySelector("[data-dropdown-template]") .content.cloneNode(true); const hiddenInput = content.querySelector("[data-hidden-input]"); const label = content.querySelector("[data-label]"); const title = content.querySelector("[data-title]"); const list = content.querySelector("[data-list]"); hiddenInput.id = `${category}-input`; label.htmlFor = hiddenInput.id; title.innerHTML = `${category} ▼`; articles[category].forEach((article) => { const li = document.createElement("li"); const title = article["title"] .replace(/[^a-zA-Z0-9]/g, "") .toLowerCase(); li.className = "nav-menu-links"; li.id = article["title"]; li.innerText = `${article.title} - ${article.author}`; li.dataset.title = title; list.appendChild(li); }); navMenuElement.appendChild(content); } }); //createSingleLink("Letters to the Editor", "pic-nav-menu"); createSingleLink("Other Sections", "pic-nav-menu"); createSingleLink("Subscribe", "subscribe"); createLettersLink(); } createMenuLinks(); //event listeners const navmenuLinkArray = Array.from( navMenuElement.querySelectorAll(".nav-menu-links"), ); const scrollToTarget = (target) => { const headerOffset = 120; const elementPositon = target.getBoundingClientRect().top; const offsetPosition = elementPositon + window.pageYOffset - headerOffset; window.scrollTo({ top: offsetPosition, behavior: "smooth", }); }; navmenuLinkArray.forEach((link) => { if (link.dataset.title === "letters") return; link.addEventListener("click", () => { let article = document.querySelector(`#${link.dataset.title}`); scrollToTarget(article); if (menuBar.dataset.opened === "true") { menuBar.dataset.opened = "false"; } }); }); const navChekboxes = Array.from( document.querySelectorAll(".nav-hidden-inputs"), ); navChekboxes.forEach((input) => { input.addEventListener("change", () => { navChekboxes.forEach((element) => { if (element === input) return; element.checked = false; }); }); }); } function checkAndReduce() { const title = mainPage.querySelector("h2"); if (title.innerText.length > 20) { title.style.fontSize = "2.5em"; } } function appendPicNavMenu() { const picNavDiv = document .querySelector("[data-pic-nav]") .content.cloneNode(true); const nav = picNavDiv.querySelector("nav"); nav.id = "pic-nav-menu"; const subscribeDiv = document .querySelector("[data-subscribe-div]") .content.cloneNode(true); const subscribe = subscribeDiv.querySelector("div"); subscribe.id = "subscribe"; const firstChild = document.querySelector("#main-div").lastElementChild; const navDiv = document.createElement("div"); navDiv.appendChild(picNavDiv); navDiv.appendChild(subscribe); firstChild.insertAdjacentElement("afterend", navDiv); } function createArticlePeek(object) { const keys = Object.keys(object); keys.forEach((key) => { if (keys.indexOf(key) !== 0) { const categoryTitle = document.createElement("h1"); categoryTitle.innerText = key; categoryTitle.className = "category-title"; mainPage.appendChild(categoryTitle); } object[key].forEach((article) => { const articleDiv = document .querySelector("[data-article-template]") .content.cloneNode(true); const articleInnerDiv = articleDiv.querySelector("article"); const div1 = articleDiv.querySelector("div"); div1.cloneNode(true); const titleElement = articleDiv.querySelector("h2"); const author = articleDiv.querySelector("h1"); const subTitle = articleDiv.querySelector("h3"); const description = articleDiv.querySelector( "[data-article-description]", ); const img = articleDiv.querySelector("[data-article-img]"); const linkContainer = articleDiv.querySelector("[data-link-container]"); const link = articleDiv.querySelector("[data-article-link]"); articleInnerDiv.id = article["title"] .toLowerCase() .replace(/[^a-zA-Z0-9]/g, ""); titleElement.innerHTML = article["title"]; author.innerHTML = article["author"]; if (article["sub-title"] && article["sub-title"].length !== 0) { subTitle.innerText = article["sub-title"]; } img.src = article["imgUrl"]; linkContainer.style.display = "flex"; linkContainer.style.width = "100%"; linkContainer.style.justifyContent = "center"; link.href = article["link"]; link.style.fontSize = "130%"; link.style.fontWeight = "500"; // Special Atributes for "Featured Art" if (article["mainImg"]) { // doubleFeaturedArt({ // div1, // div2, // titleElement, // subTitle, // articleInnerDiv, // img, // description, // }); titleElement.style.marginBottom = "1em"; link.style.display = "none"; img.style.maxWidth = "40%"; img.style.minWidth = "30%"; img.style.maxHeight = "100%"; img.style.marginLeft = "auto"; img.style.marginRight = "auto"; img.style.marginBottom = "1em"; img.style.float = "none"; img.insertAdjacentElement("afterend", author); description.style.width = "80%"; description.style.marginLeft = "auto"; description.style.marginRight = "auto"; } // if its a poem, make the div and link float (so the text doesn't go under the img) if (article["poem"]) { description.style.float = "left"; link.style.clear = "left"; link.style.float = "right"; } let i = 1; const className = article["title"] .replace(/[^a-zA-Z0-9]/g, "") .toLowerCase(); description.id = `${className}-paragraphs-div`; link.id = `${className}-main-link`; article["description"].forEach((descriptionParagraph) => { const paragraph = document.createElement("p"); paragraph.innerHTML = descriptionParagraph; paragraph.className = `${className}-paragraph-${i}`; description.appendChild(paragraph); i++; }); mainPage.appendChild(articleDiv); checkAndReduce(); }); }); appendPicNavMenu(); } function mobilePortrait() { if (previousStylesheet.dataset.stylesheet == "mobile") return pageName.innerHTML = "Menu"; //create elements in mobile-navbar createNavMenu(navMobile); //get modify input and label "for" in mobile nav const navMobileInputs = Array.from(navMobile.querySelectorAll("input")); const navMobileLabels = Array.from(navMobile.querySelectorAll("label")); navMobileInputs.forEach(input => { input.id += "-mobile"; }); navMobileLabels.forEach(label => { label.htmlFor += "-mobile"; }); //append elements topBar.appendChild(navMobile); //create observer functions let observerMobileMenu = new MutationObserver(mutations => { mutations.forEach(mutation => { if (mutation.type == "attributes") { if (menuBar.dataset.opened == "true") { navMobile.classList.add("open"); menuButton.classList.add("close"); } else { navMobile.classList.remove("open"); menuButton.classList.remove("close"); } } }); }); //create menu open button - three lines for (let i = 0; i < 3; i++) { const menuButtonLine = document.createElement("div"); menuButtonLine.className = "menu-button-line"; menuButton.appendChild(menuButtonLine); } //give new class to desktop menu navMobile.className = "nav-menu menu-mobile desktop-hide"; //observe for changes observerMobileMenu.observe(menuBar, { attributes: true, }); //menu button listener menuButton.addEventListener("click", () => { if (menuBar.dataset.opened === "false") { menuBar.dataset.opened = "true"; } else { menuBar.dataset.opened = "false"; } }); previousStylesheet.dataset.stylesheet = "mobile"; // musicLinks.innerHTML = "Words and Music" } //scroll to top on refresh window.onbeforeunload = function() { window.scrollTo(0, 0); }; //create elements for data-attributes // function to set data atributes acording to screen width function setStylesheetDataAttr() { if (screen.width <= 650) { if (stylesheetSelector.dataset.stylesheet == "mobile") return; stylesheetSelector.dataset.stylesheet = "mobile"; } else if (screen.width >= 651 && screen.width < 1200) { if (stylesheetSelector.dataset.stylesheet == "medium") return; stylesheetSelector.dataset.stylesheet = "medium"; } else { if (stylesheetSelector.dataset.stylesheet == "desktop") return; stylesheetSelector.dataset.stylesheet = "desktop"; } } //execute on rezise window.addEventListener("resize", () => { setStylesheetDataAttr(); }); //ovserve changes on data-attributes and execute functions let observerStylesheetAttr = new MutationObserver((mutations) => { mutations.forEach((mutation) => { if (mutation.type == "attributes") { if (stylesheetSelector.dataset.stylesheet === "mobile") { mobilePortrait(); } } }); }); observerStylesheetAttr.observe(stylesheetSelector, { attributes: true, }); //onload functions window.addEventListener("load", () => { setStylesheetDataAttr(); mainPage.offsetTop; introScreen.classList.add("fade-out"); setTimeout(() => { introScreen.style.display = "none"; document.querySelector("html").style.overflowY = "visible"; lightDarkWarning.classList.remove("desktop-hide", "mobile-hide"); }, 1000); //local storage - if exists change theme if (!localStorage.getItem("style")) return; lightDarkWarning.style.display = "none"; const lightOrDark = localStorage.getItem("style"); if (lightOrDark === "dark") { stylesheet.href = `${prefix}css/dark.css`; } if (screen.width <= 650) { mobilePortrait(); } }); //remove light-and-dark warning onclick lightDarkWarning.addEventListener("click", () => { lightDarkWarning.style.display = "none"; }); // Toggle Stylesheets toggleStylesheetLightButton.addEventListener("click", () => { stylesheet.href = `${prefix}css/light.css`; localStorage.setItem("style", "light"); }); toggleStylesheetDarkButton.addEventListener("click", () => { stylesheet.href = `${prefix}css/dark.css`; localStorage.setItem("style", "dark"); }); //back to top button backToTop.addEventListener("click", () => { window.scrollTo({ top: 0, behavior: "smooth", }); }); // Sticky navbar const stickyFunc = () => { const limit = mainPage.offsetTop; const navCol = document.querySelector("#sticky-div "); if (window.pageYOffset + 50 >= limit) { navCol.classList.add("fixed-nav-col"); backToTop.classList.remove("back-to-top-hide"); } else { navCol.classList.remove("fixed-nav-col"); backToTop.classList.add("back-to-top-hide"); } }; //observer function, scroll-in abnormal logo when footer is 50% visible let notFirstTime = 0; const observer = new IntersectionObserver( (entries) => { if (entries[0].isIntersecting === true) { if (notFirstTime > 0) return; abnormalLogoStylesheet.href = `${prefix}css/logo2.css`; abnormalLogo.classList.add("logo-animation"); notFirstTime++; } }, { threshold: [0.5] }, ); observer.observe(footerAbnormal); createNavMenu(navMenu); createArticlePeek(articles); window.onscroll = () => { stickyFunc(); }; })();