amot-dev/star-trek-episodes

A tool that sorts Star Trek episodes by various characters, planets, and species.

Star Trek Episodes

A sortable list of all Star Trek episodes.

When complete, this project will contain a list of all Star Trek episodes and movies. Each episode or movie will have:

• A title
• An episode number
• An image
• A description
• A link to the episode on Memory Alpha for a full summary
• Tags for easier browsing of the episodes (I might need help on this one; it could be hard to watch 700+ episodes and add tags to them)

If you have any other suggestions, add them as an issue with the label 'Idea'.

Check it out here.

star-trek-episodes's Issues

Comment JS before I forget what it does

Right clicking a selected tag will hide everything

Add all episodes

I'm making this a checklist so I can feel better about progress.

• TOS S1
• TOS S2
• TOS S3

---

• TAS S1
• TAS S2

---

• TNG S1
• TNG S2
• TNG S3
• TNG S4
• TNG S5
• TNG S6
• TNG S7

---

• DS9 S1
• DS9 S2
• DS9 S3
• DS9 S4
• DS9 S5
• DS9 S6
• DS9 S7

---

• VOY S1
• VOY S2
• VOY S3
• VOY S4
• VOY S5
• VOY S6
• VOY S7

---

• ENT S1
• ENT S2
• ENT S3
• ENT S4

---

Not sure how many seasons ST: Discovery will have, but it'll probably be in another issue (unless I get really lazy) so whatever.

---

• Movies

Season header is removed if one episode or more is hidden

Regular characters have one too many episodes and I can't figure it out

