ProjectSegfault/invidious-experimenting
4
0
Fork 0
forked from midou/invidious
Code Pull Requests Activity
aeed7deb2d
invidious-experimenting/src/invidious/views/template.ecr

167 lines
9.2 KiB
Plaintext
Raw Normal View History

Initial commit
2017-11-23 13:18:55 +05:30
<!DOCTYPE html>
Add 'lang' to HTML tag
2019-04-28 19:47:35 +05:30
<html lang="<%= env.get("preferences").as(Preferences).locale %>">
Initial commit
2017-11-23 13:18:55 +05:30
<head>
Refactor CSRF tokens (using format in #473)
2019-04-16 09:53:40 +05:30
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="referrer" content="no-referrer">
<%= yield_content "header" %>
Use separate asset version for cache busting
2019-05-09 22:22:37 +05:30
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=<%= ASSET_COMMIT %>">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=<%= ASSET_COMMIT %>">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=<%= ASSET_COMMIT %>">
<link rel="manifest" href="/site.webmanifest?v=<%= ASSET_COMMIT %>">
<link rel="mask-icon" href="/safari-pinned-tab.svg?v=<%= ASSET_COMMIT %>" color="#575757">
Refactor CSRF tokens (using format in #473)
2019-04-16 09:53:40 +05:30
<meta name="msapplication-TileColor" content="#575757">
<meta name="theme-color" content="#575757">
<link title="Invidious" type="application/opensearchdescription+xml" rel="search" href="/opensearch.xml">
Use separate asset version for cache busting
2019-05-09 22:22:37 +05:30
<link rel="stylesheet" href="/css/pure-min.css?v=<%= ASSET_COMMIT %>">
<link rel="stylesheet" href="/css/grids-responsive-min.css?v=<%= ASSET_COMMIT %>">
<link rel="stylesheet" href="/css/ionicons.min.css?v=<%= ASSET_COMMIT %>">
<link rel="stylesheet" href="/css/default.css?v=<%= ASSET_COMMIT %>">
Add prefers-color-scheme support (#601) * Add prefers-color-scheme support This should fix <https://github.com/omarroth/invidious/issues/559>. The cookie storage format has been changed from boolean ("true"/"false") to tri-state ("dark"/"light"/""), so that users without a cookie set will get dark mode if they have enabled the dark theme in their operating system. The code for handling the cookie state, along with the user's operating system theme, has been factored out into a new function `update_mode`, which is called both at window load and at the "storage" event listener, because the "storage" event listener is only trigerred when a change is made to the localStorage from another tab/window (for more info - see <https://stackoverflow.com/a/4679754>).
2019-08-15 21:59:55 +05:30
<link rel="stylesheet" href="/css/darktheme.css?v=<%= ASSET_COMMIT %>" id="dark_theme" <% if env.get("preferences").as(Preferences).dark_mode != "dark" %>media="none"<% end %>>
<link rel="stylesheet" href="/css/lighttheme.css?v=<%= ASSET_COMMIT %>" id="light_theme" <% if env.get("preferences").as(Preferences).dark_mode == "dark" %>media="none"<% end %>>
Initial commit
2017-11-23 13:18:55 +05:30
</head>
Add 'dark_mode', 'thin_mode' as query parameters
2019-03-11 23:14:25 +05:30
<% locale = LOCALES[env.get("preferences").as(Preferences).locale]? %>
Add support for translations
2018-12-21 03:02:09 +05:30
Initial commit
2017-11-23 13:18:55 +05:30
<body>
Add prefers-color-scheme support (#601) * Add prefers-color-scheme support This should fix <https://github.com/omarroth/invidious/issues/559>. The cookie storage format has been changed from boolean ("true"/"false") to tri-state ("dark"/"light"/""), so that users without a cookie set will get dark mode if they have enabled the dark theme in their operating system. The code for handling the cookie state, along with the user's operating system theme, has been factored out into a new function `update_mode`, which is called both at window load and at the "storage" event listener, because the "storage" event listener is only trigerred when a change is made to the localStorage from another tab/window (for more info - see <https://stackoverflow.com/a/4679754>).
2019-08-15 21:59:55 +05:30
<span style="display:none" id="dark_mode_pref"><%= env.get("preferences").as(Preferences).dark_mode %></span>
Refactor CSRF tokens (using format in #473)
2019-04-16 09:53:40 +05:30
<div class="pure-g">
<div class="pure-u-1 pure-u-md-2-24"></div>
<div class="pure-u-1 pure-u-md-20-24">
<div class="pure-g navbar h-box">
<div class="pure-u-1 pure-u-md-4-24">
<a href="/" class="index-link pure-menu-heading">Invidious</a>
</div>
<div class="pure-u-1 pure-u-md-12-24 searchbar">
<form class="pure-form" action="/search" method="get">
<fieldset>
Autofill search for playlists and communities page
2019-07-27 19:21:10 +05:30
<input type="search" style="width:100%" name="q" placeholder="<%= translate(locale, "search") %>" value="<%= env.get?("search").try {|x| HTML.escape(x.as(String)) } %>">
Refactor CSRF tokens (using format in #473)
2019-04-16 09:53:40 +05:30
</fieldset>
</form>
</div>
<div class="pure-u-1 pure-u-md-8-24 user-field">
Minor formatting changes
2019-05-02 06:33:39 +05:30
<% if env.get? "user" %>
<div class="pure-u-1-4">
Add option to toggle theme without reload
2019-05-05 18:04:27 +05:30
<a id="toggle_theme" href="/toggle_theme?referer=<%= env.get?("current_page") %>" class="pure-menu-heading">
Add prefers-color-scheme support (#601) * Add prefers-color-scheme support This should fix <https://github.com/omarroth/invidious/issues/559>. The cookie storage format has been changed from boolean ("true"/"false") to tri-state ("dark"/"light"/""), so that users without a cookie set will get dark mode if they have enabled the dark theme in their operating system. The code for handling the cookie state, along with the user's operating system theme, has been factored out into a new function `update_mode`, which is called both at window load and at the "storage" event listener, because the "storage" event listener is only trigerred when a change is made to the localStorage from another tab/window (for more info - see <https://stackoverflow.com/a/4679754>).
2019-08-15 21:59:55 +05:30
<% if env.get("preferences").as(Preferences).dark_mode == "dark" %>
Minor formatting changes
2019-05-02 06:33:39 +05:30
<i class="icon ion-ios-sunny"></i>
<% else %>
<i class="icon ion-ios-moon"></i>
<% end %>
</a>
</div>
<div class="pure-u-1-4">
Add support for Web notifications
2019-05-05 18:16:01 +05:30
<a id="notification_ticker" title="<%= translate(locale, "Subscriptions") %>" href="/feed/subscriptions" class="pure-menu-heading">
Minor formatting changes
2019-05-02 06:33:39 +05:30
<% notification_count = env.get("user").as(User).notifications.size %>
<% if notification_count > 0 %>
Add support for Web notifications
2019-05-05 18:16:01 +05:30
<span id="notification_count"><%= notification_count %></span> <i class="icon ion-ios-notifications"></i>
Minor formatting changes
2019-05-02 06:33:39 +05:30
<% else %>
<i class="icon ion-ios-notifications-outline"></i>
<% end %>
</a>
</div>
<div class="pure-u-1-4">
<a title="<%= translate(locale, "Preferences") %>" href="/preferences?referer=<%= env.get?("current_page") %>" class="pure-menu-heading">
<i class="icon ion-ios-cog"></i>
</a>
</div>
<div class="pure-u-1-4">
<form action="/signout?referer=<%= env.get?("current_page") %>" method="post">
Update to Crystal 0.31.0, resolve compiler deprecation warnings, update dependencies (#764) * shard: update to crystal 0.31.0 Additionally, no longer use the Crystal "markdown" library which has been removed from the Crystal stdlib in version 0.31.0. See https://github.com/crystal-lang/crystal/pull/8115. Also fix some deprecation warnings using the following commands: find . \( -type d -name .git -prune \) -o -type f -exec sed -i 's/URI\.escape/URI\.encode_www_form/g' "{}" \; find . \( -type d -name .git -prune \) -o -type f -exec sed -i 's/URI\.unescape/URI\.decode_www_form/g' "{}" \; sed -i 's/while \%pull\.kind \!\= \:end_object/until \%pull\.kind\.end_object\?/g' src/invidious/helpers/patch_mapping.cr
2019-09-24 23:01:33 +05:30
<input type="hidden" name="csrf_token" value="<%= URI.encode_www_form(env.get?("csrf_token").try &.as(String) || "") %>">
Minor formatting changes
2019-05-02 06:33:39 +05:30
<a class="pure-menu-heading" href="#">
<input style="all:unset" type="submit" value="<%= translate(locale, "Log out") %>">
</a>
</form>
</div>
<% else %>
<div class="pure-u-1-3">
Add option to toggle theme without reload
2019-05-05 18:04:27 +05:30
<a id="toggle_theme" href="/toggle_theme?referer=<%= env.get?("current_page") %>" class="pure-menu-heading">
Add prefers-color-scheme support (#601) * Add prefers-color-scheme support This should fix <https://github.com/omarroth/invidious/issues/559>. The cookie storage format has been changed from boolean ("true"/"false") to tri-state ("dark"/"light"/""), so that users without a cookie set will get dark mode if they have enabled the dark theme in their operating system. The code for handling the cookie state, along with the user's operating system theme, has been factored out into a new function `update_mode`, which is called both at window load and at the "storage" event listener, because the "storage" event listener is only trigerred when a change is made to the localStorage from another tab/window (for more info - see <https://stackoverflow.com/a/4679754>).
2019-08-15 21:59:55 +05:30
<% if env.get("preferences").as(Preferences).dark_mode == "dark" %>
Minor formatting changes
2019-05-02 06:33:39 +05:30
<i class="icon ion-ios-sunny"></i>
<% else %>
<i class="icon ion-ios-moon"></i>
<% end %>
</a>
</div>
<div class="pure-u-1-3">
<a title="<%= translate(locale, "Preferences") %>" href="/preferences?referer=<%= env.get?("current_page") %>" class="pure-menu-heading">
<i class="icon ion-ios-cog"></i>
</a>
</div>
<% if config.login_enabled %>
<div class="pure-u-1-3">
<a href="/login?referer=<%= env.get?("current_page") %>" class="pure-menu-heading">
<%= translate(locale, "Log in") %>
</a>
</div>
Refactor CSRF tokens (using format in #473)
2019-04-16 09:53:40 +05:30
<% end %>
Minor formatting changes
2019-05-02 06:33:39 +05:30
<% end %>
Refactor CSRF tokens (using format in #473)
2019-04-16 09:53:40 +05:30
</div>
</div>
Minor formatting changes
2019-05-02 06:33:39 +05:30
Add support for adding banner to site header
2019-05-01 07:47:34 +05:30
<% if CONFIG.banner %>
Minor formatting changes
2019-05-02 06:33:39 +05:30
<div class="h-box">
<h3><%= CONFIG.banner %></h3>
</div>
Fix typo
2019-05-01 07:48:35 +05:30
<% end %>
Minor formatting changes
2019-05-02 06:33:39 +05:30
Refactor CSRF tokens (using format in #473)
2019-04-16 09:53:40 +05:30
<%= content %>
Minor formatting changes
2019-05-02 06:33:39 +05:30
Refactor CSRF tokens (using format in #473)
2019-04-16 09:53:40 +05:30
<div class="footer">
<div class="pure-g">
<div class="pure-u-1 pure-u-md-1-3">
Replace omarroth with iv-org where applicable (#1353) Fixes #1353
2020-08-25 21:37:16 +05:30
<a href="https://github.com/iv-org/invidious">
Refactor CSRF tokens (using format in #473)
2019-04-16 09:53:40 +05:30
<%= translate(locale, "Released under the AGPLv3 by Omar Roth.") %>
</a>
</div>
<div class="pure-u-1 pure-u-md-1-3">
<i class="icon ion-logo-bitcoin"></i>
Fix typo in footer
2019-10-21 08:32:16 +05:30
BTC: <a href="bitcoin:356DpZyMXu6rYd55Yqzjs29n79kGKWcYrY">356DpZyMXu6rYd55Yqzjs29n79kGKWcYrY</a>
Minor formatting changes
2019-05-02 06:33:39 +05:30
</div>
Refactor CSRF tokens (using format in #473)
2019-04-16 09:53:40 +05:30
<div class="pure-u-1 pure-u-md-1-3">
<i class="icon ion-logo-bitcoin"></i>
Fix typo in footer
2019-10-21 08:32:16 +05:30
BCH: <a href="bitcoincash:qq4ptclkzej5eza6a50et5ggc58hxsq5aylqut2npk">qq4ptclkzej5eza6a50et5ggc58hxsq5aylqut2npk</a>
Minor formatting changes
2019-05-02 06:33:39 +05:30
</div>
Refactor CSRF tokens (using format in #473)
2019-04-16 09:53:40 +05:30
<div class="pure-u-1 pure-u-md-1-3">
<i class="icon ion-logo-usd"></i>
<a href="https://liberapay.com/omarroth">Liberapay</a>
</div>
<div class="pure-u-1 pure-u-md-1-3">
<i class="icon ion-logo-javascript"></i>
<a rel="jslicense" href="/licenses">
<%= translate(locale, "View JavaScript license information.") %>
</a>
/
<i class="icon ion-ios-paper"></i>
<a href="/privacy">
<%= translate(locale, "View privacy policy.") %>
</a>
</div>
<div class="pure-u-1 pure-u-md-1-3">
<i class="icon ion-logo-github"></i>
Remove duplicated Github logo on footer (#986) * Remove duplicated Github logo on footer
2020-02-21 05:20:54 +05:30
<%= translate(locale, "Current version: ") %> <%= CURRENT_VERSION %>-<%= CURRENT_COMMIT %> @ <%= CURRENT_BRANCH %>
Minor formatting changes
2019-05-02 06:33:39 +05:30
</div>
Refactor CSRF tokens (using format in #473)
2019-04-16 09:53:40 +05:30
</div>
</div>
Update layout.ecr, replace navbar and add functional search
2017-12-31 02:52:55 +05:30
</div>
Refactor CSRF tokens (using format in #473)
2019-04-16 09:53:40 +05:30
<div class="pure-u-1 pure-u-md-2-24"></div>
Initial commit
2017-11-23 13:18:55 +05:30
</div>
Migrate to a good Content Security Policy (#1023) So attacks such as XSS (see [0]) will no longer be of an issue. [0]: https://github.com/omarroth/invidious/issues/1022
2020-03-16 03:16:08 +05:30
<script src="/js/handlers.js?v=<%= ASSET_COMMIT %>"></script>
Use separate asset version for cache busting
2019-05-09 22:22:37 +05:30
<script src="/js/themes.js?v=<%= ASSET_COMMIT %>"></script>
Add support for Web notifications
2019-05-05 18:16:01 +05:30
<% if env.get? "user" %>
<script src="/js/sse.js?v=<%= ASSET_COMMIT %>"></script>
Migrate to a good Content Security Policy (#1023) So attacks such as XSS (see [0]) will no longer be of an issue. [0]: https://github.com/omarroth/invidious/issues/1022
2020-03-16 03:16:08 +05:30
<script id="notification_data" type="application/json">
Fix JSON serialization
2020-03-30 03:14:45 +05:30
<%=
{
"upload_text" => HTML.escape(translate(locale, "`x` uploaded a video")),
"live_upload_text" => HTML.escape(translate(locale, "`x` is live"))
}.to_pretty_json
%>
Add support for Web notifications
2019-05-05 18:16:01 +05:30
</script>
<script src="/js/notifications.js?v=<%= ASSET_COMMIT %>"></script>
<% end %>
Initial commit
2017-11-23 13:18:55 +05:30
</body>
Fix formatting
2018-02-06 06:41:57 +05:30
</html>
Copy Permalink