packages feed

espial-0.0.36: templates/default-layout-wrapper.hamlet

$newline never
\<!doctype html>
\<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
\<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
\<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
\<!--[if gt IE 8]><!-->
<html class="no-js" lang="en"> <!--<![endif]-->
  <head>
    <meta charset="UTF-8">

    <title>#{pageTitle pc}
    <meta name="description" content="Espial is an open-source, web-based bookmarking server.">
    <meta name="robots" content="noindex, nofollow, noodp, noydir">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    $maybe sourceCodeUri <- msourceCodeUri
      <meta name="source" content="#{ sourceCodeUri }">

    <script>
      try {
        var storedColorScheme = window.localStorage.getItem('espial-color-scheme');
        if (storedColorScheme === 'light' || storedColorScheme === 'dark') {
          document.documentElement.dataset.colorScheme = storedColorScheme;
        } else {
          document.documentElement.dataset.colorScheme =
            window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches
              ? 'dark'
              : 'light';
        }
      } catch (_) {}

    ^{pageHead pc}

    <script>document.documentElement.className = document.documentElement.className.replace(/\bno-js\b/, 'js');
    <script src="@{StaticR js_js_cookie_2_2_0_min_js}">
    <script>
      var app =
        { csrfHeaderName: "#{ TE.decodeUtf8 $ CI.foldedCase defaultCsrfHeaderName }"
        , csrfParamName: "#{ defaultCsrfParamName }"
        , csrfCookieName: "#{ TE.decodeUtf8 defaultCsrfCookieName }"
        , csrfToken: Cookies.get("#{ TE.decodeUtf8 defaultCsrfCookieName }")
        , homeR: "@{ HomeR }"
        , authRlogoutR: "@{ AuthR LogoutR }"
        , i18nR: "@{ i18nR }"
        , lang: "#{lang}"
        , dat: {bmarks : [], bmark: {}, isowner: false, notes: []}
        };
  <body .f6.thm-text-primary.helvetica>
    ^{pageBody pc}

  <script type="module">
    import { initColorSchemeToggle, logoutE } from '@{StaticR (StaticRoute ["js", frontendBundleName] [])}';
    initColorSchemeToggle();
    Array.from(document.getElementsByClassName('logout-btn')).forEach(_ => _.addEventListener('click', (e) => logoutE(e)()));