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)
 
(26 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.
Line 43 ⟶ 50:
|<nowiki>{{</nowiki>CD<nowiki>|</nowiki>:spade4<nowiki>|</nowiki>black<nowiki>|</nowiki>3em<nowiki>}}</nowiki>
|}
===Examples Side by Side with No Spacing===
{{CD|:club2|black|3em}}{{CD|:diamondQ|darkturquoise|3em}}{{CD|:spade4|black|3em}}{{CD|:heart9|red|3em}}
 
===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|:diamondA|darkturquoisedeepskyblue|3em}}
|<nowiki>{{</nowiki>CD<nowiki>|</nowiki>:diamondA<nowiki>|</nowiki>darkturquoisedeepskyblue<nowiki>|</nowiki>3em<nowiki>}}</nowiki>
|-
|style="padding:1em;"|{{CD|:club2|green|3em}}
Line 64 ⟶ 68:
|<nowiki>{{</nowiki>CD<nowiki>|</nowiki>:star5<nowiki>|</nowiki>orange<nowiki>|</nowiki>3em<nowiki>}}</nowiki>
|}
 
<br>
===Paragraph Text Shown with Inline cards===
To keep the poker cards from jutting up against the borders of the table, add this line to the first row of your table:<br>
Here is a random paragraph with cards shown inline.
<center><code>|style="padding:15px;"|</code></center>
 
For comparison, without the spacing, it looks like this.
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|:diamondAstarcarddark|darkturquoise|3em}}
|{{CD|:starcardlight||3em}}
|<nowiki>{{</nowiki>CD<nowiki>|</nowiki>:diamondA<nowiki>|</nowiki>darkturquoise<nowiki>|</nowiki>3em<nowiki>}}</nowiki>
|{{CD|:wildcarddark||3em}}
|{{CD|:wildcardlight||3em}}
|-
|:starcarddark
|{{CD|:club2|green|3em}}
|:starcardlight
|<nowiki>{{</nowiki>CD<nowiki>|</nowiki>:club2<nowiki>|</nowiki>green<nowiki>|</nowiki>3em<nowiki>}}</nowiki>
|:wildcarddark
|:wildcardlight
|-
|{{CD|:heart3cardspoker|red|3em}}
|{{CD|:cardsstar||3em}}
|<nowiki>{{</nowiki>CD<nowiki>|</nowiki>:heart3<nowiki>|</nowiki>red<nowiki>|</nowiki>3em<nowiki>}}</nowiki>
|{{CD|:cardsblank||3em}}
|{{CD|:cardback||3em}}
|-
|:cardspoker
|{{CD|:spade4|purple|3em}}
|:cardsstar
|<nowiki>{{</nowiki>CD<nowiki>|</nowiki>:spade4<nowiki>|</nowiki>purple<nowiki>|</nowiki>3em<nowiki>}}</nowiki>
|:cardsblank
|-
|:cardback
|{{CD|:star5|orange|3em}}
|<nowiki>{{</nowiki>CD<nowiki>|</nowiki>:star5<nowiki>|</nowiki>orange<nowiki>|</nowiki>3em<nowiki>}}</nowiki>
|}
 
==Other Symbols==
There are also a few extra symbols in the font that make it easy to indicate what materials are needed for a given game.
 
==Displaying Polyhedral Dice==
Line 117 ⟶ 128:
|{{CD|:d4-4|coral|3em}}
|{{CD|:d6-6|goldenrod|3em}}
|{{CD|:d6n-6|golddarkorchid|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>goldenrod<nowiki>|</nowiki>3em<nowiki>}}</nowiki>
|<nowiki>{{</nowiki>CD<nowiki>|</nowiki>:d6n-6<nowiki>|</nowiki>golddarkorchid<nowiki>|</nowiki>3em<nowiki>}}</nowiki>
|-
|{{CD|:d8-8|teal|3em}}
Line 165 ⟶ 176:
Go to [[Grids and Chessboards]] for ready-made grids you can paste into your rules pages.
 
