feat: website cleanup

fix(webite): fix some css (ScuffleTV#111)

* fix: side bar in firefox

The side bar was buggy in firefox before
because the avatar width wasn't limited

* fix: some spacing issues

Fix some spacing issues in the stream preview

* fix(website): spelling

Fix spelling of "Log in"

fix(website): add sidenav animation

Add side-nav animation and cleanup code

fix(website): make topnav a flexbox

Convert topnav from grid to flex

feat(website): improve search bar

Improve search bar by making the icon a button and adding a form

fix(website): clean up topnav css

Clean up topnav css by using flexbox features
instead of hardcoded width and height values.
This also makes it more responsive.

feat(website): add show more button

Add show more button after stream previews and clean up some more css

feat(website): category cards

Add category cards to home page

.circleci/config.yml

@@ -257,12 +257,12 @@ jobs:
       - store_artifacts:
           path: player-pkg.tar.gz
 
-      - run:
-          name: Compress Player Demo
-          command: tar -czf player-demo.tar.gz -C frontend/player demo-dist --transform s/demo-dist/player-demo/
+      #- run:
+      #    name: Compress Player Demo
+      #    command: tar -czf player-demo.tar.gz -C frontend/player demo-dist --transform s/demo-dist/player-demo/
 
-      - store_artifacts:
-          path: player-demo.tar.gz
+      #- store_artifacts:
+      #    path: player-demo.tar.gz
 
       - persist_to_workspace:
           root: .

design/definitions.md

@@ -0,0 +1,42 @@
+# Users, Channels, Streams and Orgs @ Scuffle
+
+This is different from Twitch. For Twitch a user is essentially the same as a channel.
+
+## User
+
+A user is what you create when you register at Scuffle.
+A user has a username, display name, chat color and profile picture. (and probably some other stuff too)
+The display name can differ from the username only in capitalization.
+Your display name is what shows up in chat.
+A user doesn't have an url.
+A user can either have zero or one channel.
+By default a user doesn't have a channel.
+
+## Channel
+
+A user can create one channel that is associated to their user account.
+A channel has a display name.
+The url of a channel is the username of the user it belongs to.
+You can change how your channel home page looks.
+
+## Stream
+
+A channel can have multiple streams.
+A stream is something a channel can go live on.
+Streams are persistent.
+Streams have a name.
+
+Each stream has a separate
+
+- chat
+- offline banner
+- stream key
+
+## Recording
+
+A recording is a video of a past stream. (VOD)
+
+## Org
+
+An org is a special user/channel which other channels can join.
+It can enforce guidelines on its members.