Minimalistic "single tiddler view" for short texts etc

[Anjar]

Hi all,

After Jeremy made me aware of the nice introductory page https://tiddlywiki.com/prerelease/editions/introduction/ I tweaked it a bit with the intention to show short texts such as poems, but I guess other media would work as well. Demo: https://ewy.no/tiddlytext.html

There is a Add text form in the sidebar. You can have duplicated titles. The page field is used for the navigation bar at the bottom and the next-buttons. The footer is scrollable on small screens, but the active grid box may be out of sight. Is it possible to "bring it back" into focus using css?

However, there is an annoying bug: When hitting the Home in the footer, two tiddlers open: the Home and undefined. Does anyone know why that happens? The link is made by

<$button class="tc-btn-invisible tc-tiddlylink">

<$action-sendmessage $message="tm-close-other-tiddlers" />

<$action-navigate $to="Home" />

<$action-setfield $tiddler="$:/FooterTiddler" opentag="" />

<div class="box">

Home

</div>

</$button>

where the opentag field in $:/FooterTiddler holds the opened collection name, and Home is the home tiddler.

[TonyM]

Anjar,

It is a little difficult investigating your wiki because of its current configuration

Is there a reason you do not use the built in home button {{$:/core/ui/Buttons/home}} ?

This draws its list from default tiddlers.

Regards

Tony

[Mohammad]

Hi Anjar,

 Thank you for sharing! Please keep going on!

Just for your information there are some links to tools llike slideshow, slides, ... on

https://dynalist.io/d/zUP-nIWu2FFoXH-oM7L7d9DM#q=slide

https://dynalist.io/d/zUP-nIWu2FFoXH-oM7L7d9DM#q=tiddlyshow

So,  have a look.

This tool can be polished and is used for presentation and slideshow.

--Mohammad

[Riz]

Hi Anjar
Checked out your site. That is a really cool.

The bug regarding undefined tiddler opening. The problem is "tm-close-other-tiddlers". This is basically telling tiddlywiki to "close all other tiddlers in the storylist" but me. In turn tiddlywiki asks - who is this "me"? Your tiddler replies with "$:/FooterTiddler". Now tiddlywiki has a dilemma. SInce FooterTiddler is a pagetemplate, it is not present in the storylist. But the message said close all but me in the storylist.

A corrected button for you is

<$button class="tc-btn-invisible tc-tiddlylink">
<$action-setfield $tiddler="$:/StoryList" list="" />

<$action-navigate $to="Home" />
<$action-setfield $tiddler="$:/FooterTiddler" opentag="" />
<div class="box">
Home
</div>
</$button>

Which clears the storylist aka closes all tiddlers.

[Anjar]

Have updated the site with a small add new text button to the lower right on the home page, and using an actual tag field to get suggestions. Next step will be to remove the system tags from the suggestion list and enhance the mobile experience by having responsive font size and maybe swipe previous/next using the hammer widget!

@Riz: Thanks, that was a nice explanation, and the fix is perfect

@Mohammad: Thanks for the encouragement. I had a look at them and felt they were a bit complex

@Tony: Thanks for the suggestion. Yeah, it is a bit cumbersome. Made another button to reset a field


Best,

Anders

[TiddlyTweeter]

Anjar wrote:

Have updated the site with a small add new text button to the lower right on the home page, and using an actual tag field to get suggestions. Next step will be to remove the system tags from the suggestion list and enhance the mobile experience by having responsive font size and maybe swipe previous/next using the hammer widget!

Very nice, focused, minimalism. Good presentation medium.

Re the CSS for the number boxes at bottom ... I'm not sure letting them stretch so wide is a good approach? It particularly looks odd on "Home" button moving about. Might be better anchored left?

Just thoughts. Overall Its neat! :-)

Best wishes

TT

[Anjar]

@TiddlyTweeter: Thanks! Good point about the home button! Removed it as a tile and had the add button change to a home when relevant!

Also, removed the page field to use the count of existing pages instead

Best

Anders

[Mohammad]

Anjar,

Few comments

 Why slides are added in two steps? 1) click on + button  and then click Add text 2) Now edit tiddler and save?

  If A tiddler was saved with typos and one wishes to edit it how it is possible?

   Why date is used as tiddler title?

--Mohammad

[Anjar]

Hi Mohammad, thanks for the comments!

I used dates as titles because these are unique and hidden, whereas the displayed title is another field (texttitle) - this was to make it possible to have several tiddlers with the same title. Alternatively, a header could have been used instead of any titles, but I think it can be useful with a specific field

The simplest way to edit tiddlers is to use the tiddler manager, I think, but it is indeed tiresome. Maybe I should put a check box to hide/show the edit button in the sidebar? Or even better - have the tiddler already open in edit mode in the sidebar?

I tried to edit the edittemplate to use the texttitle field as title, but couldn't figure it out. And I thought the simple form would be user friendly as you don't have to think about fields showing in different ways (the title is separated from the text which is again separated from the other fields). Could the solution be to continue using a custom form, but integrating the full editor instead of a simple text area, and then skip step 2?

Best,

Anders

[Mohammad]

Anjar,

What you did by now is really clean and semantic!

You may have few button hidden on mouse hover are displayed! See the nice work of Nicolas Petton here

https://groups.google.com/d/msg/tiddlywiki/uHr7ocitnGk/rR2vxKVFBAAJ

On Wednesday, April 29, 2020 at 11:22:03 PM UTC+4:30, Anjar wrote:

Hi Mohammad, thanks for the comments!

