{{- define "title" }}{{ T "pageNotFound" | printf "404 %s" }} | {{ .Site.Title }}{{ end -}}

{{- define "content" -}}
    <div class="notfound">
        <h1 class="error-emoji"></h1>
        <p class="error-text">
            {{- T "pageNotFoundText" -}}
        </p>
        <p class="error-link">
            <a href="{{ .Site.BaseURL }}">
                {{- T "backToHome" | printf "← %s" -}}
            </a>
        </p>
    </div>
    <script>
        var errorEmojiContainer = document.getElementsByClassName('error-emoji')[0];
        var emojiArray = [
            '\\(o_o)/', '(o^^)o', '(˚Δ˚)b', '(^-^*)', '(≥o≤)', '(^_^)b', '(·_·)',
            '(=\'X\'=)', '(>_<)', '(;-;)', '\\(^Д^)/',
        ];
        var errorEmoji = emojiArray[Math.floor(Math.random() * emojiArray.length)];
        errorEmojiContainer.appendChild(document.createTextNode(errorEmoji));
    </script>
{{- end -}}