aboutsummaryrefslogtreecommitdiffhomepage
path: root/template/html/common/layout.html
diff options
context:
space:
mode:
authorGravatar Frédéric Guillot <fred@miniflux.net>2018-01-02 22:04:48 -0800
committerGravatar Frédéric Guillot <fred@miniflux.net>2018-01-02 22:04:48 -0800
commit320d1b016747ba4501da9417d9ce5f99368a5768 (patch)
tree1054d96afde6022951b76cc4a09b78e1e3f05058 /template/html/common/layout.html
parentc39f2e1a8d2de6d412bcc673d29eb0f7a2d1f5f7 (diff)
Refactor packages to have more idiomatic code base
Diffstat (limited to 'template/html/common/layout.html')
-rw-r--r--template/html/common/layout.html124
1 files changed, 124 insertions, 0 deletions
diff --git a/template/html/common/layout.html b/template/html/common/layout.html
new file mode 100644
index 0000000..85f1df4
--- /dev/null
+++ b/template/html/common/layout.html
@@ -0,0 +1,124 @@
+{{ define "base" }}
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+ <meta name="mobile-web-app-capable" content="yes">
+ <meta name="apple-mobile-web-app-title" content="Miniflux">
+ <link rel="manifest" href="{{ route "webManifest" }}">
+
+ <meta name="robots" content="noindex,nofollow">
+ <meta name="referrer" content="no-referrer">
+
+ <link rel="icon" type="image/png" href="{{ route "appIcon" "filename" "favicon.png" }}">
+ <link rel="apple-touch-icon" href="{{ route "appIcon" "filename" "touch-icon-iphone.png" }}">
+ <link rel="apple-touch-icon" sizes="72x72" href="{{ route "appIcon" "filename" "touch-icon-ipad.png" }}">
+ <link rel="apple-touch-icon" sizes="114x114" href="{{ route "appIcon" "filename" "touch-icon-iphone-retina.png" }}">
+ <link rel="apple-touch-icon" sizes="144x144" href="{{ route "appIcon" "filename" "touch-icon-ipad-retina.png" }}">
+ <link rel="shortcut icon" type="image/x-icon" href="{{ route "favicon" }}">
+
+ {{ if .csrf }}
+ <meta name="X-CSRF-Token" value="{{ .csrf }}">
+ {{ end }}
+ <title>{{template "title" .}} - Miniflux</title>
+ {{ if .user }}
+ <link rel="stylesheet" type="text/css" href="{{ route "stylesheet" "name" .user.Theme }}">
+ {{ else }}
+ <link rel="stylesheet" type="text/css" href="{{ route "stylesheet" "name" "white" }}">
+ {{ end }}
+ <script type="text/javascript" src="{{ route "javascript" }}" defer></script>
+</head>
+<body data-entries-status-url="{{ route "updateEntriesStatus" }}">
+ {{ if .user }}
+ <header class="header">
+ <nav>
+ <div class="logo">
+ <a href="{{ route "unread" }}">Mini<span>flux</span></a>
+ </div>
+ <ul>
+ <li {{ if eq .menu "unread" }}class="active"{{ end }} title="{{ t "Keyboard Shortcut: %s" "g u" }}">
+ <a href="{{ route "unread" }}" data-page="unread">{{ t "Unread" }}</a>
+ {{ if gt .countUnread 0 }}
+ <span class="unread-counter-wrapper">(<span class="unread-counter">{{ .countUnread }}</span>)</span>
+ {{ end }}
+ </li>
+ <li {{ if eq .menu "starred" }}class="active"{{ end }} title="{{ t "Keyboard Shortcut: %s" "g b" }}">
+ <a href="{{ route "starred" }}" data-page="starred">{{ t "Starred" }}</a>
+ </li>
+ <li {{ if eq .menu "history" }}class="active"{{ end }} title="{{ t "Keyboard Shortcut: %s" "g h" }}">
+ <a href="{{ route "history" }}" data-page="history">{{ t "History" }}</a>
+ </li>
+ <li {{ if eq .menu "feeds" }}class="active"{{ end }} title="{{ t "Keyboard Shortcut: %s" "g f" }}">
+ <a href="{{ route "feeds" }}" data-page="feeds">{{ t "Feeds" }}</a>
+ </li>
+ <li {{ if eq .menu "categories" }}class="active"{{ end }} title="{{ t "Keyboard Shortcut: %s" "g c" }}">
+ <a href="{{ route "categories" }}" data-page="categories">{{ t "Categories" }}</a>
+ </li>
+ <li {{ if eq .menu "settings" }}class="active"{{ end }} title="{{ t "Keyboard Shortcut: %s" "g s" }}">
+ <a href="{{ route "settings" }}" data-page="settings">{{ t "Settings" }}</a>
+ </li>
+ <li>
+ <a href="{{ route "logout" }}" title="Logged as {{ .user.Username }}">{{ t "Logout" }}</a>
+ </li>
+ </ul>
+ </nav>
+ </header>
+ {{ end }}
+ {{ if .flashMessage }}
+ <div class="flash-message alert alert-success">{{ .flashMessage }}</div>
+ {{ end }}
+ {{ if .flashErrorMessage }}
+ <div class="flash-error-message alert alert-error">{{ .flashErrorMessage }}</div>
+ {{ end }}
+ <main>
+ {{template "content" .}}
+ </main>
+ <template id="keyboard-shortcuts">
+ <div id="modal-left">
+ <a href="#" class="btn-close-modal">x</a>
+ <h3>{{ t "Keyboard Shortcuts" }}</h3>
+
+ <div class="keyboard-shortcuts">
+ <p>{{ t "Sections Navigation" }}</p>
+ <ul>
+ <li>{{ t "Go to unread" }} = <strong>g + u</strong></li>
+ <li>{{ t "Go to bookmarks" }} = <strong>g + b</strong></li>
+ <li>{{ t "Go to history" }} = <strong>g + h</strong></li>
+ <li>{{ t "Go to feeds" }} = <strong>g + f</strong></li>
+ <li>{{ t "Go to categories" }} = <strong>g + c</strong></li>
+ <li>{{ t "Go to settings" }} = <strong>g + s</strong></li>
+ <li>{{ t "Show keyboard shortcuts" }} = <strong>?</strong></li>
+ </ul>
+
+ <p>{{ t "Items Navigation" }}</p>
+ <ul>
+ <li>{{ t "Go to previous item" }} = <strong>p or j or ◄</strong></li>
+ <li>{{ t "Go to next item" }} = <strong>n or k or ►</strong></li>
+ </ul>
+
+ <p>{{ t "Pages Navigation" }}</p>
+ <ul>
+ <li>{{ t "Go to previous page" }} = <strong>h</strong></li>
+ <li>{{ t "Go to next page" }} = <strong>l</strong></li>
+ </ul>
+
+ <p>{{ t "Actions" }}</p>
+ <ul>
+ <li>{{ t "Open selected item" }} = <strong>o</strong></li>
+ <li>{{ t "Open original link" }} = <strong>v</strong></li>
+ <li>{{ t "Toggle read/unread" }} = <strong>m</strong></li>
+ <li>{{ t "Mark current page as read" }} = <strong>A</strong></li>
+ <li>{{ t "Download original content" }} = <strong>d</strong></li>
+ <li>{{ t "Toggle bookmark" }} = <strong>f</strong></li>
+ <li>{{ t "Save article" }} = <strong>s</strong></li>
+ <li>{{ t "Close modal dialog" }} = <strong>Esc</strong></li>
+ </ul>
+ </div>
+ </div>
+ </template>
+</body>
+</html>
+{{ end }} \ No newline at end of file