New: Login screen supports slideshows now

Fix: Reduced padding on these card buttons on the bottom-right

.github/ISSUE_TEMPLATE/bug_report.md

@@ -0,0 +1,36 @@
+---
+name: Bug report
+about: Create a report to help us improve
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+**Describe the bug**
+A clear and concise description of what the bug is.
+
+**Expected behavior**
+A clear and concise description of what you expected to happen.
+
+**Screenshots**
+If applicable, add screenshots to help explain your problem.
+
+**ElegantFin:**
+ - Version [e.g. 24.12.11]
+
+**Desktop (please complete the following information):**
+ - OS: [e.g. iOS]
+ - Browser [e.g. chrome, safari]
+ - Version [e.g. 22]
+ - Screen Resolution [e.g. 1920x1080]
+
+**Smartphone or TV (please complete the following information):**
+ - Device: [e.g. iPhone6]
+ - OS: [e.g. iOS8.1]
+ - Browser [e.g. stock browser, safari]
+ - Version [e.g. 22]
+
+
+**Additional context**
+Add any other context about the problem here.

.github/ISSUE_TEMPLATE/feature_request.md

@@ -0,0 +1,20 @@
+---
+name: Feature request
+about: Suggest an idea for this project
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+**Is your feature request related to a problem? Please describe.**
+A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+
+**Describe the solution you'd like**
+A clear and concise description of what you want to happen.
+
+**Describe alternatives you've considered**
+A clear and concise description of any alternative solutions or features you've considered.
+
+**Additional context**
+Add any other context or screenshots about the feature request here.

.github/pull_request_template.md

@@ -0,0 +1,28 @@
+# Description
+
+Please include a summary of the change and which issue is fixed. Please also include relevant motivation and context.
+
+Fixes # (issue)
+
+## Type of change
+
+- [ ] Bug fix
+- [ ] New feature 
+
+# How Has This Been Tested?
+
+Please describe the tests that you ran to verify your changes. Provide instructions so we can reproduce. Please also list any relevant details for your test configuration.
+
+**Test Configuration**:
+* Jellyfin server version:
+* Jellyfin client:
+* Client browser name and version:
+* Device:
+
+# Checklist:
+
+- [ ] I have performed a self-review of my own code
+- [ ] I have commented my code in hard-to-understand areas
+- [ ] I have included relevant comparison screenshots where nececssary
+- [ ] I have tested my changes on the TV layout and Default layout of Jellyfin
+- [ ] I have also tested my changes on multiple devices and screen sizes

.gitignore

@@ -0,0 +1 @@
+/tmp.txt

README.md

@@ -79,7 +79,7 @@ https://github.com/user-attachments/assets/7a492f89-9c82-4038-a07a-a9a59e4f8eef
   <summary>1️⃣ - <i>How do I check if I am using the latest version on ElegantFin?</i></summary>
 
 - To make sure that you are using the latest version of ElegantFin, check the version number at the bottom in the Dashboard screen. 
-- I should be something like ElegantFin v24.12.XX
+- It should be something like ElegantFin v24.12.XX
 </details>
 
 <details>
@@ -93,21 +93,17 @@ https://github.com/user-attachments/assets/7a492f89-9c82-4038-a07a-a9a59e4f8eef
 </details>
 
 <details>
-  <summary>3️⃣ - <i>Why do I notice many visual bugs and inconsistencies where other users seem to have no problem?</i></summary>
+  <summary>3️⃣ - <i>Why do I notice visual bugs and inconsistencies on Jellyfin Media Player?</i></summary>
 
-- Are you using Jellyfin Media Player? That is why. JMP seems to be using a different or probably an older version of web engine. I am working on adding workarounds, but the progress is slow.
+- Currently JMP uses Qt 5.x which uses an outdated web engine, so many new CSS features do not work. Once they release a new version based on Qt 6.x, most issues should automatically be resolved. Until then, I advise using the web app instead.
 - Are you not using JMP and still facing issues? See the 4th point below.
 </details>
 
 <details>
   <summary>4️⃣ - <i>How do I report bugs/issues?</i></summary>
 
