Template:DocBox: Difference between revisions

Latest revision as of 00:07, 28 May 2020

Usage

Please use this string:

{{DocBox|boxwidth=17(5 columns)/21(4)/29(3)/44(2)|system={Android,Linux,Yocto,Hardware,Debian,Ubuntu,Arago,Windows,FreeRTOS}|content=###}}

{{{system}}}

{{{content}}}

@@ Line 1: / Line 1: @@
-<noinclude>{{TemplateGen|params=<nowiki>system=</nowiki>}}</noinclude>
+<noinclude>{{TemplateGen|params=<nowiki>boxwidth=17(5 columns)/21(4)/29(3)/44(2)|system={Android,Linux,Yocto,Hardware,Debian,Ubuntu,Arago,Windows,FreeRTOS}|content=###</nowiki>}}</noinclude>
-<!-- main table -->
+<div class="mt-3 card rounded border-0">
-<div style="width:200px;">
+<div class="card-header bg-{{#switch: {{{system}}}
-{|
+ |Android=green
-|-
+ |Linux=main
-{| style="padding:15px; background-color: #{{#switch: {{{system}}}| android= a4c639| ffffff}}; color: white; font-size:25px; width:100%; border-top-left-radius:5px; border-top-right-radius:5px; "
+ |Yocto=darkblue
-|-
+ |Hardware=secondary
-|{{{system}}}
+ |Debian=pink
-|}
+ |Ubuntu=orange
-|-
+ |FreeRTOS=plate
-{| style="background-image: {{#switch: {{{system}}}| android= [[file:Android.png]]| blue }}; width:100%; "
+ |Arago=purple
-|-
+ |Windows=primary
-|
+ |Boot2Qt=leaf
-*dgdfg
+ |#default=default
-*dfgdfg
+}} text-white" style="font-size: 12pt;">
-*fghfgh
+<div class="font-weight-bold">{{#switch:{{{system}}}| Debian=Debian| Ubuntu=Ubuntu| Arago=Arago| Yocto=Yocto| FreeRTOS=FreeRTOS for M4| {{{system}}}}}</div>
-*fgh
+</div>
-*hfghgh
+<div class="card-body row m-0 p-0">
-|}
+<div class="col d-flex flex-column justify-content-between p-3" style="background-color: #{{#switch: {{{system}}}| Android= F2FAD9| Linux=ffecd7| Yocto= d7e4f2|Hardware=e3e3e3|Debian=f1d8e1 |Ubuntu=ffe3d1 | FreeRTOS=e6fff9 | Arago=fff5dd |Windows=E0F7FD |Boot2Qt=e0fdf1 |@default=cccccc}};">
-|}
+<div>
+{{{content}}}
+</div>
+<div class="align-self-end" style="width:100px;">[[File:{{#switch: {{{system}}}| Android= Android.png| Linux=Linux.png| Yocto=Yocto.png| Hardware=Chip.png|Debian= Debian.png| Ubuntu= Ubuntu.png |Arago= Arago.png |Windows=Windows.png |FreeRTOS=Freertos.png | DART.png}}|class=img-fluid]]
+</div>
+</div>
+</div>
 </div>