diff --git a/editions/prerelease/tiddlers/system/DefaultTiddlers.tid b/editions/prerelease/tiddlers/system/DefaultTiddlers.tid index c947fd59a..66d1c9bab 100644 --- a/editions/prerelease/tiddlers/system/DefaultTiddlers.tid +++ b/editions/prerelease/tiddlers/system/DefaultTiddlers.tid @@ -4,5 +4,9 @@ title: $:/DefaultTiddlers [[TiddlyWiki Pre-release]] HelloThere +[[Quick Start]] +[[Find Out More]] +[[TiddlyWiki on the Web]] +[[Testimonials and Reviews]] GettingStarted Community diff --git a/editions/tw5.com/tiddlers/cards/card-procedures.tid b/editions/tw5.com/tiddlers/cards/card-procedures.tid new file mode 100644 index 000000000..f548d69ac --- /dev/null +++ b/editions/tw5.com/tiddlers/cards/card-procedures.tid @@ -0,0 +1,86 @@ +code-body: yes +tags: $:/tags/Macro +title: $:/cards/procedures +type: text/vnd.tiddlywiki + +\whitespace trim + +\procedure flex-card(class,bordercolor:"",backgroundcolor:"",textcolor:"",imageField:"image",captionField:"caption",subtitle:"",descriptionField:"description",linkField:"link") +<$link class={{{ [addprefix[tc-card ]] }}} + to={{{ [getelse] }}} + aria-label=<> +> + <$transclude + $variable="flex-card-body" + bordercolor=<> + backgroundcolor=<> + textcolor=<> + imageField=<> + captionField=<> + subtitle=<> + descriptionField=<> + /> + +\end + +\procedure flex-card-external(class,bordercolor:"",backgroundcolor:"",textcolor:"",imageField:"image",captionField:"caption",subtitle:"",descriptionField:"description",linkField:"url") +addprefix[tc-card ]addprefix[tc-tiddlylink ]] }}} + href={{{ [get] }}} + aria-label=<> + rel="noopener noreferrer" + target="_blank" +> + <$transclude + $variable="flex-card-body" + bordercolor=<> + backgroundcolor=<> + textcolor=<> + imageField=<> + captionField=<> + subtitle=<> + descriptionField=<> + /> + +\end + +\procedure flex-card-body(bordercolor,backgroundcolor,textcolor,imageField,captionField,subtitle,descriptionField) +
!is[blank]addprefix[5px solid ]] }}} style.background={{!!background}} style.backgroundColor=<> style.color=<> style.fill=<>> + <$list filter="[has[ribbon-text]]" variable="ignore"> + + + <$list filter="[has]" variable="ignore"> +
+ <$image source={{{ [get] }}} + alt={{{ [getget[alt-text]else[Image.]] }}} + /> +
+ +
<$transclude field=<>><$view field="title"/>
+ <$list filter="[!is[blank]]" variable="ignore"> +
+ <$text text=<>/> +
+ +
<$transclude tiddler={{!!icon}}/>
+ <%if [all[current]getelse[]!match[]] %> +
+
+ <$transclude field=<> mode="block"/> +
+
+
+
+ <%endif%> + <%if [all[current]has[button-text]] %> +
+ <$text text={{!!button-text}}/> {{$:/core/images/chevron-right}} +
+ <%endif%> +
+\end diff --git a/editions/tw5.com/tiddlers/cards/card-styles.tid b/editions/tw5.com/tiddlers/cards/card-styles.tid new file mode 100644 index 000000000..7b95b699a --- /dev/null +++ b/editions/tw5.com/tiddlers/cards/card-styles.tid @@ -0,0 +1,256 @@ +tags: $:/tags/Stylesheet +title: $:/cards/styles +type: text/vnd.tiddlywiki + +\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline macrocallblock + +.tc-cards { + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; + width: 100%; + padding: 0.5em; + background: <>; + border-color: rgba(34,36,38,.15); + box-shadow: 0 2px 25px 0 rgb(34 36 38 / 5%) inset; + gap: 1em; +} + +.tc-cards.tc-small { + text-align: center; + font-size: 0.7em; +} + +.tc-cards.tc-action-card { + text-align: center; + background: none; +} + +.tc-cards.tc-cards-vertical { +} + +.tc-cards.tc-action-card .tc-card-button { + border: 1px solid <>; + background: <>; + margin: 0.5em; + border-radius: 6px; + padding: 0.5em; + color: <>; + fill: <>; +} + +.tc-cards.tc-action-card .tc-card-button svg { + width: 0.65em; + height: 0.65em; + vertical-align: middle; +} + +.tc-tiddlylink.tc-card { + font-weight: normal; + flex-grow: 1; + max-width: 250px; + position: relative; + background: <>; + color: <>; + width: 200px; + min-height: 0; + border: none; + border-radius: 8px; + box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5; + transition: box-shadow 0.3s ease,transform .3s ease; +} + +.tc-cards.tc-cards-vertical .tc-tiddlylink.tc-card { + width: 100%; +} + +@media (max-width: 500px) { + + .tc-cards { + padding: 0; + } + + .tc-tiddlylink.tc-card { + margin: 0.25em; + width: 45%; + } + +} + +.tc-tiddlylink.tc-card.tc-card-quote { + width: 320px; + box-shadow: none; + background-color: #effdff; +} + +.tc-card-accent { + height: 100%; + display: flex; + align-items: stretch; + flex-direction: column; + justify-content: stretch; + border-radius: 8px; +} + +.tc-cards.tc-cards-vertical .tc-card-accent { + flex-direction: row; + justify-content: start; + padding: 5px 7px; + align-items: center; +} + +.tc-cards.tc-cards-vertical .tc-card-icon { + line-height: 0; + order: 1; +} + +.tc-tiddlylink.tc-card:hover { + color: <>; + background: <>; + text-decoration: none; + cursor: pointer; + box-shadow: 0 1px 5px 0 #bcbdbd, 0 0 0 1px #d4d4d5; + transform: translateY(-3px); +} + +.tc-card-ribbon-wrapper { + line-height: 0; + width: 75px; + height: 75px; + position: absolute; + right: 0; + overflow: hidden; + top: 0; + z-index: 849; + pointer-events: none; +} + +.tc-card-ribbon { + transition: top 0.3s ease-in-out; + top: 15px; + right: -77px; + position: absolute; + transform: rotate(45deg); + background-color: red; + box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 50%); +} + +.tc-tiddlylink.tc-card:hover .tc-card-ribbon { + top: -77px; +} + +.tc-card-ribbon-inner { + font-size: 10px; + line-height: 13px; + font-weight: 700; + color: white; + text-decoration: none; + text-shadow: 0 -1px rgb(0 0 0 / 50%); + width: 200px; + display: inline-block; + padding: 2px 0; + text-align: center; +} + +.tc-card-image { + border-top-left-radius: 8px; + border-top-right-radius: 8px; + line-height: 0; + overflow: hidden; +} + +.tc-card-image img { + border-top-left-radius: 8px; + border-top-right-radius: 8px; + width: 100%; + transition: transform 0.3s ease-in-out; +} + +.tc-tiddlylink.tc-card:hover .tc-card-image img { + transform: scale(1.05); +} + +.tc-card .tc-card-icon svg { + transition: transform 0.3s ease-in-out; +} + +.tc-card:hover .tc-card-icon svg { + transform: scale(1.1); +} + +.tc-card-title { + font-size: 1.2em; + line-height: 1.2; + font-weight: 600; + transition: color 0.3s ease-in-out; + padding: 0 10px; + margin: 0.5em 0 0.25em 0; +} + +.tc-cards.tc-cards-vertical .tc-card-title { + font-size: 1.1em; + min-width: 10em; + order: 2; +} + +.tc-cards.tc-cards-vertical .tc-card-title svg { + width: 1em; + height: 1em; + vertical-align: text-bottom; +} + +.tc-card-subtitle, +.tc-card-author { + font-size: 0.8em; + line-height: 1.2; + color: <>; + padding: 0 10px; + margin: 0.5em 0; + font-style: italic; +} + +.tc-card-body { + font-size: 0.9em; + line-height: 1.2; + padding: 0.25em 10px; + margin: 0; +} + +.tc-cards.tc-cards-vertical .tc-card-body { + font-size: 1em; +} + +.tc-card-body-wrapper { + position: relative; + flex-grow: 1; +} + +.tc-tiddlylink.tc-card.tc-card-quote .tc-card-body:before { + font-family: Georgia, serif; + color: <>; + content: open-quote; + font-size: 5em; + line-height: 1; + float: left; +} + +.tc-tiddlylink.tc-card.tc-card-quote .tc-card-body:after { + font-family: Georgia, serif; + color: <>; + content: close-quote; + font-size: 5em; + line-height: 1; + float: right; +} + +.tc-tiddlylink.tc-card .tc-card-body-clear { + clear: both; +} + +.tc-card-body > p { + margin: 0.25em 0; +} + +.tc-card a:active, .tc-card a:focus, .tc-btn-download:active, .tc-btn-download:focus{ + outline: none; +} \ No newline at end of file diff --git a/editions/tw5.com/tiddlers/community/TiddlyWiki on the Web.tid b/editions/tw5.com/tiddlers/community/TiddlyWiki on the Web.tid new file mode 100644 index 000000000..0af1b78a8 --- /dev/null +++ b/editions/tw5.com/tiddlers/community/TiddlyWiki on the Web.tid @@ -0,0 +1,15 @@ +modified: 20241001141521924 +tags: TableOfContents +title: TiddlyWiki on the Web +type: text/vnd.tiddlywiki +icon: $:/core/images/link +color: #808 +list: TalkTiddlyWiki [[TiddlyWiki on YouTube]] [[TiddlyWiki on Reddit]] [[TiddlyWiki on Discord]] [[TiddlyWiki on GitHub]] [[TiddlyWiki on Mastodon]] [[TiddlyWiki on Twitter]] [[TiddlyWiki on Gitter]] [[TiddlyWiki on Open Collective]] + +Links to the ~TiddlyWiki community elsewhere on the web. + +
+<$list filter="[tag[TiddlyWiki on the Web]]"> +<$macrocall $name="flex-card-external" backgroundcolor={{!!background-color}} textcolor={{!!text-color}} captionField="caption"/> + +
diff --git a/editions/tw5.com/tiddlers/community/links/TalkTiddlyWiki.tid b/editions/tw5.com/tiddlers/community/links/TalkTiddlyWiki.tid new file mode 100644 index 000000000..413edd1cd --- /dev/null +++ b/editions/tw5.com/tiddlers/community/links/TalkTiddlyWiki.tid @@ -0,0 +1,7 @@ +title: TalkTiddlyWiki +caption: ~TalkTiddlyWiki +tags: [[TiddlyWiki on the Web]] +url: https://talk.tiddlywiki.org/ +icon: $:/core/images/help +background-color: #FF8C19 +text-color: #fff diff --git a/editions/tw5.com/tiddlers/community/links/TiddlyWiki on Discord.tid b/editions/tw5.com/tiddlers/community/links/TiddlyWiki on Discord.tid new file mode 100644 index 000000000..f9450927d --- /dev/null +++ b/editions/tw5.com/tiddlers/community/links/TiddlyWiki on Discord.tid @@ -0,0 +1,7 @@ +title: TiddlyWiki on Discord +caption: Discord +tags: [[TiddlyWiki on the Web]] +url: https://discord.gg/HFFZVQ8 +icon: $:/core/images/globe +background-color: #5462EB +text-color: #fff diff --git a/editions/tw5.com/tiddlers/community/links/TiddlyWiki on GitHub.tid b/editions/tw5.com/tiddlers/community/links/TiddlyWiki on GitHub.tid new file mode 100644 index 000000000..64e49fbf8 --- /dev/null +++ b/editions/tw5.com/tiddlers/community/links/TiddlyWiki on GitHub.tid @@ -0,0 +1,7 @@ +title: TiddlyWiki on GitHub +caption: ~GitHub +tags: [[TiddlyWiki on the Web]] +url: https://github.com/TiddlyWiki/TiddlyWiki5 +icon: $:/core/images/github +background-color: #444 +text-color: #fff diff --git a/editions/tw5.com/tiddlers/community/links/TiddlyWiki on Gitter.tid b/editions/tw5.com/tiddlers/community/links/TiddlyWiki on Gitter.tid new file mode 100644 index 000000000..07474b4e3 --- /dev/null +++ b/editions/tw5.com/tiddlers/community/links/TiddlyWiki on Gitter.tid @@ -0,0 +1,7 @@ +title: TiddlyWiki on Gitter +caption: Gitter +tags: [[TiddlyWiki on the Web]] +url: https://gitter.im/TiddlyWiki/public +icon: $:/core/images/gitter +background-color: #753a88 +text-color: #fff diff --git a/editions/tw5.com/tiddlers/community/links/TiddlyWiki on Mastodon.tid b/editions/tw5.com/tiddlers/community/links/TiddlyWiki on Mastodon.tid new file mode 100644 index 000000000..c9ebe006f --- /dev/null +++ b/editions/tw5.com/tiddlers/community/links/TiddlyWiki on Mastodon.tid @@ -0,0 +1,7 @@ +title: TiddlyWiki on Mastodon +caption: Mastodon +tags: [[TiddlyWiki on the Web]] +url: https://fosstodon.org/@TiddlyWiki +icon: $:/core/images/mastodon +background-color: #2b90d9 +text-color: #fff diff --git a/editions/tw5.com/tiddlers/community/links/TiddlyWiki on Open Collective.tid b/editions/tw5.com/tiddlers/community/links/TiddlyWiki on Open Collective.tid new file mode 100644 index 000000000..e5fa69124 --- /dev/null +++ b/editions/tw5.com/tiddlers/community/links/TiddlyWiki on Open Collective.tid @@ -0,0 +1,7 @@ +title: TiddlyWiki on Open Collective +caption: Open Collective +tags: [[TiddlyWiki on the Web]] +url: https://opencollective.com/tiddlywiki +icon: Open Collective Logo +background-color: #0c2c66 +text-color: #fff diff --git a/editions/tw5.com/tiddlers/community/links/TiddlyWiki on Reddit.tid b/editions/tw5.com/tiddlers/community/links/TiddlyWiki on Reddit.tid new file mode 100644 index 000000000..20f292de8 --- /dev/null +++ b/editions/tw5.com/tiddlers/community/links/TiddlyWiki on Reddit.tid @@ -0,0 +1,7 @@ +title: TiddlyWiki on Reddit +caption: Reddit +tags: [[TiddlyWiki on the Web]] +url: https://www.reddit.com/r/TiddlyWiki5/ +icon: Reddit Logo +background-color: #FF4500 +text-color: #fff diff --git a/editions/tw5.com/tiddlers/community/links/TiddlyWiki on Twitter.tid b/editions/tw5.com/tiddlers/community/links/TiddlyWiki on Twitter.tid new file mode 100644 index 000000000..643610e61 --- /dev/null +++ b/editions/tw5.com/tiddlers/community/links/TiddlyWiki on Twitter.tid @@ -0,0 +1,7 @@ +title: TiddlyWiki on Twitter +caption: Twitter +tags: [[TiddlyWiki on the Web]] +url: https://twitter.com/TiddlyWiki +icon: $:/core/images/twitter +background-color: #1DA1F2 +text-color: #fff diff --git a/editions/tw5.com/tiddlers/community/links/TiddlyWiki on YouTube.tid b/editions/tw5.com/tiddlers/community/links/TiddlyWiki on YouTube.tid new file mode 100644 index 000000000..bf5523c92 --- /dev/null +++ b/editions/tw5.com/tiddlers/community/links/TiddlyWiki on YouTube.tid @@ -0,0 +1,7 @@ +title: TiddlyWiki on YouTube +caption: ~YouTube +tags: [[TiddlyWiki on the Web]] +url: https://www.youtube.com/c/JeremyRuston +icon: $:/core/images/video +background-color: #e52d27 +text-color: #fff diff --git a/editions/tw5.com/tiddlers/definitions/TiddlyFox.tid b/editions/tw5.com/tiddlers/definitions/TiddlyFox.tid index 1015b83b3..431159742 100644 --- a/editions/tw5.com/tiddlers/definitions/TiddlyFox.tid +++ b/editions/tw5.com/tiddlers/definitions/TiddlyFox.tid @@ -1,21 +1,9 @@ created: 20130825161100000 -modified: 20230803051056946 +modified: 20241006202631647 tags: Definitions title: TiddlyFox type: text/vnd.tiddlywiki -<<.deprecated-since "FireFox 57" "Saving">> - -TiddlyFox is an extension for older versions of Firefox that allows standalone TiddlyWiki files to save their changes directly to the file system. TiddlyFox works on both desktop and smartphone versions of Firefox. See [[Saving with TiddlyFox]] or [[Saving with TiddlyFox on Android]] for detailed instructions. +TiddlyFox was an extension for older versions of Firefox that allowed standalone TiddlyWiki files to save their changes directly to the file system. TiddlyFox is now obsolete due to its incompatibility with the latest versions of Firefox - see [[TiddlyFox Apocalypse]]. There are many alternatives to TiddlyFox, but none that work in precisely the same way -- see GettingStarted for details. - -TiddlyFox can be downloaded from the Mozilla Addons site: - -https://addons.mozilla.org/en-GB/firefox/addon/tiddlyfox/ - -<<< -You can also install the latest development version of TiddlyFox direct from GitHub: - -https://github.com/TiddlyWiki/TiddlyFox/raw/master/tiddlyfox.xpi -<<< diff --git a/editions/tw5.com/tiddlers/gettingstarted/GettingStarted.tid b/editions/tw5.com/tiddlers/gettingstarted/GettingStarted.tid index 193c02c70..00871f3f1 100644 --- a/editions/tw5.com/tiddlers/gettingstarted/GettingStarted.tid +++ b/editions/tw5.com/tiddlers/gettingstarted/GettingStarted.tid @@ -12,4 +12,4 @@ The next step is to choose a method for saving changes. There's a wide variety o <<.warning "Don't attempt to use the browser ''File''/''Save'' menu option to save changes (it doesn't work)">>

-{{Saving}} +{{Saving}} \ No newline at end of file diff --git a/editions/tw5.com/tiddlers/hellothere/Find Out More.tid b/editions/tw5.com/tiddlers/hellothere/Find Out More.tid new file mode 100644 index 000000000..c2b73703e --- /dev/null +++ b/editions/tw5.com/tiddlers/hellothere/Find Out More.tid @@ -0,0 +1,15 @@ +modified: 20241001141521924 +tags: TableOfContents +title: Find Out More +type: text/vnd.tiddlywiki +icon: $:/core/images/help +color: #880 + +Resources to help you learn more about ~TiddlyWiki and its community. + +
+<$list filter="[tag[HelloThumbnail]]"> +<$macrocall $name="flex-card" captionField="caption" descriptionField="text"/> + +
+ diff --git a/editions/tw5.com/tiddlers/hellothere/HelloThere.tid b/editions/tw5.com/tiddlers/hellothere/HelloThere.tid index 046241812..46c9deb7d 100644 --- a/editions/tw5.com/tiddlers/hellothere/HelloThere.tid +++ b/editions/tw5.com/tiddlers/hellothere/HelloThere.tid @@ -1,73 +1,17 @@ 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: 20240710115948992 +modified: 20241001141521924 tags: TableOfContents title: HelloThere type: text/vnd.tiddlywiki +icon: $:/core/icon !!.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. +* ~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'' +* ~TiddlyWiki is infinitely customisable and extensible with many plugins that add new features -
-<$list filter="[tag[Quick Start]]"> -<$macrocall $name="flex-card" bordercolor={{!!color}} textcolor={{!!text-color}} backgroundcolor={{!!background-color}} captionField="caption" descriptionField="text"/> - -
-
-<$link to="中文社区 - Chinese Community" class="tc-btn-big-green tc-card" aria-label="Chinese Community"> -中文社区
Chinese Community - -
- -!! ''Find Out More'' - -
-<$list filter="[tag[HelloThumbnail]]"> -<$macrocall $name="flex-card" captionField="caption" descriptionField="text"/> - -
- -!! ''Community'' - - - -!! ''Testimonials & Reviews'' - -
-<$list filter="[tag[Testimonial]]"> -<$macrocall $name="flex-card" class="tc-card-quote" captionField="caption" descriptionField="text"/> - -
+* ~TiddlyWiki is the product of a collective of developers, part of an extensive community of users diff --git a/editions/tw5.com/tiddlers/hellothere/Testimonials and Reviews.tid b/editions/tw5.com/tiddlers/hellothere/Testimonials and Reviews.tid new file mode 100644 index 000000000..d33f8fa5d --- /dev/null +++ b/editions/tw5.com/tiddlers/hellothere/Testimonials and Reviews.tid @@ -0,0 +1,13 @@ +modified: 20241001141521924 +tags: TableOfContents +title: Testimonials and Reviews +type: text/vnd.tiddlywiki +icon: $:/core/images/star-filled +color: #088 + +\parsermode inline +
+<$list filter="[tag[Testimonial]]"> +<$macrocall $name="flex-card" class="tc-card-quote" captionField="caption" descriptionField="text"/> + +
\ No newline at end of file diff --git a/editions/tw5.com/tiddlers/hellothere/quickstart/Quick Start.tid b/editions/tw5.com/tiddlers/hellothere/quickstart/Quick Start.tid index ff7bec946..d57c3f5ab 100644 --- a/editions/tw5.com/tiddlers/hellothere/quickstart/Quick Start.tid +++ b/editions/tw5.com/tiddlers/hellothere/quickstart/Quick Start.tid @@ -1,2 +1,18 @@ title: Quick Start -list: [[Quick Start: Tiddlyhost]] [[Quick Start: Desktop]] [[Quick Start: DIY]] [[Quick Start: Xememex]] \ No newline at end of file +modified: 20241001141521924 +list: [[Quick Start: Tiddlyhost]] [[Quick Start: Desktop]] [[Quick Start: DIY]] [[Quick Start: Xememex]] +icon: $:/core/images/tip +color: #cc9 + +Choose how to get started quickly with ~TiddlyWiki. + +
+<$list filter="[tag[Quick Start]]"> +<$macrocall $name="flex-card" bordercolor={{!!color}} textcolor={{!!text-color}} backgroundcolor={{!!background-color}} captionField="caption" descriptionField="text"/> + +
+
+<$link to="中文社区 - Chinese Community" class="tc-btn-big-green tc-card" aria-label="Chinese Community"> +中文社区
Chinese Community + +
diff --git a/editions/tw5.com/tiddlers/images/Open Collective Logo.tid b/editions/tw5.com/tiddlers/images/Open Collective Logo.tid index dbafad946..b7399033e 100644 --- a/editions/tw5.com/tiddlers/images/Open Collective Logo.tid +++ b/editions/tw5.com/tiddlers/images/Open Collective Logo.tid @@ -4,4 +4,4 @@ tags: picture title: Open Collective Logo alt-text: Open Collective Logo - \ No newline at end of file + \ No newline at end of file diff --git a/editions/tw5.com/tiddlers/saving/Saving on TiddlyHost.tid b/editions/tw5.com/tiddlers/saving/Saving on TiddlyHost.tid index 8931c71be..d69eea3b1 100644 --- a/editions/tw5.com/tiddlers/saving/Saving on TiddlyHost.tid +++ b/editions/tw5.com/tiddlers/saving/Saving on TiddlyHost.tid @@ -15,3 +15,5 @@ type: text/vnd.tiddlywiki [[TiddlyHost.com|https://tiddlyhost.com/]] is a hosting service for TiddlyWiki created by Simon Baird. Once you sign up and confirm your email you can create "sites", (i.e. ~TiddlyWikis), with support for online saving. Sites can be private or public, and you can optionally list them on the taggable and searchable [[TiddlyHost Hub|https://tiddlyhost.com/hub]] where they'll be discoverable by others. Unlike [[TiddlySpot|Saving on TiddlySpot]], [[TiddlyHost|https://tiddlyhost.com]] is secure, open source, and has proper support for TiddlyWiki5. It also allows uploading existing ~TiddlyWiki files, supports TiddlyWikiClassic, and lets you claim ownership of your ~TiddlySpot sites. For more information see the [[FAQ|https://github.com/simonbaird/tiddlyhost/wiki/FAQ]] and the [[About|https://tiddlyhost.com/about]] page. + +If you find Tiddlyhost useful, please consider [[donation or sponsorship|https://tiddlyhost.com/donate]]. diff --git a/editions/tw5.com/tiddlers/saving/Saving with FireFox.tid b/editions/tw5.com/tiddlers/saving/Saving with FireFox.tid deleted file mode 100644 index 2a3b3bd19..000000000 --- a/editions/tw5.com/tiddlers/saving/Saving with FireFox.tid +++ /dev/null @@ -1,17 +0,0 @@ -caption: Saving with ~FireFox -created: 20230803205140949 -modified: 20230803213246739 -tags: Saving Firefox -title: Saving with FireFox - -# Restart [[Firefox]] -# [[Download]] an empty TiddlyWiki by clicking this button: -#> {{$:/editions/tw5.com/snippets/download-empty-button}} -# Locate the file you just downloaded -#* You may rename it, but be sure to keep the `.html` or `.htm` extension -# Open the file in [[Firefox]] - -# Try creating a new tiddler using the ''new tiddler'' <<.icon $:/core/images/new-button>> button in the sidebar. Type some content for the tiddler, and click the <<.icon $:/core/images/done-button>> ''ok'' button -# Save your changes by clicking the <<.icon $:/core/images/save-button-dynamic>> ''save changes'' button in the sidebar -#* Look for the yellow notification ''Saved wiki'' at the top right of the window -# Refresh the browser window to verify that your changes have been saved correctly diff --git a/editions/tw5.com/tiddlers/saving/Saving with TiddlyFox on Android.tid b/editions/tw5.com/tiddlers/saving/Saving with TiddlyFox on Android.tid deleted file mode 100644 index 049129a0d..000000000 --- a/editions/tw5.com/tiddlers/saving/Saving with TiddlyFox on Android.tid +++ /dev/null @@ -1,26 +0,0 @@ -created: 20140103134551508 -modified: 20230803051340676 -tags: [[Saving with TiddlyFox]] -title: Saving with TiddlyFox on Android -type: text/vnd.tiddlywiki - -<<.deprecated-since "FireFox 57" "Saving">> - -(Alternatively, see the [[video tutorial|TiddlyWiki on Firefox for Android Video]]) - -# Ensure you have the latest version of [[Firefox for Android|http://getfirefox.com]] -#* http://getfirefox.com -# Install the latest release of the TiddlyFox extension from: -#* https://addons.mozilla.org/en-GB/firefox/addon/tiddlyfox/ -# Install this extension to be able to save the TiddlyWiki file locally: -#* https://addons.mozilla.org/en-GB/android/addon/save-link-menus/ -# [[Download]] an empty TiddlyWiki by saving this link: -#* https://tiddlywiki.com/empty.html -#> (to save the link, ensure you've installed the "save-link-menus" extension and then long-press on the link and choose "Save link") -# When the file has downloaded, click on it within the notification tray or the download manager application -# Choose to open the file in Firefox (rather than the default Android viewer) -# Click ''OK'' in response to the prompt from TiddlyFox that asks whether to enable saving for this file -# Try creating a new tiddler using the ''new tiddler'' <<.icon $:/core/images/new-button>> button in the sidebar. Type some content for the tiddler, and click the <<.icon $:/core/images/done-button>> ''ok'' button -# Save your changes by clicking the <<.icon $:/core/images/save-button-dynamic>> ''save changes'' button in the sidebar -#* Look for the yellow notification ''Saved wiki'' at the top right of the window -# Refresh the browser window to verify that your changes have been saved correctly diff --git a/editions/tw5.com/tiddlers/system/DefaultTiddlers.tid b/editions/tw5.com/tiddlers/system/DefaultTiddlers.tid index e10c566b9..7b9e94cbc 100644 --- a/editions/tw5.com/tiddlers/system/DefaultTiddlers.tid +++ b/editions/tw5.com/tiddlers/system/DefaultTiddlers.tid @@ -4,5 +4,9 @@ title: $:/DefaultTiddlers type: text/vnd.tiddlywiki HelloThere +[[Quick Start]] +[[Find Out More]] +[[TiddlyWiki on the Web]] +[[Testimonials and Reviews]] GettingStarted Community diff --git a/editions/tw5.com/tiddlers/system/tw5.com-card-template.tid b/editions/tw5.com/tiddlers/system/tw5.com-card-template.tid deleted file mode 100644 index a2400a739..000000000 --- a/editions/tw5.com/tiddlers/system/tw5.com-card-template.tid +++ /dev/null @@ -1,6 +0,0 @@ -created: 20200507002521489 -modified: 20220719134613555 -title: $:/_tw5.com-card-template -type: text/vnd.tiddlywiki - -<$macrocall $name="flex-card" bordercolor={{!!color}} captionField="caption" subtitle={{{ [{!!community-author}!is[blank]addprefix[by ]] }}}/> diff --git a/editions/tw5.com/tiddlers/system/tw5.com-styles.tid b/editions/tw5.com/tiddlers/system/tw5.com-styles.tid index dd60694f4..f3618afc9 100644 --- a/editions/tw5.com/tiddlers/system/tw5.com-styles.tid +++ b/editions/tw5.com/tiddlers/system/tw5.com-styles.tid @@ -82,291 +82,10 @@ type: text/vnd.tiddlywiki height: 1em; } - - .tc-wrapper-flex { display: flex; } -.tc-saving-sidebar { - margin: 0; - padding: 0; - min-width: 200px; - overflow: auto; -} - -.tc-saving-sidebar a { - display: block; -} - -@media (max-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) { - .tc-wrapper-flex { - flex-direction: column; - } - .tc-saving-sidebar { - width: 100%; - height: auto; - } - .tc-saving-sidebar a { - float: left; - } -} - -.tc-saving-sidebar-category { - margin-bottom: 10px; -} - -.tc-saving-sidebar-category-title { - font-weight: bold; - margin-bottom: 5px; - font-size: 16px; -} - -.tc-saving-sidebar-category-item { - margin-left: 10px; -} - -.tc-saving-introduction { - display: flex; - justify-content: center; - text-align: center; - align-items: center; - padding: 4em; - font-style: italic; -} - -.tc-cards { - display: flex; - flex-wrap: wrap; - justify-content: space-evenly; - width: 100%; - padding: 0.5em; - background: <>; - border-color: rgba(34,36,38,.15); - box-shadow: 0 2px 25px 0 rgb(34 36 38 / 5%) inset; - gap: 1em; -} - -.tc-cards.tc-small { - text-align: center; - font-size: 0.7em; -} - -.tc-cards.tc-action-card { - text-align: center; - background: none; -} - -.tc-cards.tc-action-card .tc-card-button { - border: 1px solid <>; - background: <>; - margin: 0.5em; - border-radius: 6px; - padding: 0.5em; - color: <>; - fill: <>; -} - -.tc-cards.tc-action-card .tc-card-button svg { - width: 0.65em; - height: 0.65em; - vertical-align: middle; -} - -.tc-tiddlylink.tc-card { - font-weight: normal; - max-width: 100%; - position: relative; - background: <>; - color: <>; - width: 200px; - min-height: 0; - border: none; - border-radius: 8px; - box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5; - transition: box-shadow 0.3s ease,transform .3s ease; -} - -.tc-cards.tc-cards-vertical .tc-tiddlylink.tc-card { - width: 100%; -} - -@media (max-width: 500px) { - - .tc-cards { - padding: 0; - } - - .tc-tiddlylink.tc-card { - margin: 0.25em; - width: 45%; - } - -} - -.tc-tiddlylink.tc-card.tc-card-quote { - width: 320px; - box-shadow: none; - background-color: #effdff; -} - -.tc-card-accent { - height: 100%; - display: flex; - align-items: stretch; - flex-direction: column; - justify-content: stretch; - border-radius: 8px; -} - -.tc-cards.tc-cards-vertical .tc-card-accent { - flex-direction: row; - align-items: center; -} - -.tc-tiddlylink.tc-card:hover { - color: <>; - background: <>; - text-decoration: none; - cursor: pointer; - box-shadow: 0 1px 5px 0 #bcbdbd, 0 0 0 1px #d4d4d5; - transform: translateY(-3px); -} - -.tc-card-ribbon-wrapper { - line-height: 0; - width: 75px; - height: 75px; - position: absolute; - right: 0; - overflow: hidden; - top: 0; - z-index: 849; - pointer-events: none; -} - -.tc-card-ribbon { - transition: top 0.3s ease-in-out; - top: 15px; - right: -77px; - position: absolute; - transform: rotate(45deg); - background-color: red; - box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 50%); -} - -.tc-tiddlylink.tc-card:hover .tc-card-ribbon { - top: -77px; -} - -.tc-card-ribbon-inner { - font-size: 10px; - line-height: 13px; - font-weight: 700; - color: white; - text-decoration: none; - text-shadow: 0 -1px rgb(0 0 0 / 50%); - width: 200px; - display: inline-block; - padding: 2px 0; - text-align: center; -} - -.tc-card-image { - border-top-left-radius: 8px; - border-top-right-radius: 8px; - line-height: 0; - overflow: hidden; -} - -.tc-card-image img { - border-top-left-radius: 8px; - border-top-right-radius: 8px; - width: 100%; - transition: transform 0.3s ease-in-out; -} - -.tc-tiddlylink.tc-card:hover .tc-card-image img { - transform: scale(1.05); -} - -.tc-card-title { - font-size: 1.2em; - line-height: 1.2; - font-weight: 600; - transition: color 0.3s ease-in-out; - padding: 0 10px; - margin: 0.5em 0 0.25em 0; -} - -.tc-cards.tc-cards-vertical .tc-card-title { - font-size: 1em; - min-width: 10em; - text-align: right; -} - -.tc-cards.tc-cards-vertical .tc-card-title svg { - width: 1em; - height: 1em; - vertical-align: text-bottom; -} - -.tc-card-subtitle, -.tc-card-author { - font-size: 0.8em; - line-height: 1.2; - color: <>; - padding: 0 10px; - margin: 0.5em 0; - font-style: italic; -} - -.tc-card-body { - font-size: 0.9em; - line-height: 1.2; - padding: 0.25em 10px; - margin: 0; -} - -.tc-cards.tc-cards-vertical .tc-card-body { - font-size: 1em; -} - -.tc-card-body-wrapper { - position: relative; - flex-grow: 1; -} - -.tc-tiddlylink.tc-card.tc-card-quote .tc-card-body:before { - font-family: Georgia, serif; - color: <>; - content: open-quote; - font-size: 5em; - line-height: 1; - float: left; -} - -.tc-tiddlylink.tc-card.tc-card-quote .tc-card-body:after { - font-family: Georgia, serif; - color: <>; - content: close-quote; - font-size: 5em; - line-height: 1; - float: right; -} - -.tc-tiddlylink.tc-card .tc-card-body-clear { - clear: both; -} - -.tc-card-body > p { - margin: 0.25em 0; -} - -.tc-card a:active, .tc-card a:focus, .tc-btn-download:active, .tc-btn-download:focus{ - outline: none; -} - .tc-btn-download { padding: 10px 30px; border-radius: 5px; diff --git a/editions/tw5.com/tiddlers/system/wikitext-macros.tid b/editions/tw5.com/tiddlers/system/wikitext-macros.tid index 796f949a7..f598cf240 100644 --- a/editions/tw5.com/tiddlers/system/wikitext-macros.tid +++ b/editions/tw5.com/tiddlers/system/wikitext-macros.tid @@ -87,48 +87,3 @@ type: text/vnd.tiddlywiki <$link to=<>/>: <$transclude $variable=tw-code tiddler=<> /> \end - -\procedure flex-card(class,bordercolor:"",backgroundcolor:"",textcolor:"",imageField:"image",captionField:"caption",subtitle:"",descriptionField:"description",linkField:"link") -<$link class={{{ [addprefix[tc-card ]] }}} - to={{{ [getelse] }}} - aria-label=<> -> -
!is[blank]addprefix[5px solid ]] }}} style.background={{!!background}} style.backgroundColor=<> style.color=<> style.fill=<>> - <$list filter="[has[ribbon-text]]" variable="ignore"> - - - <$list filter="[has]" variable="ignore"> -
- <$image source={{{ [get] }}} - alt={{{ [getget[alt-text]else[Image.]] }}} - /> -
- -
<$transclude field=<>><$view field="title"/>
- <$list filter="[!is[blank]]" variable="ignore"> -
- <$text text=<>/> -
- -
<$transclude tiddler={{!!icon}}/>
-
-
- <$transclude field=<> mode="block"/> -
-
-
-
- <$list filter="[all[current]has[button-text]]" variable="ignore"> -
- <$text text={{!!button-text}}/> {{$:/core/images/chevron-right}} -
- -
- -\end diff --git a/editions/tw5.com/tiddlers/testimonials/Testimonials - Product Hunt.tid b/editions/tw5.com/tiddlers/testimonials/Testimonials - Product Hunt.tid index 388b1daa6..60b0e47d1 100644 --- a/editions/tw5.com/tiddlers/testimonials/Testimonials - Product Hunt.tid +++ b/editions/tw5.com/tiddlers/testimonials/Testimonials - Product Hunt.tid @@ -3,4 +3,6 @@ tags: Testimonial caption: Product Hunt extlink: https://www.producthunt.com/posts/tiddlywiki-2?utm_source=badge-top-post-badge&utm_medium=badge&utm_souce=badge-tiddlywiki-2 +TiddlyWiki was featured on Product Hunt on April 17th 2020, rising to become the #2 product of the day. +
{{Product Hunt Link}}