shadow-dom-element/demo/ananke/content/en/templates/chapter-body.html

shadow-dom-element is a declarative custom element/web component to render local and remote template

<main class="pb7" role="main">
    <style>
        @import "../../css/main.min.css";
    </style>


    <article class="flex-l flex-wrap justify-between mw8 center ph3">
        <shadow-dom-element
                code="./templates/article-header.html"
                >
            <slot name="article-source" attribute="src"></slot>
        </shadow-dom-element>

        <div class="nested-copy-line-height lh-copy serif f4 nested-links mid-gray pr4-l w-two-thirds-l">

            <slot name="article-text"></slot>

            <ul class="pa0"></ul>
            <div class="mt6 instapaper_ignoref"></div>
        </div>

        <aside class="w-30-l mt6-l"></aside>

    </article>

</main>