Add bin/banner script for random banner generation
#165
Conversation
✅ Deploy Preview for conda-dot-org ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
kenodegard
force-pushed
the
random-banners
branch
from
fd21ae1 to
91dc97f
Compare
kenodegard
force-pushed
the
random-banners
branch
from
e95bdca to
bec6dac
Compare
bin/backdrop/backdrop.js
Outdated
| width: 1200, | ||
| height: 630, |
There was a problem hiding this comment.
What is the "correct" size for a banner?
There was a problem hiding this comment.
The exact size doesn't matter, but it should be close to a 2:1 aspect ratio
src/components/NewsCard/index.jsx
Outdated
| } else if (props.index === 0) { | ||
| image = ( | ||
| <CondaCSVG /> | ||
| ) | ||
| } |
There was a problem hiding this comment.
This is why we get the big C if no image is defined in the frontMatter.
There was a problem hiding this comment.
Opted to remove this, it looks cleaner IMO to display the image if present and to have no image otherwise
kenodegard
changed the title
bin/banner script for random banner generation
kenodegard
force-pushed
the
random-banners
branch
3 times, most recently
from
e3d4d91 to
edbc303
Compare
kenodegard
force-pushed
the
random-banners
branch
from
edbc303 to
1355afa
Compare
There was a problem hiding this comment.
The layout of the cards on the front page doesn't look quite right yet. The addition of the images for the other cards causes the big green card to be a lot taller and creates a lot of empty space.
Another problem with the layout of the smaller cards is the unequal height of the images. This makes everything look out of alignment.
Description
Instead of hunting around for free/permissive icons and generic/stock images to use for our blog posts lets just generate something random.
This is (shamelessly) inspired by GitHub's blog (https://github.blog/) where most of the banners are some abstract gradient with the GitHub logo.
This script relies on the https://github.com/qrohlf/trianglify library and is intended to be be invoked as:
This will generate images like the following:
Version 1