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

166 lines
8.2 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>
fix language
2016-03-20 13:56:03 -04:00
<html class="preload">
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">
Large number of replacements of Emby with Jellyfin
2018-12-10 23:32:13 -05:00
<meta property="og:title" content="Jellyfin">
<meta property="og:site_name" content="Jellyfin">
move themes and plugins into config file
2020-08-02 17:28:25 +09:00
<meta property="og:url" content="http://jellyfin.org">
<meta property="og:description" content="The Free Software Media System">
Update to 3.5.2 and .net core 2.1
2018-09-12 19:26:21 +02:00
<meta property="og:type" content="article">
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">
fix charset issue on firefox
2019-11-26 03:10:05 +09:00
<!-- iPhone 5 -->
add code suggestions
2020-01-06 21:28:57 +09:00
<link href="assets/splash/iphone5_splash.png" media="screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" rel="apple-touch-startup-image" />
<link href="assets/splash/iphone5_splash_l.png" media="screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" rel="apple-touch-startup-image" />
Adde iOS Launch Screens for PWA
2019-05-04 23:08:02 -04:00
fix charset issue on firefox
2019-11-26 03:10:05 +09:00
<!-- iPhone 6, 6S, 7 and 8 -->
add code suggestions
2020-01-06 21:28:57 +09:00
<link href="assets/splash/iphone6_splash.png" media="screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" rel="apple-touch-startup-image" />
<link href="assets/splash/iphone6_splash_l.png" media="screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" rel="apple-touch-startup-image" />
Adde iOS Launch Screens for PWA
2019-05-04 23:08:02 -04:00
fix charset issue on firefox
2019-11-26 03:10:05 +09:00
<!-- iPhone 6+, 7+ and 8+ -->
add code suggestions
2020-01-06 21:28:57 +09:00
<link href="assets/splash/iphoneplus_splash.png" media="screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" rel="apple-touch-startup-image" />
<link href="assets/splash/iphoneplus_splash_l.png" media="screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" rel="apple-touch-startup-image" />
Adde iOS Launch Screens for PWA
2019-05-04 23:08:02 -04:00
fix charset issue on firefox
2019-11-26 03:10:05 +09:00
<!-- iPhone X -->
add code suggestions
2020-01-06 21:28:57 +09:00
<link href="assets/splash/iphonex_splash.png" media="screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" rel="apple-touch-startup-image" />
<link href="assets/splash/iphonex_splash_l.png" media="screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" rel="apple-touch-startup-image" />
Adde iOS Launch Screens for PWA
2019-05-04 23:08:02 -04:00
fix charset issue on firefox
2019-11-26 03:10:05 +09:00
<!-- iPhone Xr -->
add code suggestions
2020-01-06 21:28:57 +09:00
<link href="assets/splash/iphonexr_splash.png" media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" rel="apple-touch-startup-image" />
<link href="assets/splash/iphonexr_splash_l.png" media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" rel="apple-touch-startup-image" />
Adde iOS Launch Screens for PWA
2019-05-04 23:08:02 -04:00
fix charset issue on firefox
2019-11-26 03:10:05 +09:00
<!-- iPhone Xs -->
add code suggestions
2020-01-06 21:28:57 +09:00
<link href="assets/splash/iphonexsmax_splash.png" media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" rel="apple-touch-startup-image" />
Update html-loader
2021-06-15 01:27:05 -04:00
<link href="assets/splash/iphonexsmax_splash_l.png" media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" rel="apple-touch-startup-image" />
Adde iOS Launch Screens for PWA
2019-05-04 23:08:02 -04:00
fix charset issue on firefox
2019-11-26 03:10:05 +09:00
<!-- iPad -->
add code suggestions
2020-01-06 21:28:57 +09:00
<link href="assets/splash/ipad_splash.png" media="screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" rel="apple-touch-startup-image" />
<link href="assets/splash/ipad_splash_l.png" media="screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" rel="apple-touch-startup-image" />
Adde iOS Launch Screens for PWA
2019-05-04 23:08:02 -04:00
fix charset issue on firefox
2019-11-26 03:10:05 +09:00
<!-- iPad Pro 1 -->
add code suggestions
2020-01-06 21:28:57 +09:00
<link href="assets/splash/ipadpro1_splash.png" media="screen and (device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" rel="apple-touch-startup-image" />
<link href="assets/splash/ipadpro1_splash_l.png" media="screen and (device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" rel="apple-touch-startup-image" />
Add splash screen during app load
2020-06-29 11:21:20 +02:00
fix charset issue on firefox
2019-11-26 03:10:05 +09:00
<!-- iPad Pro 3 -->
add code suggestions
2020-01-06 21:28:57 +09:00
<link href="assets/splash/ipadpro3_splash.png" media="screen and (device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" rel="apple-touch-startup-image" />
<link href="assets/splash/ipadpro3_splash_l.png" media="screen and (device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" rel="apple-touch-startup-image" />
Adde iOS Launch Screens for PWA
2019-05-04 23:08:02 -04:00
fix charset issue on firefox
2019-11-26 03:10:05 +09:00
<!-- iPad Pro 2 -->
add code suggestions
2020-01-06 21:28:57 +09:00
<link href="assets/splash/ipadpro2_splash.png" media="screen and (device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" rel="apple-touch-startup-image" />
<link href="assets/splash/ipadpro2_splash_l.png" media="screen and (device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" rel="apple-touch-startup-image" />
Adde iOS Launch Screens for PWA
2019-05-04 23:08:02 -04:00
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
Add splash screen during app load
2020-06-29 11:21:20 +02:00
.mouseIdle,
.mouseIdle button,
.mouseIdle select,
.mouseIdle input,
.mouseIdle textarea,
.mouseIdle a,
.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;
left: 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);
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
Prefix splash properties
2020-06-30 22:16:32 +02:00
@-webkit-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
Add splash screen during app load
2020-06-29 11:21:20 +02:00
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.splashLogo {
Prefix splash properties
2020-06-30 22:16:32 +02:00
-webkit-animation: fadein 0.5s;
Add splash screen during app load
2020-06-29 11:21:20 +02:00
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%;
Prefix splash properties
2020-06-30 22:16:32 +02:00
-webkit-transform: translate(-50%, -50%);
Add splash screen during app load
2020-06-29 11:21:20 +02:00
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>
<body>
enable unified routing
2016-03-16 01:33:31 -04:00
<div class="backdropContainer"></div>
update components
2016-07-27 01:19:56 -04:00
<div class="backgroundContainer"></div>
fix charset issue on firefox
2019-11-26 03:10:05 +09:00
<div class="mainDrawer hide">
<div class="mainDrawer-scrollContainer scrollContainer focuscontainer-y"></div>
</div>
Added appropriate focuscontainer styles
2019-10-10 18:07:44 +03:00
<div class="skinHeader focuscontainer-x"></div>
Add splash screen during app load
2020-06-29 11:21:20 +02:00
<div class="mainAnimatedPages skinBody">
<div class="splashLogo"></div>
</div>
Add react-router
2022-04-14 01:19:27 -04:00
<div id="reactRoot"></div>
support sharing m3u tuner streams
2017-11-14 02:41:21 -05:00
<div class="mainDrawerHandle"></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