Blog to RSS
This commit is contained in:
@ -26,7 +26,7 @@
|
|||||||
Alternately: "If I had a nickel for every time I accidentally wrote something with heavy plural undertones that I hadn't intended but nonetheless made me doubt my identity, I'd have two nickels! Which isn't a lot, but it is weird that it happened twice."
|
Alternately: "If I had a nickel for every time I accidentally wrote something with heavy plural undertones that I hadn't intended but nonetheless made me doubt my identity, I'd have two nickels! Which isn't a lot, but it is weird that it happened twice."
|
||||||
-->
|
-->
|
||||||
<h2 id="home">Updates</h2>
|
<h2 id="home">Updates</h2>
|
||||||
<iframe style="width: 100%; height: 75vh" src="https://cohost.org/post-self"></iframe>
|
<div id="feed"></div>
|
||||||
</section>
|
</section>
|
||||||
<section class="carousel-item cycle">
|
<section class="carousel-item cycle">
|
||||||
<h2 id="cycle">The Post-Self Cycle</h2>
|
<h2 id="cycle">The Post-Self Cycle</h2>
|
||||||
@ -72,4 +72,5 @@
|
|||||||
<p>As an open setting, everything is free to use for your own purposes under a Creative-Commons 4.0 Attribution license. These stories wouldn’t be what they are without the contributions of others.</p>
|
<p>As an open setting, everything is free to use for your own purposes under a Creative-Commons 4.0 Attribution license. These stories wouldn’t be what they are without the contributions of others.</p>
|
||||||
</section>
|
</section>
|
||||||
<script src="/carousel.js"></script>
|
<script src="/carousel.js"></script>
|
||||||
|
<script src="/rss.js"></script>
|
||||||
|
|
||||||
|
|||||||
27
static/rss.js
Normal file
27
static/rss.js
Normal file
@ -0,0 +1,27 @@
|
|||||||
|
|
||||||
|
|
||||||
|
const RSS_URL = `https://cohost.org/post-self/rss/public.atom`;
|
||||||
|
|
||||||
|
fetch(RSS_URL)
|
||||||
|
.then(response => response.text())
|
||||||
|
.then(str => new window.DOMParser().parseFromString(str, "text/xml"))
|
||||||
|
.then(data => {
|
||||||
|
console.log(data);
|
||||||
|
const items = data.querySelectorAll("item");
|
||||||
|
let html = ``;
|
||||||
|
items.forEach(el => {
|
||||||
|
html += `
|
||||||
|
<article>
|
||||||
|
<img src="${el.querySelector("link").innerHTML}/image/large.png" alt="">
|
||||||
|
<h2>
|
||||||
|
<a href="${el.querySelector("link").innerHTML}" target="_blank" rel="noopener">
|
||||||
|
${el.querySelector("title").innerHTML}
|
||||||
|
</a>
|
||||||
|
</h2>
|
||||||
|
</article>
|
||||||
|
`;
|
||||||
|
});
|
||||||
|
document.querySelector('#feed').html = html;
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
Reference in New Issue
Block a user