High resolution screenshots?

[rodrigograca31]

Suggestion

Hi.

I think you guys should use higher resolution images for the Skins (color variations)....
I understand they are there just to show the color difference but annoyed me to see crappy resolution when opening the images on a new tab....
Example here

If anyone can provide me with the sample posts used on the original images I will happily send a PR with high resolution screenshots for all the color variations.

[mmistakes]

The originals don't exist any more. But if you want to create some new ones at a higher resolution I'd be cool with that.

When I created the screenshots originally for all of the skins I followed this workflow:

1. Pull down mmistakes/minimal-mistakes
2. cd test
3. bundle install
4. bundle exec jekyll serve
5. Grab screenshot of the home page
6. Start Jekyll server.
7. Change minimal_mistakes_skin: in /test/_config.yml file, restart Jekyll server, grab screenshot..
8. Rinse and repeat.

[rodrigograca31]

but that wouldnt have any content right?

is that ok?

[mmistakes]

It should have content if you follow the steps above. The /test folder is a complete Jekyll site I use for debugging and testing all of its features.

If you jekyll build that you will get a full site with archives, home page, posts, collections, etc. Its the same content I used to grab the skin screenshots in the docs.

[rodrigograca31]

oh! didnt noticed the test folder :)

[rodrigograca31]

I have the images but couldn't find the the original folder where they are for example:
https://mmistakes.github.io/minimal-mistakes/assets/images/air-skin-archive.png

and I can't find the assets/images folder so I will leave the images here and hopefully you can update them?

[mmistakes]

They go in /docs/assets/images/

And looking in that folder I have larger versions already. I believe I linked up the smaller versions in the README as it was wasteful to load the larger ones.

The better solution would be to show the small version, link to the large one. Something like this:

[![air skin](https://mmistakes.github.io/minimal-mistakes/assets/images/air-skin-archive.png)](https://mmistakes.github.io/minimal-mistakes/assets/images/air-skin-archive-large.png)

Would yield this:

[rodrigograca31]

oh! the docs folder! I forgot!
I noticed it was a github page and I was looking for gh-pages branch but they had "versions" and I got confused .... 😂

Should we just update the links to the large version like you said or also update the images with my new ones? (I just noticed mine have the left bar "repeated" .... the extension sucks.... 😂 )

[mmistakes]

Let's update the links to the large versions and go from there. Wish I had remembered sooner that I had the 2x images in that folder. Would have saved you some time.