Invidious: Request: Redesign

Created on 17 Feb 2019  路  15Comments  路  Source: iv-org/invidious

I was wondering if in the long term there could be a redesign for the site. This issue is somewhat related to #4. I'm willing to create a few designs and implement it in CSS. These designs wouldn't be anything revolutionary - I'm thinking a generally lightweight design that doesn't change the overall structure of the existing design.

Do you think that bootstrap could be an option?

enhancement stale

Most helpful comment

I've received a couple other messages about this. There's some discussion on a similar feature in FreeTubeApp/FreeTube#38. My thoughts on this are similar to @PrestonN's.

Currently Invidious uses purecss, and some custom styling in assets/css/default.css, assets/css/lighttheme.css, and assets/css/darktheme.css. You'll probably want to look there for getting started. I would recommend creating a new assets/css/themename.css and opening a PR.

I'm not very familiar with Bootstrap, but if you want to use another CSS framework you'll want to make sure it's compatible with the AGPL. Most open-source licenses will generally be fine.

I think trying to switch to and use another framework would be quite a bit of work, so if you can, I'd recommend trying to modify the existing design using the method I described above.

All 15 comments

If I wanted to build something, I won鈥檛 use Bootstrap but functional CSS like Tachyons CSS

I've received a couple other messages about this. There's some discussion on a similar feature in FreeTubeApp/FreeTube#38. My thoughts on this are similar to @PrestonN's.

Currently Invidious uses purecss, and some custom styling in assets/css/default.css, assets/css/lighttheme.css, and assets/css/darktheme.css. You'll probably want to look there for getting started. I would recommend creating a new assets/css/themename.css and opening a PR.

I'm not very familiar with Bootstrap, but if you want to use another CSS framework you'll want to make sure it's compatible with the AGPL. Most open-source licenses will generally be fine.

I think trying to switch to and use another framework would be quite a bit of work, so if you can, I'd recommend trying to modify the existing design using the method I described above.

I personally dig the current design鈥檚 minimalism, both aesthetically and in its use of resources. JavaScript being optional is a huge plus. It looks non-descript enough that it hopefully won鈥檛 draw too much attention from [The Company That Shall Not Be Named].

I suppose I鈥檇 prefer the navigation bar to be ~25 pixels shorter, so the whole video player fits above-the-fold on my tiny laptop screen.

Would Google be able to shut down Invidious?

Sure, they can do it through the law more or less and also technical.

On May 6, 2019 7:19:15 PM UTC, Cassidy Wilson notifications@github.com wrote:

Would Google be able to shut down Invidious?

--
You are receiving this because you are subscribed to this thread.
Reply to this email directly or view it on GitHub:
https://github.com/omarroth/invidious/issues/367#issuecomment-489741882

So why haven't they? Makes me uneasy that they could shut this down at any second.

In future please open a new issue rather than asking in an unrelated issue.

See #130. Invidious works similarly to youtube-dl and NewPipe, which also have information on this. Invidious is not, to my understanding, at risk of legal threats, since it does not use the official YouTube API.

Alright. Sorry about that

I think PureCSS would work well for a redesign but honestly the site does not look that bad.

Overall I like the design as well, but I was already using YouTube in theater mode, so the layout of Invidious is quite similar to what I was used to. My only suggestions would be:

  • In the related videos column, putting the thumbnails and descriptions side by side (i.e., the way YouTube does it) would save space (meaning you don't have to scroll as far) and make it clearer which description belongs to which thumbnail.
  • For those of us who just want to tweak the layout with some custom CSS on our own browsers, it would help a lot if every element had an id and/or class. Currently a lot of the p elements don't have either (view count, video length, video title, etc.), so to target them you have to resort to stuff like .pure-u-lg-1-5:first-of-type p:nth-of-type(2).

In the related videos column, putting the thumbnails and descriptions side by side (i.e., the way YouTube does it) would save space (meaning you don't have to scroll as far) and make it clearer which description belongs to which thumbnail

This has the downside that the video description section will get squeezed to much on an non wide screen or smaller monitor. it could be part of a fluid adapting design though

So I now have the time to get working on this, but I'm not sure if this is a highly requested feature. If there is substantial interest then I could get to work on making some things a bit prettier, perhaps similar to the FreeTube layout although I haven't used FreeTube in a while.

So I now have the time to get working on this, but I'm not sure if this is a highly requested feature. If there is substantial interest then I could get to work on making some things a bit prettier, perhaps similar to the FreeTube layout although I haven't used FreeTube in a while.

I'd certainly be interested.

I am interested too!
Would like to see some screenshots in your future PR about your redesign.

On August 5, 2019 1:01:16 AM UTC, PopeRigby notifications@github.com wrote:

So I now have the time to get working on this, but I'm not sure if
this is a highly requested feature. If there is substantial interest
then I could get to work on making some things a bit prettier, perhaps
similar to the FreeTube layout although I haven't used FreeTube in a
while.

I'd certainly be interested.

--
You are receiving this because you commented.
Reply to this email directly or view it on GitHub:
https://github.com/omarroth/invidious/issues/367#issuecomment-518052195

This issue has been automatically marked as stale and will be closed in 30 days because it has not had recent activity and is much likely outdated. If you think this issue is still relevant and applicable, you just have to post a comment and it will be unmarked.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

dimqua picture dimqua  路  4Comments

tmiland picture tmiland  路  4Comments

tuxayo picture tuxayo  路  4Comments

haizrul picture haizrul  路  4Comments

Atrate picture Atrate  路  4Comments