Bolivia Digest

${noticia.title}

${noticia.description}

\n \n `;\n }\n\n function composeGroup(group: any) {\n const newsWeight = ((n) => ((Math.min(5, Math.max(1, n)) - 1) * 70) + 300)(group.noticias.length);\n return `\n

${group.título}

${group.resumen}

\n ${group.noticias.map(composeNoticia).join(\"\")}\n

\n `;\n }\n\n return `\n

\n \n

\n ${entry.news.map(composeGroup).join(\"\")}\n

\n `;\n}\n\nfunction composePage(digest: any) {\n const style = `\n@import url(\"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap\");\n\n:root {\n --text: #26262b;\n --background: #fafafa;\n --decoration: #9d9da85e;\n --link: #78a4c440;\n --noticia: #cbcdd230;\n}\n\nbody {\n background: var(--background);\n color: var(--text);\n margin: 0;\n font-size: 16px;\n line-height: 1.5;\n font-family: \"Inter\", serif;\n}\n\n.mainHeader{\n display: flex;\n justify-content: center;\n gap: 10px;\n margin: 0;\n padding: 15px 0;\n border-bottom: 1px solid var(--decoration);\n width: 100%;\n z-index: 9999;\n background-color: var(--background);\n position: fixed;\n}\n\n.mainTitle {\n font-family: \"Inter\", serif;\n font-weight: 600;\n font-size: 1.8rem;\n line-height: 1;\n width: 600px;\n display: flex;\n justify-content: space-between;\n align-items: baseline;\n}\n\n.rss, .rss a {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.rss a {\n border-radius: 20px;\n padding: 5px;\n}\n\n.rss svg {\n width: 13px;\n height: 13px;\n stroke: var(--text);\n}\n\n.rss a:hover {\n background: var(--link);\n}\n\n.digest {\n display: flex;\n flex-direction: column;\n justify-content: start;\n align-items: center;\n}\n\n.mainHeader + div {\n margin-top: calc(60px + 25px)\n}\n\n.dia {\n width: 600px;\n margin-top: 25px;\n}\n\n.diaTítulo {\n font-family: \"Inter\", serif;\n font-weight: 550;\n font-size: 1.5rem;\n line-height: 1;\n}\n\ndetails {\n margin: 0;\n}\n\nsummary {\n list-style: none;\n cursor: pointer;\n background-color: var(--background);\n z-index: 10;\n padding-bottom: 5px;\n padding-top: 5px;\n border-bottom-width: 1px;\n border-bottom-style: solid;\n border-bottom-color: var(--background);\n}\n\ndetails[open] summary {\n position: sticky;\n top: 60px;\n border-bottom-color: var(--decoration);\n}\n\ndetails[open] summary, details summary:hover{\n border-bottom-color: var(--decoration);\n}\n\n.digest:has(details[open]) details:not([open]) {\n opacity: .4;\n}\n\n.resumen {\n font-weight: 400;\n margin: 20px 0 25px 0;\n}\n\n.noticiaTítulo {\n margin: 5px 0;\n opacity: 0.9;\n}\n\n.grupos {\n line-height: 1.6;\n font-size: 0.9rem;\n font-weight: 500;\n margin: 25px 0;\n}\n\n.noticia {\n border-radius: 5px;\n padding: 10px;\n margin: 15px 0;\n background: var(--noticia);\n font-size: 0.8rem;\n display: block;\n text-decoration: none;\n color: var(--text);\n border: 1px solid var(--noticia);\n}\n\n.noticia:hover {\n background: var(--link);\n}\n\n.descripcion {\n font-weight: 400;\n opacity: 0.8;\n}\n\ndetails[open] {\n .resumen, .noticia {\n animation: fadein .2s linear 1 forwards; \n }\n}\n\n@keyframes fadein {\n\tfrom { opacity: .3; }\n\tto { opacity: 1; }\n}\n\n@media (max-width: 650px) {\n .dia, .mainHeader, .mainTitle {\n width: 100% !important;\n }\n .dia {\n padding-left: 0;\n }\n .mainTitle, .header, .grupos {\n padding-left: 25px;\n padding-right: 25px;\n }\n}\n\n@media (prefers-color-scheme: dark) {\n :root {\n --background: #19171e;\n --text: #e6e6ec;\n --decoration: #d2d2d52e;\n --noticia: #708aa621;\n --link: #3550738c;\n }\n}\n\n `;\n\n // Fucking chrome\n const script = `\n collapseScroll = (e) => {\n e.stopPropagation()\n const details = e.target.closest(\"details\");\n if (details.open) {\n const topBound = details.getBoundingClientRect().top + window.scrollY;\n if (window.scrollY > topBound) {\n window.scrollTo({ top: topBound - 60, behavior: \"auto\" });\n }\n }\n };\n document.querySelectorAll(\"summary\").forEach(i => i.addEventListener(\"click\", collapseScroll));\n `;\n\n const favicon =\n \"iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD6AAAA+gBtXtSawAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAI3SURBVFiF7ZbNS1RhFIef8167Ox3ICGultu0Dnelu3FwoqkVSG1f9Dy100R8RSv9BSO3cSVKGwmxCnA8HKhdFmi0iKadQGQjxfU+LSZiPe4dxnEsE/nb3vPfyPPfrvAdO848jx70gDMOeSsUPrGXIGM4DOMd3VbOZSv3OZ7PZw0QERkZuXzNGJ4G7wNmY08rAgqqZXlt79bYrAul0eE71zIyIPABMm74OeOZ5diqXWy53LJDJ3Lqsyjww1Ca4MZsi3CsUXr8/tsBf+Bugr0P4UXaNkbF8fnG9bYEguNFvrbcKXDoh/ChbznlBqfTyR+NC5Dt1znvSRTjAoDH2cdRC0xMYHb1zVcSV4uROECfiMoXCUqm22AQRcVMJwAGMqvewiVd7EIZhz/6+vw30JyAAUO7tPRiobVZ1d1qp+EGCcID+vb2eTG2hTsDajv/3tmOM1DHqBES4kLSAqrkYKwCiSQuAq2M0fu3fksarytdYAWN0K2kBcF9iBQYHU6sgOwnSy319h4VYgbm5OQu6kBRdROcbB5aIjuemAZsA34LMNBabBIrFpXfA827TVZmNmgsie77vyyTwqYv8zyIHj6IWIgVWVhZ/GiP3gd0uwHeNkfFiMRv5ccfuevn84rrn2QD4cAL4RqtpqKUAQC63/NHz7BgwS3XQbDdWRJ/6vgSt4HCMsTydvnkFvEnQcWJ3TNkBXojodKtBtCOBo0xMTHgbG7+uV3c1GahWdVtVNoeHU4VqLznNf5Q/zs6/KOtEX1YAAAAASUVORK5CYII=\";\n const rssIcon =\n ``;\n return `\n\n\n \n \n \n \n \n \n \n Bolivia Digest\n \n \n

Bolivia Digest${rssIcon}

\n ${digest.map(composeDia).join(\"\")}\n

\n \n \n\n `;\n}\n\nexport default async function(req: Request): Promise {\n const digest = await blob.getJSON(\"boliviadigest\") as any[];\n const page = composePage(digest.slice(0, 7));\n const response = new Response(page, {\n headers: { \"Content-Type\": \"text/html\" },\n });\n return response;\n}","deleted","label",[99],"permalink","https://www.val.town/x/charmaine/digest/code/main.tsx","extension","actionData","errors"]