Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update last edition talks with new gifs or remove section #552

Open
Readpato opened this issue Jan 11, 2025 · 0 comments
Open

Update last edition talks with new gifs or remove section #552

Readpato opened this issue Jan 11, 2025 · 0 comments

Comments

@Readpato
Copy link
Member

Image

We need to add more cards and youtube links. Pretty easy issue if someone wants to pick up

New talks need to be added to the file constants/index.ts

It's a series of simple objects. What matters the most is the name and id

  {
    id: "omar1", // must be unique
    description:
      "Omar Diop - Perfect Pitch: Unveiling the Mathematical Symphony Behind a Guitar Tuner",
    link: "https://www.youtube.com/watch?v=W9HBHDogaFU",
    picture: "",
    author: "omar", // must be unique and match gif and css
  },

Once we have the array of talks2024 filled with data, we can move to the css file.

Each new talk card needs a :hover rule, like the following:

.talk_card_inner.omar:hover {
  background-image: url("/gifs_2024/omar.gif");
}

This implies that we also need a gif which can be generated by recording parts of the youtube videos and then converting those videos to gif.

Here is a simple utility to do just that, if you have ffmpeg installed.

alias convert2gif = function _xxx(){ffmpeg -i "$1" -vf "fps=10,scale=320:-1:flags=lanczos" -c:v gif -f gif "${1%.*}.gif"};_xxx

You can add this function to your .zshrc or .bashrc directly. To install ffmpeg you can use homebrew:

brew install ffmpeg

An example usage:

# You recorded the video and it's sitting on your Desktop

mv recording.mov name_of_speaker
convert2gif name_of_speaker

# Now you should have a name_of_speaker.gif which you can move to the talks_2024 images folder in public
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant