diff options
Diffstat (limited to 'layouts/templates/main.shtml')
| -rw-r--r-- | layouts/templates/main.shtml | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/layouts/templates/main.shtml b/layouts/templates/main.shtml new file mode 100644 index 0000000..c9369fc --- /dev/null +++ b/layouts/templates/main.shtml @@ -0,0 +1,50 @@ +<!DOCTYPE html> +<html lang="en-GB"> + <head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <title var="$page.title.suffix('|', $site.title)"></title> + <link rel="stylesheet" href="/css/style.css"> + <link rel="stylesheet" href="/css/fonts.css"> + </head> + <body> + <nav> + <ul class="menu"> + <li><a href="/posts">home</a></li> + <li><a href="/about">about</a></li> + <li><a href="/projects">projects</a></li> + <li><a href="/index.xml">rss</a></li> + </ul> + <hr> + </nav> + <div id="main"> + <super> + </div> + <footer> + <div if="$page.custom.get('comments', false)"> + <h2>comments</h2> + <div style="visibility: hidden" id="comments">comments go here</div> + <div style="visibility: hidden" id="comment_form">comment form goes here</div> + <script> + let comments = document.getElementById("comments"); + let urlParam = new URLSearchParams(); + urlParam.append("url", document.location.href); + fetch(document.location.origin + "/api/comment?" + urlParam.toString()) + .then((response) => response.text()) + .then((data) => { + comments.innerHTML = data; + comments.style.visibility = "visible"; + }); + let form = document.getElementById("comment_form"); + fetch(document.location.origin + "/api/form?" + urlParam.toString()) + .then((response) => response.text()) + .then((data) => { + form.innerHTML = data; + form.style.visibility = "visible"; + }); + </script> + <noscript>Comments disabled without javascript!</noscript> + </div> + </footer> + </body> +</html>
\ No newline at end of file |