Tux Paint Tux Paint website gallery images
An award-winning drawing program for children of all ages
Brought to you by:
wkendrick
File | Date | Author | Commit |
---|---|---|---|
images | 2024-09-14 | Bill Kendrick | [b6923e] New gallery artwork (images) 2024-09-14 |
old | 2022-05-17 | Bill Kendrick | [f54073] Migrated all old gallery artwork to this repo |
README.txt | 2023-06-16 | Bill Kendrick | [893bf7] Gallery README: Mention Instagram |
This Git repository contains the image files from the galleries of the Tux Paint website. They were split from the main `tuxpaint-website` repo. to reduce its size. (Volunteers helping develop and translate the site don't necessarily need 100MB+ of image data.) * images/ -- Contents of the new gallery (tuxpaint.org/gallery/) * old/ -- Contents of the old gallery (tuxpaint.org/old-gallery/) The artists generally retain copyright of their art, but have granted us the right to share it on the Tux Paint website in the gallery. (Either via email, or on social media.) Process for adding new artwork to the gallery: A. The images 1. Receive gallery submission via email; OR, find artwork on social media (e.g., Twitter, Tumblr) and ask for permission to include the work in the online gallery. 2. Grab original full-sized image, save it with a name that reflects the title, author, and (if applicable) social media username (e.g., "title-by-name-username.png" or "untitled-by-username.jpg", etc.) 3. Create a 320xHeight thumbnail of the image, save with "-t" at the end of the filename, in the same format (PNG or JPG) (e.g., "title-by-name-username-t.png") 4. Recommend compressing the images, stripping unneeded metadata, etc. For JPGs, Bill has used "jpegoptim -s -t FILE*.jpg". For PNGs, Bill has used "pngout FILE.png" Note: 'pngout' only processes one file at a time, so he generally runs find . -maxdepth 1 -name "*.png" -exec pngout {} \; 5. Place the files in "images/", and "git add" them to the repo. 6. "git commit" with a useful message summary (e.g., "New gallery artwork (images) YYYY-MM-DD") 7. On the webserver, in the check-out of this repo which is used by the live website (/var/www/tuxpaint-website-gallery/), issue "git pull" to grab the new content. B. The metadata 1. Over in "tuxpaint-website" repo, add entries for the image(s) to the file "gallery/gallery.php". It contains a big PHP array. Issue "git add gallery/gallery.php". * First, pick a category (the top level of the array, e.g., "people", "animals", etc.) * Add an entry to that sections "picts" sub-array, e.g.: array( "filename" => "title-by-artist.png", "title" => "Title", "artist" => "Artist Name", ... ), * Required fileds: + filename - full name of the full-sized image + title - title of the drawing (use "Untitled" if there is none; it could be useful to describe, e.g. "Untitled (mountain scene)") + artist - name of the artist * Common optional fields: + url - link to website or social media. Note: It should be HTML ("<a href...>...</a>")! There are helper functions you can (and should) use: - For social media sites, supply username as 1st argument; if you come acrosss a gallery image that points to a social media account that has gone away, you can send 'true' as the 2nd argument ($offline) which will disable the broken link: - url_twitter() - url_tumblr() - url_instagram() - url_tiktok() - url_reddit() - For the artist's website, you can use the url_web() function (will create the link, titled "Website" (localized)) + showcase - add this, set to "true", to 'showcase' the most amazing images; they'll appear at random on the main gallery page (links to each category), and elsewhere on the site (homepage, download page, etc.) * Uncommon optional fields: + extra - an array allowing a link to a related website (e.g., if the art is from a video, if there is a "timelapse" or "speeddraw" of how the art was created, if the art is from a book, etc.). Array elements required are: - title - Title for the link - url - url for the link 2. "git commit" with a useful message summary (e.g., "New gallery artwork (metadata) YYYY-MM-DD") 3. On the webserver, in the check-out of the "tuxpaint-website" repo which is used by the live website (/var/www/tuxpaint-website/), issue "git pull" to grab the updated file. C. Testing & Sharing 1. Confirm things look right when you visit https://tuxpaint.org/gallery/, and the category sub-pages. Make sure website / social media network links work. Correct things if not, and try again! 2. Share the content on social media (as of June 2023: @TuxPaintTweets on Twitter, tuxpaint on Tumblr, TuxPaint on Facebook, tuxpaintdevs on Instagram; all currently controlled by Bill) * Twitter: For content that was on Twitter, re-tweeting the original artist's tweet is recommended. For emailed art, or art found on Tumblr/etc., post a link to the gallery image viewer page (e.g.. https://tuxpaint.org/gallery/image.php?i=claras-future-design-by-flatsart.png) Example: Retweet: https://twitter.com/flatsart/status/1538586412831985664 Example: Link: https://twitter.com/TuxPaintTweets/status/1523015963167272960 * Tumblr: For content that was on Tumblr, sharing the original artist's post is recommended. For emailed art, or art found on Twitter/etc., post a link to the gallery image viewer page (see above). Example: Share: https://www.tumblr.com/blog/view/tuxpaint/687346020778180608 Example: Link: https://www.tumblr.com/blog/view/tuxpaint/687109224826863616 * Facebook: Bill has generally posted numerous new images at once as a photo post, pasting the original full-sized images to Facebook. Use the per-image description editing function to provide the title, artist name, and link to their website or social media profile. Example: Post: https://www.facebook.com/TuxPaint/posts/10160229992095295 * Instagram: There seems to be no way of linking, so upload images. If multiple by the same artist, or of related subjects, you can place multiple images in a single post, however there's only one description. Example: One image: https://www.instagram.com/p/Ctaj4e3L0QF Example: Multi-image: https://www.instagram.com/p/CtajwhCL6TX -bill! <bill@newbreedsoftware.com> 2022-05-16 - 2023-06-15