privacyguides.org icon indicating copy to clipboard operation
privacyguides.org copied to clipboard

feat: Create separate page for Pastebins

Open redoomed1 opened this issue 1 year ago • 3 comments

Changes proposed in this PR:

  • Create a separate recommendation page for pastebins
    • This PR kicks off a multipart effort to address #2596
    • No changes to the content ported from the Productivity Tools page
    • Changes for the new recommendation page
      • Added page cover: a photo by Chris Ried at https://unsplash.com/photos/a-computer-screen-with-a-bunch-of-code-on-it-ieic5Tq8YMk; any suggestions for alternative page covers are welcome!
      • Added content-paste Material Design sidebar icon
      • Added page introduction and one-sentence description
  • Add Pastebins section in tools.md and move PrivateBin entry to it
  • Delete "Paste services" section from the Productivity Tools page

This is my first PR that involves an image upload, so I welcome any feedback in this department! I went over https://www.privacyguides.org/en/meta/uploading-images, but there isn't any guidance on WebP images, which is the preferred format for cover images.

  • [x] I agree to the terms listed below:
    Contribution terms (click to expand) 1) I am the sole author of this work. 2) I agree to grant Privacy Guides a perpetual, worldwide, non-exclusive, transferable, royalty-free, irrevocable license with the right to sublicense such rights through multiple tiers of sublicensees, to reproduce, modify, display, perform, relicense, and distribute my contribution as part of this project. 3) I have disclosed any relevant conflicts of interest in my post. 4) I agree to the Community Code of Conduct.

redoomed1 avatar Jun 01 '24 04:06 redoomed1

Your preview is ready!

Name Link
Latest commit f399643dff16f6a612e74a2f93bc139d06b7aa80
Preview https://2598--glowing-salamander-8d7127.netlify.app/

github-actions[bot] avatar Jun 01 '24 04:06 github-actions[bot]

How I went about optimizing the Unsplash image linked in my initial post:

  1. Download it as a .jpg file
  2. Use cwebp to convert it to a WebP file by running cwebp -size 300000 [image-name].jpg -o pastebins.webp

-size specifies target size in bytes. I set it to 300,000 bytes (300 KB) because, of all the cover images on the site, the one for the Desktop Browsers page is the largest at 305 KB.

redoomed1 avatar Jun 01 '24 18:06 redoomed1

Good note, we should probably document WebP optimization. IIRC all the existing images were a pre-set quality level but I don't remember what that setting was. I'll do that later.

jonaharagon avatar Jun 01 '24 23:06 jonaharagon

This pull request has been mentioned on Privacy Guides. There might be relevant details there:

https://discuss.privacyguides.net/t/2024-07-21/19599/1

privacyguides-bot avatar Jul 21 '24 17:07 privacyguides-bot