mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-11-27 03:57:21 +00:00
Add Funding and Marketplace material, and refresh HelloThere
This commit is contained in:
jeremy@jermolene.com
parent
1ab9f457b4
commit
38dce175d6
BIN
editions/tw5.com/tiddlers/_tw_shared/favicons/markplace.png
Normal file
BIN
editions/tw5.com/tiddlers/_tw_shared/favicons/markplace.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
@ -0,0 +1,3 @@
|
||||
title: $:/_tw_shared/favicons/marketplace
|
||||
type: image/png
|
||||
tags: TiddlyWikiSitesMenu
|
||||
@ -0,0 +1,6 @@
|
||||
title: $:/_tw_shared/sites/marketplace
|
||||
tags: $:/tags/TiddlyWikiSites TiddlyWikiSitesMenu
|
||||
caption: marketplace
|
||||
description: Commercial Products and Services
|
||||
url: https://talk.tiddlywiki.org/c/marketplace/22
|
||||
icon: $:/_tw_shared/favicons/marketplace
|
||||
@ -1,3 +1,3 @@
|
||||
title: $:/tags/TiddlyWikiSites
|
||||
list: $:/_tw_shared/sites/tiddlywiki.com $:/_tw_shared/sites/tiddlywiki.org $:/_tw_shared/sites/talk.tiddlywiki.org $:/_tw_shared/sites/links.tiddlywiki.org $:/_tw_shared/sites/tiddlywiki.com.upgrade $:/_tw_shared/sites/tiddlywiki.com.dev $:/_tw_shared/sites/tiddlywiki.com.prerelease $:/_tw_shared/sites/classic.tiddlywiki.com
|
||||
list: $:/_tw_shared/sites/tiddlywiki.com $:/_tw_shared/sites/tiddlywiki.org $:/_tw_shared/sites/talk.tiddlywiki.org $:/_tw_shared/sites/links.tiddlywiki.org $:/_tw_shared/sites/tiddlywiki.com.upgrade $:/_tw_shared/sites/tiddlywiki.com.dev $:/_tw_shared/sites/tiddlywiki.com.prerelease $:/_tw_shared/sites/classic.tiddlywiki.com $:/_tw_shared/sites/marketplace
|
||||
tags: TiddlyWikiSitesMenu
|
||||
|
||||
19
editions/tw5.com/tiddlers/about/Funding TiddlyWiki.tid
Normal file
19
editions/tw5.com/tiddlers/about/Funding TiddlyWiki.tid
Normal file
@ -0,0 +1,19 @@
|
||||
title: Funding TiddlyWiki
|
||||
tags: About HelloThere
|
||||
modified: 20221204165636777
|
||||
created: 20221204165636777
|
||||
|
||||
TiddlyWiki is more useful to everybody if it is free to use, with no financial barriers to long term adoption. It is not altruism; we believe that removing or reducing barriers to adoption will help to ensure TiddlyWiki's future by making the community larger and stronger.
|
||||
|
||||
Nonetheless, TiddlyWiki is a relatively big, complex machine that requires a significant amount of ongoing work to maintain and improve. Some community infrastructure also requires monthly fees to operate (notably the [[TiddlyWiki forum|Forums]]).
|
||||
|
||||
The people in the community that do the work have widely varying needs:
|
||||
|
||||
* At one end, a good proportion of the work on TiddlyWiki is performed by community members on a purely voluntary basis. For those people, the satisfaction of helping others is sufficient reward. Indeed, for many people, unpaid voluntary activities are a satisfying antidote to everyday paid work
|
||||
* At the other extreme, JeremyRuston and some other contributors are trying to make a full-time living working on TiddlyWiki by offering commercial products and services around it
|
||||
* In between, there are other people who would appreciate an ocassional token to reward them for their work
|
||||
|
||||
To support these needs in the community, we have two initiatives:
|
||||
|
||||
* We use [[Open Collective]] to collect donations for the infrastructure costs of the Community and to crowdfund specific developments by individuals or organisations
|
||||
* The [[TiddlyWiki Marketplace]] provides a shop window for individuals and organisations offering commercial products and services
|
||||
14
editions/tw5.com/tiddlers/about/Open Collective.tid
Normal file
14
editions/tw5.com/tiddlers/about/Open Collective.tid
Normal file
@ -0,0 +1,14 @@
|
||||
title: Open Collective
|
||||
modified: 20221204165636777
|
||||
created: 20221204165636777
|
||||
tags: About HelloThere [[Open Collective]]
|
||||
|
||||
Open Collective is a platform for transparent fundraising and expenses for projects like TiddlyWiki. It is the official TiddlyWiki community fundraising space.
|
||||
|
||||
https://opencollective.com/tiddlywikidotorg
|
||||
|
||||
You can make a fixed one-time donation, or setup a recurring contribution.
|
||||
|
||||
The main goals listed for donations are to cover basic costs for community infrastructure like the Discourse forum, and a new goal for supporting the TiddlyWiki Core.
|
||||
|
||||
Additionally, the community can make use of the platform for special projects - to pool funds to pay for development, design, or anything else. The [[File Upload Plugin|https://opencollective.com/tiddlywikidotorg/projects/tiddlywiki-file-upload]] is the first of these, and we want to welcome others to launch projects here.
|
||||
@ -1,9 +1,21 @@
|
||||
created: 20130825154900000
|
||||
modified: 20170718160846820
|
||||
modified: 20221204165636777
|
||||
tags: Definitions
|
||||
title: Federatial
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
Federatial Limited is a software consultancy founded by JeremyRuston, the creator of TiddlyWiki. Federatial helps organisations explore new user interaction concepts through rapid prototyping of sophisticated web-based tools.
|
||||
Federatial Limited helps organisations explore new user interaction concepts through rapid prototyping of sophisticated web-based tools. Services include:
|
||||
|
||||
* Consultancy advice on TiddlyWiki adoption
|
||||
* Development of custom solutions based on TiddlyWiki
|
||||
* Multi-user TiddlyWiki hosting – no outages since 2016
|
||||
* Sponsorship of TiddlyWiki core development
|
||||
|
||||
See https://federatial.com/ and https://twitter.com/federatial for more information.
|
||||
|
||||
JeremyRuston founded Federatial Limited in 2011 to support his work on TiddlyWiki for the advertised 25 years. Since then, Federatial has been privileged to have worked with a wide range of fantastic clients in very different sectors, on some very diverse projects:
|
||||
|
||||
* For a law firm in the Washington DC, developing a custom multi-user ~TiddlyWiki application. It replaced a Microsoft Word document hosted on ~SharePoint that had grown to 18,000 pages and 10 million words, and was increasingly unwieldy to manage. We converted the document to a non-linear TiddlyWiki structure. Startup, searching and browsing are an order of magnitude faster than using Word and ~SharePoint
|
||||
* For a publishing firm in Paris, devising a new TiddlyWiki-based format for interactive electronic publications (including conversion from the established EPUB format). See https://twpub-tools.org/
|
||||
* For a charity in London, maintaining a multiuser instance of TiddlyWiki running on Amazon's serverless infrastructure. It has more than 1,000 users, and over 15,000 tiddlers in 500 interlinked wikis. See https://manuals.annafreud.org/ambit
|
||||
|
||||
@ -4,6 +4,8 @@ tags: Definitions
|
||||
title: TiddlyWikiClassic
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
"~TiddlyWiki Classic" refers to versions prior to 5.0, before TiddlyWiki was completely rewritten from the ground up. TiddlyWiki Classic is still being maintained at:
|
||||
[img[TiddlyWiki Classic.png]]
|
||||
|
||||
"~TiddlyWiki Classic" refers to versions prior to 5.0, before TiddlyWiki was completely rewritten. TiddlyWiki Classic is still actively maintained at:
|
||||
|
||||
https://classic.tiddlywiki.com/
|
||||
|
||||
@ -1,33 +1,37 @@
|
||||
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: 20220802122551819
|
||||
modified: 20221204165636777
|
||||
tags: TableOfContents
|
||||
title: HelloThere
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
''Have you ever had the feeling that your head is not quite big enough to hold everything you need to remember?''
|
||||
|
||||
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.
|
||||
!! ''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.
|
||||
|
||||
<div style="font-size:0.7em;text-align:center;margin-top:2em;margin-bottom:2em;">
|
||||
<<list-thumbnails filter:"[tag[HelloThumbnail]]" width:"168" height:"95">>
|
||||
</div>
|
||||
|
||||
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.
|
||||
|
||||
<div style="font-size:0.7em;text-align:center;margin:3em auto;">
|
||||
!! ''Find Out More''
|
||||
|
||||
<div class="tc-cards">
|
||||
<$list filter="[tag[HelloThumbnail]]">
|
||||
<$macrocall $name="flex-card" captionField="caption" descriptionField="text"/>
|
||||
</$list>
|
||||
</div>
|
||||
|
||||
!! ''~TiddlyWiki Hubs''
|
||||
|
||||
<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:#5E9FCA;" target="_blank" rel="noopener noreferrer">
|
||||
<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:#5E9FCA;" target="_blank" rel="noopener noreferrer">
|
||||
<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/globe}} 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">
|
||||
@ -38,16 +42,10 @@ Unlike conventional online services, TiddlyWiki lets you choose where to keep yo
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<<<.tc-big-quote
|
||||
''The ~TiddlyWiki is the best software I've ever found for organising my ideas.''
|
||||
!! ''Testimonials & Reviews''
|
||||
|
||||
It's well worth spending an hour or so playing with it to see how it can help you. This will be time well-spent and will change how you think and how you organise your ideas.
|
||||
<<< [[Joe Armstrong, Co-inventor of Erlang|https://joearms.github.io/]]
|
||||
|
||||
<<<.tc-big-quote
|
||||
''~TiddlyWiki gets a Gearhead rating of 6 out of 5 (it's that good).''
|
||||
|
||||
Finding code that works flawlessly after just two or three years is magical enough but after seven years?!
|
||||
<<< [[Mark Gibbs, Network World|http://www.networkworld.com/article/3028098/open-source-tools/tiddlywiki-a-free-open-source-wiki-revisited.html]]
|
||||
|
||||
<div style="font-size:0.7em;text-align:center;margin:3em auto;">{{Product Hunt Link}}</div>
|
||||
<div class="tc-cards">
|
||||
<$list filter="[tag[Testimonial]]">
|
||||
<$macrocall $name="flex-card" class="tc-card-quote" captionField="caption" descriptionField="text"/>
|
||||
</$list>
|
||||
</div>
|
||||
@ -1,5 +1,5 @@
|
||||
created: 20150414070451144
|
||||
list: [[HelloThumbnail - Introduction Video]] [[HelloThumbnail - Gentle Guide]] [[HelloThumbnail - Grok TiddlyWiki]] [[HelloThumbnail - Firefox Apocalypse]] [[HelloThumbnail - Latest Version]] [[HelloThumbnail - TiddlyWikiLinks]] [[HelloThumbnail - TiddlyMap]] [[HelloThumbnail - HelpingTiddlyWiki]] [[HelloThumbnail - Developers]] [[HelloThumbnail - Classic]]
|
||||
list: [[HelloThumbnail - Introduction Video]] [[HelloThumbnail - Grok TiddlyWiki]] [[HelloThumbnail - Latest Version]] [[HelloThumbnail - TiddlyWikiLinks]] [[HelloThumbnail - Developers]] [[HelloThumbnail - Funding]] [[HelloThumbnail - Marketplace]] [[HelloThumbnail - Federatial]]
|
||||
modified: 20150414070948246
|
||||
title: HelloThumbnail
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
@ -0,0 +1,10 @@
|
||||
background-color: #EDB431
|
||||
caption: How is ~TiddlyWiki Funded?
|
||||
color: #ff0
|
||||
image: Funding.png
|
||||
link: Funding TiddlyWiki
|
||||
tags: HelloThumbnail
|
||||
title: HelloThumbnail - Funding
|
||||
ribbon-text: NEW
|
||||
|
||||
Find out how you can help support ~TiddlyWiki financially
|
||||
@ -4,3 +4,5 @@ color: #D5B7EA
|
||||
image: Grok TiddlyWiki Banner
|
||||
caption: Grok ~TiddlyWiki
|
||||
link: "Grok TiddlyWiki" by Soren Bjornstad
|
||||
|
||||
A guided tutorial through ~TiddlyWiki
|
||||
@ -6,3 +6,5 @@ icon: {{$:/core/images/video}}
|
||||
caption: Introduction to ~TiddlyWiki
|
||||
link: Introduction Video
|
||||
image: Introduction Video Thumbnail.jpg
|
||||
|
||||
Short video introducing basic ~TiddlyWiki concepts
|
||||
@ -1,6 +1,8 @@
|
||||
title: HelloThumbnail - Latest Version
|
||||
tags: HelloThumbnail
|
||||
caption: What's New in <<version>>
|
||||
caption: What's New in v<<version>>
|
||||
link: Releases
|
||||
image: New Release Banner
|
||||
color: #fff
|
||||
|
||||
The latest version v<<version>> of ~TiddlyWiki (released on <$view field="released" tiddler={{{ [<version>addprefix[Release ]] }}} format="date" template="DDth MMM YYYY"/>)
|
||||
@ -0,0 +1,10 @@
|
||||
title: HelloThumbnail - Marketplace
|
||||
tags: HelloThumbnail
|
||||
color: #6B6E98
|
||||
background-color: #EAE57D
|
||||
image: TiddlyWiki Marketplace Banner
|
||||
caption: ~TiddlyWiki Marketplace
|
||||
link: TiddlyWiki Marketplace
|
||||
ribbon-text: NEW
|
||||
|
||||
Explore commercial products and services for ~TiddlyWiki
|
||||
@ -2,5 +2,7 @@ title: HelloThumbnail - TiddlyWikiLinks
|
||||
tags: HelloThumbnail
|
||||
color: #D5B7EA
|
||||
image: TiddlyWikiLinks
|
||||
caption: links.tiddlywiki.com
|
||||
caption: links.tiddlywiki.org
|
||||
link: Community Links Aggregator
|
||||
|
||||
Links to ~TiddlyWiki-related content collected by the community
|
||||
@ -0,0 +1,11 @@
|
||||
background-color: #EDB431
|
||||
caption: Federatial
|
||||
color: #ff0
|
||||
image: Federatial.png
|
||||
link: Federatial
|
||||
tags: HelloThumbnail
|
||||
title: HelloThumbnail - Federatial
|
||||
type: text/vnd.tiddlywiki
|
||||
ribbon-text: NEW
|
||||
|
||||
Support the development of ~TiddlyWiki by hiring Jeremy Ruston through Federatial Limited
|
||||
BIN
editions/tw5.com/tiddlers/images/Federatial.png
Normal file
BIN
editions/tw5.com/tiddlers/images/Federatial.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 220 KiB |
3
editions/tw5.com/tiddlers/images/Federatial.png.meta
Normal file
3
editions/tw5.com/tiddlers/images/Federatial.png.meta
Normal file
@ -0,0 +1,3 @@
|
||||
title: Federatial.png
|
||||
type: image/png
|
||||
tags: picture
|
||||
BIN
editions/tw5.com/tiddlers/images/Funding.png
Normal file
BIN
editions/tw5.com/tiddlers/images/Funding.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 184 KiB |
3
editions/tw5.com/tiddlers/images/Funding.png.meta
Normal file
3
editions/tw5.com/tiddlers/images/Funding.png.meta
Normal file
@ -0,0 +1,3 @@
|
||||
title: Funding.png
|
||||
type: image/png
|
||||
tags: picture
|
||||
BIN
editions/tw5.com/tiddlers/images/Marketplace Banner.png
Normal file
BIN
editions/tw5.com/tiddlers/images/Marketplace Banner.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 89 KiB |
@ -0,0 +1,3 @@
|
||||
title: TiddlyWiki Marketplace Banner
|
||||
type: image/jpeg
|
||||
tags: picture
|
||||
@ -0,0 +1,18 @@
|
||||
title: TiddlyWiki Marketplace
|
||||
tags: Community
|
||||
modified: 20221204165636777
|
||||
created: 20221204165636777
|
||||
|
||||
<span style="float:right;">[img width=200px [TiddlyWiki Marketplace Banner]]</span>
|
||||
|
||||
Welcome to the TiddlyWiki Marketplace. This new forum is designed to provide a space for individuals and organizations to offer commercial products and services that are built around TiddlyWiki:
|
||||
|
||||
* Paid hosting services
|
||||
* Custom solution development
|
||||
* Training courses
|
||||
* One-to-one training sessions
|
||||
* "Fix my wiki" debugging sessions
|
||||
|
||||
<a href="https://talk.tiddlywiki.org/c/marketplace/22" class="tc-btn-big-green" style="border-radius:4px;background-color:#ff5c48;" target="_blank" rel="noopener noreferrer">
|
||||
~TiddlyWiki Marketplace
|
||||
</a>
|
||||
@ -9,6 +9,7 @@ modified: 20220223160414274
|
||||
tags: Chrome Firefox [[Internet Explorer]] Linux Mac Opera Safari Saving Windows Edge
|
||||
title: Saving with Polly
|
||||
type: text/vnd.tiddlywiki
|
||||
ribbon-text: NEW
|
||||
|
||||
[[Polly|https://github.com/Marxsal/polly]] is a batch file system using Windows //~PowerShell// to restore ~TiddlyWiki files from a specified download directory to their original home directory.
|
||||
|
||||
|
||||
@ -54,7 +54,7 @@ Available methods for saving changes with ~TiddlyWiki:
|
||||
</div>
|
||||
|
||||
<!-- Page content -->
|
||||
<div class="content">
|
||||
<div class="tc-cards">
|
||||
<$wikify text=<<alltagsfilter>> name="alltagsfilterwikified">
|
||||
<$list filter=<<alltagsfilterwikified>>>
|
||||
{{||$:/_tw5.com-card-template}}
|
||||
|
||||
@ -8,6 +8,7 @@ modified: 20221126192853897
|
||||
tags: Chrome Firefox [[Internet Explorer]] Linux Mac Opera Safari Saving Windows iOS Edge
|
||||
title: TiddlyBucket - Save to AWS or Google Storage
|
||||
type: text/vnd.tiddlywiki
|
||||
ribbon-text: NEW
|
||||
|
||||
~TiddlyBucket - Save to AWS or Google Storage using Go
|
||||
|
||||
|
||||
@ -3,19 +3,4 @@ modified: 20220719134613555
|
||||
title: $:/_tw5.com-card-template
|
||||
type: text/vnd.tiddlywiki
|
||||
|
||||
\define tw-card-template(bordercolor:"")
|
||||
\whitespace trim
|
||||
<div class="tc-card" style="border-top: 5px solid $bordercolor$;">
|
||||
<$link>
|
||||
<$let tv-wikilinks=no>
|
||||
<div class="tc-card-title"><$transclude field="caption"><$view field="title"/></$transclude></div>
|
||||
<div class="tc-card-author">
|
||||
<$list filter="[is[current]has[community-author]]">by {{!!community-author}}</$list>
|
||||
</div>
|
||||
<p><$view field="description"/></p>
|
||||
</$let>
|
||||
</$link>
|
||||
</div>
|
||||
\end
|
||||
|
||||
<$macrocall $name="tw-card-template" bordercolor={{!!color}}/>
|
||||
<$macrocall $name="flex-card" bordercolor={{!!color}} captionField="caption" subtitle={{{ [{!!community-author}!is[blank]addprefix[by ]] }}}/>
|
||||
|
||||
@ -122,64 +122,183 @@ type: text/vnd.tiddlywiki
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.tc-card {
|
||||
margin: 15px;
|
||||
padding: 10px 20px;
|
||||
border-radius: 10px;
|
||||
border-top: 5px solid #45D3D3;
|
||||
box-shadow: 0 8px 17px -8px #A3A5AE;
|
||||
background-color: #FFF;
|
||||
width: 200px;
|
||||
transition: box-shadow 0.3s ease-in-out;
|
||||
font-size: 13px;
|
||||
line-height: 18px;
|
||||
.tc-cards {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-evenly;
|
||||
width: 100%;
|
||||
padding: 0.5em;
|
||||
background: <<colour background>>;
|
||||
border-color: rgba(34,36,38,.15);
|
||||
box-shadow: 0 2px 25px 0 rgb(34 36 38 / 5%) inset;
|
||||
}
|
||||
|
||||
.tc-card:hover {
|
||||
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
|
||||
.tc-tiddlylink.tc-card {
|
||||
font-weight: normal;
|
||||
max-width: 100%;
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background: <<colour background>>;
|
||||
color: <<colour foreground>>;
|
||||
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-card:hover .tc-card-title {
|
||||
color: #1462ff;
|
||||
|
||||
@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 {
|
||||
border-top-left-radius: 8px;
|
||||
border-top-right-radius: 8px;
|
||||
}
|
||||
|
||||
.tc-tiddlylink.tc-card:hover {
|
||||
color: <<colour foreground>>;
|
||||
background: <<colour notification-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: 999;
|
||||
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 {
|
||||
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 {
|
||||
text-align: center;
|
||||
font-size: 1.2em;
|
||||
line-height: 1.2;
|
||||
font-weight: 600;
|
||||
transition: color 0.2s ease-in-out;
|
||||
padding: 10px 0;
|
||||
transition: color 0.3s ease-in-out;
|
||||
padding: 0 10px;
|
||||
margin: 0.5em 0;
|
||||
}
|
||||
|
||||
.tc-card-subtitle,
|
||||
.tc-card-author {
|
||||
text-align: center;
|
||||
font-size: 0.8em;
|
||||
line-height: 1.2;
|
||||
color: <<colour muted-foreground>>;
|
||||
padding: 0 10px;
|
||||
margin: 0.5em 0;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.tc-card p {
|
||||
height: 67px;
|
||||
overflow: hidden;
|
||||
.tc-card-body {
|
||||
font-size: 0.9em;
|
||||
line-height: 1.2;
|
||||
padding: 0 10px;
|
||||
margin: 0;
|
||||
padding: 13px 0;
|
||||
}
|
||||
|
||||
.tc-card a {
|
||||
color: #222;
|
||||
.tc-card-body-wrapper {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tc-card a:hover {
|
||||
text-decoration:none;
|
||||
.tc-tiddlylink.tc-card.tc-card-quote .tc-card-body:before {
|
||||
font-family: Georgia, serif;
|
||||
color: <<colour blockquote-bar>>;
|
||||
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: <<colour blockquote-bar>>;
|
||||
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;
|
||||
}
|
||||
|
||||
div.content {
|
||||
padding: 1px 16px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.tc-btn-download {
|
||||
padding: 10px 30px;
|
||||
border-radius: 5px;
|
||||
|
||||
@ -94,3 +94,38 @@ That renders as:
|
||||
|
||||
<<tw-code $tiddler$>>
|
||||
\end
|
||||
|
||||
\define flex-card(class,bordercolor:"",imageField:"image",captionField:"caption",subtitle:"",descriptionField:"description",linkField:"link")
|
||||
\whitespace trim
|
||||
<$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 ]] }}}>
|
||||
<$list filter="[<currentTiddler>has[ribbon-text]]" variable="ignore">
|
||||
<div class="tc-card-ribbon-wrapper">
|
||||
<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>
|
||||
</$list>
|
||||
<$list filter="[<currentTiddler>has<__imageField__>]" variable="ignore">
|
||||
<div class="tc-card-image">
|
||||
<$image source={{{ [<currentTiddler>get<__imageField__>] }}}/>
|
||||
</div>
|
||||
</$list>
|
||||
<div class="tc-card-title"><$transclude field=<<__captionField__>>><$view field="title"/></$transclude></div>
|
||||
<$list filter="[<__subtitle__>!is[blank]]" variable="ignore">
|
||||
<div class="tc-card-subtitle">
|
||||
<$text text=<<__subtitle__>>/>
|
||||
</div>
|
||||
</$list>
|
||||
<div class="tc-card-body-wrapper">
|
||||
<div class="tc-card-body">
|
||||
<$transclude field=<<__descriptionField__>> mode="block"/>
|
||||
</div>
|
||||
<div class="tc-card-body-clear">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</$link>
|
||||
\end
|
||||
|
||||
@ -0,0 +1,8 @@
|
||||
title: Testimonials - Joe Armstrong
|
||||
tags: Testimonial
|
||||
caption: Joe Armstrong, Co-inventor of Erlang
|
||||
extlink: https://joearms.github.io/
|
||||
|
||||
The ~TiddlyWiki is the best software I've ever found for organising my ideas.
|
||||
|
||||
It's well worth spending an hour or so playing with it to see how it can help you. This will be time well-spent and will change how you think and how you organise your ideas.
|
||||
@ -0,0 +1,8 @@
|
||||
title: Testimonials - Network World
|
||||
tags: Testimonial
|
||||
caption: Mark Gibbs, Network World
|
||||
extlink: http://www.networkworld.com/article/3028098/open-source-tools/tiddlywiki-a-free-open-source-wiki-revisited.html
|
||||
|
||||
~TiddlyWiki gets a Gearhead rating of 6 out of 5 (it's that good).
|
||||
|
||||
Finding code that works flawlessly after just two or three years is magical enough but after seven years?!
|
||||
@ -0,0 +1,6 @@
|
||||
title: Testimonials - Product Hunt
|
||||
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
|
||||
|
||||
<div style="text-align:center;">{{Product Hunt Link}}</div>
|
||||
Loading…
Reference in New Issue
Block a user