Template:Infobox software: Difference between revisions

No edit summary
add css for dark mode
Line 1: Line 1:
<includeonly>
<includeonly>
<table class="infobox" style="width:300px; float:right; clear:right; margin:0 0 1em 1em; border:1px solid #c8ccd1; border-radius:6px; background:#fff; color:#202122; font-size:13px; line-height:1.5; border-collapse:separate; border-spacing:0; overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,0.08);">
<table class="infobox bs-infobox" style="width:300px; float:right; clear:right; margin:0 0 1em 1em; border-radius:6px; font-size:13px; line-height:1.5; border-collapse:separate; border-spacing:0; overflow:hidden;">


<tr>
<tr>
<th colspan="2" style="background:#2c3e50; color:#fff; padding:12px; font-size:20px; text-align:center; font-weight:700;">
<th colspan="2" class="bs-infobox-title">
{{{name|{{PAGENAME}}}}}
{{{name|{{PAGENAME}}}}}
</th>
</th>
Line 10: Line 10:
<!-- LOGO -->
<!-- LOGO -->
{{#if:{{{logo|}}}|<tr>
{{#if:{{{logo|}}}|<tr>
<td colspan="2" style="text-align:center; padding:12px;">
<td colspan="2" class="bs-infobox-logo">
[[File:{{{logo}}}|180px|center]]
[[File:{{{logo}}}|180px|center]]
{{#if:{{{logo caption|}}}|<div style="font-size:11px; color:#54595d; margin-top:6px;">{{{logo caption}}}</div>}}
{{#if:{{{logo caption|}}}|<div class="bs-infobox-caption">{{{logo caption}}}</div>}}
</td>
</td>
</tr>}}
</tr>}}
Line 18: Line 18:
<!-- SCREENSHOT -->
<!-- SCREENSHOT -->
{{#if:{{{screenshot|}}}|<tr>
{{#if:{{{screenshot|}}}|<tr>
<td colspan="2" style="text-align:center; padding:12px; background:#f8f9fa;">
<td colspan="2" class="bs-infobox-screenshot">
[[File:{{{screenshot}}}|250px|center]]
[[File:{{{screenshot}}}|250px|center]]
{{#if:{{{caption|}}}|<div style="font-size:11px; color:#54595d; margin-top:6px;">{{{caption}}}</div>}}
{{#if:{{{caption|}}}|<div class="bs-infobox-caption">{{{caption}}}</div>}}
</td>
</td>
</tr>}}
</tr>}}
Line 26: Line 26:
<!-- PROJECT -->
<!-- PROJECT -->
{{#if:{{{status|}}}{{{category|}}}{{{compute|}}}{{{dependencies|}}}|<tr>
{{#if:{{{status|}}}{{{category|}}}{{{compute|}}}{{{dependencies|}}}|<tr>
<th colspan="2" style="background:#eaecf0; padding:6px; text-align:center; font-size:11px; text-transform:uppercase;">
<th colspan="2" class="bs-infobox-section">Project</th>
Project
</th>
</tr>}}
</tr>}}


{{#if:{{{status|}}}|{{#ifeq:{{{status}}}|Active|<tr style="background:#d4edda;"><th style="width:110px; color:#155724;">Status</th><td style="background:#d4edda; color:#155724; font-weight:600;">{{{status}}}</td></tr>|<tr style="background:#f8d7da;"><th style="width:110px; color:#721c24;">Status</th><td style="background:#f8d7da; color:#721c24; font-weight:600;">{{{status}}}</td></tr>}}}}
{{#if:{{{status|}}}|{{#ifeq:{{{status}}}|Active|
 
<tr class="bs-infobox-active"><th class="bs-infobox-active">Status</th><td class="bs-infobox-active" style="font-weight:600;">{{{status}}}</td></tr>|
{{#if:{{{category|}}}|<tr>
<tr class="bs-infobox-inactive"><th class="bs-infobox-inactive">Status</th><td class="bs-infobox-inactive" style="font-weight:600;">{{{status}}}</td></tr>}}}}
<th>Category</th>
<td>{{{category}}}</td>
</tr>}}


{{#if:{{{compute|}}}|<tr>
{{#if:{{{category|}}}|<tr><th>Category</th><td>{{{category}}}</td></tr>}}
<th>Compute</th>
{{#if:{{{compute|}}}|<tr><th>Compute</th><td>{{{compute}}}</td></tr>}}
<td>{{{compute}}}</td>
{{#if:{{{dependencies|}}}|<tr><th>Requires</th><td>{{{dependencies}}}</td></tr>}}
</tr>}}
 
{{#if:{{{dependencies|}}}|<tr>
<th>Requires</th>
<td>{{{dependencies}}}</td>
</tr>}}


<!-- DEVELOPMENT -->
<!-- DEVELOPMENT -->
{{#if:{{{developer|}}}{{{author|}}}{{{sponsor|}}}{{{maintainer|}}}{{{released|}}}{{{completed|}}}{{{discontinued|}}}{{{repository|}}}|<tr>
{{#if:{{{developer|}}}{{{author|}}}{{{sponsor|}}}{{{maintainer|}}}{{{released|}}}{{{completed|}}}{{{discontinued|}}}{{{repository|}}}|<tr>
<th colspan="2" style="background:#eaecf0; padding:6px; text-align:center; font-size:11px; text-transform:uppercase;">
<th colspan="2" class="bs-infobox-section">Development</th>
Development
</th>
</tr>}}
 
{{#if:{{{developer|}}}|<tr>
<th style="width:110px;">Developer</th>
<td>{{{developer}}}</td>
</tr>}}
 
{{#if:{{{author|}}}|<tr>
<th>Author</th>
<td>{{{author}}}</td>
</tr>}}
 
{{#if:{{{sponsor|}}}|<tr>
<th>Sponsor</th>
<td>{{{sponsor}}}</td>
</tr>}}
 
{{#if:{{{maintainer|}}}|<tr>
<th>Maintainer</th>
<td>{{{maintainer}}}</td>
</tr>}}
</tr>}}


{{#if:{{{released|}}}|<tr>
{{#if:{{{developer|}}}|<tr><th style="width:110px;">Developer</th><td>{{{developer}}}</td></tr>}}
<th>Initial release</th>
{{#if:{{{author|}}}|<tr><th>Author</th><td>{{{author}}}</td></tr>}}
<td>{{{released}}}</td>
{{#if:{{{sponsor|}}}|<tr><th>Sponsor</th><td>{{{sponsor}}}</td></tr>}}
</tr>}}
{{#if:{{{maintainer|}}}|<tr><th>Maintainer</th><td>{{{maintainer}}}</td></tr>}}
 
{{#if:{{{released|}}}|<tr><th>Initial release</th><td>{{{released}}}</td></tr>}}
{{#if:{{{completed|}}}|<tr>
{{#if:{{{completed|}}}|<tr><th>Completed</th><td class="bs-infobox-ended">{{{completed}}}</td></tr>}}
<th>Completed</th>
{{#if:{{{discontinued|}}}|<tr><th>Discontinued</th><td class="bs-infobox-ended">{{{discontinued}}}</td></tr>}}
<td style="color:#b32424; font-weight:600;">{{{completed}}}</td>
{{#if:{{{repository|}}}|<tr><th>Repository</th><td>{{{repository}}}</td></tr>}}
</tr>}}
 
{{#if:{{{discontinued|}}}|<tr>
<th>Discontinued</th>
<td style="color:#b32424; font-weight:600;">{{{discontinued}}}</td>
</tr>}}
 
{{#if:{{{repository|}}}|<tr>
<th>Repository</th>
<td>{{{repository}}}</td>
</tr>}}


<!-- SOFTWARE -->
<!-- SOFTWARE -->
{{#if:{{{programming language|}}}{{{operating system|}}}{{{size|}}}|<tr>
{{#if:{{{programming language|}}}{{{operating system|}}}{{{size|}}}|<tr>
<th colspan="2" style="background:#eaecf0; padding:6px; text-align:center; font-size:11px; text-transform:uppercase;">
<th colspan="2" class="bs-infobox-section">Software</th>
Software
</th>
</tr>}}
 
{{#if:{{{programming language|}}}|<tr>
<th style="width:110px;">Written in</th>
<td>{{{programming language}}}</td>
</tr>}}
 
{{#if:{{{operating system|}}}|<tr>
<th>Operating system</th>
<td>{{{operating system}}}</td>
</tr>}}
</tr>}}


{{#if:{{{size|}}}|<tr>
{{#if:{{{programming language|}}}|<tr><th style="width:110px;">Written in</th><td>{{{programming language}}}</td></tr>}}
<th>Size</th>
{{#if:{{{operating system|}}}|<tr><th>Operating system</th><td>{{{operating system}}}</td></tr>}}
<td>{{{size}}}</td>
{{#if:{{{size|}}}|<tr><th>Size</th><td>{{{size}}}</td></tr>}}
</tr>}}


<!-- BOINC STATS -->
<!-- BOINC STATS -->
{{#if:{{{stats as of|}}}{{{average performance|}}}{{{active users|}}}{{{total users|}}}{{{active hosts|}}}{{{total hosts|}}}|<tr>
{{#if:{{{stats as of|}}}{{{average performance|}}}{{{active users|}}}{{{total users|}}}{{{active hosts|}}}{{{total hosts|}}}|<tr>
<th colspan="2" style="background:#eaecf0; padding:6px; text-align:center; font-size:11px; text-transform:uppercase;">
<th colspan="2" class="bs-infobox-section">BOINC statistics</th>
BOINC statistics
</th>
</tr>}}
 
{{#if:{{{stats as of|}}}|<tr>
<th style="width:110px; background:#e8d5f5; color:#4a235a;">Stats as of</th>
<td style="background:#e8d5f5; color:#4a235a; font-weight:600;">{{{stats as of}}}</td>
</tr>}}
 
{{#if:{{{average performance|}}}|<tr>
<th>Performance</th>
<td>{{{average performance}}}</td>
</tr>}}
 
{{#if:{{{active users|}}}|<tr>
<th>Active users</th>
<td>{{formatnum:{{{active users}}}}}</td>
</tr>}}
 
{{#if:{{{total users|}}}|<tr>
<th>Total users</th>
<td>{{formatnum:{{{total users}}}}}</td>
</tr>}}
 
{{#if:{{{active hosts|}}}|<tr>
<th>Active hosts</th>
<td>{{formatnum:{{{active hosts}}}}}</td>
</tr>}}
</tr>}}


{{#if:{{{total hosts|}}}|<tr>
{{#if:{{{stats as of|}}}|<tr><th style="width:110px;" class="bs-infobox-statsdate">Stats as of</th><td class="bs-infobox-statsdate" style="font-weight:600;">{{{stats as of}}}</td></tr>}}
<th>Total hosts</th>
{{#if:{{{average performance|}}}|<tr><th>Performance</th><td>{{{average performance}}}</td></tr>}}
<td>{{formatnum:{{{total hosts}}}}}</td>
{{#if:{{{active users|}}}|<tr><th>Active users</th><td>{{formatnum:{{{active users}}}}}</td></tr>}}
</tr>}}
{{#if:{{{total users|}}}|<tr><th>Total users</th><td>{{formatnum:{{{total users}}}}}</td></tr>}}
{{#if:{{{active hosts|}}}|<tr><th>Active hosts</th><td>{{formatnum:{{{active hosts}}}}}</td></tr>}}
{{#if:{{{total hosts|}}}|<tr><th>Total hosts</th><td>{{formatnum:{{{total hosts}}}}}</td></tr>}}


<!-- ANALYTICS -->
<!-- ANALYTICS -->
{{#if:{{{rac|}}}{{{credit per day|}}}{{{gpu performance|}}}{{{cpu performance|}}}|<tr>
{{#if:{{{rac|}}}{{{credit per day|}}}{{{gpu performance|}}}{{{cpu performance|}}}|<tr>
<th colspan="2" style="background:#eaecf0; padding:6px; text-align:center; font-size:11px; text-transform:uppercase;">
<th colspan="2" class="bs-infobox-section">Analytics</th>
Analytics
</th>
</tr>}}
</tr>}}


{{#if:{{{rac|}}}|<tr>
{{#if:{{{rac|}}}|<tr><th style="width:110px;">RAC</th><td>{{formatnum:{{{rac}}}}}</td></tr>}}
<th style="width:110px;">RAC</th>
{{#if:{{{credit per day|}}}|<tr><th>Credit/day</th><td>{{formatnum:{{{credit per day}}}}}</td></tr>}}
<td>{{formatnum:{{{rac}}}}}</td>
{{#if:{{{gpu performance|}}}|<tr><th>GPU performance</th><td>{{{gpu performance}}}</td></tr>}}
</tr>}}
{{#if:{{{cpu performance|}}}|<tr><th>CPU performance</th><td>{{{cpu performance}}}</td></tr>}}
 
{{#if:{{{credit per day|}}}|<tr>
<th>Credit/day</th>
<td>{{formatnum:{{{credit per day}}}}}</td>
</tr>}}
 
{{#if:{{{gpu performance|}}}|<tr>
<th>GPU performance</th>
<td>{{{gpu performance}}}</td>
</tr>}}
 
{{#if:{{{cpu performance|}}}|<tr>
<th>CPU performance</th>
<td>{{{cpu performance}}}</td>
</tr>}}


<!-- METADATA -->
<!-- METADATA -->
{{#if:{{{website|}}}{{{license|}}}|<tr>
{{#if:{{{website|}}}{{{license|}}}|<tr>
<th colspan="2" style="background:#eaecf0; padding:6px; text-align:center; font-size:11px; text-transform:uppercase;">
<th colspan="2" class="bs-infobox-section">Metadata</th>
Metadata
</th>
</tr>}}
 
{{#if:{{{website|}}}|<tr>
<th style="width:110px;">Website</th>
<td>{{{website}}}</td>
</tr>}}
</tr>}}


{{#if:{{{license|}}}|<tr>
{{#if:{{{website|}}}|<tr><th style="width:110px;">Website</th><td>{{{website}}}</td></tr>}}
<th>License</th>
{{#if:{{{license|}}}|<tr><th>License</th><td>{{{license}}}</td></tr>}}
<td>{{{license}}}</td>
</tr>}}


</table>
</table>
Line 223: Line 115:
| colspan="3" style="background:#eaecf0; text-align:center;" | '''Project'''
| colspan="3" style="background:#eaecf0; text-align:center;" | '''Project'''
|-
|-
| <code>status</code> || Active, Completed, etc. Red background displays green when "Active" input || No
| <code>status</code> || Active, Completed, etc. Green background when "Active", red otherwise || No
|-
|-
| <code>category</code> || Research category (e.g. Astrophysics, Mathematics) || No
| <code>category</code> || Research category (e.g. Astrophysics, Mathematics) || No