kookma / tw-tamasha

Presentation and slideshow app using web technology based onTiddlywiki

Tamasha

Tamasha is a small Tiddlywiki app and plugin to create presentation and slideshow.

Tutorial

• Open https://kookma.github.io/TW-Tamasha/
• Go to the tutorial and see a demo of most features

Installation

For details on how to install the Tamasha plugin in your wiki, have a look at https://kookma.github.io/TW-Tamasha/#Install

tw-tamasha's Issues

Slide sorting

How does one arrange their slides. It appears to default to an order based on timestamps for the individual tiddlers or alphabetically/numerically after a refresh. What's the ideal way for users to set up their preferred order of slides?

suggestion: css for scrolling vertically overflowing slides using css container queries

.tamasha-slide-content{
overflow-y: scroll;
}
.tamasha-overlay.open .tamasha-slide-content{
position:absolute;
inset:0;
max-height:100cqh;
}

With this it is no longer needed to use a wrapper div (as seen here) , and the height take as much space as possible.

Best method for changing the presentation viewing portal?

What would you recommend for increasing the size of the viewing portal? Creating some new template? Adjusting the default template? Overall Tiddlywiki Theme Tweeks (that doesn't see right)?
As in, when viewing a presentation in full screen mode, the presentation area isn't very wide compared to the browser window.

Assign Esc shortcut key to exit the presentation mode

Hi @BurningTreeC - I use the keyboard shortcuts to navigate through slides and toggle presentation/author mode. Please see
https://kookma.github.io/TW-Tamasha/#%24%3A%2Fplugins%2Fkookma%2Ftamasha%2Fmacros%2Fpresenter

See below lines

<$keyboard key="F" actions=<<toggle-presentation-mode>> >
<$keyboard key="Q" actions=<<toggle-author-mode>> >
<$keyboard key="right down enter space" actions=<<nextSlide>> >
<$keyboard key="left up backspace"  actions=<<previousSlide>> >

My question is how can I use the reserved key Esc to exit the presentation mode! It seems I cannot assign Esc as the browser (here Edge, Chrome, Firefox) uses it to exit its own full screen mode. I appreciate to advise me how can I use Esc key.

I see some apps have overwritten this and use Esc shortcut for their own use see for example https://revealjs.com/auto-slide/ on the slide press F and then Esc.

Tiddlywiki sometimes kills the transitions effects

Hi @saqimtiaz, refereeing to our previous discussion here Jermolene/TiddlyWiki5#5394

I was not successful to use your recommendation for a smooth transition of progress bar in Tamasha

See Tamasha progressbar

Click on the forward, backward button and note to the movement of progress bar in the presentation. The css uses

    transform-origin:0 0;
    transform:sclaeX(0);
    transition: transform 0.8s ease-in-out;

The progress is calculated as

\define progress(pct)
<div class="tamasha-progress">
    <span class="bar" style="transform:scaleX($pct$);"></span>
</div>
\end

and displayed in ui like

<$vars currentTid={{{[<stateNavigatorTid>get[text]] ~[tag<mainTag>first[]]}}}>
<$macrocall $name=progress pct={{{ [tag<mainTag>allbefore:include<currentTid>count[]divide<numberSlides>fixed[2]] }}} >
</$vars>

While the transition works in an html5+JS file but fails here in Tiddlywiki. I appreciate to let mw know what you recommend.

[IDEA] Vertical and Horizontal Slides

1. Reveal JS has horizontal and vertical slides (two dimensions)
2. Tamasha has only horizontal slide
   2.1 a slide in a presentation (e.g. MyPres) is a tiddler tagged with MyPres
   2.2 slides in presentation are displayed one by one in order stored in MyPres tag
   2.3 Tamasha can look for child of a slide (the tiddler tagged with that slide) and show them vertically

Configurable themes

@silvyn - that is a good suggestion. it is not difficult to implement such configuration. I appreciate to let me know what other features you like to be configurable.

To keep Tamasha simple one suggestion is to use themes for these features e.g a theme shows page number and progress bar another not

Originally posted by @kookma in #10 (comment)

how to order slides

hello !
very interesting and useful plugin...
one question, i didnt find in the docs how to order slides, can you help me?

Incomplete Display of Entry Content - Control Slide Content

When the entries are long, the content displayed is not complete. I modified part of the code, mainly changing the overflow property in tamasha-slide-content from hidden to scroll, which displays normally in the entries, but if I put the ppt content full screen, the scroll bar still has no effect.

Can you take the time to solve this problem?

Is there a way to re-order the slides?

I have created a presentation with around 10 slides and needed to re-order them. Is there an in-built way of doing this? I managed to find a workaround, changing $:/plugins/kookma/tamasha/ui/slidelist on line 10:

<$list filter="[<stateListboxTid>get[text]match[slideList]nsort[slide]]" variable="null">

Where the field "slide" has a numeric value.

Thanks for a great plugin!

Uninstall

What are the recommended instructions for uninstalling (rather than just disabling) the TW-Tamasha plugin?