feed.html

<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script
    defer
    data-domain="svenlaa.com"
    data-api="https://who.svenlaa.workers.dev/my/event"
    src="https://who.svenlaa.workers.dev/my/script.js"
></script>
<title>RSS Feed - Svenlaa</title>
<meta property="og:image" content="https://svenlaa.com/og.jpg" />
<link rel="stylesheet" href="/style.css" />
<style>
    h4 .danger {
        display: inline;
        font-weight: normal;
        color: var(--red);
    }
</style>
<script>
    const copyLink = (selector) => {
        const element = document.querySelector(selector);
        const text = element.href;
        if (!text) {
            console.warn(`${selector} didn't contain any text`);
        }
        const style = element.style;
        element.style = 'background-color: var(--green); color: var(--stone-050);outline: 2px solid var(--green);';
        setTimeout(() => {
            element.style = style;
        }, 500);

        navigator.clipboard.writeText(text);
    };
</script>

<h1>RSS Feed</h1>

<h4 style="margin-bottom: 0.3em">Svenlaa.com feed</h4>
<a id="rss_global" href="https://svenlaa.com/feed.xml">https://svenlaa.com/feed.xml</a
><button style="margin: 0 0.5em 0.7em" onclick="copyLink('a#rss_global')">Copy Link</button>

<hr />
<a href="/">Back to Svenlaa.com</a>