Files
oled-nnw/Oled.nnwtheme/template.html
√(noham)² 45dd42c5e0 Rename Elegant theme to Oled and update references
The Elegant.nnwtheme files have been renamed to Oled.nnwtheme, including stylesheet, Info.plist, and template.html. References in .stylelintrc.json were updated to ignore the new stylesheet location. Documentation and build scripts were updated to reflect the new theme name.
2025-11-02 18:17:35 +01:00

93 lines
2.4 KiB
HTML

<!-- Template Variables
title: The title of the article
preferred_link: The best link to associate with the article for linking out.
external_link_label: A localized label for the external link.
external_link_stripped: The external link minus the scheme. Useful for displaying the external link.
external_link: The external link of the article if there is one provided by the author.
feed_link_title: The name of the feed associated with this article.
feed_link: The URL of the feed associated with this article.
byline: HTML that combines all the authors and links to them if available.
avatar_src: The image source URL for the feed icon / avatar.
dateline_style: Either "articleDateline" or "articleDatelineTitle" depending on if the title was populated or not.
datetime_long: Long version of a combined publish date and time.
datetime_medium: Medium length version of a combined publish date and time.
datetime_short: Short version of a combined publish date and time.
date_long: Long version of the publish date.
date_medium: Medium version of the publish date.
date_short: Long version of the publish date.
time_long: Long version of the publish time.
time_medium: Medium version of the publish time.
time_short: Long version of the publish time.
text_size_class: The size class that the user has selected in Preferences for article text.
body: The body of the article.
-->
<div id="oled-reader">
<!-- Header -->
<header>
<img
src="[[avatar_src]]"
alt="feed img"
/>
<div class="feed-title">
<a
href="[[feed_link]]"
title="Open feed"
>
[[feed_link_title]]
</a>
</div>
<div class="date">
[[date_long]]
</div>
</header>
<!-- Article -->
<article class="prose prose-neutral dark:prose-invert">
<h1>
<a
href="[[preferred_link]]"
title="Open original post"
>
[[title]]
</a>
</h1>
<p class="meta">
<a
href="[[feed_link]]"
title="Feed link"
>
<span class="i-carbon-rss"></span>
Feed
</a>
<a
href="[[preferred_link]]"
title="Original post link"
>
<span class="i-carbon-link"></span>
Post
</a>
</p>
<div class="content">
[[body]]
</div>
</article>
<!-- Footer -->
<footer>
<a href="[[feed_link]]">
[[byline]]
</a>
</footer>
</div>
<script type="text/javascript"></script>