diff --git a/editions/tw5.com/tiddlers/definitions/Tiddlyhost.tid b/editions/tw5.com/tiddlers/definitions/Tiddlyhost.tid new file mode 100644 index 000000000..cb644b88c --- /dev/null +++ b/editions/tw5.com/tiddlers/definitions/Tiddlyhost.tid @@ -0,0 +1,12 @@ +title: Tiddlyhost +tags: definition +created: 20230410105035569 +modified: 20230410105035569 + +[img width=140 [Tiddlyhost Logo]] + +[[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. + +
\ No newline at end of file diff --git a/editions/tw5.com/tiddlers/definitions/Xememex.tid b/editions/tw5.com/tiddlers/definitions/Xememex.tid new file mode 100644 index 000000000..3ca994400 --- /dev/null +++ b/editions/tw5.com/tiddlers/definitions/Xememex.tid @@ -0,0 +1,14 @@ +title: Xememex +tags: Definitions +created: 20230410105035569 +modified: 20230410105035569 + +[img width=340 [Xememex Logo]] + +Xememex is a multiuser TiddlyWiki from [[Federatial]]. It allows large groups of people to work together on intertwingled wikis that can share content. + +The largest customer implementation has hundreds of online wikis with thousands of users. See https://manuals.annafreud.org/ + +Xememex is currently only available under commercial terms from Federatial. Contact [[Jeremy Ruston at Federatial|mailto:jeremy@federatial.com]] for more details. + +
\ No newline at end of file diff --git a/editions/tw5.com/tiddlers/hellothere/HelloThere.tid b/editions/tw5.com/tiddlers/hellothere/HelloThere.tid index b538f96fa..8a2b3665e 100644 --- a/editions/tw5.com/tiddlers/hellothere/HelloThere.tid +++ b/editions/tw5.com/tiddlers/hellothere/HelloThere.tid @@ -5,11 +5,19 @@ tags: TableOfContents title: HelloThere type: text/vnd.tiddlywiki -!! ''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'' +!!.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. -Unlike conventional online services, 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'' + +
+<$list filter="[tag[Quick Start]]"> +<$macrocall $name="flex-card" bordercolor={{!!color}} textcolor={{!!text-color}} backgroundcolor={{!!background-color}} captionField="caption" descriptionField="text"/> + +
!! ''Find Out More'' @@ -19,7 +27,7 @@ Unlike conventional online services, TiddlyWiki lets you choose where to keep yo
-!! ''~TiddlyWiki Hubs'' +!! ''Community''
@@ -40,6 +48,9 @@ Unlike conventional online services, TiddlyWiki lets you choose where to keep yo {{$:/core/images/gitter}} Gitter + +{{Reddit Logo}} Reddit +
!! ''Testimonials & Reviews'' diff --git a/editions/tw5.com/tiddlers/hellothere/quickstart/Quick Start.tid b/editions/tw5.com/tiddlers/hellothere/quickstart/Quick Start.tid new file mode 100644 index 000000000..ff7bec946 --- /dev/null +++ b/editions/tw5.com/tiddlers/hellothere/quickstart/Quick Start.tid @@ -0,0 +1,2 @@ +title: Quick Start +list: [[Quick Start: Tiddlyhost]] [[Quick Start: Desktop]] [[Quick Start: DIY]] [[Quick Start: Xememex]] \ No newline at end of file diff --git a/editions/tw5.com/tiddlers/hellothere/quickstart/desktop.tid b/editions/tw5.com/tiddlers/hellothere/quickstart/desktop.tid new file mode 100644 index 000000000..c20fa52de --- /dev/null +++ b/editions/tw5.com/tiddlers/hellothere/quickstart/desktop.tid @@ -0,0 +1,10 @@ +title: Quick Start: Desktop +tags: [[Quick Start]] +caption: Desktop +icon: $:/core/images/storyview-zoomin +button-color: #37753e +button-text: Download +background: linear-gradient(90deg,#f0fff1, #ffffff) +link: TiddlyDesktop + +Download the official desktop application for macOS, Windows and Linux \ No newline at end of file diff --git a/editions/tw5.com/tiddlers/hellothere/quickstart/diy.tid b/editions/tw5.com/tiddlers/hellothere/quickstart/diy.tid new file mode 100644 index 000000000..c71bfca27 --- /dev/null +++ b/editions/tw5.com/tiddlers/hellothere/quickstart/diy.tid @@ -0,0 +1,10 @@ +title: Quick Start: DIY +tags: [[Quick Start]] +caption: DIY +icon: $:/core/images/theme-button +button-color: #ff4522 +button-text: Explore +background: linear-gradient(90deg,#fff4f2, #ffffff) +link: GettingStarted + +Find the configuration that is right for you to get the full benefits of ~TiddlyWiki \ No newline at end of file diff --git a/editions/tw5.com/tiddlers/hellothere/quickstart/tiddlyhost.tid b/editions/tw5.com/tiddlers/hellothere/quickstart/tiddlyhost.tid new file mode 100644 index 000000000..75f4184fa --- /dev/null +++ b/editions/tw5.com/tiddlers/hellothere/quickstart/tiddlyhost.tid @@ -0,0 +1,10 @@ +title: Quick Start: Tiddlyhost +tags: [[Quick Start]] +caption: Tiddlyhost +icon: $:/core/images/globe +button-color: #00009a +button-text: Create Account +background: linear-gradient(90deg,#f5f5ff, #ffffff) +link: Tiddlyhost + +The easiest way to get started with an online ~TiddlyWiki \ No newline at end of file diff --git a/editions/tw5.com/tiddlers/hellothere/quickstart/xememex.tid b/editions/tw5.com/tiddlers/hellothere/quickstart/xememex.tid new file mode 100644 index 000000000..7fb562083 --- /dev/null +++ b/editions/tw5.com/tiddlers/hellothere/quickstart/xememex.tid @@ -0,0 +1,10 @@ +title: Quick Start: Xememex +tags: [[Quick Start]] +caption: Xememex +icon: $:/core/images/star-filled +button-color: #bf5fb6 +button-text: Find out more +background: linear-gradient(90deg,#fff1fe, #ffffff) +link: Xememex + +For companies and teams, a multiuser ~TiddlyWiki from Federatial \ No newline at end of file diff --git a/editions/tw5.com/tiddlers/images/Reddit Logo.tid b/editions/tw5.com/tiddlers/images/Reddit Logo.tid new file mode 100644 index 000000000..76bb6bf7c --- /dev/null +++ b/editions/tw5.com/tiddlers/images/Reddit Logo.tid @@ -0,0 +1,7 @@ +title: Reddit Logo + + + + + + diff --git a/editions/tw5.com/tiddlers/images/Tiddlyhost Logo.png b/editions/tw5.com/tiddlers/images/Tiddlyhost Logo.png new file mode 100644 index 000000000..f39ac2892 Binary files /dev/null and b/editions/tw5.com/tiddlers/images/Tiddlyhost Logo.png differ diff --git a/editions/tw5.com/tiddlers/images/Tiddlyhost Logo.png.meta b/editions/tw5.com/tiddlers/images/Tiddlyhost Logo.png.meta new file mode 100644 index 000000000..c0f8f256a --- /dev/null +++ b/editions/tw5.com/tiddlers/images/Tiddlyhost Logo.png.meta @@ -0,0 +1,3 @@ +title: Tiddlyhost Logo +type: image/png +tags: picture diff --git a/editions/tw5.com/tiddlers/images/Xememex Logo.svg b/editions/tw5.com/tiddlers/images/Xememex Logo.svg new file mode 100644 index 000000000..7aa281346 --- /dev/null +++ b/editions/tw5.com/tiddlers/images/Xememex Logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/editions/tw5.com/tiddlers/images/Xememex Logo.svg.meta b/editions/tw5.com/tiddlers/images/Xememex Logo.svg.meta new file mode 100644 index 000000000..1eab02541 --- /dev/null +++ b/editions/tw5.com/tiddlers/images/Xememex Logo.svg.meta @@ -0,0 +1,2 @@ +type: image/svg+xml +title: Xememex Logo diff --git a/editions/tw5.com/tiddlers/system/tw5.com-styles.tid b/editions/tw5.com/tiddlers/system/tw5.com-styles.tid index a8fff61b6..f8e54a77c 100644 --- a/editions/tw5.com/tiddlers/system/tw5.com-styles.tid +++ b/editions/tw5.com/tiddlers/system/tw5.com-styles.tid @@ -6,6 +6,10 @@ type: text/vnd.tiddlywiki \rules only filteredtranscludeinline transcludeinline macrodef macrocallinline macrocallblock +.tc-hero-heading a.tc-tiddlylink { + font-weight: bold; +} + .tc-double-spaced-list li { padding-bottom: .5em; padding-top: .5em; @@ -140,26 +144,48 @@ type: text/vnd.tiddlywiki 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-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; - display: flex; - flex-direction: column; background: <>; color: <>; width: 200px; min-height: 0; - padding: 0 0 0.5em 0; - margin: 0.5em; 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 { @@ -180,8 +206,17 @@ type: text/vnd.tiddlywiki } .tc-card-accent { - border-top-left-radius: 8px; - border-top-right-radius: 8px; + 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 { @@ -233,6 +268,8 @@ type: text/vnd.tiddlywiki } .tc-card-image { + border-top-left-radius: 8px; + border-top-right-radius: 8px; line-height: 0; overflow: hidden; } @@ -254,7 +291,19 @@ type: text/vnd.tiddlywiki font-weight: 600; transition: color 0.3s ease-in-out; padding: 0 10px; - margin: 0.5em 0; + 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, @@ -270,12 +319,17 @@ type: text/vnd.tiddlywiki .tc-card-body { font-size: 0.9em; line-height: 1.2; - padding: 0 10px; + 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 { @@ -343,4 +397,4 @@ type: text/vnd.tiddlywiki .multi-columns { column-count: 2; } -} +} \ No newline at end of file diff --git a/editions/tw5.com/tiddlers/system/wikitext-macros.tid b/editions/tw5.com/tiddlers/system/wikitext-macros.tid index a867def4f..7db97bf50 100644 --- a/editions/tw5.com/tiddlers/system/wikitext-macros.tid +++ b/editions/tw5.com/tiddlers/system/wikitext-macros.tid @@ -95,10 +95,10 @@ That renders as: <> \end -\define flex-card(class,bordercolor:"",imageField:"image",captionField:"caption",subtitle:"",descriptionField:"description",linkField:"link") +\define flex-card(class,bordercolor:"",backgroundcolor:"",textcolor:"",imageField:"image",captionField:"caption",subtitle:"",descriptionField:"description",linkField:"link") \whitespace trim <$link class={{{ [<__class__>addprefix[tc-card ]] }}} to={{{ [get<__linkField__>else] }}}> -
!is[blank]addprefix[5px solid ]] }}}> +
!is[blank]addprefix[5px solid ]] }}} style.background={{!!background}} style.backgroundColor=<<__backgroundcolor__>> style.color=<<__textcolor__>> style.fill=<<__textcolor__>>> <$list filter="[has[ribbon-text]]" variable="ignore">
get[ribbon-color]else[red]] }}}> @@ -119,6 +119,7 @@ That renders as: <$text text=<<__subtitle__>>/>
+
<$transclude tiddler={{!!icon}}/>
<$transclude field=<<__descriptionField__>> mode="block"/> @@ -126,6 +127,11 @@ That renders as:
+ <$list filter="[all[current]has[button-text]]" variable="ignore"> +
+ <$text text={{!!button-text}}/> {{$:/core/images/chevron-right}} +
+
\end