Giter Club home page Giter Club logo

pasta's Introduction

PASTA

Audio and Subtitle Track Changer for Plex

DockerHub Link: https://hub.docker.com/r/cglatot/pasta

Unraid Installation: This is now available on the Commmunity Applications list thanks to https://github.com/selfhosters/unRAID-CA-templates

Encountered a bug, or have a feature request? Log it here: https://github.com/cglatot/pasta/issues

Enjoying the tool? Considering adding to my coffee / energy drink fund :)

ko-fi

What is PASTA?

Do you watch TV Shows with multiple languages and subtitles and wish you could change them for the entire show, rather than needing to do it for every. single. episode? Or maybe you aren't sure what the difference is between those 2 English (SRT) and English (SRT) subtitle files. Then PASTA is for you! PASTA allows you to connect to your Plex server and view more details about the audio tracks and subtitles, as well as set the tracks and subtitles or entire shows, or single episodes very quickly.

How do I use PASTA?

I built PASTA to be as step-by-step as possible and to take you through it, so you should be able to just close this pop-up and follow along. There are some things I would like to point out, however:

  • This works MUCH faster if you are on the same network as the Plex Server.
  • If you use Unraid, this is now available in the Community Applications.
  • You can also run this locally yourself. Just download the source code from github.

About PASTA

When I first began developing this for myself, I was calling it Audio Track Automation for Plex, so adding "subtitles" to it, and rearranging the letters gave birth to PASTA. PASTA was born out of a desire, one that I had seen others have as well, but that I had only seen one other solution for. However, it was in command line and I wanted something a bit more appealing to look at, and something I could use from anywhere. Initially I was only building this for myself but I thought that others might find use for it as well, so here we are!

PASTA runs entirely client-side. This means that you are not passing anything to someones server to do this (other than the Plex Server), and it also means I don't have to worry about standing up a server to do that side of things either :). PASTA runs off of Github Pages. Feel free to have a look, download it yourself and use it locally, or make suggestions. I'm by no means finished with PASTA - I still have plenty of ideas for how I can add more to it, as well as fix any bugs that crop up.

Docker

Here is an example compose to help you get started creating a container.

---
version: "3"

services:
  pasta:
    image: cglatot/pasta
    container_name: pasta
    ports:
      - 8087:80 
    restart: unless-stopped

pasta's People

Contributors

cglatot avatar cgudea avatar garretaserra avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

pasta's Issues

Progress bar doesn't work correctly

Describe the bug
The progress bar does not fill up as each track gets updated. It only updates after everything is done.
Also, episodes that have been processed no longer get updated until after everything is completed too.

Expected behavior
Progress bar, and episode text, should update as soon as they have been processed.

Add functionality for use of "Back" and "Forward"

Is your feature request related to a problem? Please describe.
Currently when you press the Back browser button, you leave the web page.

Describe the solution you'd like
Would like to have the "back" and "forward" browser buttons to go back and forward through the tabs you have used.

Dev notes: Can add browser states and override the back and forward buttons to go through the states

Odd entries in "#" category of TV series & Movies

Describe the bug
The "#" category contains some erroneous entries for all Libraries on my server that I have checked ("TV Shows," "Movies," & "Anime," etc.). Rather than only listing entries that begin with a number / special character, seasons and individual episodes (sometimes from other libraries) are included as well.

I am accessing Pasta via the website rather than running a local instance.
I have been using Pasta for a while, and do not recall seeing this in the past, so I believe this may be a new issues.

To Reproduce
Steps to reproduce the behavior:

  1. Go to pastatool.com
  2. Login & select a library (e.g. "TV Series")
  3. Select "#"
  4. Many odd entries.

Expected behavior
Only numeric / special character results.

Screenshots
Screenshot from 2021-05-23 07-29-40
Screenshot from 2021-05-23 07-30-10
Screenshot from 2021-05-23 07-35-29

Episodes listed as Series:
Screenshot from 2021-05-23 07-55-44

Episodes listed as Seasons:
Screenshot from 2021-05-23 07-51-31

