New Release Banner Competition for v5.2.3

#1

We’re hoping to release v5.2.3 in the next few weeks. As usual, I’d like to hold a competition to design the banner image that is shown on the splash screen and within the opening HelloThere tiddler.

Ideally, the artwork should reflect some of the changes in the new version. I’ve updated the release note for the prerelease:

https://tiddlywiki.com/prerelease/

Entries will be accepted until Friday 22nd July 2022 at 8am UK time

The other rules/guidelines for the competition are:

  • The version number must be clear and readable even when the banner is shown at a reduced size
  • The version number must use the correct punctuation including the “v” prefix and clear full stops between the numbers
  • The image must be a PNG or JPEG of exactly 560x315 pixels
  • Note that the image is displayed at a smaller size on tiddlywiki.com, so check that your artwork is legible at the display size (the scaling is done in order to yield good quality on hi-dpi displays)
  • The bottom 46 pixels will be obscured by the banner text “What’s new in 5.2.3” when it is displayed within HelloThere
  • The image need not include the word “TiddlyWiki”. The banner image is only used in contexts where it is clear that it is about TiddlyWiki
  • Feel free to enter an updated version of artwork that was a runner-up in a previous competition
  • Reply to this message with your entry, or any questions
  • Please give lots of feedback here to encourage the artists

Here are the posts about previous artwork competitions:

v5.2.2 - https://groups.google.com/g/tiddlywiki/c/y6OMgyQx2-k/m/mWXZiivvAQAJ
v5.2.1 - https://groups.google.com/g/tiddlywiki/c/GU0TPGNMPvw/m/y1SyQk_nAQAJ
v5.2.0 - https://groups.google.com/g/tiddlywiki/c/eccIEHZoxsI/m/JpxoQdZrAwAJ
v5.1.23 - https://groups.google.com/g/tiddlywiki/c/cTgPWl8b_9c/m/VtrMFHBGAwAJ
v5.1.22 - https://groups.google.com/g/tiddlywiki/c/rYrja18_SfQ/m/JAklPfjfAwAJ
v5.1.21 - https://groups.google.com/g/tiddlywiki/c/l47ZZzWdDb8/m/6s0p_3QeCgAJ

There is more discussion about the scheduling of this release over at GitHub:

Best wishes and many thanks,

Jeremy

8 Likes
Banner Competition Voting for v5.2.3
New Release Banner Competition for TiddlyWiki v5.2.6
New Release Banner Competition for v5.2.4
#2

I like to have a radical change here! While this is not the TiddlyWiki logo (it is the Motovun Jack), but as the splash screen image it can reflect some features of Tiddlywiki!

Tiddlywiki is

  • an amazing note taking tool
  • a wonderful nonlinear notebook
  • an amazing webapp
  • a task manager
  • a todolist app
  • a slideshow app (using plugin)
  • a static site generator
  • has Zettelkasten editions
  • …

and much more … (I cannot remember all of them :wink: )

Lets propose a banner reflect those features, what do you think?

#3

Some crude ideas for creating new artworks ( from web)

image
image1200×630 66.6 KB

image

image

We can also get ideas from Tiddlyhoster

image
image1346×907 64.1 KB

2 Likes
#4

As usual, I’ve set up the tw-logo-contest site to mirror the submissions posted here for easy browsing, and for quick trips down the memory lane of prior entries.

https://tw-logo-contest.tiddlyhost.com/

-Springer

6 Likes
#5

Hi! we use tiddlywiki a lot in a local (code)multi-disciplinary community in Colombia, so thanks for the tool and the TW community.

This is my entry (info)

  • I use the colors and a graphic element from 5.2.1 and 5.2.2.
  • the eyes and the nose are from the KaTeX plugin
  • the claws and the title of tiddlywiki are from the markdown plugin.

Hope you liked it, thanks again and have a nice day!

ruidajo-TiddlyWiki-v523-banner-560x315

7 Likes
#6

Great to hear from you, and thank you for the charming submission.

