|
|
| Line 8: |
Line 8: |
| |AI_Notes=AI Notes | | |AI_Notes=AI Notes |
| }} | | }} |
| ==Button Template== | | ==Font sizes== |
| {{ButtonsGroup
| | Here's some text |
| |RecordsName=Records Display Name
| | * Here's a bullet one level down ([[Main Page]]) |
| |RecordsLink=Main Page
| | * Here's a bullet two levels down ([[Main Page]]) |
| |StartedLink=Main Page
| | ** Here's a bullet under another bullet ([[Main Page]]) |
| }}
| | ** Here's a bullet under another bullet ([[Main Page]]) |
| | |
| ==Buttons code but external class==
| |
| <div style="display:flex; flex-flow:row wrap; justify-content:flex-start; gap:20px;">
| |
| <div class="online_records_button" style="align-content:center;">[[{{{RecordsLink|Main Page}}}|{{{RecordsName|Records Display Name}}}]]</div>
| |
| <div class="community_button" style="align-content:center;">[[Online Research Help|Online<br>Research Help]]</div>
| |
| {{#if:{{{StartedLink|Main Page}}}|<div class="red_online_button" style="align-content:center;">[[{{{StartedLink|Main Page}}}|Getting<br>Started]]</div>|{{#ifexist: {{#replace:{{PAGENAME}}|Genealogy|}} Getting Started |<div class="red_online_button" style="align-content:center;">[[{{{StartedLink|Main Page}}}|Getting<br>Started]]</div>}}}}
| |
| </div>
| |
| | |
| ==Buttons code including class==
| |
| <div style="display:flex; flex-flow:row wrap; justify-content:flex-start; gap:20px;">
| |
| <div style="align-content:center; background-color: #3073dd; border-radius: 10px; color: white !important; width: 210px; text-align: center; text-decoration: none; font-size: 1.1em; margin: 5px; padding: 5px; display: block; text-decoration: none !important;">[[{{{RecordsLink|Main Page}}}|{{{RecordsName|Records Display Name}}}]]</div>
| |
| <div style="align-content:center; background-color: #8a5c8a; border-radius: 10px; color: white; width: 210px; text-align: center; text-decoration: none; font-size: 1.1em; margin: 5px; padding: 5px; display: block;">[[Online Research Help|Online<br>Research Help]]</div>
| |
| {{#if:{{{StartedLink|Main Page}}}|<div style="align-content:center; background-color: #d42111; border-radius: 10px; color: white; width: 210px; text-align: center; text-decoration: none; font-size: 1.1em; margin: 5px; padding: 5px; display: block;">[[{{{StartedLink|Main Page}}}|Getting<br>Started]]</div>|{{#ifexist: {{#replace:{{PAGENAME}}|Genealogy|}} Getting Started |<div class="red_online_button" style="align-content:center;">[[{{{StartedLink|Main Page}}}|Getting<br>Started]]</div>}}}}
| |
| </div>
| |