kookma / tw-tamasha Goto Github PK
View Code? Open in Web Editor NEWPresentation and slideshow app using web technology based onTiddlywiki
Home Page: https://kookma.github.io/TW-Tamasha/
License: MIT License
Presentation and slideshow app using web technology based onTiddlywiki
Home Page: https://kookma.github.io/TW-Tamasha/
License: MIT License
.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.
hello !
very interesting and useful plugin...
one question, i didnt find in the docs how to order slides, can you help me?
What are the recommended instructions for uninstalling (rather than just disabling) the TW-Tamasha plugin?
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.
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!
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?
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
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.
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.
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?
MyPres
) is a tiddler tagged with MyPres
MyPres
tag@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)
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.