There is a chance that the detail of the paws might be lost – remember that the bottom 46 pixels is partially obscured when the image is used in the HelloThere tiddler. So it might make sense to move things up a little, and leave some emptier space at the bottom.

#7

Thank you @Springer much appreciated!

#8
#9

Hi, this is the banner I made.

card

There are three cards in the banner, which means that tiddlywiki uses a card-based method of taking notes.

1 Like
#10

This is an homage to the feature I’m most excited about in this release; the enhanced CheckboxWidget that now lets you easily toggle individual values in a list - thank you @rmunn / Robin !

Anyone who is more graphically skilled is welcome to just take the concept and improve the image. The idea is that Motovun Jack checks the 2 and 3 while also indicating coming future progress.

logo_523

2 Likes
#11

I suspect you mean checkbox and not select.

#12

Doh! Thanks. Corrected.

#13

This is my proposed banner!

TW5.2.3

You can contribute

For anyone likes to give a try and edit/correct this as a new banner

  1. The artwork is prepared in Draw Freely | Inkscape
  2. The font is Arial Rounded MT Bold
  3. Download TW-Banner/TW5.2.3-network.svg at main · kookma/TW-Banner (github.com) and open in Inkscape
  4. Edit as you like
  5. Submit as a release banner for competition

How to test on official Tiddlywiki site (See Atronoush)

  1. Download and drop the artwork png in https://tiddlywiki.com/
  2. Rename the new imported image tiddler to New Release Banner
  3. Look at the HelloWorld tiddler

References:

7 Likes
#14

A middle aged Motovun :slight_smile:

TW5.2.3-motovun

You can contribute

For anyone likes to give a try and edit/correct this as a new banner

  1. The artwork is prepared in Draw Freely | Inkscape
  2. The font is Arial Rounded MT Bold
  3. Download TW-Banner/TW5.2.3-motovun.svg at main · kookma/TW-Banner (github.com) and open in Inkscape
  4. Edit as you like
  5. Submit as a new release banner for competition

How to test on official Tiddlywiki site (See Atronoush)

  1. Download and drop the artwork png in https://tiddlywiki.com/
  2. Rename the new imported image tiddler to New Release Banner
  3. Look at the HelloWorld tiddler

References:

6 Likes
#15

An improved version of my previous:

logo_523

3 Likes
#16

Here’s my entry. The icons in the paw represent some of the updates. Plugins, translations, accessibility, various tweaks, and speed.

image

6 Likes
#17

feedthegood,

Welcome to the banner image contest! I’ve updated my little gallery site to include yours and all the others up to now.

One nudge I’d make is that the wheelchair image for accessibility may be a bit confusing for a ARIA screen-reading features, since being in a wheelchair has little in common with needing a screen-reader. There are some icons out there that are more specific to audio access for vision-impaired and blind web users. I’m not sure what’s best, but for example: Screen Reader Icon - Free PNG & SVG 1702967 - Noun Project

image

One other consideration that people have occasionally raised is the size of the image. Though it’s just one image, if that images weighs in at 130KB – compared to most banners which have been around 18-30KB, this means proportionately much more demand on servers and web traffic and load times.

Cheers, and looking forward to more!

-Springer

3 Likes
#18

Thanks! I changed the icons (found open source set) and compressed the image to 33kb.

1 Like
#19

Great!

So far there are 6 images to browse: https://tw-logo-contest.tiddlyhost.com/

-Springer

3 Likes
#20

I just had a thought, Being from Australia I thought about making a Preferential voting system in tiddlywiki, the question is how to accept a vote tiddler from each user.

For example with a randomly ordered list of all the entries you do one of the following;

  • Mark each up to any number with 1, 2, 3 …
  • Use list draggable to manually order the list in your preferred order.

Ideally we use a mechanism like unique discourse name to limit votes to one

Then provide a method to determine the winner from all preferences given.

  • Lets say there are 5 entries, the 1st preference gets 5 points, the last preference gets 0 points

Why;

  • If few vote for your first preference your second preference influences the next likely.
  • However there are other maths behind the preferential voting needed.