Wrong library (File is from Anime Library)
Anime Flac file listed as TV Series:
Screenshot from 2021-05-23 07-38-54

Anime episodes & Flac appearing as Movie:
Movies - Numeric

Desktop (please complete the following information):

  • Browser: Pasta was accesssed via Chrome
  • OS: Plex server is running Ubuntu 18.04
  • Plex Version: 4.57.2

Additional context
I have tried:

  • Restarting the Plex Server process
  • On Pasta: Logging out & logging back in

but the issue persisted.

Incorrect episode sort order for "Entire series" selection

Describe the bug
When setting the audio/subtitles for an entire season, the modal displays the episodes changed out of order

To Reproduce
Steps to reproduce the behavior:

  1. Select "Entire series" on something with multiple seasons
  2. Set audio/subs

Expected behavior
Output would be in season/episode sort order for easily spotting episodes that didn't get changed

Screenshots
vlcsnap-2022-03-02-19h57m24s462
vlcsnap-2022-03-02-19h57m32s906

Or a lot of screenshots at 30fps:
https://user-images.githubusercontent.com/37625/156493810-336d7e15-f687-4a59-af23-e1a10c50091f.mp4

Desktop (please complete the following information):

  • OS: Windows 10 Pro build 19044.1526
  • Browser: Mozilla Firefox
  • Version: 97.0.1 (64-bit)

Allow subtitles deletion

Very nice utility, thank you. Is there any possibility to allow for deletion of subtitle tracks? I'm using plex_debrid to stream shows and movies. Along with that functionality, I get a lot of subtitle tracks of SSA/ASS and PGS which cause Plex to perform some intense transcoding. I have to turn off subtitles on all those videos. SRT works fine but the other utility I use to add subs to the database, plex-sub-downloader, won't add SRT subs to the stream if it sees that there are already any type of subs. Deleting the incompatible subs would clear the way to download SRT subs.

Emby support/compatibility

