How to use the Cards and Dice Font: Difference between revisions

m
Kataclysm moved page How to use the Cards and Dice font to How to use the Cards and Dice Font: making the capitalization match the Pyramid Love page
m (Kataclysm moved page How to use the Cards and Dice font to How to use the Cards and Dice Font: making the capitalization match the Pyramid Love page)
 
(45 intermediate revisions by 2 users not shown)
Line 1:
==Cards-and-Dice: the Font==
The Cards- and- Dice-2024 font (v1.113) font is installed on thethis wiki and allows any userusers to place polyhedral dice, poker cards, and Zark City cards into any page using only text. To do this, you must use the template set up specifically for it.
 
==Displaying Cards==
Simply place your text within double brackets and type a name, color, and size.
<br><br>'''General-rules example:'''
<div style="text-align:center">'''<nowiki>{{</nowiki><font color=blue>CD</font>|<font color=green>:nickname</font>|<font color=red>colorheart7</font>|<font color=purple>size3em</font><nowiki>}}</nowiki>'''</div>
 
<br>'''Actual real-world example:'''
<div style="text-align:center">*'''<nowiki>{{</nowiki><font color=blue>CD</font>|''' is The template designation (<font color=greenblue>::heart7'''C'''</font>|<fontards and color=red>red</font>|<font color=purple>3em</font><nowiki>}}</nowikiblue>''' = {{CD|:heart7|red|3em}}D'''</divfont>ice).
*<font color=green>''':heart7'''</font> is the nickname for the icon, in this case a Heart suit with the rank 7.
*'''<font color=blue>CD</font>''': The template designation
*<font color=greenred>''':heart7red'''</font> Theis nicknamethe color you forwant the icon, into thisbe. case(This acan Heartalso suitbe withentered thein rankhex 7.color codes like ''#ff00e0'')
*<font color=redpurple>'''red3em'''</font>: Theis colorhow big you want the icon to be. (This can also be entered in hex color codes like ''#ff00e0'')
*<font color=purple>'''3em'''</font>: How big you want the icon to be
<br>
 
 
<br>
Actual real-world example<br>
'''<nowiki>{{</nowiki><font color=blue>CD</font>|<font color=green>:heart7</font>|<font color=red>red</font>|<font color=purple>3em</font><nowiki>}}</nowiki>''' becomes {{CD|:heart7|red|3em}}
 
 
'''Bare bones example:''' <div style="text-align:center">'''<nowiki>{{</nowiki><font color=blue>CD</font>|<font color=green>:starj</font><nowiki>}}</nowiki>''' = {{CD|:starj}}</div>
<br>
*'''<font color=blue>CD</font>''': The template designation
*<font color=green>''':starj'''</font> The nickname for the icon, in this case a '''star''' suit of rank '''j'''ack
*No color specified, so the pyramidsymbol will default to black
*No size specified, so the pyramidsymbol size will default to 1em
<br><br>
'''Size specified but not color example:'''
Line 27 ⟶ 33:
===Naming Convention===
Each symbol that it's possible to display with the Cards and Dice font has a particular name that you need to put after a colon. The names are pretty easy to guess once you know the basic rules. For cards:
*The first letterpart will always be the suit of the card. You'll type '''club''', '''diamond''', '''heart''', '''spade''', or '''star'''. You can do plural or singular, but the suit must be lowercase.
*The next next lettersletter(s) will be the rank of the card you're displaying. A, 2, 3, up to K. You can use uppercase or lowercase for the ranks.
<br>
 
===Examples in Tables===
Here are example cards displayed in their traditional colors for poker cards.
{|class="wikitable" style="text-align:center"
|style="padding:1em;"|{{CD|:clubAdiamondA|blackred|3em}}
|{{CD|:diamond2club2|redblack|3em}}
|{{CD|:heart3|red|3em}}
|{{CD|:spade4|black|3em}}
|-
|<nowiki>{{</nowiki>CD<nowiki>|</nowiki>:clubAdiamondA<nowiki>|</nowiki>blackred<nowiki>|</nowiki>3em<nowiki>}}</nowiki>
|<nowiki>{{</nowiki>CD<nowiki>|</nowiki>:diamond2club2<nowiki>|</nowiki>redblack<nowiki>|</nowiki>3em<nowiki>}}</nowiki>
|<nowiki>{{</nowiki>CD<nowiki>|</nowiki>:heart3<nowiki>|</nowiki>red<nowiki>|</nowiki>3em<nowiki>}}</nowiki>
|<nowiki>{{</nowiki>CD<nowiki>|</nowiki>:spade4<nowiki>|</nowiki>black<nowiki>|</nowiki>3em<nowiki>}}</nowiki>
|}
===Zark City Style===
 
And here are example cards displayed in the colors that match the Zark City deck.
{|class="wikitable" style="text-align:center;"
|style="padding:1em;"|{{CD|:clubAdiamondA|greendeepskyblue|3em}}
|<nowiki>{{</nowiki>CD<nowiki>|</nowiki>:diamondA<nowiki>|</nowiki>deepskyblue<nowiki>|</nowiki>3em<nowiki>}}</nowiki>
|{{CD|:diamond2|turquoise|3em}}
|{{CD|:heart3|red|3em}}
|{{CD|:spade4|purple|3em}}
|{{CD|:star5|orange|3em}}
|-
|style="padding:1em;"|{{CD|:club2|green|3em}}
|<nowiki>{{</nowiki>CD<nowiki>|</nowiki>:clubA<nowiki>|</nowiki>green<nowiki>|</nowiki>3em<nowiki>}}</nowiki>
|<nowiki>{{</nowiki>CD<nowiki>|</nowiki>:diamond2club2<nowiki>|</nowiki>turquoisegreen<nowiki>|</nowiki>3em<nowiki>}}</nowiki>
|-
|style="padding:1em;"|{{CD|:heart3|red|3em}}
|<nowiki>{{</nowiki>CD<nowiki>|</nowiki>:heart3<nowiki>|</nowiki>red<nowiki>|</nowiki>3em<nowiki>}}</nowiki>
|-
|style="padding:1em;"|{{CD|:spade4|purple|3em}}
|<nowiki>{{</nowiki>CD<nowiki>|</nowiki>:spade4<nowiki>|</nowiki>purple<nowiki>|</nowiki>3em<nowiki>}}</nowiki>
|-
|style="padding:1em;"|{{CD|:star5|orange|3em}}
|<nowiki>{{</nowiki>CD<nowiki>|</nowiki>:star5<nowiki>|</nowiki>orange<nowiki>|</nowiki>3em<nowiki>}}</nowiki>
|}
 
===Paragraph Text Shown with Inline cards===
Here is a random paragraph with cards shown inline.
 
Bob Ross placeholder text begin. I started painting as a hobby when I was little. I didn't know I had any talent. I believe talent is just a pursued interest. Anybody can do what I do. {{CD|::star3|green|2em}} Just go back and put one little more happy tree in there. Everybody's different. {{CD|::star3|gold|2em}}{{CD|::star3|purple|2em}}{{CD|::star3|royalblue|2em}}Trees are different. Let them all be individuals. We'll put some happy little leaves here and there. These things happen automatically. All you have to do is just let them happen. Everyone wants to enjoy the good parts - {{CD|::star3|royalblue|2em}}but you have to build the framework first. Let's do that again. I'm gonna start with a little Alizarin crimson and a touch of Prussian blue. The very fact that you're aware of suffering is enough reason to be overjoyed that you're alive and can experience it. If you do too much it's going to lose its effectiveness. {{CD|::star3|red|2em}} If you don't think every day is a good day - try missing a few. You'll see. In life you need colors. Fluff it up a little and hypnotize it. We can fix anything. Automatically, all of these beautiful, beautiful things will happen. There we go. Look at them little rascals.
 
 
===Extra Card Symbols===
There are a few extra cards you can display in addition to A-K in the five colored suits:
{|class="wikitable" style="text-align:center;"
|{{CD|:starcarddark||3em}}
|{{CD|:starcardlight||3em}}
|{{CD|:wildcarddark||3em}}
|{{CD|:wildcardlight||3em}}
|-
|:starcarddark
|:starcardlight
|:wildcarddark
|:wildcardlight
|-
|{{CD|:cardspoker||3em}}
|{{CD|:cardsstar||3em}}
|{{CD|:cardsblank||3em}}
|{{CD|:cardback||3em}}
|-
|:cardspoker
|:cardsstar
|:cardsblank
|:cardback
|}
 
Line 63 ⟶ 104:
*D4 = four-sided die
*D6 = six-sided die with pips
*D6D6n = six-sided die with numerals
*D8 = eight-sided die
*D10 = ten-sided die
Line 69 ⟶ 110:
*D20 = twenty-sided die
 
After the type of die, place a hyphen followed by the number you want it to display. <br>If I want to display a ten-sided die that shows the numeral 9, and I'd like it to be a green die, I would type: <big><nowiki>{{CD|:D10-9|green|3em|}}</nowiki><br></big>
which would yield: {{CD|:D10-9|green|2em|}}
You can use capital or lowercase letters for the 'D'.
 
'''Example'''
Line 85 ⟶ 127:
{|class="wikitable" style="text-align:center"
|{{CD|:d4-4|coral|3em}}
|{{CD|:d6-6|goldgoldenrod|3em}}
|{{CD|:d6n-6|forestgreendarkorchid|3em}}
|-
|<nowiki>{{</nowiki>CD<nowiki>|</nowiki>:d4-4<nowiki>|</nowiki>coral<nowiki>|</nowiki>3em<nowiki>}}</nowiki>
|<nowiki>{{</nowiki>CD<nowiki>|</nowiki>:d6-6<nowiki>|</nowiki>goldgoldenrod<nowiki>|</nowiki>3em<nowiki>}}</nowiki>
|<nowiki>{{</nowiki>CD<nowiki>|</nowiki>:d6n-6<nowiki>|</nowiki>forestgreendarkorchid<nowiki>|</nowiki>3em<nowiki>}}</nowiki>
|-
|{{CD|:d8-8|teal|3em}}
|{{CD|:d10-10|seagreen|3em}}
|{{CD|:d10p-70|darkseagreengreen|3em}}
|-
|<nowiki>{{</nowiki>CD<nowiki>|</nowiki>:d8-8<nowiki>|</nowiki>teal<nowiki>|</nowiki>3em<nowiki>}}</nowiki>
|<nowiki>{{</nowiki>CD<nowiki>|</nowiki>:d10-10<nowiki>|</nowiki>seagreen<nowiki>|</nowiki>3em<nowiki>}}</nowiki>
|<nowiki>{{</nowiki>CD<nowiki>|</nowiki>:d10p-70<nowiki>|</nowiki>darkseagreengreen<nowiki>|</nowiki>3em<nowiki>}}</nowiki>
|-
|{{CD|:d12-12|darkturquoisecornflowerblue|3em}}
|{{CD|:d20-17|royalblue|3em}}
|{{CD|:d20-20|navy|3em}}
|-
|<nowiki>{{</nowiki>CD<nowiki>|</nowiki>:d12-12<nowiki>|</nowiki>darkturquoisecornflowerblue<nowiki>|</nowiki>3em<nowiki>}}</nowiki>
|<nowiki>{{</nowiki>CD<nowiki>|</nowiki>:d20-17<nowiki>|</nowiki>royalblue<nowiki>|</nowiki>3em<nowiki>}}</nowiki>
|<nowiki>{{</nowiki>CD<nowiki>|</nowiki>:d20-20<nowiki>|</nowiki>navy<nowiki>|</nowiki>3em<nowiki>}}</nowiki>
Line 133 ⟶ 175:
See also [[How to Use Pyramid Love Font]] for information on the font that lets you display pyramids.
Go to [[Grids and Chessboards]] for ready-made grids you can paste into your rules pages.
 
==Other Symbols for Game Materials / Contents Listing==
There are also a few extra symbols in the font that make it easy to indicate what materials are needed for a given game or to create labeling for rules examples. They are shown here with colors applied -- the same convention applies to these as to the dice and cards above. Choose any color, or leave that part blank and let the symbol show up as default black.
 
{|class="wikitable" style="text-align:center;"
|-
|{{CD|:dice||2em}}
|{{CD|:chessclock||2em}}
|{{CD|:chesspawn||2em}}
|{{CD|:chesspawndark||2em}}
|-
|<code>:dice</code>
|<code>:chessclock</code>
|<code>:chesspawn</code>
|<code>:chesspawndark</code>
|-
|{{CD|:ruler|peru|2em}}
|{{CD|:pencil|gold|2em}}
|{{CD|:pen|royalblue|2em}}
|{{CD|:coins|goldenrod|2em}}
|-
|<code>:ruler</code>
|<code>:pencil</code>
|<code>:pen</code>
|<code>:coins</code>
|-
|{{CD|:hexagon|teal|2em}}
|{{CD|:hexagonhollow|indigo|2em}}
|{{CD|:pokerchip|crimson|2em}}
|{{CD|:button|royalblue|2em}}
|-
|<code>:hexagon</code>
|<code>:hexagonhollow</code>
|<code>:pokerchip</code>
|<code>:button</code>
|-
|{{CD|:cardspoker||3em}}
|{{CD|:cardsstar|goldenrod|3em}}
|{{CD|:cardsblank||3em}}
|{{CD|:cardback|firebrick|3em}}
|-
|:cardspoker
|:cardsstar
|:cardsblank
|:cardback
|-
|{{CD|:correct|green|2em}}
|{{CD|:incorrect|crimson|2em}}
|{{CD|:elbowarrow|mediumblue|2em}}
|-
|<code>:correct</code>
|<code>:incorrect</code>
|<code>:elbowarrow</code>
|}
 
There are also many symbols in the Pyramid Love font, which is also built into this wiki. You can see them at [[How to Use Pyramid Love Font]].