mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2025-02-22 22:10:03 +00:00
Code Issues Releases Wiki Activity

Quickstart cards: Add background gradient

Browse Source
This commit is contained in:
jeremy@jermolene.com 2023-04-10 11:22:46 +01:00
parent 4330a3aa1f
commit e9fcd562d7
5 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
editions/tw5.com/tiddlers/hellothere/quickstart/desktop.tid
View File

@ -4,6 +4,7 @@ caption: Desktop
icon: $:/core/images/storyview-zoomin icon: $:/core/images/storyview-zoomin
button-color: #37753e button-color: #37753e
button-text: Download button-text: Download
background: linear-gradient(90deg,#bdfac3, #ffffff)
link: TiddlyDesktop link: TiddlyDesktop
Download the official desktop application for macOS, Windows and Linux Download the official desktop application for macOS, Windows and Linux

1
editions/tw5.com/tiddlers/hellothere/quickstart/diy.tid
View File

@ -4,6 +4,7 @@ caption: DIY
icon: $:/core/images/theme-button icon: $:/core/images/theme-button
button-color: #ff4522 button-color: #ff4522
button-text: Explore button-text: Explore
background: linear-gradient(90deg,#ffcec5, #ffffff)
link: GettingStarted link: GettingStarted
Get the full benefits of ~TiddlyWiki by finding the configuration that is right for you Get the full benefits of ~TiddlyWiki by finding the configuration that is right for you

2
editions/tw5.com/tiddlers/hellothere/quickstart/tiddlyhost.tid
View File

@ -4,7 +4,7 @@ caption: Tiddlyhost
icon: $:/core/images/globe icon: $:/core/images/globe
button-color: #00009a button-color: #00009a
button-text: Create Account button-text: Create Account
background: linear-gradient(90deg,#c3d3ff, #ffffff) background: linear-gradient(90deg,#dbdbf7, #ffffff)
link: Tiddlyhost link: Tiddlyhost
Create an account with Tiddlyhost for online wikis that can be private or public Create an account with Tiddlyhost for online wikis that can be private or public

1
editions/tw5.com/tiddlers/hellothere/quickstart/xememex.tid
View File

@ -4,6 +4,7 @@ caption: Xememex
icon: $:/core/images/star-filled icon: $:/core/images/star-filled
button-color: #bf5fb6 button-color: #bf5fb6
button-text: Find out more button-text: Find out more
background: linear-gradient(90deg,#f9d9f6, #ffffff)
link: Xememex link: Xememex
Xememex is the multiuser serverless implementation of ~TiddlyWiki from Federatial Xememex is the multiuser serverless implementation of ~TiddlyWiki from Federatial

2
editions/tw5.com/tiddlers/system/wikitext-macros.tid
View File

@ -98,7 +98,7 @@ That renders as:
\define flex-card(class,bordercolor:"",backgroundcolor:"",textcolor:"",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 \whitespace trim
<$link class={{{ [<__class__>addprefix[tc-card ]] }}} to={{{ [<currentTiddler>get<__linkField__>else<currentTiddler>] }}}> <$link class={{{ [<__class__>addprefix[tc-card ]] }}} to={{{ [<currentTiddler>get<__linkField__>else<currentTiddler>] }}}>
<div class="tc-card-accent" style.borderTop={{{ [<__bordercolor__>!is[blank]addprefix[5px solid ]] }}} style.backgroundColor=<<__backgroundcolor__>> style.color=<<__textcolor__>> style.fill=<<__textcolor__>>> <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"> <$list filter="[<currentTiddler>has[ribbon-text]]" variable="ignore">
<div class="tc-card-ribbon-wrapper"> <div class="tc-card-ribbon-wrapper">
<div class="tc-card-ribbon" style.backgroundColor={{{ [<currentTiddler>get[ribbon-color]else[red]] }}}> <div class="tc-card-ribbon" style.backgroundColor={{{ [<currentTiddler>get[ribbon-color]else[red]] }}}>