==Other Symbols for Game Materials / Contents Listing==
===Testing EMs===
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.
{{CD|::star2||5em}}
{{CD|::star2||4em}}
{{CD|::star2||3em}}
{{CD|::star2||2em}}
{{CD|::star2||1em}}
<br><hr><br><br><br><br><br>
testtext5em = {{CD|::star2|indigo|5em}}<br>
testtext4em = {{CD|::star2|steelblue|4em}}<br>
testtext3em = {{CD|::star2|forestgreen|3em}}<br>
testtext2em = {{CD|::star2|crimson|2em}}<br>
testtext1em = {{CD|::star2|violet|1em}}<br>
 
{|class="wikitable" style="text-align:center;"
===all at 2em===
|-
testtext2em = {{CD|::star2||2em}}<br>
testtext2em = |{{CD|::star2dice||2em}}<br>
testtext2em = |{{CD|::star2chessclock||2em}}<br>
testtext2em = |{{CD|::star2chesspawn||2em}}<br>
testtext2em = |{{CD|::star2chesspawndark||2em}}<br>
|-
 
|<code>:dice</code>
===all at 3em===
|<code>:chessclock</code>
testtext3em = {{CD|::star3|indigo|3em}}<br>
|<code>:chesspawn</code>
testtext3em = {{CD|::star3|steelblue|3em}}<br>
|<code>:chesspawndark</code>
testtext3em = {{CD|::star3|forestgreen|3em}}<br>
|-
testtext3em = {{CD|::star3|crimson|3em}}<br>
testtext3em = |{{CD|::star3ruler|violetperu|3em2em}}<br>
|{{CD|:pencil|gold|2em}}
<hr><br><br><br><br><br>
|{{CD|::star3pen|indigoroyalblue|3em2em}}<br>
|{{CD|::star3coins|steelbluegoldenrod|3em2em}}<br>
|-
{{CD|::star3|forestgreen|3em}}<br>
|<code>:ruler</code>
{{CD|::star3|crimson|3em}}<br>
|<code>:pencil</code>
{{CD|::star3|violet|3em}}<br>
|<code>:pen</code>
 
|<code>:coins</code>
===paragraph text with 3em inline cards===
|-
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.
|{{CD|:hexagon|teal|2em}}
 
|{{CD|:hexagonhollow|indigo|2em}}
===Ace through King in Clubs===
|{{CD|:pokerchip|crimson|2em}}
{{CD|:clubA|purple|2em}}text{{CD|:club2|purple|2em}}text{{CD|:club3|purple|2em}}text{{CD|:club4|purple|2em}}text{{CD|:club5|purple|2em}}text{{CD|:club6|purple|2em}}text{{CD|:club7|purple|2em}}text{{CD|:club8|purple|2em}}text{{CD|:club9|purple|2em}}text{{CD|:club10|purple|2em}}text{{CD|:clubj|purple|2em}}text{{CD|:clubq|purple|2em}}text{{CD|:clubk|purple|2em}}
|{{CD|:button|royalblue|2em}}
<br/><br/>
|-
clubs{{CD|:cluba|purple|2em}}diamonds{{CD|:diamonda|purple|2em}}hearts{{CD|:hearta|purple|2em}}spades{{CD|:spadea|purple|2em}}text{{CD|:spade2|purple|2em}}
|<br/code>:hexagon<br/code>
|<code>:hexagonhollow</code>
 
|<code>:pokerchip</code>
text<span style="font-family:Cards-and-Dice-2024; font-size:2em;">:club5</span>text
|<code>:button</code>
<span style="font-family:Cards-and-Dice-2024; font-size:2em;">:cluba</span>
|-
<span style="font-family:Cards-and-Dice-2024; font-size:2em;">:hearta</span>
|{{CD|:cardspoker||3em}}
<span style="font-family:Cards-and-Dice-2024; font-size:2em;">:diamonda</span>
|{{CD|:cardsstar|goldenrod|3em}}
<span style="font-family:Cards-and-Dice-2024; font-size:2em;">:spadea</span>
|{{CD|:cardsblank||3em}}
<span style="font-family:Cards-and-Dice-2024; font-size:2em;">:club7</span>
|{{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]].
test-pen-&gt;{{CD|:test-pen||3em}}