main systems
This commit is contained in:
Yanick Champoux
parent
0f4e243be8
commit
38fecaefd0
|
Before Width: | Height: | Size: 860 B After Width: | Height: | Size: 860 B |
175
public/icons/internal-systems.svg
Normal file
175
public/icons/internal-systems.svg
Normal file
@ -0,0 +1,175 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
version="1.1"
|
||||
id="Layer_1"
|
||||
x="0px"
|
||||
y="0px"
|
||||
viewBox="0 0 743.40002 273.60001"
|
||||
enable-background="new 0 0 960 560"
|
||||
xml:space="preserve"
|
||||
sodipodi:docname="internal-systems.svg"
|
||||
width="743.40002"
|
||||
height="273.60001"
|
||||
inkscape:version="0.92.4 (5da689c313, 2019-01-14)"><metadata
|
||||
id="metadata164"><rdf:RDF><cc:Work
|
||||
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
|
||||
id="defs162" /><sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="778"
|
||||
inkscape:window-height="481"
|
||||
id="namedview160"
|
||||
showgrid="false"
|
||||
fit-margin-top="0"
|
||||
fit-margin-left="0"
|
||||
fit-margin-right="0"
|
||||
fit-margin-bottom="0"
|
||||
inkscape:zoom="0.36770833"
|
||||
inkscape:cx="371.7"
|
||||
inkscape:cy="136.8"
|
||||
inkscape:window-x="317"
|
||||
inkscape:window-y="165"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="Layer_1" />
|
||||
<polygon
|
||||
stroke-miterlimit="10"
|
||||
points="179.2,152.2 117.3,214.1 117.3,345.9 179.2,407.8 780.8,407.8 842.7,345.9 842.7,214.1 780.8,152.2 "
|
||||
id="polygon127"
|
||||
style="fill:none;stroke:#303030;stroke-width:18;stroke-miterlimit:10"
|
||||
transform="translate(-108.3,-143.2)" />
|
||||
<g
|
||||
id="g157"
|
||||
transform="translate(-108.3,-143.2)">
|
||||
<rect
|
||||
x="196.89999"
|
||||
y="194.5"
|
||||
stroke-miterlimit="10"
|
||||
width="165.89999"
|
||||
height="171"
|
||||
id="rect129"
|
||||
style="stroke:#000000;stroke-width:4.76130009;stroke-miterlimit:10" />
|
||||
<rect
|
||||
x="397.10001"
|
||||
y="194.5"
|
||||
stroke-miterlimit="10"
|
||||
width="165.89999"
|
||||
height="171"
|
||||
id="rect131"
|
||||
style="stroke:#000000;stroke-width:4.76130009;stroke-miterlimit:10" />
|
||||
<rect
|
||||
x="597.20001"
|
||||
y="194.5"
|
||||
stroke-miterlimit="10"
|
||||
width="165.89999"
|
||||
height="171"
|
||||
id="rect133"
|
||||
style="stroke:#000000;stroke-width:4.76130009;stroke-miterlimit:10" />
|
||||
|
||||
<rect
|
||||
x="220.10001"
|
||||
y="294.10001"
|
||||
stroke-miterlimit="10"
|
||||
width="119.4"
|
||||
height="19.4"
|
||||
id="rect135"
|
||||
style="fill:#ffffff;stroke:#ffffff;stroke-width:4.76130009;stroke-miterlimit:10" />
|
||||
|
||||
<rect
|
||||
x="220.10001"
|
||||
y="322.70001"
|
||||
stroke-miterlimit="10"
|
||||
width="119.4"
|
||||
height="19.4"
|
||||
id="rect137"
|
||||
style="fill:#ffffff;stroke:#ffffff;stroke-width:4.76130009;stroke-miterlimit:10" />
|
||||
|
||||
<rect
|
||||
x="220.10001"
|
||||
y="265.5"
|
||||
stroke-miterlimit="10"
|
||||
width="119.4"
|
||||
height="19.4"
|
||||
id="rect139"
|
||||
style="fill:#ffffff;stroke:#ffffff;stroke-width:4.76130009;stroke-miterlimit:10" />
|
||||
<path
|
||||
stroke-miterlimit="10"
|
||||
d="m 279.8,204.4 c -19.3,0 -34.9,15.6 -34.9,34.9 0,19.3 15.6,34.9 34.9,34.9 19.3,0 34.9,-15.6 34.9,-34.9 0,-19.3 -15.6,-34.9 -34.9,-34.9 z m 0,53.2 c -10.1,0 -18.3,-8.2 -18.3,-18.3 0,-10.1 8.2,-18.3 18.3,-18.3 10.1,0 18.3,8.2 18.3,18.3 0,10.1 -8.2,18.3 -18.3,18.3 z"
|
||||
id="path141"
|
||||
inkscape:connector-curvature="0"
|
||||
style="fill:#ffffff;stroke:#ffffff;stroke-width:4.76130009;stroke-miterlimit:10" />
|
||||
<ellipse
|
||||
stroke-miterlimit="10"
|
||||
cx="480"
|
||||
cy="280"
|
||||
rx="63.799999"
|
||||
ry="74.5"
|
||||
id="ellipse143"
|
||||
style="stroke:#ffffff;stroke-width:5.13619995;stroke-miterlimit:10" />
|
||||
<circle
|
||||
stroke-miterlimit="10"
|
||||
cx="480"
|
||||
cy="228.5"
|
||||
r="15.8"
|
||||
id="circle145"
|
||||
style="fill:#ffffff;stroke:#ffffff;stroke-width:5.13619995;stroke-miterlimit:10" />
|
||||
<path
|
||||
stroke-miterlimit="10"
|
||||
d="M 427.6,250.5 H 531 c 0,0 -46.9,7.1 -51.7,93.1 0,0 4.4,-85.4 -51.7,-93.1 z"
|
||||
id="path147"
|
||||
inkscape:connector-curvature="0"
|
||||
style="fill:#ffffff;stroke:#ffffff;stroke-width:5.13619995;stroke-miterlimit:10" />
|
||||
<circle
|
||||
stroke-miterlimit="10"
|
||||
cx="680.20001"
|
||||
cy="280"
|
||||
r="10.3"
|
||||
id="circle149"
|
||||
style="fill:#ffffff;stroke:#ffffff;stroke-width:3.75830007;stroke-miterlimit:10" />
|
||||
|
||||
<ellipse
|
||||
transform="matrix(0.7431,-0.6691,0.6691,0.7431,-12.654,527.0353)"
|
||||
stroke-miterlimit="10"
|
||||
cx="680.20001"
|
||||
cy="280"
|
||||
rx="17.6"
|
||||
ry="75.5"
|
||||
id="ellipse151"
|
||||
style="fill:none;stroke:#ffffff;stroke-width:4.84919977;stroke-miterlimit:10" />
|
||||
|
||||
<ellipse
|
||||
transform="matrix(-0.5878,-0.809,0.809,-0.5878,853.4232,994.8409)"
|
||||
stroke-miterlimit="10"
|
||||
cx="680.20001"
|
||||
cy="280"
|
||||
rx="17.6"
|
||||
ry="75.5"
|
||||
id="ellipse153"
|
||||
style="fill:none;stroke:#ffffff;stroke-width:4.84919977;stroke-miterlimit:10" />
|
||||
|
||||
<ellipse
|
||||
transform="matrix(-0.9781,-0.2079,0.2079,-0.9781,1287.2416,695.2945)"
|
||||
stroke-miterlimit="10"
|
||||
cx="680.20001"
|
||||
cy="280"
|
||||
rx="17.6"
|
||||
ry="75.5"
|
||||
id="ellipse155"
|
||||
style="fill:none;stroke:#ffffff;stroke-width:4.84919977;stroke-miterlimit:10" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.1 KiB |
57
public/icons/standard-drive.svg
Normal file
57
public/icons/standard-drive.svg
Normal file
@ -0,0 +1,57 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
version="1.1"
|
||||
id="Layer_1"
|
||||
x="0px"
|
||||
y="0px"
|
||||
viewBox="0 0 625 520.20758"
|
||||
enable-background="new 0 0 960 560"
|
||||
xml:space="preserve"
|
||||
sodipodi:docname="standard-drive.svg"
|
||||
width="625"
|
||||
height="520.20758"
|
||||
inkscape:version="0.92.4 (5da689c313, 2019-01-14)"><metadata
|
||||
id="metadata13"><rdf:RDF><cc:Work
|
||||
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
|
||||
id="defs11" /><sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="778"
|
||||
inkscape:window-height="481"
|
||||
id="namedview9"
|
||||
showgrid="false"
|
||||
fit-margin-top="0"
|
||||
fit-margin-left="0"
|
||||
fit-margin-right="0"
|
||||
fit-margin-bottom="0"
|
||||
inkscape:zoom="0.36770833"
|
||||
inkscape:cx="313"
|
||||
inkscape:cy="259"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="34"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="Layer_1" />
|
||||
<polygon
|
||||
stroke-miterlimit="10"
|
||||
points="180,215.8 479.5,34 779,215.8 779,526 180,526 "
|
||||
id="polygon2"
|
||||
style="fill:none;stroke:#000000;stroke-width:26;stroke-miterlimit:10"
|
||||
transform="translate(-167,-18.792427)" />
|
||||
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.8 KiB |
@ -1,33 +0,0 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 960 560" enable-background="new 0 0 960 560" xml:space="preserve">
|
||||
<polygon fill="none" stroke="#303030" stroke-width="18" stroke-miterlimit="10" points="842.7,214.1 780.8,152.2 179.2,152.2
|
||||
117.3,214.1 117.3,345.9 179.2,407.8 780.8,407.8 842.7,345.9 "/>
|
||||
<g>
|
||||
<rect x="196.9" y="194.5" stroke="#000000" stroke-width="4.7613" stroke-miterlimit="10" width="165.9" height="171"/>
|
||||
<rect x="397.1" y="194.5" stroke="#000000" stroke-width="4.7613" stroke-miterlimit="10" width="165.9" height="171"/>
|
||||
<rect x="597.2" y="194.5" stroke="#000000" stroke-width="4.7613" stroke-miterlimit="10" width="165.9" height="171"/>
|
||||
|
||||
<rect x="220.1" y="294.1" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="4.7613" stroke-miterlimit="10" width="119.4" height="19.4"/>
|
||||
|
||||
<rect x="220.1" y="322.7" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="4.7613" stroke-miterlimit="10" width="119.4" height="19.4"/>
|
||||
|
||||
<rect x="220.1" y="265.5" fill="#FFFFFF" stroke="#FFFFFF" stroke-width="4.7613" stroke-miterlimit="10" width="119.4" height="19.4"/>
|
||||
<path fill="#FFFFFF" stroke="#FFFFFF" stroke-width="4.7613" stroke-miterlimit="10" d="M279.8,204.4c-19.3,0-34.9,15.6-34.9,34.9
|
||||
s15.6,34.9,34.9,34.9s34.9-15.6,34.9-34.9S299.1,204.4,279.8,204.4z M279.8,257.6c-10.1,0-18.3-8.2-18.3-18.3
|
||||
c0-10.1,8.2-18.3,18.3-18.3c10.1,0,18.3,8.2,18.3,18.3C298.1,249.4,289.9,257.6,279.8,257.6z"/>
|
||||
<ellipse stroke="#FFFFFF" stroke-width="5.1362" stroke-miterlimit="10" cx="480" cy="280" rx="63.8" ry="74.5"/>
|
||||
<circle fill="#FFFFFF" stroke="#FFFFFF" stroke-width="5.1362" stroke-miterlimit="10" cx="480" cy="228.5" r="15.8"/>
|
||||
<path fill="#FFFFFF" stroke="#FFFFFF" stroke-width="5.1362" stroke-miterlimit="10" d="M427.6,250.5h103.4c0,0-46.9,7.1-51.7,93.1
|
||||
C479.3,343.6,483.7,258.2,427.6,250.5z"/>
|
||||
<circle fill="#FFFFFF" stroke="#FFFFFF" stroke-width="3.7583" stroke-miterlimit="10" cx="680.2" cy="280" r="10.3"/>
|
||||
|
||||
<ellipse transform="matrix(0.7431 -0.6691 0.6691 0.7431 -12.654 527.0353)" fill="none" stroke="#FFFFFF" stroke-width="4.8492" stroke-miterlimit="10" cx="680.2" cy="280" rx="17.6" ry="75.5"/>
|
||||
|
||||
<ellipse transform="matrix(-0.5878 -0.809 0.809 -0.5878 853.4232 994.8409)" fill="none" stroke="#FFFFFF" stroke-width="4.8492" stroke-miterlimit="10" cx="680.2" cy="280" rx="17.6" ry="75.5"/>
|
||||
|
||||
<ellipse transform="matrix(-0.9781 -0.2079 0.2079 -0.9781 1287.2416 695.2945)" fill="none" stroke="#FFFFFF" stroke-width="4.8492" stroke-miterlimit="10" cx="680.2" cy="280" rx="17.6" ry="75.5"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 2.8 KiB |
57
public/standard-drive.svg
Normal file
57
public/standard-drive.svg
Normal file
@ -0,0 +1,57 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
version="1.1"
|
||||
id="Layer_1"
|
||||
x="0px"
|
||||
y="0px"
|
||||
viewBox="0 0 625 520.20758"
|
||||
enable-background="new 0 0 960 560"
|
||||
xml:space="preserve"
|
||||
sodipodi:docname="standard-drive.svg"
|
||||
width="625"
|
||||
height="520.20758"
|
||||
inkscape:version="0.92.4 (5da689c313, 2019-01-14)"><metadata
|
||||
id="metadata13"><rdf:RDF><cc:Work
|
||||
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
|
||||
id="defs11" /><sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="778"
|
||||
inkscape:window-height="481"
|
||||
id="namedview9"
|
||||
showgrid="false"
|
||||
fit-margin-top="0"
|
||||
fit-margin-left="0"
|
||||
fit-margin-right="0"
|
||||
fit-margin-bottom="0"
|
||||
inkscape:zoom="0.36770833"
|
||||
inkscape:cx="313"
|
||||
inkscape:cy="259"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="34"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="Layer_1" />
|
||||
<polygon
|
||||
stroke-miterlimit="10"
|
||||
points="180,215.8 479.5,34 779,215.8 779,526 180,526 "
|
||||
id="polygon2"
|
||||
style="fill:none;stroke:#000000;stroke-width:26;stroke-miterlimit:10"
|
||||
transform="translate(-167,-18.792427)" />
|
||||
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.8 KiB |
41
src/components/Output/Print/MainSystems/index.svelte
Normal file
41
src/components/Output/Print/MainSystems/index.svelte
Normal file
@ -0,0 +1,41 @@
|
||||
<div class="main_systems">
|
||||
|
||||
{#if ftl !== "none" }
|
||||
<img class="ftl" src="icons/ftl-drive.svg" alt="ftl drive" />
|
||||
{/if}
|
||||
|
||||
{#if engine > 0}
|
||||
<div class="thrust">{engine}</div>
|
||||
{/if}
|
||||
|
||||
<img class="internal" src="icons/internal-systems.svg" alt="internal systems"/>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
export let ftl = 'none';
|
||||
export let engine = 0;
|
||||
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.thrust {
|
||||
background-image: url(icons/standard-drive.svg);
|
||||
width: 2em;
|
||||
background-size: 2em;
|
||||
background-repeat: no-repeat;
|
||||
height: 2em;
|
||||
line-height: 2em;
|
||||
text-align: center;
|
||||
}
|
||||
.main_systems {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1em;
|
||||
justify-content: space-evenly;
|
||||
margin-top: 1em;
|
||||
}
|
||||
img.ftl { height: 2em; }
|
||||
img.internal {
|
||||
height: 2em;
|
||||
}
|
||||
</style>
|
||||
13
src/components/Output/Print/MainSystems/stories.js
Normal file
13
src/components/Output/Print/MainSystems/stories.js
Normal file
@ -0,0 +1,13 @@
|
||||
import Component from '.';
|
||||
|
||||
export default {
|
||||
title: "printouts/main_systems"
|
||||
};
|
||||
|
||||
export const basic = () => ({
|
||||
Component,
|
||||
props: {
|
||||
ftl: 'standard',
|
||||
engine: 4,
|
||||
}
|
||||
})
|
||||
@ -7,12 +7,19 @@
|
||||
advanced={ship.structure.hull.advanced}
|
||||
ship_mass={ship.general.mass}
|
||||
/>
|
||||
|
||||
<MainSystems
|
||||
ftl={ship.ftl.type}
|
||||
engine={ship.engine.rating}
|
||||
/>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
import Identification from './Identification';
|
||||
import Integrity from './Hull/Integrity';
|
||||
import Armour from './Hull/Armour';
|
||||
import MainSystems from './MainSystems';
|
||||
export let ship;
|
||||
|
||||
</script>
|
||||
|
||||
@ -2,7 +2,7 @@ export default {
|
||||
"ftl": {
|
||||
"mass": 0,
|
||||
"cost": 0,
|
||||
"type": "none"
|
||||
"type": "standard"
|
||||
},
|
||||
"engine": {
|
||||
"mass": 40,
|
||||
|
||||
Loading…
Reference in New Issue
Block a user