1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-11-30 05:19:57 +00:00

Rename "Community Links" to "TiddlyWiki on the Web", and excise the items to individual tiddlers

This commit is contained in:
Jeremy Ruston 2024-10-06 16:09:00 +01:00
parent cf63cabd8e
commit 61da3a41eb
22 changed files with 170 additions and 77 deletions

View File

@ -6,7 +6,7 @@ title: $:/DefaultTiddlers
HelloThere HelloThere
[[Quick Start]] [[Quick Start]]
[[Find Out More]] [[Find Out More]]
[[Community Links]] [[TiddlyWiki on the Web]]
[[Testimonials and Reviews]] [[Testimonials and Reviews]]
GettingStarted GettingStarted
Community Community

View File

@ -0,0 +1,14 @@
modified: 20241001141521924
tags: TableOfContents
title: TiddlyWiki on the Web
type: text/vnd.tiddlywiki
icon: $:/core/images/link
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]]
\parsermode inline
\parsermode inline
<div class="tc-cards tc-cards-vertical">
<$list filter="[tag[TiddlyWiki on the Web]]">
<$macrocall $name="flex-card-external" backgroundcolor={{!!background-color}} textcolor={{!!text-color}} captionField="caption"/>
</$list>
</div>

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -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

View File

@ -1,35 +0,0 @@
modified: 20241001141521924
tags: TableOfContents
title: Community Links
type: text/vnd.tiddlywiki
\parsermode inline
<div class="tc-cards tc-action-card" style="font-size:0.7em;text-align:center;margin:0 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://discord.gg/HFFZVQ8" class="tc-btn-big-green" style="border-radius:4px;background-color:#5462EB;" target="_blank" rel="noopener noreferrer">
{{$:/core/images/discord}} Discord
</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/TiddlyWiki/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>

View File

@ -2,6 +2,7 @@ modified: 20241001141521924
tags: TableOfContents tags: TableOfContents
title: Find Out More title: Find Out More
type: text/vnd.tiddlywiki type: text/vnd.tiddlywiki
icon: $:/core/images/help
\parsermode inline \parsermode inline
<div class="tc-cards"> <div class="tc-cards">

View File

@ -4,6 +4,7 @@ modified: 20241001141521924
tags: TableOfContents tags: TableOfContents
title: HelloThere title: HelloThere
type: text/vnd.tiddlywiki 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'' !!.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''

View File

@ -2,6 +2,7 @@ modified: 20241001141521924
tags: TableOfContents tags: TableOfContents
title: Testimonials and Reviews title: Testimonials and Reviews
type: text/vnd.tiddlywiki type: text/vnd.tiddlywiki
icon: $:/core/images/star-filled
\parsermode inline \parsermode inline
<div class="tc-cards"> <div class="tc-cards">

View File

@ -1,6 +1,7 @@
title: Quick Start title: Quick Start
modified: 20241001141521924 modified: 20241001141521924
list: [[Quick Start: Tiddlyhost]] [[Quick Start: Desktop]] [[Quick Start: DIY]] [[Quick Start: Xememex]] list: [[Quick Start: Tiddlyhost]] [[Quick Start: Desktop]] [[Quick Start: DIY]] [[Quick Start: Xememex]]
icon: $:/core/images/tip
\parsermode inline \parsermode inline
<div class="tc-cards tc-action-card"> <div class="tc-cards tc-action-card">

View File

@ -4,4 +4,4 @@ tags: picture
title: Open Collective Logo title: Open Collective Logo
alt-text: Open Collective Logo alt-text: Open Collective Logo
<svg style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 28 28"><path d="M25.509 6.026A13.934 13.934 0 0 1 28 14c0 2.963-.92 5.71-2.491 7.974l-3.626-3.627A8.96 8.96 0 0 0 23 14a8.964 8.964 0 0 0-1.117-4.347l3.626-3.627Z"/><path d="m21.974 2.49-3.627 3.628a9 9 0 1 0 0 15.765l3.627 3.626A13.934 13.934 0 0 1 14 27.999C6.268 28 0 21.733 0 14 0 6.269 6.268 0 14 0c2.963 0 5.711.922 7.974 2.492Z"/></svg> <svg style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" width="22pt" height="22pt" viewBox="0 0 28 28"><path d="M25.509 6.026A13.934 13.934 0 0 1 28 14c0 2.963-.92 5.71-2.491 7.974l-3.626-3.627A8.96 8.96 0 0 0 23 14a8.964 8.964 0 0 0-1.117-4.347l3.626-3.627Z"/><path d="m21.974 2.49-3.627 3.628a9 9 0 1 0 0 15.765l3.627 3.626A13.934 13.934 0 0 1 14 27.999C6.268 28 0 21.733 0 14 0 6.269 6.268 0 14 0c2.963 0 5.711.922 7.974 2.492Z"/></svg>

View File

