110 lines
4.2 KiB
Handlebars
Executable File
110 lines
4.2 KiB
Handlebars
Executable File
{{!< default}}
|
|
|
|
<div id="postOverlay" class="overlay" style="display: none;">
|
|
<div class="overlay-content">
|
|
<span class="close-button">×</span>
|
|
<div id="overlayContent" class="overlay-content-inner"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<button id="toggle-theme" class="theme-button">Toggle Theme</button>
|
|
|
|
<!-- Blog Header -->
|
|
<header class="blog-header {{#if @site.cover_image}} has-cover{{/if}}">
|
|
<div class="inner">
|
|
<a href="/content_index" class="back-button">
|
|
<img src="{{asset "images/back_arrow_2.svg"}}" alt="Back Button" />
|
|
</a>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Sticky Menu Bar -->
|
|
<nav class="portal-menu">
|
|
<ul>
|
|
{{#get "posts" filter="tag:-prenos" order="published_at asc" limit="all"}}
|
|
{{#foreach posts}}
|
|
{{#if feature_image_caption}}
|
|
<li>
|
|
<a href="#{{slug}}" class="sh-scroll">
|
|
<div class="year-feature-image-caption">{{feature_image_caption}}</div>
|
|
</a>
|
|
</li>
|
|
{{/if}}
|
|
{{/foreach}}
|
|
{{/get}}
|
|
</ul>
|
|
</nav>
|
|
{{!-- Simplified Post Template --}}
|
|
|
|
{{#post}}
|
|
<div id="post-container">
|
|
<article id="{{slug}}" class="{{post_class}}">
|
|
<!-- Post Content -->
|
|
<div class="inner post-content-container">
|
|
<h1>{{title}}</h1>
|
|
<div class="post-content">
|
|
{{{content}}}
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
<!-- Debugging: Check next_post URL -->
|
|
{{#if next_post}}
|
|
<script>
|
|
var nextPageUrl = "{{next_post.url}}";
|
|
console.log("Next Page URL: ", nextPageUrl);
|
|
</script>
|
|
{{else}}
|
|
<script>
|
|
var nextPageUrl = null;
|
|
console.log("No next post available.");
|
|
</script>
|
|
{{/if}}
|
|
</div>
|
|
|
|
<!-- Loading Spinner -->
|
|
<div id="loading-spinner" style="display: none;">Loading...</div>
|
|
{{/post}}
|
|
|
|
<!-- Page Wrapper for Text Content -->
|
|
<section class="page-wrapper">
|
|
<div class="hidden-custom-variable"></div>
|
|
<div id="overlay" class="overlay"></div>
|
|
<div id="toolbar" class="toolbar hidden-toolbar">
|
|
<div id="toolbar-handle" class="toolbar-handle"></div>
|
|
<button id="highlight" title="Highlight">{{> "icons/icon-highlight"}}</button>
|
|
<button id="strikethrough" title="Strikethrough">{{> "icons/icon-strikethrough"}}</button>
|
|
<button id="bold" title="Bold">{{> "icons/icon-bold"}}</button>
|
|
<button id="italic" title="Italic">{{> "icons/icon-italic"}}</button>
|
|
<button id="underline" title="Underline">{{> "icons/icon-underline"}}</button>
|
|
<button id="link" title="Link">{{> "icons/icon-link"}}</button>
|
|
<button id="unlink" title="Unlink">{{> "icons/icon-unlink"}}</button>
|
|
<button id="clear-storage" title="Clear Storage">{{> "icons/icon-clear"}}</button>
|
|
<button id="toggleAllFormatting">Toggle Formatting</button>
|
|
<!-- Add export button -->
|
|
<button id="export-pdf" title="Export as PDF">Export PDF</button>
|
|
</div>
|
|
<div id="show-toolbar-arrow" class="hidden-arrow show-arrow">←</div>
|
|
<div class="content">
|
|
{{{body}}}
|
|
</div>
|
|
</section>
|
|
|
|
<script defer src="{{asset "js/load.js"}}"></script>
|
|
<script defer src="{{asset "js/toolbar.js"}}"></script>
|
|
<script defer src="{{asset "js/adjust_image.js"}}"></script>
|
|
<script defer src="{{asset "js/toggle_callout.js"}}"></script>
|
|
<script defer src="{{asset "js/lightbox.js"}}"></script>
|
|
<script defer src="{{asset "js/more.js"}}"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/dompurify/2.3.4/purify.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/docx/7.0.3/docx.min.js"></script>
|
|
|
|
<!-- Include the converted font -->
|
|
<script defer src="{{asset "js/menu_bar.js"}}"></script>
|
|
<script src="{{asset "js/content_index.js"}}"></script>
|
|
<script src="{{asset "js/pdf_export.js"}}"></script>
|
|
<script src="{{asset "js/toggle_theme.js"}}"></script>
|
|
|
|
{{ghost_foot}} |