According to IMBD (Memory Alpha doesn't have an episode list for her), Beverly Crusher appears in every episode except for season 2, so 178 - 22, or 156 episodes. Somehow, CTRL-F for "character-beverlycrusher" yields 157 results. I've triple checked the entire page and I cannot find where I went wrong. Help.

Now Data is also appearing in one too many episodes.

At first I thought it could be that there are too many episodes, but a CTRL-F for "episode=" returns 176 hits, so it's not that.

Add footer

It would have the same color as the header.

Find better way to display active tag or type of tag

Example: planet-vulcan and species-vulcan look the same when they are included or excluded. This could be done with a border?

Removing tags doesn't work on mobile

Obviously you can't right click on mobile. I need to find another action to use for tag removal, or as a last resort, a button.

Add an about section for me on the home page

I don't know, it just seems natural, even if nobody reads it.

Implement tags

• Make list of tags available
• Add tags to episodes
• Create tag searching function

Have a small minus button on the right to be able to filter out tags.

Make it possible to look for episodes without Spock for example. I don't know why you'd want an episode without Spock, but it'll be possible.

Consider using 'let' instead of 'var' when possible

It'll free up more memory, albeit very little. But considering how much modern browsers use up, why not?

Add icon to website

Fix nav links not working except in index.html

I think it has to do with jQuery targeting all a tags for smooth scrolling and ending up cancelling their default actions.

Add character tags to TNG

All the tags that need to be dished out:

• character-alexanderrozhenko (Alexander Rozhenko)
• character-alynnanechayev (Alynna Nechayev)
• character-alyssaogawa (Alyssa Ogawa)
• character-argyle (Argyle)
• character-betor (B'Etor)
• character-beverlycrusher (Beverly Crusher)
• character-bok (Bok)
• character-chekote (Chekote)
• character-data (Data)
• character-deannatroi (Deanna Troi)
• character-dexterremmick (Dexter Remmick)
• character-duras (Duras)
• character-edwardjellico (Edward Jellico)
• character-geordilaforge (Geordi La Forge)
• character-gowron (Gowron)
• character-gregoryquinn (Gregory Quinn)
• character-guinan (Guinan)
• character-homn (Homn)
• character-hugh (Hugh)
• character-jamesmoriarty (James Moriarty)
• character-jeanlucpicard (Jean-Luc Picard)
• character-katherinepulaski (Katherine Pulaski)
• character-kehleyr (K'Ehleyr)
• character-keikoobrien (Keiko O'Brien)
• character-kurn (Kurn)
• character-leahbrahms (Leah Brahms)
• character-lore (Lore)
• character-lursa (Lursa)
• character-lwaxanatroi (Lwaxana Troi)
• character-milesobrien (Miles O'Brien)
• character-minuet (Minuet)
• character-mollyobrien (Molly O'Brien)
• character-mot (Mot)
• character-nakamura (Nakamura)
• character-nooniansoong (Noonian Soong)
• character-q (Q)
• character-reginaldbarclay (Reginald Barclay)
• character-robinlefler (Robin Lefler)
• character-rolaren (Ro Laren)
• character-sela (Sela)
• character-shelby (Shelby)
• character-sitojaxa (Sito Jaxa)
• character-sonyagomez (Sonya Gomez)
• character-spot (Spot)
• character-tashayar (Tasha Yar)
• character-tomalak (Tomalak)
• character-toral (Toral)
• character-traveler (The Traveler)
• character-vash (Vash)
• character-wesleycrusher (Wesley Crusher)
• character-williamriker (William Riker)
• character-worf (Worf)

Figure out how to add images without breaking everything

Currently, just adding images makes them look ugly, using float breaks the entire page, and inline just... inline just looks stupid.

Hiding tag buttons are incompatible with Hideseek

Hideseek uses .hide() and .show() to give results, so everytime it is used, hidden tags are shown.

Remove unimportant characters from TOS and TAS

Some characters have slipped by me:

• DeSalle
• Galloway
• Hadley
• John Farrell
• Kelowitz
• Leslie
• Palmer
• Roger Lemli
• Gabler

I am keeping Angela Martine, Janice Rand, and Kyle (mainly due to his role in Star Trek II)

Move border to top except first element

This way, it can merge with the season title if there's a mistake.

Fix tag show/hide

Upon closer inspection of the JS, I realized that the current setup breaks with more than one tag applied. Oh, and it does the opposite of what is needed, hiding the selected tag instead of only showing that.

This whole code needs to be rewritten. But not now cause no thanks.

Nameless characters in tags?

There are a few nameless characters that I'm not really sure what to do with:

• Female Changeling
• Humanoid Figure
• The Traveler
• Xindi-Insectoid Councilor
• Xindi-Primate Councilor

Also, I realise The Doctor picked a name in the end, but he is mostly known as 'The Doctor', so the tag reflects that.

Can only exclude one tag

While multiple tags can be included, only one can be excluded.

Add another button in bottom left of episode to complement link to Mem Alpha

It just looks really empty on the left. Not sure what to put there though. A rating maybe?

Tags only work once the website is reloaded at least once.

No idea why, no idea how to fix.

Consider adding character-kyle

He's showing up more than I thought he would.

shown_tags_concocted only holds one tag

Reorder episodes to be in release order rather than production order

Remove ship and mood tags. They're kinda useless right now.

Set "Memory Alpha" text as content in a ::before

Hide buttons for tags that don't appear on that page

Check if any element has the same class as it and if not, $(this).hide()

Missing tags on TOS?

I've run into a few characters, planets, and species that are missing from TOS, as well as many episodes that aren't properly tagged. I guess that one's on me, but it'll have to be looked over again at some point.

Change color scheme

Currently the site is grayscale, which doesn't look bad, but it could be made more interesting. I like the color of #series-nav, .summary, and .episode, but otherwise it could do with a revamp.

Embellish landing page

It's really ugly now

Like very ugly

Very very ugly

Let's make it pretty with a bunch of text that probably doesn't say too much but makes it look like I have a lot to say

How many headings are there?

Hmmm...

####### I guess that's it

Additional 'all' page

Alongside the series pages, I could have an all page with every episode on it. This would make searching easier and wouldn't be too much of a burden with nav links to each section. The best option would probably be dropdowns for each series, though I think that would kill the look of the website.

---

Another possibility is to forego the series pages and just use an all page. I'm not sure how I feel about that thought. I like my pages.

---

Finally, I could use tabs to separate series. Tag search would remain the same and only .season elements would switch.

How to implement tags

Several options I've thought of

Having them as classes and using something like Isotope to hide and show episodes by tag (also being able to select multiple tags). The problem with this is I think it only works with direct child elements, so the tags would have to be by season only.

---

Going on the above option, I could write my own JS to select elements with the class .episode and hide them if they don't also have the classes of any tags selected, such as maybe .character-quark, .species-klingon, or mood-serious. This could help people find good episodes fast. It would also be useful if I put all series on one page for this. Perhaps I could have them separated, then have an 'all' page where I could dump episodes and have the h2 heading be something like "VOY - Season 2" instead of the current "Season 4" style.

This could be done using something like this.

There would also need to be a search function in this case; there are too many tags for buttons. I'm thinking you'd be able to search a library of tags stored as a JS object (which would be displayed with human readable names). Then search results would appear in bubbles, similar to Bing Image search 'search tags' (mobile version only). Selecting one would darken it and make it visible at the front even when searching for something else. It would of course also apply the filter. The search results could be shown using CSS Grid with a fallback to float if Grid isn't available.

---

Another option is to have tags simply displayed within .episode elements. In this scenario, it wouldn't be possible to search for tags though, unless you use CTRL-F, but not everyone knows about that, and it's not that clean.

Reorder pages semantically

• Change <header> to <nav>
• Put <h1> into new <header>

Prevent tag text from being selected when double clicking

A user might often double click a tag to skip past excluding it, and it's annoying when the text is selected in doing so.

Use react to dynamically generate episode tiles

Can keep episode tags, number, and link to memory alpha in xml, and fetch on page load.

Link images directly from Memory Alpha

Instead of having images locally, link them from Memory Alpha.

Vulcan tag not applied properly

Only some episodes in TOS have the tag when (I think) all of them should.

Remove season header if there are no children shown

Fetch episodes from Memory Alpha

A JS function should be written that takes the season, episode, and name of a series, and returns the title, description, image, and a link to memory alpha.

This should make this project a lot less tedious and more of a matter of tagging episodes.

Add various elements to episode elements

• Title
• Description
• Image
• Memory Alpha Link (this is easy but I just haven't gotten to it yet)
• Tags

Tag episodes

I'm making this a checklist so I can feel better about progress.

• TOS S1
• TOS S2
• TOS S3

---

• TAS S1
• TAS S2

---

• TNG S1
• TNG S2
• TNG S3
• TNG S4
• TNG S5
• TNG S6
• TNG S7

---

• DS9 S1
• DS9 S2
• DS9 S3
• DS9 S4
• DS9 S5
• DS9 S6
• DS9 S7

---

• VOY S1
• VOY S2
• VOY S3
• VOY S4
• VOY S5
• VOY S6
• VOY S7

---

• ENT S1
• ENT S2
• ENT S3
• ENT S4

---

Not sure how many seasons ST: Discovery will have, but it'll probably be in another issue (unless I get really lazy) so whatever.

---

• Movies

Use <span> instead of <p> for episode numbers

It makes more sense. An episode number is not a paragraph.

JavaScript not affecting tags

Just fixed #25 and now this function isn't working anymore.

Move the note on index to a separate .about element

Having only one element seems weird with the current formatting.

Common source for all tags to be searched so all lists remain identical

This may become a problem with multiple pages for series.

Option to show all/hide all for tag buttons

This would affect the value of hidden on the search init