Just as cognitive helpers for stuff that, strangely, causes me some batpoop silly challenges.
I made just some minor tweaks, as per comments I added in the tiddler:
- added ability to scroll the thumbnail content
- changed the link to a button, with a link emoji (just to remind me I
can click on the thing) and a darker and bold font than the TiddlyWiki
default
- the button opens the tiddler in a modal; a moving story river
annoys me, so modals help out
Next version: a transclusion mechanism to handle `{{ [regexp[whatever]] ||
CJV Tiddler Thumbnails}}` for any kind of valid filter.
*Yeah, same thing could be done with a macro, but I prefer transclusion
syntax for some reason. Don't know why. I think, maybe, because when I
read it left to right ("I want this thing, formatted this way"), it makes
more sense to me than "I want this format applied to this thing".*
On Monday, June 13, 2022 at 2:56:19 AM UTC-3 Brian Radspinner wrote:
> I messed around with your initial attachment to try to get something that
> could be used as a tiddler gallery, or a way to display tiddler thumbnails
> inside a PowerPoint-like presentation tool in TW. Here is what I got...
>
> [image: thumbnails.jpg]
>
> I attached my edited code if anyone wants to play around with it too
>
> On Sunday, June 12, 2022 at 4:56:25 PM UTC-7 [email protected] wrote:
>
>> Well, that last suggestion is probematic if one wants to allow scrolling
>> in the thumbnail.
>>
>> Just because I couldn't let it go for supper break, I think attached is
>> pretty cool for a thumbnail of content that allows scrolling without
>> allowing clicking on any content.
>>
>> Required double-DIV's.
>>
>>
>>
>> On Sunday, June 12, 2022 at 8:30:51 PM UTC-3 Charlie Veniot wrote:
>>
>>> If you want to disable the content in the DIV (i.e. have the content as
>>> display only), I think adding *pointer-events: none;* (as per the
>>> following modification) will do the trick:
>>>
>>> ```
>>> <div
>>> style="-webkit-transform:scale(0.35);-moz-transform-scale(0.35);overflow:auto;width:500px;height:500px;border:1px
>>>
>>> solid blue;-moz-transform-origin: top left; -webkit-transform-origin: top
>>> left; -o-transform-origin: top left; -ms-transform-origin: top left;
>>> transform-origin: top left;pointer-events: none;">
>>> <$transclude tiddler="HelloThere" mode="inline"/>
>>> </div>
>>> ```
>>> On Sunday, June 12, 2022 at 8:21:51 PM UTC-3 Charlie Veniot wrote:
>>>
>>>> Download the attached and drag into TiddlyWiki.com
>>>>
>>>> This will add the "Thumbnail HelloThere" tiddler, which transcludes the
>>>> HelloThere tiddler but displays it as a thumbnail (a pretty big thumb, but
>>>> still small compared to normal size).
>>>>
>>>> For the giggles, the new tiddler also shows in the sidebar.
>>>>
>>>>
>>>>
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/3cc8dfc5-2c79-42e7-8b7d-f03917a5b169n%40googlegroups.com.
CJV Tiddler Thumbnails (Charlie Edition).json
Description: application/json