@ -6,7 +6,7 @@ type: text/vnd.tiddlywiki
HelloThere HelloThere
[[Quick Start]] [[Quick Start]]
[[Find Out More]] [[Find Out More]]
[[Community Links]] [[TiddlyWiki on the Web]]
[[Testimonials and Reviews]] [[Testimonials and Reviews]]
GettingStarted GettingStarted
Community Community

View File

@ -114,6 +114,9 @@ type: text/vnd.tiddlywiki
background: none; background: none;
} }
.tc-cards.tc-cards-vertical {
}
.tc-cards.tc-action-card .tc-card-button { .tc-cards.tc-action-card .tc-card-button {
border: 1px solid <<colour foreground>>; border: 1px solid <<colour foreground>>;
background: <<colour foreground>>; background: <<colour foreground>>;
@ -179,9 +182,16 @@ type: text/vnd.tiddlywiki
.tc-cards.tc-cards-vertical .tc-card-accent { .tc-cards.tc-cards-vertical .tc-card-accent {
flex-direction: row; flex-direction: row;
justify-content: start;
padding: 5px 7px;
align-items: center; align-items: center;
} }
.tc-cards.tc-cards-vertical .tc-card-icon {
line-height: 0;
order: 1;
}
.tc-tiddlylink.tc-card:hover { .tc-tiddlylink.tc-card:hover {
color: <<colour foreground>>; color: <<colour foreground>>;
background: <<colour notification-background>>; background: <<colour notification-background>>;
@ -258,9 +268,9 @@ type: text/vnd.tiddlywiki
} }
.tc-cards.tc-cards-vertical .tc-card-title { .tc-cards.tc-cards-vertical .tc-card-title {
font-size: 1em; font-size: 1.1em;
min-width: 10em; min-width: 10em;
text-align: right; order: 2;
} }
.tc-cards.tc-cards-vertical .tc-card-title svg { .tc-cards.tc-cards-vertical .tc-card-title svg {

View File

@ -93,30 +93,65 @@ type: text/vnd.tiddlywiki
to={{{ [<currentTiddler>get<linkField>else<currentTiddler>] }}} to={{{ [<currentTiddler>get<linkField>else<currentTiddler>] }}}
aria-label=<<currentTiddler>> aria-label=<<currentTiddler>>
> >
<div class="tc-card-accent" style.borderTop={{{ [<bordercolor>!is[blank]addprefix[5px solid ]] }}} style.background={{!!background}} style.backgroundColor=<<backgroundcolor>> style.color=<<textcolor>> style.fill=<<textcolor>>> <$transclude
<$list filter="[<currentTiddler>has[ribbon-text]]" variable="ignore"> $variable="flex-card-body"
<div class="tc-card-ribbon-wrapper" aria-hidden="true"> bordercolor=<<bordercolor>>
<div class="tc-card-ribbon" style.backgroundColor={{{ [<currentTiddler>get[ribbon-color]else[red]] }}}> backgroundcolor=<<backgroundcolor>>
<div class="tc-card-ribbon-inner"> textcolor=<<textcolor>>
<$text text={{!!ribbon-text}}/> imageField=<<imageField>>
</div> captionField=<<captionField>>
subtitle=<<subtitle>>
descriptionField=<<descriptionField>>
/>
</$link>
\end
\procedure flex-card-external(class,bordercolor:"",backgroundcolor:"",textcolor:"",imageField:"image",captionField:"caption",subtitle:"",descriptionField:"description",linkField:"url")
<a class={{{ [<class>addprefix[tc-card ]addprefix[tc-tiddlylink ]] }}}
href={{{ [<currentTiddler>get<linkField>] }}}
aria-label=<<currentTiddler>>
rel="noopener noreferrer"
target="_blank"
>
<$transclude
$variable="flex-card-body"
bordercolor=<<bordercolor>>
backgroundcolor=<<backgroundcolor>>
textcolor=<<textcolor>>
imageField=<<imageField>>
captionField=<<captionField>>
subtitle=<<subtitle>>
descriptionField=<<descriptionField>>
/>
</a>
\end
\procedure flex-card-body(bordercolor,backgroundcolor,textcolor,imageField,captionField,subtitle,descriptionField)
<div class="tc-card-accent" style.borderTop={{{ [<bordercolor>!is[blank]addprefix[5px solid ]] }}} style.background={{!!background}} style.backgroundColor=<<backgroundcolor>> style.color=<<textcolor>> style.fill=<<textcolor>>>
<$list filter="[<currentTiddler>has[ribbon-text]]" variable="ignore">
<div class="tc-card-ribbon-wrapper" aria-hidden="true">
<div class="tc-card-ribbon" style.backgroundColor={{{ [<currentTiddler>get[ribbon-color]else[red]] }}}>
<div class="tc-card-ribbon-inner">
<$text text={{!!ribbon-text}}/>
</div> </div>
</div> </div>
</$list> </div>
<$list filter="[<currentTiddler>has<imageField>]" variable="ignore"> </$list>
<div class="tc-card-image"> <$list filter="[<currentTiddler>has<imageField>]" variable="ignore">
<$image source={{{ [<currentTiddler>get<imageField>] }}} <div class="tc-card-image">
alt={{{ [<currentTiddler>get<imageField>get[alt-text]else[Image.]] }}} <$image source={{{ [<currentTiddler>get<imageField>] }}}
/> alt={{{ [<currentTiddler>get<imageField>get[alt-text]else[Image.]] }}}
</div> />
</$list> </div>
<div class="tc-card-title"><$transclude field=<<captionField>>><$view field="title"/></$transclude></div> </$list>
<$list filter="[<subtitle>!is[blank]]" variable="ignore"> <div class="tc-card-title"><$transclude field=<<captionField>>><$view field="title"/></$transclude></div>
<div class="tc-card-subtitle"> <$list filter="[<subtitle>!is[blank]]" variable="ignore">
<$text text=<<subtitle>>/> <div class="tc-card-subtitle">
</div> <$text text=<<subtitle>>/>
</$list> </div>
<div class="tc-card-icon"><$transclude tiddler={{!!icon}}/></div> </$list>
<div class="tc-card-icon"><$transclude tiddler={{!!icon}}/></div>
<%if [all[current]get<descriptionField>else[]!match[]] %>
<div class="tc-card-body-wrapper"> <div class="tc-card-body-wrapper">
<div class="tc-card-body"> <div class="tc-card-body">
<$transclude field=<<descriptionField>> mode="block"/> <$transclude field=<<descriptionField>> mode="block"/>
@ -124,11 +159,11 @@ type: text/vnd.tiddlywiki
<div class="tc-card-body-clear"> <div class="tc-card-body-clear">
</div> </div>
</div> </div>
<$list filter="[all[current]has[button-text]]" variable="ignore"> <%endif%>
<div class="tc-card-button" style.background-color={{!!button-color}} style.border-color={{!!button-color}}> <%if [all[current]has[button-text]] %>
<$text text={{!!button-text}}/>&#32;{{$:/core/images/chevron-right}} <div class="tc-card-button" style.background-color={{!!button-color}} style.border-color={{!!button-color}}>
</div> <$text text={{!!button-text}}/>&#32;{{$:/core/images/chevron-right}}
</$list> </div>
</div> <%endif%>
</$link> </div>
\end \end

View File

@ -3,4 +3,6 @@ tags: Testimonial
caption: Product Hunt 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 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.
<div style="text-align:center;">{{Product Hunt Link}}</div> <div style="text-align:center;">{{Product Hunt Link}}</div>

View File

@ -1075,7 +1075,7 @@ button.tc-btn-invisible.tc-remove-tag-button {
.tc-tiddler-frame { .tc-tiddler-frame {
position: relative; position: relative;
margin-bottom: 28px; margin-bottom: 14px;
background-color: <<colour tiddler-background>>; background-color: <<colour tiddler-background>>;
border: 1px solid <<colour tiddler-border>>; border: 1px solid <<colour tiddler-border>>;
} }
@ -1127,18 +1127,18 @@ button.tc-btn-invisible.tc-remove-tag-button {
@media (max-width: <<sidebarbreakpoint-minus-one>>) { @media (max-width: <<sidebarbreakpoint-minus-one>>) {
.tc-tiddler-frame { .tc-tiddler-frame {
padding: 14px 14px 14px 14px; padding: 7px 7px 7px 7px;
margin-bottom: .5em; margin-bottom: .5em;
} }
.tc-tiddler-info { .tc-tiddler-info {
margin: 0 -14px 0 -14px; margin: 0 -7px 0 -7px;
} }
} }
@media (min-width: <<sidebarbreakpoint>>) { @media (min-width: <<sidebarbreakpoint>>) {
.tc-tiddler-frame { .tc-tiddler-frame {
padding: 28px 42px 42px 42px; padding: 14px 21px 21px 21px;
width: {{$:/themes/tiddlywiki/vanilla/metrics/tiddlerwidth}}; width: {{$:/themes/tiddlywiki/vanilla/metrics/tiddlerwidth}};
border-radius: 2px; border-radius: 2px;
} }
@ -1175,8 +1175,8 @@ button.tc-btn-invisible.tc-remove-tag-button {
} }
.tc-tiddler-title-icon svg { .tc-tiddler-title-icon svg {
width: 0.9em; width: 0.8em;
height: 0.9em; height: 0.8em;
} }
.tc-system-title-prefix { .tc-system-title-prefix {
@ -1184,12 +1184,12 @@ button.tc-btn-invisible.tc-remove-tag-button {
} }
.tc-titlebar h2 { .tc-titlebar h2 {
font-size: 1em; font-size: 0.8em;
display: inline; display: inline;
} }
.tc-titlebar img { .tc-titlebar img {
height: 1em; height: 0.8em;
} }
.tc-subtitle { .tc-subtitle {