Tiddlywiki Status Badge

[Mohammad]

In honor of the new release of Tiddlywiki 5.1.18, I would like to announce the status-badge addon for Tiddlywiki.

The status badges are set of macro and stylesheets. These are double badges in two semantic colors indicate coverage, version, relation, progress, ...

Demo and download page:

 https://kookma.github.io/status-badge/

[David Gifford]

Nice! Added to toolmap under "Writing and editing - font and paragraph manipulation" for lack of a better category

[TonyM]

Simple and helpful, Thanks Mohammad.

Tony

[Mohammad]

David,

 These are kind of badges so you may want to have a category like

- Notebox, badges, labels

- Mohammad

[Mohammad]

Thanks Tony!

[@TiddlyTweeter]

Very nice! Simple. Clever. Useful.

Thankyou!

J.

Mohammad wrote:

In honor of the new release of Tiddlywiki 5.1.18, I would like to announce the status-badge addon ...

 https://kookma.github.io/status-badge/

[@TiddlyTweeter]

Dave & Mohammad

"Badging"? Is the category?

What else would be in it? The "Powered By" cat thing. Mat's "stamper" gadget. The "Github Ribbon". The point is they are "signalling" to the user basic details of what you are using. In other words "badges".

Just thoughts

Josiah

[Mohammad]

Hi Josiah,

 Over the net I heard status badges, version badges and like that, yes Github ribbon may be another name! BUT we can invent new words! :-)

I would like to thank you for the Simple word both in your post and Tony's post!

Yes, I think the best solution is the simple solution! and I remember this phrase from

 http://wiki.c2.com/?EinsteinPrinciple

A scientific theory should be as simple as possible, but no simpler. 

I think one reason I like Tiddlywiki is that, TW lets me to create web and html contents in a SIMPLE way!

Thank you Tiddlywiki!

--Mohammad

[TonyM]

Mohammad,

I was wondering if I could leverage status-badge to make some highlighted Links to resources such as tiddlers or external links. In part to leverage the look and colours you have defined.

It is clear one can do this already with dbage, just replace status with an active link

<<dlink "//More info about//" "[[Tiddlywiki]]" "info">>

I was thinking what if we alter the label colour of "subject" to make links or "actions" however as above using the italics seems to me to be a way to differentiate an informational label/badge (no link) from an action/link label.

I was wondering If it makes sense for you to document this alternate convention in your  status-badge addon ?

Regards

Tony

On Wednesday, December 5, 2018 at 7:29:17 AM UTC+11, Mohammad wrote:

[Mohammad]

Hi Tony,

 Yes, I used a fixed color for subject part and I can remove it to let you set the color as you like!

The other way is to use different colors for different categories.

To do so, we need to modify the macro as below

 \define dbadge(subject:"Subject",status:"Status",type1:"", type2:"primary")
<div class="dbadge">
  <span class="$type1$">$subject$</span><span class="$type2$">$status$</span>
</div>
\end

and remove line 8 in stylesheet.

Now type2 is a css class to define your own background color.

- Mohammad

[danraymond]

Hi Mohammad
I know this is an old post, but is it easy to make a status badge with three sections? I tried adding a new subclass and span but it didn’t work. I added a new section to the stylesheet as well.

\define dbadge(subject, comment, status, type:"primary")
<div  class="dbadge"><span  class="dbadge-subject">$subject$</span><span  class="dbadge-comment">$comment$</span><span       class="dbadge-status dbadge-$type$  ">$status$</span></div>
\end

​

[Mohammad Rahmani]

Hi

On Thu, Feb 18, 2021 at 11:08 AM danraymond <nebu...@gmail.com> wrote:

Hi Mohammad

I know this is an old post, but is it easy to make a status badge with three sections?

Yes! It is a simple css.

 

I tried adding a new subclass and span but it didn't work. I added a new section to the stylesheet as well.

Check to see if you have the required css class defined.

\define dbadge(subject, comment, status, type:"primary")
<div class="dbadge"><span class="dbadge-subject">$subject$</span><span class="dbadge-comment">$comment$</span><span      class="dbadge-status dbadge-$type$ ">$status$</span></div>
\end

to give a try open https://tiddlywiki.com/ and create a new tiddler with the below wikitext

\define dbadge(subject, comment, status, type:"primary")

<div class="dbadge"><span class="dbadge-subject">$subject$</span><span class="dbadge-comment">$comment$</span><span      class="dbadge-status">$status$</span></div>
\end


<<dbadge mysubject mycomment mystatus>>

<style>
.dbadge span{
border:1px solid black;
}
.primary{
background-color:cyan;
}

.dbadge-subject{
background-color:darkred;
color:white;

}

.dbadge-comment{
background-color:yellow;
}

.dbadge-status{
background-color:mistyrose;
}

</style>

 

On Thursday, December 6, 2018 at 2:16:32 PM UTC+10 Mohammad wrote:

--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/5f5ae83c-840f-492b-9384-67795a640b5fn%40googlegroups.com.