Sb forum speech.png DiscordLink.png FacebookLink.png RedditLink.png SteamLink.png TwitterLink.png YoutubeLink.png

Difference between revisions of "User:Dusty/Sandbox/Templates/Template:dsInfobox"

From Starbase wiki
Jump to navigation Jump to search
 
(64 intermediate revisions by the same user not shown)
Line 1: Line 1:
<noinclude>
__FORCETOC__
This is the documentation for the infobox template as designed by meeeee
=Loading Template=
==Usage==
Copy and paste the source below into the document being edited to load the infobox template. The template is set to float on the right side of the page, and should be hoisted above body content.
==Source==
<pre>{{User:Dusty/Sandbox/Templates/Template:dsInfobox
|image=
|model=
<!-- Overview tab -->
|manufacturer=
|role=
|size=
|crew=
|cargoCapacity=
|productionState=
|generalExtras=
<!-- Marketing section -->
|unitCost=
|runningCost=
|marketingExtras=
<!-- Specifications section -->
|length=
|beam=
|height=
|voxelVolume=
|maxSpeed=
|range=
|specificationsExtra=
<!-- Custom overview header and field section -->
|overviewTabExtra=
<!-- Hull & Frame tab -->
|hull=
|frame=
<!-- Sensors & YOLOL tab -->
|sensors=
|yolol=
<!-- Power & Thrusters tab -->
|power=
|thrusters=
<!-- Devices & Armaments tab -->
|devices=
|armaments=
}}
</pre>
=Configuring Template=
All fields are optional, and can accept strings or HTML. Though the '''Hull & Frame''', '''Sensors & YOLOL''', '''Power & Thrusters''', and '''Devices & Armaments''' tabs can be supplied with unformatted body text, they should instead be supplied with the [[User:Dusty/Sandbox/Templates/Template:dsComponentRow|component row]] template on a per-component basis, with each use of the template separated by a line-break.
==Current Icons List==
<pre>
Beam
Device
Fuel
Light
Plate
Power
Sensor
Thruster
Weapon
Yolol
</pre>
Additional icons can be uploaded and attached with the '''|icon=''' parameter
<gallery>
[[File:Beam.png|thumb]]
[[File:Device.png|thumb]]
[[File:Fuel.png|thumb]]
[[File:Light.png|thumb]]
[[File:Plate.png|thumb]]
[[File:Power.png|thumb]]
[[File:Sensor.png|thumb]]
[[File:Thruster.png|thumb]]
[[File:Weapon.png|thumb]]
[[File:Yolol.png|thumb]]
</gallery>
==Appending Extra Content==
Appending non-standard content to the overview tab can be achieved by adding the [[User:Dusty/Sandbox/Templates/Template:dsHeaderRow|header template]] and/or [[User:Dusty/Sandbox/Templates/Template:dsInfoRow|row template]] as arguments in the '''generalExtras''', '''marketingExtras''', '''specificationsExtras''', and/or '''overviewTabExtra''' parameters. The header template will create a new header which is used to divide each of the sections, eg: general, marketing, and specifications areas. The row template will create a single new cell in its place.
=Example Usage=
An example page with this template can be found [[User:Dusty/Sandbox/TemplateConversion|here]].
<pre>{{User:Dusty/Sandbox/Templates/Template:dsInfobox
|image=Ithaca_IV_Cover.png
|model=Ithaca IV
|manufacturer=Eos Shipyards
|role=Civilian Transport
|size=Medium
|crew=1 Pilot + 1 Co-pilot
|cargoCapacity=0
|productionState=In production
|generalExtras={{Infobox_Infocell
|cellHeader=Passenger Capacity
|cellBody=12
}}
|unitCost=11.2 million credits (approx.)
|runningCost=4,000 credits/hour
|marketingExtras={{Infobox_Infocell
|cellHeader=Rental cost
|cellBody=60,000 credits/hour
}}
|length=36.36 meters
|beam=22.08 meters
|height=10.16 meters
|voxelVolume=789,312,045
|maxSpeed=To be determined
|range=12 hours (est.)
|specificationsExtra={{Infobox_Infocell
|cellHeader=Max Acceleration
|cellBody=Unknown
}}
|overviewTabExtra=
|hull={{Infobox_Component
|component=Plating
|count=60%
|text=[[Bastium]]
|icon=[[File:Plate.png]]
}}
{{Infobox_Component
|component=Plating
|count=30%
|text=[[Bastonium]]
|icon=[[File:Plate.png]]
}}
{{Infobox_Component
|component=Plating
|count=10%
|text=[[Charodium]]
|icon=[[File:Plate.png]]
}}
|frame={{Infobox_Component
|component=Frame
|count=100%
|text=[[Bastium]]
|icon=[[File:Beam.png]]
}}
|sensors={{Infobox_Component
|component=[[Rangefinder]]
|count=2x
|text=Bottom-facing landing sensors
|icon=[[File:Sensor.png]]
}}
{{Infobox_Component
|component=[[Receiver]]
|count=4x
|text=Location processing
|icon=[[File:Sensor.png]]
}}
|yolol={{Infobox_Component
|component=ISAN Processor
|count=1x
|text=Location processing
|icon=[[File:Yolol.png]]
}}
|power={{Infobox_Component
|component=[[Generator]]
|count=14x
|text=No enhancers
|icon=[[File:Power.png]]
}}
{{Infobox_Component
|component=[[Fuel Rod Chamber]]
|count=2
|text=No enhancers
|icon=[[File:Power.png]]
}}
{{Infobox_Component
|component=[[Fuel Rod Chamber]]
|count=2x
|text=[[Tier 3 Enhancers]]
|icon=[[File:Power.png]]
}}
{{Infobox_Component
|component=[[Propellant Tank|Propellant Tank (med.)]]
|count=6x
|text=30,000,000  [[propellant]]  units
|icon=[[File:Fuel.png]]
}}
{{Infobox_Component
|component=[[Propellant Tank|Propellant Tank (sm.)]]
|count=2x
|text=3,000,000  [[propellant]]  units
|icon=[[File:Fuel.png]]
}}
|thrusters={{Infobox_Component
|component=[[Triangle Thruster]]
|count=31x
|text=Main thrust
|icon=[[File:Thruster.png]]
}}
{{Infobox_Component
|component=[[Maneuver Thruster]]
|count=16x
|text=Roll, pitch, yaw placements
|icon=[[File:Thruster.png]]
}}
|devices={{Infobox_Component
|component=[[Lamp]]
|count=28x
|text=Interior lighting
|icon=[[File:Light.png]]
}}
{{Infobox_Component
|component=[[Main Flight Computer|M.F.C]]
|count=1x
|text=Forward orientation
|icon=[[File:Device.png]]
}}
|armaments={{Infobox_Component
|component=[[Mining Laser]]
|count=2x
|text=Lateral placement
|icon=[[File:Weapon.png]]
}}
}}
</pre>
</noinclude>
<includeonly>
<includeonly>
<div class="divInfobox">
<div class="divInfobox">
   <div class="infoboxPicture">{{#if:{{{image|}}}|[[File:{{{image}}}|frameless|center]]|No image submitted.}}</div>
   <div class="infoboxPicture">{{#if:{{{image|}}}|[[File:{{{image}}}]]|No image submitted.}}</div>
   <div class="infoboxTitle">{{#if:{{{model|}}}|{{{model}}}|Name not submitted.}}</div>
   <div class="infoboxTitle">{{#if:{{{model|}}}|{{{model}}}|Name not submitted.}}</div>
   <div class="shipTemplateDesignWrapper">
   <div class="shipTemplateDesignWrapper">
Line 18: Line 245:
       <div class="shipTemplateDesignContent">
       <div class="shipTemplateDesignContent">
         <div class="shipTemplateDesign-overview shipTemplateContent">
         <div class="shipTemplateDesign-overview shipTemplateContent">
             <div class="shipTemplateDesign-overview-inner">{{#if:{{{manufacturer|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Manufacturer</div><div class="infoboxCellBottom">{{{manufacturer}}}</div></div>}}{{#if:{{{role|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Role</div><div class="infoboxCellBottom">{{{role}}}</div></div>}}{{#if:{{{size|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Size</div><div class="infoboxCellBottom">{{{size}}}</div></div>}}{{#if:{{{crew|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Crew</div><div class="infoboxCellBottom">{{{crew}}}</div></div>}}{{#if:{{{cargoCapacity|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Cargo Capacity</div><div class="infoboxCellBottom">{{{cargoCapacity}}}</div></div>}}{{#if:{{{productionState|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Production State</div><div class="infoboxCellBottom">{{{productionState}}}</div></div>}}{{#if:{{{initialPrice|}}}{{{runningCost|}}}|<div class="infoboxHeader">Market</div>}}{{#if:{{{unitCost|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Unit price</div><div class="infoboxCellBottom">{{{unitCost}}}</div></div>}}{{#if:{{{runningCost|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Cost of running</div><div class="infoboxCellBottom">{{{runningCost}}}</div></div>}}{{#if:{{{length|}}}{{{beam|}}}{{{height|}}}{{{voxelVolume|}}}{{{maxSpeed|}}}|<div class="infoboxHeader">Specifications</div>}}{{#if:{{{length|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Length</div><div class="infoboxCellBottom">{{{length}}}</div></div>}}{{#if:{{{beam|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Beam</div><div class="infoboxCellBottom">{{{beam}}}</div></div>}}{{#if:{{{height|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Height</div><div class="infoboxCellBottom">{{{height}}}</div></div>}}{{#if:{{{voxelVolume|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Voxel volume</div><div class="infoboxCellBottom">{{{voxelVolume}}}</div></div>}}{{#if:{{{maxSpeed|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Max speed</div><div class="infoboxCellBottom">{{{maxSpeed}}}</div></div>}}<div class="shipTemplate-hiddenWarning">No data found..</div>
             <div class="shipTemplateDesign-overview-inner">{{#if:{{{manufacturer|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Manufacturer</div><div class="infoboxCellBottom">{{{manufacturer}}}</div></div>}}{{#if:{{{role|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Role</div><div class="infoboxCellBottom">{{{role}}}</div></div>}}{{#if:{{{size|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Size</div><div class="infoboxCellBottom">{{{size}}}</div></div>}}{{#if:{{{crew|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Crew</div><div class="infoboxCellBottom">{{{crew}}}</div></div>}}{{#if:{{{cargoCapacity|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Cargo Capacity</div><div class="infoboxCellBottom">{{{cargoCapacity}}}</div></div>}}{{#if:{{{productionState|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Production State</div><div class="infoboxCellBottom">{{{productionState}}}</div></div>}}{{#if:{{{generalExtras|}}}|{{{generalExtras}}}}}{{#if:{{{initialPrice|}}}{{{runningCost|}}}{{{marketingExtras|}}}|<div class="infoboxHeader">Market</div>}}{{#if:{{{unitCost|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Unit price</div><div class="infoboxCellBottom">{{{unitCost}}}</div></div>}}{{#if:{{{runningCost|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Cost of running</div><div class="infoboxCellBottom">{{{runningCost}}}</div></div>}}{{#if:{{{marketingExtras|}}}|{{{marketingExtras}}}}}{{#if:{{{length|}}}{{{beam|}}}{{{height|}}}{{{voxelVolume|}}}{{{maxSpeed|}}}{{{range|}}}|<div class="infoboxHeader">Specifications</div>}}{{#if:{{{length|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Length</div><div class="infoboxCellBottom">{{{length}}}</div></div>}}{{#if:{{{beam|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Beam</div><div class="infoboxCellBottom">{{{beam}}}</div></div>}}{{#if:{{{height|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Height</div><div class="infoboxCellBottom">{{{height}}}</div></div>}}{{#if:{{{voxelVolume|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Voxel volume</div><div class="infoboxCellBottom">{{{voxelVolume}}}</div></div>}}{{#if:{{{maxSpeed|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Max speed</div><div class="infoboxCellBottom">{{{maxSpeed}}}</div></div>}}{{#if:{{{range|}}}|<div class="infoboxCell"><div class="infoboxCellTop">Range</div><div class="infoboxCellBottom">{{{range}}}</div></div>}}{{#if:{{{specificationsExtra|}}}|{{{specificationsExtra|}}}}}{{#if:{{{overviewTabExtra|}}}|{{{overviewTabExtra}}}}}<div class="shipTemplate-hiddenWarning">No data found..</div>
             </div>
             </div>
         </div>
         </div>
Line 67: Line 294:
   display: flex;
   display: flex;
   flex-grow: 1;
   flex-grow: 1;
  padding: .25em 1em;
}
}
.shipTemplateTab a {
.shipTemplateTab a {
Line 74: Line 302:
   align-items: center;
   align-items: center;
   font-size: 1.3em;
   font-size: 1.3em;
  padding: 0 1.4em 0.2em 1.4em;
   flex-grow: 1;
   flex-grow: 1;
   text-decoration: none;
   text-decoration: none;
Line 119: Line 346:
}
}
.infoboxPicture {
.infoboxPicture {
   display: flex;
   text-align: center;
  justify-content: center;
  align-items: center;
   padding: 20px 0;
   padding: 20px 0;
}
.infoboxPicture img {
  width:90%;
  height:90%;
}
}
.shipTemplateDesignCategories {
.shipTemplateDesignCategories {
Line 134: Line 363:
   border: 1px solid #4b4b4b;
   border: 1px solid #4b4b4b;
   padding: 10px;
   padding: 10px;
}
.shipTemplateDesignRow {
  display:flex;
  justify-content: center;
  border-top: 1px solid #4b4b4b;
  height: 60px;
  align-items: center;
  white-space: pre;
}
}
.shipTemplateDesignHeader, .infoboxHeader {
.shipTemplateDesignHeader, .infoboxHeader {
   font-size:1.6em;
   font-size:1.4em;
   height:40px;
   height:20px;
   background:linear-gradient(#1f3e40, #2c585b);
   background:linear-gradient(#1f3e40, #2c585b);
   display: flex;
   display: flex;
Line 151: Line 372:
   align-items: center;
   align-items: center;
   width: 100%;
   width: 100%;
  padding: 2px 0;
}
}
.shipTemplateDesignComponentLeft, .shipTemplateDesignComponentRight {
 
   width: 50%;
 
/* Row CSS */
 
.shipTemplateDesignRow {
  display: flex;
  box-sizing: border-box;
   width: 100%;
  text-align: center;
   align-items: center;
   align-items: center;
   justify-content: center;
   justify-content: center;
  white-space: pre-wrap;
  height: 60px;
}
.shipTemplateDesignComponentLeft, .shipTemplateDesignComponentRight {
  width: 48%;
  height: 75%;
   display: flex;
   display: flex;
   height: 75%;
   justify-content: center;
   padding: 0 1%;
   align-items: center;
}
.shipTemplateDesignComponentLeft {
  border-right: 1px solid #4b4b4b;
}
}
.shipTemplateDesignComponentRight {
.shipTemplateDesignComponentRight {
   border-left: 1px solid #4b4b4b
   word-break: break-all;
}
}
.shipTemplateDesignComponent-InnerLeft {
.shipTemplateComponentName {
   font-weight:bold;
  flex-basis: 55%;
   width: 80%;
   margin-right: .25em;
   justify-content: left;
}
.shipTemplateComponentIcon {
   max-width: 40px;
   max-height: 40px;
   display: flex;
   display: flex;
   align-items: center;
   justify-content: center;
  flex-basis: 27.5%;
  flex-shrink:2;
}
}
.shipTemplateComponentCount {
.shipTemplateComponentCount {
   width: 20%;
   flex-basis: 7.5%;
  justify-content: center;
  display: flex;
}
}
.shipTemplateComponentIcon {
.shipTemplateComponentIcon img {
   width:40px;
   width: 100%;
   height:40px;
   height: 100%;
  border:1px solid gray;
  margin-right: 10px;
}
@media (width < 1000px) {
  .shipTemplateComponentIcon {
    display:none;
  }
}
}
.shipTemplateDesign-overview-inner {
.shipTemplateDesign-overview-inner {
Line 198: Line 432:
}
}
.infoboxCell {
.infoboxCell {
   width: 45%;
   width: calc(45% - 10px);
   padding:10px;
   padding:10px;
}
}
Line 204: Line 438:
   font-weight: bold;
   font-weight: bold;
}
}
/* Media Queries */
@media only screen
and (width < 900px)
and (orientation: landscape) {
  .shipTemplateComponentIcon {
    display:none;
  }
}
@media only screen
  and (pointer:coarse) ,
  only screen
  and (width < 800px)
  and (orientation: portrait) {
    .divInfobox {
      float: none;
      width:100%;
      font-size: 1.35em;
    }
    .infoboxPicture {
      padding: 0;
    }
    .infoboxTitle {
      font-size: 1.5em;
    }
    .shipTemplateDesignWrapper {
    }
    .shipTemplateDesignRow {
      height: auto;
    }
}
}}
}}
</includeonly>
</includeonly>
<noinclude>
Documentation might take a while!
</noinclude>

Latest revision as of 00:43, 26 July 2020


This is the documentation for the infobox template as designed by meeeee

Loading Template

Usage

Copy and paste the source below into the document being edited to load the infobox template. The template is set to float on the right side of the page, and should be hoisted above body content.

Source

{{User:Dusty/Sandbox/Templates/Template:dsInfobox
|image=
|model=

<!-- Overview tab -->
|manufacturer=
|role=
|size=
|crew=
|cargoCapacity=
|productionState=
|generalExtras=

<!-- Marketing section -->
|unitCost=
|runningCost=
|marketingExtras=

<!-- Specifications section -->
|length=
|beam=
|height=
|voxelVolume=
|maxSpeed=
|range=
|specificationsExtra=

<!-- Custom overview header and field section -->
|overviewTabExtra=

<!-- Hull & Frame tab -->
|hull=
|frame=

<!-- Sensors & YOLOL tab -->
|sensors=
|yolol=

<!-- Power & Thrusters tab -->
|power=
|thrusters=

<!-- Devices & Armaments tab -->
|devices=
|armaments=
}}

Configuring Template

All fields are optional, and can accept strings or HTML. Though the Hull & Frame, Sensors & YOLOL, Power & Thrusters, and Devices & Armaments tabs can be supplied with unformatted body text, they should instead be supplied with the component row template on a per-component basis, with each use of the template separated by a line-break.

Current Icons List

Beam
Device
Fuel
Light
Plate
Power
Sensor
Thruster
Weapon
Yolol

Additional icons can be uploaded and attached with the |icon= parameter


Appending Extra Content

Appending non-standard content to the overview tab can be achieved by adding the header template and/or row template as arguments in the generalExtras, marketingExtras, specificationsExtras, and/or overviewTabExtra parameters. The header template will create a new header which is used to divide each of the sections, eg: general, marketing, and specifications areas. The row template will create a single new cell in its place.

Example Usage

An example page with this template can be found here.

{{User:Dusty/Sandbox/Templates/Template:dsInfobox
|image=Ithaca_IV_Cover.png
|model=Ithaca IV
|manufacturer=Eos Shipyards
|role=Civilian Transport
|size=Medium
|crew=1 Pilot + 1 Co-pilot
|cargoCapacity=0
|productionState=In production
|generalExtras={{Infobox_Infocell
|cellHeader=Passenger Capacity
|cellBody=12
}}
|unitCost=11.2 million credits (approx.)
|runningCost=4,000 credits/hour
|marketingExtras={{Infobox_Infocell
|cellHeader=Rental cost
|cellBody=60,000 credits/hour
}}
|length=36.36 meters
|beam=22.08 meters
|height=10.16 meters
|voxelVolume=789,312,045
|maxSpeed=To be determined
|range=12 hours (est.)
|specificationsExtra={{Infobox_Infocell
|cellHeader=Max Acceleration
|cellBody=Unknown
}}
|overviewTabExtra=
|hull={{Infobox_Component
|component=Plating
|count=60%
|text=[[Bastium]]
|icon=[[File:Plate.png]]
}}
{{Infobox_Component
|component=Plating
|count=30%
|text=[[Bastonium]]
|icon=[[File:Plate.png]]
}}
{{Infobox_Component
|component=Plating
|count=10%
|text=[[Charodium]]
|icon=[[File:Plate.png]]
}}
|frame={{Infobox_Component
|component=Frame
|count=100%
|text=[[Bastium]]
|icon=[[File:Beam.png]]
}}
|sensors={{Infobox_Component
|component=[[Rangefinder]]
|count=2x
|text=Bottom-facing landing sensors
|icon=[[File:Sensor.png]]
}}
{{Infobox_Component
|component=[[Receiver]]
|count=4x
|text=Location processing
|icon=[[File:Sensor.png]]
}}
|yolol={{Infobox_Component
|component=ISAN Processor
|count=1x
|text=Location processing
|icon=[[File:Yolol.png]]
}}
|power={{Infobox_Component
|component=[[Generator]]
|count=14x
|text=No enhancers
|icon=[[File:Power.png]]
}}
{{Infobox_Component
|component=[[Fuel Rod Chamber]]
|count=2
|text=No enhancers
|icon=[[File:Power.png]]
}}
{{Infobox_Component
|component=[[Fuel Rod Chamber]]
|count=2x
|text=[[Tier 3 Enhancers]]
|icon=[[File:Power.png]]
}}
{{Infobox_Component
|component=[[Propellant Tank|Propellant Tank (med.)]]
|count=6x
|text=30,000,000  [[propellant]]  units
|icon=[[File:Fuel.png]]
}}
{{Infobox_Component
|component=[[Propellant Tank|Propellant Tank (sm.)]]
|count=2x
|text=3,000,000  [[propellant]]  units
|icon=[[File:Fuel.png]]
}}
|thrusters={{Infobox_Component
|component=[[Triangle Thruster]]
|count=31x
|text=Main thrust
|icon=[[File:Thruster.png]]
}}
{{Infobox_Component
|component=[[Maneuver Thruster]]
|count=16x
|text=Roll, pitch, yaw placements
|icon=[[File:Thruster.png]]
}}
|devices={{Infobox_Component
|component=[[Lamp]]
|count=28x
|text=Interior lighting
|icon=[[File:Light.png]]
}}
{{Infobox_Component
|component=[[Main Flight Computer|M.F.C]]
|count=1x
|text=Forward orientation
|icon=[[File:Device.png]]
}}
|armaments={{Infobox_Component
|component=[[Mining Laser]]
|count=2x
|text=Lateral placement
|icon=[[File:Weapon.png]]
}}
}}


Cookies help us deliver our services. By using our services, you agree to our use of cookies.