{{define "main"}}
    <h1>Feed Generator</h1>
    <p>
        Generate an RSS feed. The generator will search each of the listed pages for the first <code>&lt;article&gt;</code> element. Inside the <code>&lt;article&gt;</code> element, there must be a <code>&lt;time&gt;</code> element with a valid <code>datetime</code> attribute representing the publish time of the page. See <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/time">MDN <code>&lt;time&gt;</code> element</a> for details. If a page does not include both of these requirements, it will be skipped. 
    </p>
    <form id="generate-form">
        <p>
            <label>
                Site Name:
                <input name="site-name" />
            </label>
        </p>
        <p>
            <label>
                Site URL:
                <input name="site-url" />
            </label>
        </p>
        <p>
            <label>
                Site Description:
                <input name="site-description" />
            </label>
        </p>
        <p>
            <label>
                Pages to Include:
                <textarea name="page-urls" cols="40" rows="6">List of URLs, one per line</textarea>
            </label>
        </p>
        <button id="generate-button" hx-get="/feedgen/generate" hx-include="#generate-form" hx-params="*" hx-target="#output">Generate</button>
    </form>
    <div id="output">
    </div>
{{end}}