Great tool for Plex but it would be great to use for Emby (https://emby.tv/) also.

It doesn't appear that a similar tool exists for Emby users

Will you consider adding support for Emby?

Support Movies

Is your feature request related to a problem? Please describe.
Currently this only supports TV Shows, and not movies

Describe the solution you'd like
I would like to be able to change the subtitle and audio tracks on movies as well as TV Shows. I'd like to be able to do this for entire Movie library, and on individual movies.

Change the Alphabet Display

Describe the solution you'd like
Currently the alphabet just displays every character in a large group. Need to overhaul the buttons so that it is more dynamic with sizing, especially for mobile devices. Maybe collapse the alphabet into a dropdown list after a certain number of characters and/or on mobile devices?

Scroll to track list after choosing an episode

Is your feature request related to a problem? Please describe.
When you click on an episode, the track list will populate but might not always be on screen if there are a lot of episodes in that season.

Describe the solution you'd like
After you click on the episode, scroll down automatically to the track listing.

Select subtitle tracks on a per-season basis

Is your feature request related to a problem? Please describe.
Often times I will download shows on a per season basis, each season being from a different person or source. Because of this, each season will follow a different pattern of their subtitle track names, order, etc.

Describe the solution you'd like
In addition to the existing functionality of selecting a subtitle track per episode or for an entire show, I'd love the ability to set a default subtitle track for a season of a tv show or anime.

Error on https, No Library on HTTP

Describe the bug
When I log in using the http address, no library loads. When I log on with https, it gives an error:
"Error - You are trying to access a http server via the site in https. If you cannot see your libraries below, please load this site over http by clicking here. " Note that it works via token in http.

To Reproduce
Steps to reproduce the behavior:

  1. Select Pin Authorization
  2. Open plex.tv/pin
  3. Input pin
  4. Go back to PASTA, the library won't have loaded. If it was HTTPS, there will also be a warning message

Expected behavior
Library should load (For me, that's "Movies" and "TV Shows")

Screenshots
https:
PASTAError1
http:
PASTAError2
Token:
PASTAToken

Call to get libraries being made via HTTP even in environments where only HTTPS is allowed

Preface - Not sure if this was intentionally coded this way due to some Plex limitations I'm unaware of, however thought it was worth mentioning...

Essentially I'm running a full HTTPS stack where possible.
Plex is configured for secure connections only and is externally accessible directly (not via a reverse proxy).
The nginx box from where Pasta is served (mmm sounds tasty!) is configured for HTTPS only and redirects all HTTP calls to HTTPS automatically.
(As a result presumably if Plex was being reverse proxied and Pasta was pointed towards the reverse proxy address this would actually work without a code change... but I digress).

Authentication works fine via PIN and I can see a list of Plex servers accessible to my account.
The issue comes when selecting the Plex server from the list to load the libraries.
I see no libraries loaded and the following error appears in Chrome console because an attempt was made to load content via HTTP rather than HTTPS:

jquery-3.4.1.min.js:2 Mixed Content: The page at 'https://******.com/pasta/#authentication' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://***.***.***.***:32900/library/sections/'. This request has been blocked; the content must be served over HTTPS.
send @ jquery-3.4.1.min.js:2
ajax @ jquery-3.4.1.min.js:2
connectToPlex @ main.js:364
chooseServer @ main.js:302
onclick @ (index):1
main.js:391 Trying to use http over a https site with PIN authentication

If I change the following line in main.js function "chooseServer" to make the request via HTTPS instead everything works great.

Before:
plexUrl = http://${serverList[number].address}:${serverList[number].port};

After:
plexUrl = https://${serverList[number].address}:${serverList[number].port};

function chooseServer(number, row) {
    $("#libraryTable tbody").empty();
    $("#tvShowsTable tbody").empty();
    $("#seasonsTable tbody").empty();
    $("#episodesTable tbody").empty();
    $("#audioTable tbody").empty();
    $("#subtitleTable tbody").empty();

    $(row).siblings().removeClass("table-active");
    $(row).addClass("table-active");

    plexToken = serverList[number].accessToken;
    plexUrl = `http://${serverList[number].address}:${serverList[number].port}`;
    connectToPlex();
}

Newbie question: How to use PASTA exactly?

Hello,

I'm a newbie with these things, so I'll just ask. It might help some other dumb person here, like me. I searched in the issues but couldn't find anyone with a similar question that me.

So, I went into the PASTA tool website, did the authentication, and selected the audio and subtitles tracks to the show I want (Everybody Hates Chris, 'por' audio, no subtitles). It worked perfectly. All files were successfully updated, and my Plex is playing automatically the tracks I chose.

My question is about PASTA itself, do I need to open the pastatool.com every time I restart my server (like rebooting the PC) i.e. or the show is permanently 'fixed'?

Sorry for the dumb question,

This is a wonderful tool, cheers from Brazil:brazil:.

Support of Chinese Characters for TV Shows

Is your feature request related to a problem? Please describe.
TV Shows with Chinese characters are not displayed at all in the series tab(not in alphabet strip or #)

Describe the solution you'd like
All the unsupported languages/characters for tv shows could be displayed under the # section.

This might be a font/encoding problem(Japanese and Korean characters could be affected too)

Docker-compose?

Is anyone able to share there docker compose file, or even the docker run command?

Thanks!

Better 'fuzzy matching' of commentary tracks

Is your feature request related to a problem? Please describe.
Ive been trying to switch my Futurama episodes over to the Commentary tracks, so that I can watch through the show without switching the audio track every time. Unfortunately, it doesn't 'recognize' commentary tracks across the entire series, and needs to be done one by one in PASTA - even when Entire Series is the chosen option.

Describe the solution you'd like
Im not sure how PASTA matches audio tracks across episodes, but Id like it to 'see' commentary tracks better. If it uses the 'title' of the audio track to determine if it should switch, the different actors/producers/directors changing with each commentary may cause issues with switching.

The tool is able to change the latter two seasons, which share a commentary track name of 'Commentary by Cast, Crew or Special Guest.' which I assume lets them all match, but earlier seasons have audio track names like:

  • Commentary by Creator Matt Groening, Executive Producer David X. Cohen, Supervising Director Rich Moore, Supervising Director Gregg Vanzo, Writer Eric Horsted, Director Bret Haaland, and Voice Actor Billy West
  • Commentary by Creator Matt Groening, Executive Producer David X. Cohen, Supervising Director Rich Moore, Writer Ken Keeler, Director Peter Avanzino, and Voice Actor John DiMaggio
  • Commentary by Creator Matt Groening, Executive Producer David X. Cohen, Supervising Director Rich Moore, Writer Eric Kaplan, Supervising Director Gregg Vanzo, and Voice Actor John DiMaggio

Shows with numbers in their name wont show up anywhere

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

  1. Go to any series
  2. Click on any letter
  3. Scroll down to anywhere
  4. You cant see the shows that start their name with numbers. For example, you cant find 'The 100'

Expected behavior
Some way to find shows that don't start with letters beside the season search

Support Other Videos

Is your feature request related to a problem? Please describe.
Currently this only supports TV Shows, and not movies

Describe the solution you'd like
I would like to be able to change the subtitle and audio tracks on "Other Videos" (uncategorized by movies or tv show) as well as TV Shows. Other videos can be sorted into folders.

Alphabet buttons not resetting when changing plex server

In the series page if you click on the authentication tab you can change Plex servers but the alphabet button group of the series page is not reset. If you then go back to the series page (after changing server) the buttons will still be clickable.
The buttons should reset when going back to the authentication tab.

No Movies or TV Shows appear.

This happens with the login and URL/Token method. However, with the URL/Token method, the server name doesn't appear. With the login method, the server name and folders appear, but the movies and TV shows themselves do not.

Progress indication for changing subtitles for an entire show

Is your feature request related to a problem? Please describe.
After selecting a tv show, then updating a subtitle track for the entire show, a modal pops up and outputs the log of which episode it is updating. It is impossible to tell how far along you've gone (think of a tv show with hundreds of episodes) or how long you have to wait until it's complete.

Describe the solution you'd like
I'd love to have some sort of progress bar at the top that indicates the progress of the track selection for the show. Perhaps the value of the progress bar being the number of items complete divided by the number of items remaining. Perhaps you could even record how long it took to do the last x number of items, then multiple the average time by remaining items to give an estimated time remaining.

Additionally, I'd love to have the season and episode number listed next to the episode title. (i.e. S02E04 "Really Interesting Title" had subtitle track xyz selected...) This will just give the user a little bit more information about the current episode being updated.

Can't Log in iOS

Nothing shows up for me when I try safari on iOS. I have no issues logging in on the desktop version. I tap on the Plex Login and Try the URL/Token and there is no change. iOS 14.0.1 if that matters.

Change subtitles of shows in Watchlist

Is your feature request related to a problem? Please describe.
Nope

Describe the solution you'd like
To be able to change the subtitles and audio streams of shows and movies in your watchlist.

Describe alternatives you've considered
PASTA currently works great, but my suggestion would improve my workflow. As I scroll through Plex looking for content, I add things I want to watch to my watchlist. It would then be easy to go to PASTA, directly to my watchlist and change the subtitles without having to remember and search for shows.

Additional context
That's about it.

Episodes has only 2 subtitles, neither is the "forced" one in plex

Describe the bug
Won't choose "forced" subtitle as default

To Reproduce
Steps to reproduce the behavior:
Any anime with english, and english forced subtitles, it won't choose forced, as pasta only sees English "dialogue" or "sings and songs"

Expected behavior
Pasta reading each episode's subtitle and accurately let me choose the subtitle it actually offers.

Screenshots

Screenshot_20230128_121941
Screenshot_20230128_121953

Desktop (please complete the following information):

  • OS: [e.g. iOS] Steam deck with SteamOS 3.4.4
  • Browser [e.g. chrome, safari] Local player
  • Version [e.g. 22] Plex 1.61.1 | Unknown pasta version. Doesn't say. Just states as "unknown"

Smartphone (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.

https://www.pastatool.com/ WebSite

Is your feature request related to a problem? Please describe.
You scare the hell out of me, with a website, that doesn't have an explanation on the front page, yet ask me to auth. it towards my plex account

Describe the solution you'd like
At least take some parts of About & Help and put that right on the front page, before asking for linking ;)

Describe alternatives you've considered
Not using it, if I wasn't a dev, and would run screaming away shouting out loud, that the wolf is coming

Add additional info to PIN authentication

Describe the solution you'd like
Currently when using the PIN authentication method, it sends the minimimum information to plex. This makes the "Authorised Device" entry look like below. It should include better identifier, image, and client name.

image

Obey Forced/Default

Plex doesn't obey Forced or Default flags for subtitles or audio. PASTA tool is useful, but I still have to go through each series for each user.

It would be nice if there was a global "Obey Flags" button at the Library/Series/Season/Episode levels. If a file has no forced flags, it could fallback to default flags, and if no default flags, fallback to first audio or no subtitles.

I really just want Plex to obey the flags I worked hard to create for all of my series. Not sure if there's a better solution for this.

Reverse proxy support?

Hi! I'm trying to use Pasta behind an nginx reverse proxy (linuxserver/swag) and I can't seem to get it work right. I get a 501 BaD Gateway error. Looking at the SWAG logs, something in your container is refusing the connection, likely due to a hostname/fqdn thing?

2021/09/30 08:45:28 [error] 688#688: *1566 connect() failed (111: Connection refused) while connecting to upstream, client: 192.168.1.1, server: pasta.*, request: "GET / HTTP/2.0", upstream: "http://172.18.0.32:4481/", host: "pasta.customdomain.com"

Navigating to the IP:port works fine, but with a simple swag subdomain conf, it fails.

Thanks for your help!

Local user handling

Pasta worked flawlessly to change de default subtitles for a whole serie, but only for the main admin user. It changed nothing for a local managed user.

Would it be possible to apply the changes for a specific managed user ?

Thanks !

Docker container doesn't start

Describe the bug
Pasta doesn't start, give an error.

To Reproduce
Steps to reproduce the behavior:
Use the exact docker-compose script as described on the page and start the container. You get the error
standard_init_linux.go:219: exec user process caused: exec format error, and Pasta doesn't even get assigned the port and does not start.

Expected behavior
Pastatool starts.

Screenshots
image

Desktop (please complete the following information):

  • OS: Ubuntu, using Docker-compose

Additional context
Add any other context about the problem here.

Only apply subtitles on season if it matches "Everything"

As of right now, I'm trying to apply my forced subtitles on all of my shows. However, when choosing "English - forced" and there is no forced but full subtitle on an episode, it chooses the full subtitle. Which is not what im intending.

Would it be possible to add a button that only applies the subtitle on a season/show if it matches "Everything" instead of "Name"?

Cheers!

Unknown Error (0) when accessing via URL

I have a local server and I can connect per webapp over http without problems.

When I try via login the server shows up but I can't select a library and sometimes the server crashes.

Via URL/token on the http version I get an unknown error:
image

Set quality

On my plex server I sometimes have 2 files for the same item, for example one is in 4k and the other is in 1080p. In the hamburger menu of the item I can choose "Play version".

Per Default always the best quality is selected, but you can select another one and then it's saved to that item. I feel like this property is something similar to the already existing options in Pastatool. Can you maybe look into if you can also automatically set this property? Would be such a nice improvement.

Libraries never load from remote server with PIN Auth

Describe the bug
When logged in with PIN Auth there are no libraries to choose from. (Have not attempted token method)

To Reproduce
Steps to reproduce the behavior:

  1. Log in with PIN Auth
  2. Click on remote server name under "Plex Servers"
  3. Scroll down to "Plex Libraries"
  4. There are no libraries

Expected behavior
Libraries should populate.

Desktop (please complete the following information):

  • OS: Windows 10
  • Browser Chrome
  • Version 83.0.4103.116

Remembered settings are different between http and https

Describe the bug
localstorage counts the http and https sites as different locations, and thus login credentials are not shared across them.

Expected behavior
Remembered settings should be the same across http and https sites

force multi-channel audio boost

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 [...]

when you go into each episode on plex through android tv, specifically playback settings, you can select multi-channel audio boost if it has it on the file. the only issue is that you have to do this for each episode instead of being able to do it across the series or your actual library. this would be an amazing feature to have just like the subtitles were. Note: this is different than the audio boost which is in the plex settings.

i'm not sure if this happens in the web app or on any other device, but to add it and be able to have it on the android tv app would be amazing.

Describe the solution you'd like
A clear and concise description of what you want to happen.

i want to the multi-channel audio boost to be able to be turned on across the library or the season or the series for tvshows.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

turn it on for entire library instead of just a season or series.

Additional context
Add any other context or screenshots about the feature request here.

Ignore audio/subtitle format when fuzzy matching

Is your feature request related to a problem? Please describe.
When PASTA is presented with a series that has an identical set of language tracks, but different by format, it will not match by language exclusively. This forces a user to edit by seasons when it differs through a series.

While this is a huge improvement over editing one-at-a-time from the Plex UI, it seems like it could be a minor change that could bring a huge quality of life improvement to users.

Describe the solution you'd like
When given audio/subtitle options that match a request in language/code but no other methods, it should switch to it anyway.
Perhaps make it an optional confirm step if the fuzzing is too fuzzy.

Describe alternatives you've considered
I am currently working around this by not using the "Entire series" option for the tool.

Additional context
The show I noticed this on has two seasons, both with dual audio tracks: English and Japanese. However, season 1 has "Japanese (AC3 Stereo)" while season 2 is "Japanese (AAC Stereo)"
image
image

Apply srt subs to all movies

First of all this tool is almost what I'm looking for (and it works great!)
I have a huge movie library but one of the major issues is that most remux files come with PGS subs. Few clients cannot play PGS subs without transcoding, so my solution was to setup sub-zero to get srt subs for all my movies. However, PGS subs are predefined over external SRT, so if there was a way to apply srt preference to a entire library movie, it would save a TON of work hours to get everything working properly.

Thanks in advance

Better feedback on success / fail of updating a single episode

Is your feature request related to a problem? Please describe.
Currently when you change the track on a single episode it will flash green, but it isn't obvious that the change was successful.

Describe the solution you'd like
Add a fade-in fade-out small alert at the top of the screen to indicate that the track was successfully changed.

Select multiple episodes using SHIFT and CTRL

Is your feature request related to a problem? Please describe.
Yes, it's related to an issue I am having. The Pasta Tool has been amazing for my anime library and really appreciate all your work!
Unfortunately within a season, there are episodes with different variations and amounts of subtitles. For Example, Episodes 1-50 Have one audio track and one subtitle language, whereas 50 onwards still have a single audio track but more than one subtitle track. With this, I'm running to an issue where I cannot save the setting for a whole season.

Describe the solution you'd like
I was thinking of allowing the selection of multiple episodes in the GUI, like clicking one episode and holding SHIFT to another episode selecting all episodes in between to be edited. Also the possibility of using CTRL to select multiple different episodes. I think it might be a nice addition if possible.

Describe alternatives you've considered
I was not able to find any alternative methods.

Additional context
Just wanted to say I really love the utility and thanks for your hard work!!!!

Check alternative HTTPS methods

Describe the bug
Currently you cannot always access a server via HTTPS because of the hash being added to the address. Need to find a method to work around this hash, or an alternative.

Apply track to entire Library

Is your feature request related to a problem? Please describe.
Apply a certain language to an entire library. Chances are I'd need to approach this in a different manner than what I have currently.

Change automatically to new content

Is your feature request related to a problem? Please describe.
No.

Describe the solution you'd like
The tool at the moment is not too much intuitive. It would be nice to select the same language for all libraries or when a series was added, at the first episode we select the right track and then PASTA will change to future episodes and always look to new episodes to change them.

Improve Alphabet styling

Currently the alphabet selector is not the best style for responsivenes and might induce bad user experience as it is not clear that they are buttons.
I would recommend updating the style of the letters to be more rounded and be more responsive.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.