mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-12-15 12:40:28 +00:00
a9f9ffd409
* First commit * Typo * Add support for delay parameter * Add confetti widget * Add tour plugin * Add element spotlight to dynannotate plugin Useful for highlighting on screen elements for the user * More and bigger confetti by default * Use new element spotlight to provide hints * Adjust hint selectors for create tiddler tour step * Include confetti plugin in prerelease * Clarify wording of confetti demo * Don't link TiddlyWiki in the tour panel * Tweaks to tour buttons * Mark dependents of the tour plugin * Add full screen section of tour and tour edition * Remove Anna Freud references from welcome tiddler * Build the tour edition in the preview * Fix typo in build script * Populate tour edition with solar system data From Simple English Wikipedia * Missing tag * Add page control button to start tour Also make the tour controls visible in full screen mode * Refactor to use global procedures to control the tour * Change "startup-actions" field to "enter-actions" to avoid confusion * Add a tour logo * Refactor to allow multiple tours to be loaded at once * Remove wikification from welcome tour step * Update docs * Simplify styles for top bar * Tours should have a $:/tags/Tour tag * Tour should autostart in the tour edition, but not in the main wiki * Better labelling for the main preview * Fix build process We build a separate tour.html wiki, but can include the tour in other wikis too * Remove obsolete text * Add "using tags" as a separate tour * Remove old debugging code * Add tour chooser * Ensure that the current tour isn't listed as an option in the final step * Use whitespace trim Note that the setting is inherited by procedure and widget definitions * Simplify tour step format * Remove obsolete state tiddler Not needed because now we initialise it in startup actions * Fix gap between navigation buttons * Clean up tiddler titles within the introduction tour * Finish allowing the name "TiddlyWiki" to be customised Some of the code was in the previous commit. Next we'll wire up the user interface * Clarify docs * Add a settings pane giving a birds eye view of a tour * Avoid having to embed confetti in the final step * Update docs * Tweak styling of tour chooser dropdown * Add a button to launch tour steps directly, and give them captions * Expose custom tour settings * Use the tour step caption as the heading * Fix initialisation when jumping to a tour step * Introduce step about tags * Improve wording * Improve styling of task call-to-action and nav buttons * Adopt new conditional shortcut syntax * Wording and ordering tweaks * Fix typos Thanks @pmario * Simplify styling of tour overlay * Use custom palette colours Makes it easier for people to use their own colour scheme for the tour * More custom colours * Tour wording tweaks * Extends the tour plugin with a condition field (#7861) * feat: support condition field to determine whether a step should be shown * feat: add support for overriding the hint text using the field 'hint' from the step tiddler * fix: roll back tour display procedure for now until an override mechanism has been discussed * fix: renamed advance-criterion field and associated variables to step-success-filter * fix: renamed hint field to hint-text and selector to hint-selector * refactor: to create function to get all tour tiddlers filtered by their condition field * refactor: rename globals tiddlers to variables and avoid making any of the tour procedures global * fix: also rename globals.tid file to variables.tid * docs: cover all tour steps tiddler fields * fix: improve spacing in Tour HUD * WIP --------- Co-authored-by: Jeremy Ruston <174761+Jermolene@users.noreply.github.com> Co-authored-by: Saq Imtiaz <saq.imtiaz@gmail.com>
85 lines
4.6 KiB
Plaintext
85 lines
4.6 KiB
Plaintext
created: 20130822170200000
|
|
list: [[A Gentle Guide to TiddlyWiki]] [[Discover TiddlyWiki]] [[Some of the things you can do with TiddlyWiki]] [[Ten reasons to switch to TiddlyWiki]] Examples [[What happened to the original TiddlyWiki?]]
|
|
modified: 20231223102201587
|
|
tags: TableOfContents
|
|
title: HelloThere
|
|
type: text/vnd.tiddlywiki
|
|
|
|
<div style="border: 2px solid red; background: #ffd; padding: 0 0.5em; border-radius: 8px;">
|
|
|
|
This is a build of ~TiddlyWiki 5 from the branch [[confetti-plugin|https://github.com/Jermolene/TiddlyWiki5/tree/confetti-plugin]]. Despite the name of the branch, it actually introduces two new plugins and brings updates to an existing one:
|
|
|
|
* The ''Tour Plugin'' allows interactive learning tours to be created and presented in TiddlyWiki
|
|
** Launch the tour in this wiki with the {{$:/plugins/tiddlywiki/tour/start-tour-button}} button in the sidebar
|
|
* The ''Confetti Plugin'' displays animated bursts of confetti
|
|
** See the [[Confetti Plugin readme|$:/plugins/tiddlywiki/confetti/readme]] for examples
|
|
* The ''updated Dynannotate Plugin'' gains the ability to highlight screen elements using an animated spotlight effect
|
|
** See the [[Dynannotate Spotlight Demo|$:/plugins/tiddlywiki/dynannotate/examples/spotlight]]
|
|
|
|
A standalone demo of the tour functionality is [ext[available here|./tour.html]].
|
|
|
|
</div>
|
|
|
|
!!.tc-hero-heading ''Welcome to TiddlyWiki, a unique [[non-linear|Philosophy of Tiddlers]] notebook for [[capturing|Creating and editing tiddlers]], [[organising|Structuring TiddlyWiki]] and [[sharing|Sharing your tiddlers with others]] complex information''
|
|
|
|
Use it to keep your [[to-do list|TaskManagementExample]], to plan an [[essay or novel|"TiddlyWiki for Scholars" by Alberto Molina]], or to organise your wedding. Record every thought that crosses your brain, or build a flexible and responsive website.
|
|
|
|
TiddlyWiki lets you choose where to keep your data, guaranteeing that in the decades to come you will [[still be able to use|Future Proof]] the notes you take today.
|
|
|
|
!! ''Quick Start''
|
|
|
|
<div class="tc-cards tc-action-card">
|
|
<$list filter="[tag[Quick Start]]">
|
|
<$macrocall $name="flex-card" bordercolor={{!!color}} textcolor={{!!text-color}} backgroundcolor={{!!background-color}} captionField="caption" descriptionField="text"/>
|
|
</$list>
|
|
</div>
|
|
<div class="tc-cards tc-small">
|
|
<$link to="中文社区 - Chinese Community" class="tc-btn-big-green tc-card">
|
|
中文社区<br/>Chinese Community
|
|
</$link>
|
|
</div>
|
|
|
|
!! ''Find Out More''
|
|
|
|
<div class="tc-cards">
|
|
<$list filter="[tag[HelloThumbnail]]">
|
|
<$macrocall $name="flex-card" captionField="caption" descriptionField="text"/>
|
|
</$list>
|
|
</div>
|
|
|
|
!! ''Community''
|
|
|
|
<div class="tc-cards" style="font-size:0.7em;text-align:center;margin:3em auto;">
|
|
<a href="https://talk.tiddlywiki.org/" class="tc-btn-big-green" style="border-radius:4px;background-color:#FF8C19;" target="_blank" rel="noopener noreferrer">
|
|
{{$:/core/images/help}} ~TalkTW
|
|
</a>
|
|
<a href="https://www.youtube.com/c/JeremyRuston" class="tc-btn-big-green" style="border-radius:4px;background-color:#e52d27;" target="_blank" rel="noopener noreferrer">
|
|
{{$:/core/images/video}} ~YouTube
|
|
</a>
|
|
<a href="https://twitter.com/TiddlyWiki" class="tc-btn-big-green" style="border-radius:4px;background-color:#1DA1F2;" target="_blank" rel="noopener noreferrer">
|
|
{{$:/core/images/twitter}} Twitter
|
|
</a>
|
|
<a rel="me" href="https://fosstodon.org/@TiddlyWiki" class="tc-btn-big-green" style="border-radius:4px;background-color:#2b90d9;" target="_blank" rel="noopener noreferrer">
|
|
{{$:/core/images/mastodon}} Mastodon
|
|
</a>
|
|
<a href="https://github.com/Jermolene/TiddlyWiki5" class="tc-btn-big-green" style="border-radius:4px;background-color:#444;" target="_blank" rel="noopener noreferrer">
|
|
{{$:/core/images/github}} ~GitHub
|
|
</a>
|
|
<a href="https://gitter.im/TiddlyWiki/public" class="tc-btn-big-green" style="border-radius:4px;background-color:#753a88;background-image:linear-gradient(to left,#cc2b5e,#753a88);" target="_blank" rel="noopener noreferrer">
|
|
{{$:/core/images/gitter}} Gitter
|
|
</a>
|
|
<a href="https://www.reddit.com/r/TiddlyWiki5/" class="tc-btn-big-green" style="border-radius:4px;background-color:#FF4500;" target="_blank" rel="noopener noreferrer">
|
|
{{Reddit Logo}} Reddit
|
|
</a>
|
|
<a href="https://opencollective.com/tiddlywiki" class="tc-btn-big-green" style="border-radius:4px;background-color:#0c2c66;" target="_blank" rel="noopener noreferrer">
|
|
{{Open Collective Logo}} Open Collective
|
|
</a>
|
|
</div>
|
|
|
|
!! ''Testimonials & Reviews''
|
|
|
|
<div class="tc-cards">
|
|
<$list filter="[tag[Testimonial]]">
|
|
<$macrocall $name="flex-card" class="tc-card-quote" captionField="caption" descriptionField="text"/>
|
|
</$list>
|
|
</div> |