diff options
author | Anthony Wang | 2024-01-14 13:44:33 -0500 |
---|---|---|
committer | Anthony Wang | 2024-01-14 13:44:33 -0500 |
commit | 09957b7e11cecc285c3be83480fa9f7a364be94b (patch) | |
tree | 59365692cd319ad803b70430ba47e80a0c29b118 /layouts | |
parent | 0f4ea1b794e2859c4fc1e609b07f313fbcf3dd9b (diff) |
Don't wrap {{ .Content }} in p tags
Revert this once https://github.com/526avijitgupta/gokarna/pull/210 is merged
Diffstat (limited to 'layouts')
-rw-r--r-- | layouts/partials/page.html | 11 | ||||
-rw-r--r-- | layouts/partials/post.html | 75 |
2 files changed, 86 insertions, 0 deletions
diff --git a/layouts/partials/page.html b/layouts/partials/page.html new file mode 100644 index 0000000..0be4486 --- /dev/null +++ b/layouts/partials/page.html @@ -0,0 +1,11 @@ +<div class="post container"> + + <div class="post-header-section"> + <h1>{{ .Title }}</h1> + </div> + + <div class="post-content"> + {{ .Content }} + </div> +</div> + diff --git a/layouts/partials/post.html b/layouts/partials/post.html new file mode 100644 index 0000000..2f17c68 --- /dev/null +++ b/layouts/partials/post.html @@ -0,0 +1,75 @@ +<div class="post container"> + <div class="post-header-section"> + <h1>{{ .Title }}</h1> + <small role="doc-subtitle">{{ .Description }}</small> + <p class="post-date">{{ dateFormat (or .Site.Params.dateFormat "January 2, 2006") .Date}} + {{ if lt .Date .Lastmod }} | Updated {{ dateFormat .Site.Params.dateFormat .Lastmod }}{{ end }} + </p> + + <ul class="post-tags"> + {{ range .Params.tags }} + <li class="post-tag"><a href="{{ "tags/" | absLangURL }}{{ . | urlize }}">{{ . }}</a></li> + {{ end }} + </ul> + </div> + + <div class="post-content"> + {{ .Content }} + {{ if .Site.DisqusShortname }} + <div class="post-comments"> + {{ template "_internal/disqus.html" . }} + </div> + {{ end }} + </div> + + <div class="prev-next"> + {{ if eq .Site.Params.TogglePreviousAndNextButtons "true" }} + {{ if or .PrevInSection .NextInSection }} + {{ partial "prev-next.html" . }} + {{ end }} + {{ end }} + </div> + + <!-- Back to top button --> + {{ if .Site.Params.ShowBackToTopButton }} + <svg id="btt-button" class="arrow-logo" xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 384 512" onclick="topFunction()" title="Go to top"> + <!-- Your arrow SVG path or elements go here --> + <path d="M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z"/> + </svg> + {{ end }} + <script> + let backToTopButton = document.getElementById("btt-button"); + + window.onscroll = function() { + scrollFunction() + }; + + function scrollFunction() { + if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { + backToTopButton.style.display = "block"; + } else { + backToTopButton.style.display = "none"; + } + } + + function topFunction() { + smoothScrollToTop(); + } + + function smoothScrollToTop() { + const scrollToTop = () => { + const c = document.documentElement.scrollTop || document.body.scrollTop; + if (c > 0) { + window.requestAnimationFrame(scrollToTop); + window.scrollTo(0, c - c / 8); + } + }; + scrollToTop(); + } + </script> + {{ if .Site.Params.CustomCommentHTML }} + <div id="comments"> + {{ .Site.Params.CustomCommentHTML | safeHTML }} + </div> + {{ end }} +</div> |