mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity
jellyfin-web/src/index.html

122 lines
3.7 KiB
HTML
Raw Normal View History

Apply branding to index, improve icons, fix theme colour - For index.html, set the Chrome title bar on mobile to the background #101010 instead of the blue. It also adds a better "one size fits all" Apple Touch icon declaration. The Open Graph description is updated to our tagline instead of the original. - For manifest.json, restructures the file, sets the background #101010 to the theme colour, and fixes the capitalization on the description. - For touchicon.png, this is just an enhanced version with the background applied, and a margin so it doesn't get cut off on home screens.
2019-01-07 00:38:26 -05:00
<!DOCTYPE html>
Replaced all inline entries with attribute bases selectors
2022-07-14 17:59:23 -04:00
<html class="preload" dir="ltr">
Pushing missing changes
2013-02-20 20:33:05 -05:00
<head>
fix charset issue on firefox
2019-11-26 03:10:05 +09:00
<meta charset="utf-8">
fix: notched devices area not covered
2021-01-27 16:13:23 +01:00
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover">
Update to 3.5.2 and .net core 2.1
2018-09-12 19:26:21 +02:00
<link rel="manifest" href="manifest.json">
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta http-equiv="X-UA-Compatibility" content="IE=Edge">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
Large number of replacements of Emby with Jellyfin
2018-12-10 23:32:13 -05:00
<meta name="application-name" content="Jellyfin">
Update to 3.5.2 and .net core 2.1
2018-09-12 19:26:21 +02:00
<meta name="robots" content="noindex, nofollow, noarchive">
Remove image proxying through API Removes the web interface image proxying through the `/Images/Remote` and `/Items/RemoteSearch/Image` API endpoints. This appears to be those endpoints' only usage in the web client.
2021-05-02 01:09:50 -04:00
<meta name="referrer" content="no-referrer">
Add theme color support
2021-09-23 23:33:05 -04:00
<meta id="themeColor" name="theme-color" content="#202020">
Apply branding to index, improve icons, fix theme colour - For index.html, set the Chrome title bar on mobile to the background #101010 instead of the blue. It also adds a better "one size fits all" Apple Touch icon declaration. The Open Graph description is updated to our tagline instead of the original. - For manifest.json, restructures the file, sets the background #101010 to the theme colour, and fixes the capitalization on the description. - For touchicon.png, this is just an enhanced version with the background applied, and a margin so it doesn't get cut off on home screens.
2019-01-07 00:38:26 -05:00
<link rel="apple-touch-icon" sizes="180x180" href="touchicon.png">
Update to 3.5.2 and .net core 2.1
2018-09-12 19:26:21 +02:00
<link rel="shortcut icon" href="favicon.ico">
<meta name="msapplication-TileImage" content="touchicon144.png">
<meta name="msapplication-TileColor" content="#333333">
Large number of replacements of Emby with Jellyfin
2018-12-10 23:32:13 -05:00
<title>Jellyfin</title>
unify video osd
2017-01-03 01:51:36 -05:00
<style>
Add splash screen during app load
2020-06-29 11:21:20 +02:00
.transparentDocument,
.backgroundContainer-transparent:not(.withBackdrop) {
unify video osd
2017-01-03 01:51:36 -05:00
background: none !important;
background-color: transparent !important;
}
update components
2017-01-03 03:10:50 -05:00
Backport pull request #3849 from jellyfin/release-10.8.z Fix unexpected cursor hiding Original-merge: 89ec4f4e8abdbb88b81de03570b065ea21c6c730 Merged-by: Bill Thornton <thornbill@users.noreply.github.com> Backported-by: Bill Thornton <thornbill@users.noreply.github.com>
2022-09-16 00:50:55 -04:00
.layout-tv .mouseIdle,
.layout-tv .mouseIdle button,
.layout-tv .mouseIdle select,
.layout-tv .mouseIdle input,
.layout-tv .mouseIdle textarea,
.layout-tv .mouseIdle a,
.layout-tv .mouseIdle label,
.transparentDocument .mouseIdle,
.transparentDocument .mouseIdle button,
.transparentDocument .mouseIdle select,
.transparentDocument .mouseIdle input,
.transparentDocument .mouseIdle textarea,
.transparentDocument .mouseIdle a,
.transparentDocument .mouseIdle label,
.screensaver-noScroll.mouseIdle,
.screensaver-noScroll.mouseIdle button,
.screensaver-noScroll.mouseIdle select,
.screensaver-noScroll.mouseIdle input,
.screensaver-noScroll.mouseIdle textarea,
.screensaver-noScroll.mouseIdle a,
.screensaver-noScroll.mouseIdle label {
update components
2017-01-03 03:10:50 -05:00
cursor: none !important;
}
3.2.33.13
2017-10-18 21:22:13 -04:00
.preload {
Fix preload background color
2019-08-30 15:44:59 -04:00
background-color: #101010;
3.2.33.13
2017-10-18 21:22:13 -04:00
}
Add splash screen during app load
2020-06-29 11:21:20 +02:00
.hide,
.mouseIdle .hide-mouse-idle,
.mouseIdle-tv .hide-mouse-idle-tv {
3.2.33.13
2017-10-18 21:22:13 -04:00
display: none !important;
}
support sharing m3u tuner streams
2017-11-14 02:41:21 -05:00
.mainDrawerHandle {
position: fixed;
top: 0;
bottom: 0;
z-index: 1;
Adjust drawer swipe hotspot
2020-04-15 16:22:57 +02:00
width: 0.8em;
Respect safe area (notch) of mobile devices This adds paddings to various containers so that buttons and contents are not hidden by the notch or the Home indicator (the gray bar at the bottom). - `src/assets/css/librarybrowser.scss` - `.skinHeader`: menu bar at the top. - `.padded-left` and `.padded-right`: the heading of library. - `src/assets/css/site.scss` - `.content-primary`, `.padded-bottom-page`, `.page`, `.pageWithAbsoluteTabs`, and `.pageTabContent`: settings and dashboards. - `src/elements/emby-scroller/emby-scroller.scss` - `.emby-scroller`: the library items. - `src/assets/css/videoosd.scss` - `.videoOsdBottom`: the video playback control buttons and the progress bar. - `src/components/alphaPicker/style.scss` - `.alphaPicker-fixed` and `.alphaPicker-fixed-right`: the alphabet picker. - `src/components/appFooter/appFooter.scss` - `.appfooter`: the bottom bar showing the currently playing media. - `src/components/multiSelect/multiSelect.scss` - `.selectionCommandsPanel`: the top bar when selecting multiple media. Shown when long-pressing media. - `src/components/remotecontrol/remotecontrol.scss` - `.playlistSectionButton`: the bottom bar for current playlist. Shown when touching `.appfooter`. - `src/components/toast/toast.scss` - `.toastContainer`: the toast. Shown when refreshing metadata. - `src/index.html` - `.mainDrawerHandle`: gesture area for the drawer. It seems conflicting with gestures of Safari. - `src/libraries/navdrawer/navdrawer.scss` - `.tmla-mask` and `.touch-menu-la`: the drawer. - `src/plugins/htmlVideoPlayer/style.scss` - `.videoPlayerContainer`: the video area when not fullscreen. - `.videoSubtitles`: the video subtitles for some devices, not including iPhone. - `src/plugins/youtubePlayer/style.scss` - `.youtubePlayerContainer` container for the YouTube plugin. Not tested.
2022-05-29 22:20:15 +09:00
padding-left: env(safe-area-inset-left);
Make caret-color transparent In full screen mode during video playback. The caret would blink in the top left corner. The caret is not needed in the drawer.
2023-08-11 05:58:14 -04:00
caret-color: transparent;
support sharing m3u tuner streams
2017-11-14 02:41:21 -05:00
}
Add splash screen during app load
2020-06-29 11:21:20 +02:00
Replaced all inline entries with attribute bases selectors
2022-07-14 17:59:23 -04:00
[dir="ltr"] .mainDrawerHandle {
left: 0;
}
[dir="rtl"] .mainDrawerHandle {
left: 0;
}
Add splash screen during app load
2020-06-29 11:21:20 +02:00
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.splashLogo {
animation: fadein 0.5s;
width: 30%;
height: 30%;
Use emblem on mobile
2020-07-31 00:08:38 +02:00
background-image: url(assets/img/icon-transparent.png);
Add splash screen during app load
2020-06-29 11:21:20 +02:00
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
Use emblem on mobile
2020-07-31 00:08:38 +02:00
@media screen
Move HTML files to the proper locations
2020-08-08 03:15:57 +02:00
and (min-device-width: 992px) {
Use emblem on mobile
2020-07-31 00:08:38 +02:00
.splashLogo {
background-image: url(assets/img/banner-light.png);
}
}
unify video osd
2017-01-03 01:51:36 -05:00
</style>
Pushing missing changes
2013-02-20 20:33:05 -05:00
</head>
Replaced all inline entries with attribute bases selectors
2022-07-14 17:59:23 -04:00
<body dir="ltr">
Render navigation elements with react
2022-11-18 18:58:11 -05:00
<div id="reactRoot">
Add splash screen during app load
2020-06-29 11:21:20 +02:00
<div class="splashLogo"></div>
</div>
Pushing missing changes
2013-02-20 20:33:05 -05:00
</body>
Large number of replacements of Emby with Jellyfin
2018-12-10 23:32:13 -05:00
</html>
Copy permalink