remotion-dev / github-unwrapped-2023 Goto Github PK

Last year's About page: https://github.com/remotion-dev/github-unwrapped-2022/blob/main/src/components/FaqPage.tsx

Another reason to ditch the holding the UI gag, is that the octocat “arms” look strange and off-brand being forced into that pose. I’ve created a happy and sad octocat to use:

Github Unwrapped 2022 - "About" page button:

Github Unwrapped 2022 example

The only other design note that is worth addressing is that the buttons in center console of the spaceship feel real sloppy and strangely placed, like it was produced with Ai. Would love to see these placed with more specificity.

Since there is enough space, can we call this "Source Code" instead of "Source"?

for example:

• torvalds (Linus Torvalds)
• gaearon (Dan Abramov)
• gvanrossum (Guido van Rossum)
• geohot (George Hotz)

Illustrations for:

• Ruby
• C++
• Placeholder grey

Fix octocat hands calendar scene

It would be nice to have a "Team" section, where people can find a behind-the-scene gallery and team introduction.
This can serve to give credits to ForOneRed.

If we want to do this then please open new tasks like:
Team section - design
Team section - implementation

Alternatively, we can incl. this in the "About" page. Curious to know your thoughts on this.

A more realistic looking spaceship to match the design language better.
Finalize colors.

Let Octocat designs be checked by GitHub design team.
There are community designs for Octocats, it might be of use: https://octodex.github.com/

Last year we had no problems with it. Is there a chance we get to increase it?

We might even want to add an animation when the button gets clicked.

Currently, there is no button at all:

Feedback from GitHub

Anchoring the UI to the bottom of the page is awkward on larger screens. Probably best to ditch the octocat holding the UI gag, and center the UI in the screen, and just have the octocat standing on the planet below, anchored to the bottom of the screen. This is what it looks like currently on my larger monitor:

Figma comment, or ask isi

The astronaut floating octocat has a human body. Here’s a replacement octocat to drop in there (you’ll have to stitch it together with the breathing tube from your SVG, because I was working off a screenshot and didn’t replace the whole tube)

This page should display a button to download the video and explain:

• Download your video
• Click this button to open Tweet composer
• Drag it into Twitter
• Send

Redesign assets for sponsors scene

• Box
• Balloon
• Animation
• Smoke

Looking at it as a group of buttons someone might think these are all share buttons.

It was nicely done in GitHub Unwrapped 2022:

@MehmetAdemi Can you copy the README from last year https://github.com/remotion-dev/github-unwrapped-2022/blob/main/README.md into this year and review the content for this year? Make adjustments or remove stuff that does not apply this year.

Does not have to be perfect for now and does not need to contain images (@IsabellF will create those)

Can we remove the following?

• smoke animation
• ramp opening
• green light
• shadows

Red marked sections need to be updated.

Last year's "About" page: https://github.com/remotion-dev/github-unwrapped-2022/blob/main/src/components/FaqPage.tsx

I’ve also included a planet for the octocat to stand on that is a little more specific than what you’ve got there currently:

We either go for a given song on a platform (i.e., Envato Market's Audio Jungle or Epidemicsound) or create one via commission on Fiverr or Upwork.

Create assed for PRs merged scene (radar and diagrams)

• Design radar
• Design radar elements
• Globe
• Graph
• Wave
• Circle graph
• Animate radar
• 3 days until... layout

We need some assets to promote the event before, during and maybe after the campaign.

Assets to be posted and used by Remotion

• 3 days before - "it's coming 👀"
• tomorrow - "reminder"
• release day - "take off 🚀"
• mid-campaign - "create your video"
• post-campaign - "thanks for participating, create your own campaign" (pointing out to the source code)

Assets to be posted and used by GitHub

• release day - "take off 🚀"
• mid-campaign - "create your video"

Formats we need:

• square (1080 x 1080px) - X/Twitter, Linkedin, Instagram, and YouTube Community
• wide (1920 x 1080px) - Discord Server, Newsletter, YouTube Thumbnail (behind the scene video), Remotion Showcase section
• wide (1200 x 630px) - README, Product Hunt Launch, og:image (see: #46)

Example from GitHub Unwrapped 2022:

• "tomorrow" posted by Remotion: https://twitter.com/Remotion/status/1604575946664824832

• "post-campaign" - posted by Remotion: https://twitter.com/Remotion/status/1605957413353312256

• "release day" posted by GitHub: https://twitter.com/github/status/1604867535203074048

A rocket ship flying in the background would be nice. But It might get busy in the background again. Curious to know your thoughts on this.

Right now it is this:

}
starredRepositories(first:100, f firstorderBy: {field: STARRED_AT, direction: DESC}) {
	edges {
		starredAt
		cursor
		node {
			name
			owner {
				login
			}
		}
	}
}
sponsoring(first: 100) {
	nodes {
		... on  Organization {
					login
				}
		... on User {
			login
		}
	}
}

Problem 1: Not filtering out those not from 2023
Problem 2: If more than 100, it will not fetch them

In case the content for the About page is late. Please consider using last year's text for the draft:

Before we release we want to make sure there is a good folder structure in the project and a good README. Here is an example for from GitHub Unwrapped 2022:

It would be nice to show Remotion's benefits for those devs that don't know about Remotion (e.g. personalization, statistics/data, shareable MP4 video)

What I mean here is shown in the following:

• Spaceship cockpit redesign/clean up
• Redesign stars

comments are in Figma, else ask isi

This might not be implemented at all, but just in case we have time and think about doing this as well.

On some occasions, it seems like once you click the link, the font becomes dark blue, and the contract becomes bad.

For those interested in creating their own Year-In-Review campaign, they can provide their email address for us to contact them next year.

https://github.com/remotion-dev/github-unwrapped-2022/blob/main/list-emails.ts

Previous year:

https://github.com/remotion-dev/github-unwrapped-2022/blob/main/README.md

Dimensions: 1200x630