Toggle

v1.0.1 fix an issue in the stylesheet of the toggle where the color wouldnt properly be wikified if it was defined in the theme with a macro.

---

This stylesheet will transform a checkbox into an animated toggle when the class "toggle" is used.

Example

<$checkbox class="toggle" field="toggle" checked="true" unchecked="false" default="true"/>

Output

toggle.mp4

Favicon Wizard

This tool will help you to setup a dynamic (or static) SVG favicon for your tiddlywiki.
Examples are included.

Preview

Details macro

Emulate the slider macro from tiddlywiki classic, with a few differences.

• macro name : details
• content : content to be displayed. You can transclude the content of a tiddler to replicate the behavior of the old macro (ex : <<details content:"{{MyTiddler}}">>)
• field : field of the state tiddler to be used for storing the state. If you use several details macro in one tiddler, you will need to specify a different field for each one, otherwise they will open and close at the same time
• summary : text to be displayed at the top of the slider
• tooltip : appears on hover

slider.mp4

.

Right Story button

Add a button to move tiddlers on the right.
It will also widden tiddlers that are being edited.

Link to a tiddler in fullscreen

This will add a button to share a link to a tiddler in fullscreen

Copy-code macro

This macro can be used to display a snippet of code with syntax coloring (highlight.js is required) and a copy to clipboard button. You can also display a title and an indicator for the programming language used.

I also included a ViewTemplate ($:/showInfo/code/Stylesheet/ViewTemplate) to use the macro on tiddlers with the following tags :

• $:/tags/Macro
• $:/tags/Stylesheet
• $:/tags/ViewTemplate

Preview