I used dates as titles because these are unique and hidden, whereas the displayed title is another field (texttitle) - this was to make it possible to have several tiddlers with the same title. Alternatively, a header could have been used instead of any titles, but I think it can be useful with a specific fieldu

Okay, So it makes sense, I think the page number is not useful and can be removed! You can use automatic page numbering if it is required! I am sure Eric Shulman few days ago post a reply on that!

It is good to  use tagpill to reorder the slides but this can be done using a dashboard or simple from sidebar/More/Tags

The simplest way to edit tiddlers is to use the tiddler manager, I think, but it is indeed tiresome. Maybe I should put a check box to hide/show the edit button in the sidebar? Or even better - have the tiddler already open in edit mode in the sidebar?

I tried to edit the edittemplate to use the texttitle field as title, but couldn't figure it out. And I thought the simple form would be user friendly as you don't have to think about fields showing in different ways (the title is separated from the text which is again separated from the other fields). Could the solution be to continue using a custom form, but integrating the full editor instead of a simple text area, and then skip step 2?

Still I do not understand the two step mechanisms! 

[Mohammad]

Anjar,

 You can use the below code for automatic page numbering!

  https://groups.google.com/d/msg/tiddlywiki/cdtKsC9VEmc/fMT1LKxYBQAJ

  To reorder slide and organize them under a tag as I said tagpil can be used

 As I understand your structure is like this

  Topic1  (a tiddler)

    pages --> all tiddlers tagged with  topic1

  

  Topic2  (a tiddler)

    pages --> all tiddlers tagged with  topic2

 

[Anjar]

Hi,

Thanks for the links, the page of Nicolas Petton seems really amazing, will use some time to explore it!

I have updated the demo with an edit window in the siebar (having the redered story and an edit mode side by side feels quite intuitive) and removed the second step!

Anders  

[Mohammad]

Lovely! I am sure many will use this for slide show and presentation!

- You can add a sidebar tab to list the presentations (topic)

- Under each topic a list of pages (tagged with that topic can be appeared

To do above you can use  toc-selective-expandable

So pages can be appeared by titletext NOT current date-title

Recent tab can be hidden

-Mohammad

[Ste Wilson]

Wow!.  Why am I still surprised at the different shapes people hammer TiddlyWiki into? Very Zen!

[Julio Peña]

In my opinion we are all "alchemists" when it comes to Tiddlywiki. :))

Regards,

Julio

[Anjar]

I agree with you, @Julio, except that tiddlywiki is already gold;)

The site is updated with the sidebar being context-related and the save button appearing when you add new tiddlers. To do the latter, I use the haschanged[] filter operator, but this dosn't work when one deletes a tiddler. Is there a better way than haschanged[] for detecting that changes has been made?

Anders

[TonyM]

Anjar,

If you installed a trash bin plugin the delete would actually only be a change if that helps. 

This may not solve your deletes issue but there is a macro you may be interested in https://tiddlywiki.com/#changecount%20Macro%20(Examples)

It works for each tiddler title and counts the number of changes, in this session.

Regards

Tony

[Anjar]

Thanks! I tried different things, but after thinking a bit, maybe pure CSS is the simplest?

<style>

.savebutton{

    position: fixed;

    font-size: 40px;

    bottom: 10%;

    right: 0;

    margin: 5%;

}

.savebutton svg {

        display: none;

}

.savebutton body.tc-dirty span.tc-dirty-indicator, body.tc-dirty span.tc-dirty-indicator svg {

        display: block;

}

</style>

<div class="savebutton">

{{$:/core/ui/Buttons/save-wiki}}

</div>

Best,

Anders

[Mat]

This is such a wonderful theme. Thank you for sharing!

Now how will I find this if I need it... the usual problem :-(

<:-)

[Anjar]

Thanks @Mat! Most of the credit must go to Jeremy et al. who made the https://tiddlywiki.com/prerelease/editions/introduction/ theme.

I'll upload it here as well to make sure it's not lost (which unfortunately happens with many of demos out there...)

Best,

Anders

[Petruschka]

Hello Anjar,

I am a bit lost atm. What is the best way to use it/import your great theme and use it only on dedicated tagged tiddlers so only those will show up like in your demo? Thanks in advance.

[Anjar]

Hi @Petruschka,

The easiest way to use it, is to download the demo, open the sidebar (from the home tiddler) and delete the two example collections by hitting the Xs. Maybe it'll become a plugin one day if there is time:)

I'm not sure I understand the second part of your question. At the moment, all non-system tags (not starting with $:/) are considered as collections, and the slides need a tag (you can give it more than one tag, but it will mess up the pagination) and a page field (and optionally a texttitle and a subtitle field). These are added automatically if you use the newtext (the +-button) form.

Generally, it is possible to change the theme conditionally when tiddlers have a specific tag I think, but it is not implemented here

Please let me know if I misunderstood your question.

Best,

Anders

[Mohammad]

Hi Anjar,

 I cannot download the demo! Would you mind to take a look

--Mohammad

[Anjar]

Hi Mohammad,

Thank you for noticing, it should be available again now! For backup: https://andjar.github.io/tiddlytext/ or https://github.com/andjar/tiddlytext

Anders

[Mohammad Rahmani]

Hi Andres,

Many thanks. Lovely tool.

@David Gifford,

Would you please add Tiddlytext to Tiddlywiki toolmap under slideshow and presentation category.

Best wishes

Mohammad

--
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 tiddlywiki+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/42ec151d-6f6d-4ad8-b75e-3b04b133096cn%40googlegroups.com.