view web_resources/feed-preview.xhtml @ 8:c271192aac9d

Improve visual appearance Make use of the built-in browser extension stylesheet. Use semantic CSS variables.
author Guido Berhoerster <guido+feed-preview@berhoerster.name>
date Tue, 27 Nov 2018 11:11:15 +0100
parents 5d7c13e998e9
children fcd65cf3f634
line wrap: on
line source

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta charset="utf-8"/>
<!--
   Copyright (C) 2018 Guido Berhoerster <guido+feed-preview@berhoerster.name>

   This Source Code Form is subject to the terms of the Mozilla Public
   License, v. 2.0. If a copy of the MPL was not distributed with this
   file, You can obtain one at http://mozilla.org/MPL/2.0/.
-->
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <link rel="stylesheet" href=""/>
    <title></title>
  </head>
  <body>
    <template id="feed-logo-template">
      <img id="feed-logo" src="" alt=""/>
    </template>
    <template id="entry-template">
      <article>
        <details class="entry">
          <summary>
            <header class="entry-header">
              <p class="entry-date"><time></time></p>
            </header>
          </summary>
          <iframe class="entry-content" srcdoc="" title="" sandbox=""
          width="800" height="360"></iframe>
        </details>
      </article>
    </template>
    <template id="entry-title-template">
      <h1 class="entry-title"></h1>
    </template>
    <template id="entry-title-linked-template">
      <h1 class="entry-title"><a class="entry-link" href="" title=""></a></h1>
    </template>
    <template id="entry-files-list-template">
      <footer class="entry-files">
        <h2 class="entry-files-title"></h2>
        <ul class="entry-files-list">
        </ul>
      </footer>
    </template>
    <template id="no-entries-hint-template">
      <p id="no-entries-hint"></p>
    </template>
    <template id="entry-file-template">
      <li class="entry-file"><a class="entry-file-link" href="" title=""></a>
      <span class="entry-file-info"></span></li>
    </template>
    <header id="feed-header">
      <h1 id="feed-title"></h1>
      <p id="feed-subtitle"></p>
    </header>
  </body>
</html>