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

172 lines
9.3 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">
<%= 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 %>">
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]? %>
Apply dark theme immediately Themes are now controlled with a class on the body element. If a preference is set the body element will have either "dark-theme" or "light-theme" class. If no preference is set or the preference is empty the class will be "no-theme". "dark-theme" and "light-theme" are handled by darktheme.css and lighttheme.css respectively. "no-theme" is handled by default.css where depending on the value of "prefers-color-scheme" the styles corresponding to "dark-theme" or "light-theme" are applied. Unfortunately this means that both themes are duplicated, once in the theme .css and once in default.css.
2020-11-16 08:49:41 +05:30
<% dark_mode = env.get("preferences").as(Preferences).dark_mode %>
Add support for translations
2018-12-21 03:02:09 +05:30
Apply dark theme immediately Themes are now controlled with a class on the body element. If a preference is set the body element will have either "dark-theme" or "light-theme" class. If no preference is set or the preference is empty the class will be "no-theme". "dark-theme" and "light-theme" are handled by darktheme.css and lighttheme.css respectively. "no-theme" is handled by default.css where depending on the value of "prefers-color-scheme" the styles corresponding to "dark-theme" or "light-theme" are applied. Unfortunately this means that both themes are duplicated, once in the theme .css and once in default.css.
2020-11-16 08:49:41 +05:30
<body class="<%= dark_mode.blank? ? "no" : dark_mode %>-theme">
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>
typo in the template file
2021-06-05 00:23:24 +05:30
<div class="pure-u-1 pure-u-md-20-24" id="contents">
Refactor CSRF tokens (using format in #473)
2019-04-16 09:53:40 +05:30
<div class="pure-g navbar h-box">
Move navbar search bar render check to templated
2021-04-17 17:48:58 +05:30
<% if navbar_search %>
Hide header search bar when default_home is empty
2021-04-04 10:02:30 +05:30
<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>
<input type="search" style="width:100%" name="q" placeholder="<%= translate(locale, "search") %>" value="<%= env.get?("search").try {|x| HTML.escape(x.as(String)) } %>">
</fieldset>
</form>
</div>
<% end %>
Refactor CSRF tokens (using format in #473)
2019-04-16 09:53:40 +05:30
<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>
Display username in header
2020-02-23 17:53:25 +05:30
<% if env.get("preferences").as(Preferences).show_nick %>
<div class="pure-u-1-4">
<span id="user_name"><%= translate(locale, "Welcome, `x`", env.get("user").as(User).email) %></span>
</div>
<% end %>
Minor formatting changes
2019-05-02 06:33:39 +05:30
<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>
Make config a constant Instead of passing around `config` there is now the global `CONFIG`.
2021-01-24 00:09:04 +05:30
<% if CONFIG.login_enabled %>
Minor formatting changes
2019-05-02 06:33:39 +05:30
<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
Change footer div into footer element
2021-04-06 16:15:54 +05:30
<footer>
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-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">
Actually fix the icons of #1564 but for real this time
2020-12-10 00:51:42 +05:30
<i class="icon ion-ios-wallet"></i>
Update the cryptocurrency addresses and replace the Liberapay link with a link to the documentation (#1564) * Update the cryptocurrency address with newly created one * Replace the icon used for the donation address and link * Replace the word Monero with the word XMR * Replace the Liberapay placeholder with a link to the documentation
2020-12-10 00:13:45 +05:30
BTC: <a href="bitcoin:bc1qfhe7rq3lqzuayzjxzyt9waz9ytrs09kla3tsgr">bc1qfhe7rq3lqzuayzjxzyt9waz9ytrs09kla3tsgr</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">
Actually fix the icons of #1564 but for real this time
2020-12-10 00:51:42 +05:30
<i class="icon ion-ios-wallet"></i>
Update the cryptocurrency addresses and replace the Liberapay link with a link to the documentation (#1564) * Update the cryptocurrency address with newly created one * Replace the icon used for the donation address and link * Replace the word Monero with the word XMR * Replace the Liberapay placeholder with a link to the documentation
2020-12-10 00:13:45 +05:30
XMR: <a href="monero:41nMCtek197boJtiUvGnTFYMatrLEpnpkQDmUECqx5Es2uX3sTKKWVhSL76suXsG3LXqkEJBrCZBgPTwJrDp1FrZJfycGPR">Click here</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">
Update the cryptocurrency addresses and replace the Liberapay link with a link to the documentation (#1564) * Update the cryptocurrency address with newly created one * Replace the icon used for the donation address and link * Replace the word Monero with the word XMR * Replace the Liberapay placeholder with a link to the documentation
2020-12-10 00:13:45 +05:30
<a href="https://github.com/iv-org/documentation">Documentation</a>
Refactor CSRF tokens (using format in #473)
2019-04-16 09:53:40 +05:30
</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>
Change footer div into footer element
2021-04-06 16:15:54 +05:30
</footer>
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