Add post scroll to top and blog links

2022-06-13 07:44:57 +02:00 · 2022-06-13 07:44:57 +02:00 · 16a658a24d
commit 16a658a24d
parent d25f80c6b3
3 changed files with 23 additions and 1 deletions
--- a/src/assets/css/default.css
+++ b/src/assets/css/default.css
@ -6,6 +6,10 @@
    --themeTransitionDuration: 2s;
 }

+html {
+    scroll-behavior: smooth;
+}
+
 img {
    max-width: 100%;
 }
--- a/src/classes/page.php
+++ b/src/classes/page.php
@ -453,7 +453,7 @@ class Page
    public function bodyStart(): void
    {
        ?>
-        <body>
+        <body id="top">
        <?php
    }

--- a/src/pages/post.php
+++ b/src/pages/post.php
@ -43,6 +43,24 @@ $page->navigation();
                <div><?= $post->content->rendered ?></div>
            </div>
        </div>
+
+        <div class="ui two columns grid">
+            <div class="column">
+
+                <a href="#top" class="ui fluid labeled icon button">
+                    <i class="arrow up icon"></i>
+                    <?= __('Top') ?>
+                </a>
+            </div>
+
+            <div class="column">
+                <a href="<?= Page::PAGE_BLOG ?>" class="ui fluid labeled icon button">
+                    <i class="rss icon"></i>
+                    <?= __('Blog') ?>
+                </a>
+            </div>
+
+        </div>
    </div>
 </main>