-First check [here](https://github.com/lscambo13/ElegantFin/issues?q=) whether a similar issue has been reported already. If it exists, upvote and comment there to let me know. Alternatively, create a new issue [here](https://github.com/lscambo13/ElegantFin/issues/new) and include the following information: 
+- First check [here](https://github.com/lscambo13/ElegantFin/issues?q=) whether a similar issue has been reported already. If it exists, upvote and comment there to let me know. 
-- [A] Problem description, 
+- Alternatively, create a new issue [here](https://github.com/lscambo13/ElegantFin/issues/new/choose).
-- [B] ElegantFin version, 
-- [C] Jellyfin client's platform and version, 
-- [D] Client's resolution, and 
-- [E] any accompanying screenshot.
 
 
 </details>

Theme/ElegantFin-jellyfin-theme-build-latest-minified.css

@@ -1,2 +1,2 @@
-/* ElegantFin Theme v24.12.11 for Jellyfin by lscambo13 */
+/* ElegantFin Theme v25.01.03 for Jellyfin by lscambo13 */
-@import url("https://cdn.jsdelivr.net/gh/prayag17/Jellyfin-Icons/round.css");:root{--darkerGradientPoint:#111827;--lighterGradientPoint:#1d2635;--borderColor:rgba(75,85,99,.9);--headerColor:rgba(30,40,54,.8);--drawerColor:rgba(30,40,54,.9);--lighterBorderColor:rgb(255 255 255 / 20%);--selectorBackgroundColor:rgb(55,65,81);--btnSubmitColor:rgb(61,54,178);--btnSubmitBorderColor:rgb(117 111 226);--checkboxCheckedBgColor:rgb(79,70,229);--backgroundGradient:linear-gradient(0deg,var(--darkerGradientPoint) 35%,var(--lighterGradientPoint));--cardBackgroundGradient:linear-gradient(0deg,var(--darkerGradientPoint),var(--lighterGradientPoint) 25%);--hoverGradient:linear-gradient(130deg,rgb(255 255 255 / 20%) 20%,rgb(255 255 255 / 10%) 40%);}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;}.dashboardFooter::after{content:"ElegantFin v24.12.11";font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;font-size:.6em;opacity:.5;}.itemsContainer,.vertical-list{}.card{margin:.375em;}[dir=ltr] .itemsContainer>.card>.cardBox{margin-left:auto;margin-right:auto;}.vertical-wrap{justify-content:flex-start!important;}.countIndicator,.fullSyncIndicator,.mediaSourceIndicator{background:rgb(31,80,189);border:var(--lighterBorderColor) solid 1px;}.playedIndicator{background:rgb(34,197,94);border:var(--lighterBorderColor) solid 1px;}.cardScalable{border-radius:1em;border:var(--borderColor) solid 1px!important;overflow:hidden!important;transition:125ms transform;}.card:hover .cardScalable{}.cardImageContainer{border-radius:1em!important}.cardOverlayContainer{border-radius:1em!important;border:solid rgb(255 255 255 / 65%) .1em;mix-blend-mode:plus-lighter;background:var(--hoverGradient);}.cardBox:not(.visualCardBox) .cardPadder{background-color:var(--lighterGradientPoint);border-radius:1em;}.cardOverlayContainer>.cardOverlayFab-primary{display:none;}@media (min-width:31.25em){.portraitCard,.smallBackdropCard,.squareCard{width:30%!important}}@media (min-width:43.75em){.portraitCard,.squareCard{width:23%!important}}@media (min-width:50em){.portraitCard,.squareCard{width:23%!important}}@media (min-width:25em){.backdropCard{width:49%}}@media (min-width:48.125em){.backdropCard{width:32%}}.detailLogo{display:none;}h1{font-size:3em;}.detailPagePrimaryContainer{align-content:space-between;align-items:stretch;justify-content:end;flex-direction:column;}.portraitCard{min-width:5em;width:30%;max-width:15em;}.headerHomeButton,.cardOverlayButton{display:none;}.skinHeader.noHomeButtonHeader .headerSyncButton{display:none;}.skinHeader:not(.noHomeButtonHeader) .headerSyncButton{}.skinHeader:not(.noHomeButtonHeader) .headerSearchButton{}.pageTitle{height:1.5em;}.paper-icon-button-light>.material-icons{font-size:1.25em;}.detailRibbon{background-color:transparent;}.detailPageWrapperContainer{padding-top:30vh;background:linear-gradient(0deg,var(--darkerGradientPoint) 85%,transparent);margin-top:-40vh;}@media (orientation:portrait) and (max-width:40em){.layout-mobile .itemBackdrop{height:40vh;opacity:.35}}.itemBackdrop{height:45vh;}h2{font-size:1.25em;}h1,h2{font-weight:600;}.tagline{font-size:1.3em;font-style:italic;font-weight:400;margin-bottom:0;}.nowPlayingPlaylist,.nowPlayingContextMenu,html{background:var(--backgroundGradient)}.backgroundContainer:not(.withBackdrop){background:var(--backgroundGradient)}.backgroundContainer.withBackdrop{opacity:.9375;background:var(--backgroundGradient)}.skinHeader-blurred:not(.osdHeader){background-color:var(--headerColor)!important;backdrop-filter:blur(5px)!important;}.headroom--unpinned{-webkit-transform:translateY(-3.5em);transform:translateY(-3.5em);}.skinHeader:not(.osdHeader){border-style:solid;border-width:0 0 1px 0;border-color:var(--borderColor);transition:all .375s ease-in-out;}.itemProgressBar{background-color:rgb(123 123 123 / 30%)!important;height:.2em;overflow:hidden;border-radius:1em;}.itemProgressBarForeground{border-radius:1em;background-color:rgb(214 144 255 / 65%)}.selectLabel{max-height:2em;}.layout-mobile .mainDetailButtons{margin-top:2em;}.emby-select-withcolor,.emby-select,.emby-input,.emby-textarea{background-color:var(--selectorBackgroundColor);border:var(--lighterBorderColor) solid 1px;border-radius:.5em;padding:.5em!important;}.searchfields-txtSearch{border-radius:4em;}.btnPlay{background-color:rgba(255,255,255,.05);border:solid var(--lighterBorderColor) 1px;}.searchfields-icon{padding:.125em;margin-right:.25em;margin-bottom:0;border-radius:1em;background-color:rgba(255,255,255,.05);border:solid var(--lighterBorderColor) 1px;}.btnPlay>.detailButton-content{-webkit-align-items:unset;display:-webkit-flex;display:flex;-webkit-flex-direction:unset;flex-direction:unset;-webkit-justify-content:unset;align-content:unset;justify-content:flex-start;}.btnPlay>.detailButton-content::after{padding-left:.25em;content:"Play";}.mainDrawer,.drawer-open{backgrLine truncated
+@import url("https://cdn.jsdelivr.net/gh/prayag17/Jellyfin-Icons/round.css");@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');:root{--darkerGradientPoint:#111827;--darkerGradientPointAlpha:rgba(17,24,39,.85);--lighterGradientPoint:#1d2635;--borderColor:rgb(71,80,92);--headerColor:rgba(30,40,54,.8);--drawerColor:rgba(30,40,54,.9);--lighterBorderColor:rgb(255 255 255 / 20%);--selectorBackgroundColor:rgb(55,65,81);--btnDeleteColor:rgb(169,29,29);--btnDeleteBorderColor:rgb(217,84,84);--btnSubmitColor:rgb(61,54,178);--btnSubmitBorderColor:rgb(117 111 226);--checkboxCheckedBgColor:rgb(79,70,229);--highlightOutlineColor:rgb(37,99,235);--textColor:rgb(209,213,219);--dimTextColor:rgb(156,163,175);--activeColorAlpha:rgb(201 143 255 / 40%);--activeColor:rgb(119 82 153);--tableBodyColor:rgb(31 41 55 / 1);--backgroundGradient:linear-gradient(0deg,var(--darkerGradientPoint) 35%,var(--lighterGradientPoint));--cardBackgroundGradient:linear-gradient(0deg,var(--darkerGradientPoint),var(--lighterGradientPoint) 25%);--hoverGradientA:linear-gradient(130deg,rgb(255 255 255 / 35%) 20%,rgb(255 255 255 / 15%) 40%);--hoverGradientB:radial-gradient(100% 250% at 90% 190%,rgba(255,255,255,.15) 85%,rgba(255,255,255,.33) 100%);--largerRadius:1.25em;--largeRadius:1em;--smallRadius:.5em;--smallerRadius:.375em;--borderWidth:.075em;}html{font-family:"Inter",serif;font-optical-sizing:auto;font-weight:425;font-style:normal;}.dashboardFooter{font-family:Noto Sans;transition:transform 50ms;}.dashboardFooter::after{content:"ElegantFin v25.01.03";font-size:.8em;color:#4e4e60;}.card{padding:.375em;}.card:focus .cardBox:not(.visualCardBox) .cardScalable{border-radius:var(--largerRadius)!important;border:solid rgba(0,0,0,1) var(--borderWidth)!important;outline:var(--borderWidth) rgba(255,255,255,1) solid;transition:border .1s;filter:brightness(1.125);}.emby-button.show-focus:focus,.paper-icon-button-light.show-focus:focus{background:#2f3a53;outline:var(--borderWidth) rgb(255 255 255) solid!important;outline-offset:calc(-1*var(--borderWidth));color:#fff;transition:outline 0s,border 0s;}.emby-tabs .emby-button.show-focus:focus{outline:.05em rgb(255 255 255) solid!important;outline-offset:-1em;color:#fff;border-radius:var(--largerRadius);}[dir=ltr] .itemsContainer>.card>.cardBox{margin-left:auto;margin-right:auto;}.vertical-wrap:not(.centered){justify-content:flex-start!important;}.countIndicator,.fullSyncIndicator,.mediaSourceIndicator{background:rgb(31,80,189);border:var(--lighterBorderColor) solid var(--borderWidth);}.playedIndicator{background:rgb(34,197,94);border:var(--lighterBorderColor) solid var(--borderWidth);}.cardScalable{border-radius:var(--largeRadius);border:var(--borderColor) solid calc(2 * var(--borderWidth))!important;overflow:hidden!important;transition:125ms transform;}.layout-mobile .cardScalable{border:var(--borderColor) solid var(--borderWidth)!important;}.cardImageContainer{transition:transform .375s;}.card.card-hoverable:hover .cardScalable{border-color:var(--textColor)!important;}.card.card-hoverable:hover .cardImageContainer{transform:scale(1.025);}.card.card-hoverable:hover .itemSelectionPanel{transform:scale(1.025);}.cardOverlayContainer{transition:.25s;background:var(--hoverGradientA);background-size:200%;background-position-x:100%;}.layout-desktop .card.card-hoverable:hover .cardOverlayContainer{background-position-x:0;}.cardBox:not(.visualCardBox) .cardPadder{background-color:var(--lighterGradientPoint);}.cardOverlayContainer>.cardOverlayFab-primary{left:unset;margin-left:unset;margin-top:unset;top:unset;right:1.25em;bottom:1.25em;}.cardOverlayContainer>.cardOverlayFab-primary,.listItemImageButton{background-color:rgba(0,0,0,.9);color:var(--textColor);border:solid var(--borderColor) var(--borderWidth);font-size:75%;}.cardOverlayContainer>.cardOverlayFab-primary:hover,.listItemImageButton:hover{background-color:rgba(0,0,0,.75)!important;}.layout-desktop .cardOverlayButton-br{display:none;}.layout-mobile .portraitCard .cardOverlayButton-br,.layout-mobile .backdropCard .cardOverlayButton-br{display:none;}.cardOverlayContainer:has(.cardOverlayButton:hover){backdrop-filter:blur(.25em);}.cardScalable:has(.cardOverlayContainer .cardOverlayButton:hover)>.cardImageContainer{transform:scale(1);}.card.card-hoverable:hover .cardScalable{transform:scale(1.02);}.listViewUserDataButtons{flex-direction:column;padding-inline-end:.75em;padding-inline-start:1em;}.smallBackdropCard,.squareCard,.backdropCard,.bannerCard{width:46%;max-width:18em;}@media (min-width:31.25em){.portraitCard,.smallBackdropCard,.squareCard{width:30%!important}}@media (min-width:43.75em){.portraitCard,.squareCard{width:23%!important}}@media (min-width:50em){.portraitCard,.squareCard{width:23%!important}}@media (min-width:25em){.backdropCard{width:46%}}@media (min-width:48.125em){.backdropCard{width:31%}}.detailLogo{display:none;}h1{font-size:3em;}.detailPageWrapperContainer{padding-top:unseLine truncated