<!DOCTYPE html>
<html>

{{- partial "head.html" . -}}

<body>

    {{- partial "header.html" . -}}

    <main>

        <h1>{{ .Title }}</h1>
        
        {{- block "main" . }}{{- end }}

    </main>

    {{- partial "footer.html" . -}}

</body>


    <script>
        const readingBarInner = document.querySelector('#reading-bar-inner');
        document.addEventListener('scroll', function(e) {
            let width = (document.body.scrollTop || document.documentElement.scrollTop) / (document.documentEle