Inline the SVG for the lander

OCBroCode · Feb 17, 2024 · 9303742 · 9303742
1 parent 495a90a
commit 9303742
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 11 deletions.
diff --git a/assets/css/wc/lander-vehicle.css b/assets/css/wc/lander-vehicle.css
@@ -3,12 +3,8 @@ lander-vehicle {
 	position: absolute;
 	inset-block-start: calc(var(--lander_position_y) * 1%);
 	inset-inline-start: calc(var(--lander_position_x) * 1%);
-	inline-size: calc(2.5 * var(--unit_root));
+	inline-size: calc(2.75 * var(--unit_root));
 	block-size: calc(5 * var(--unit_root));
-	background-size: contain;
-	background-image: url('../../img/lander.svg');
-	background-position: 50% 50%;
-	background-repeat: no-repeat;
 	transform-origin: 50% 50%;
 	transition-property: transform;
 	transition-duration: 1s;

diff --git a/index.html b/index.html
@@ -53,12 +53,25 @@
 	<incoming-asteroid></incoming-asteroid>
 	-->
 	<lander-vehicle>
-			<!--         
-			<vehicle-thruster direction="port"></vehicle-thruster>
-			<vehicle-thruster direction="starboard"></vehicle-thruster>
-			<vehicle-landing-gear></vehicle-landing-gear>
-			-->
-			<vehicle-booster></vehicle-booster>
+		<svg xmlns="http://www.w3.org/2000/svg" viewBox="60 0 170 315">
+			<g transform="translate(-77 -10)">
+				<path style="fill:#e6e6e6" d="M300.6 251.3v68.1h-33v-92.1z" />
+				<path style="fill:#ccc" d="M177.7 227.3v92.1h-33v-68.1z" />
+				<path style="fill:#e6e6e6" d="M267.6 121v198.4h-90V121c0-5 .3-10 .8-15h88.5c.5 5 .7 10 .7 15z" />
+				<path style="fill:#f24125" d="M266.9 106h-88.5c3.5-34.4 19-66.8 44.3-91.1a147.4 147.4 0 0 1 44.2 91.2z" />
+				<path style="opacity:.25" d="M222.7 14.9s-12.8 35.2-12.8 91.2V318l-32.2 1.4V121a148.2 148.2 0 0 1 45-106.1z" />
+				<path style="fill:#333" d="M272.6 227.3h-10V121a143.8 143.8 0 0 0-11.3-55.7A141.6 141.6 0 0 0 222.7 22a142.8 142.8 0 0 0-40 99v106.3h-10V121a152.8 152.8 0 0 1 46.5-109.7 5 5 0 0 1 7 0A151.6 151.6 0 0 1 272.5 121v106.3zM177.7 314.4h90v10h-90z" />
+				<path style="fill:#333" d="M177.7 324.4h-33a5 5 0 0 1-5-5v-68.1a5 5 0 0 1 2-4l33-24a5 5 0 0 1 8 4v92a5 5 0 0 1-5 5zm-28-10h23V237l-23 16.7v60.6zM300.6 324.4h-33a5 5 0 0 1-5-5V296a5 5 0 0 1 10 0v18.4h23v-60.6l-23-16.7v44.2a5 5 0 0 1-10 0v-54a5 5 0 0 1 8-4l33 24a5 5 0 0 1 2 4v68a5 5 0 0 1-5 5z" />
+				<path style="fill:#fff" d="M247.8 90.7a5 5 0 0 1-4.8-3.6c-2.4-8.8-5.8-17.4-10-25.5a5 5 0 1 1 8.8-4.6c4.6 8.7 8.2 18 10.8 27.4a5 5 0 0 1-4.8 6.3zM229 50.6a5 5 0 0 1-4-2.2c-2-2.8-4-5.6-6.2-8.2a5 5 0 0 1 7.7-6.3c2.3 2.8 4.6 5.8 6.7 8.8a5 5 0 0 1-4.1 7.9z" />
+				<path style="fill:#333" d="M266.9 111h-17.7a5 5 0 0 1 0-10H267a5 5 0 0 1 0 10zM234.5 111h-56a5 5 0 0 1 0-10h56a5 5 0 0 1 0 10z" />
+				<circle style="fill:#61ccf2" cx="222.6" cy="140.6" r="19.6" />
+				<circle style="fill:#61ccf2" cx="222.6" cy="202.6" r="19.6" />
+				<path style="fill:#fff" d="M222.6 160.3a19.6 19.6 0 0 0 0-39.3M222.6 222.2a19.6 19.6 0 0 0 0-39.3" />
+				<path style="fill:#333" d="M222.6 165.3a24.7 24.7 0 1 1 13.2-45.5 5 5 0 0 1-5.3 8.4c-2.4-1.4-5-2.2-7.9-2.2a14.7 14.7 0 1 0 14.7 14.6 5 5 0 0 1 10 0c0 13.6-11 24.7-24.7 24.7zM222.6 227.2A24.7 24.7 0 1 1 241 186a5 5 0 1 1-7.4 6.7 14.7 14.7 0 1 0 3.8 9.9 5 5 0 0 1 10 0c0 13.5-11 24.6-24.7 24.6z" />
+				<path style="fill:#fff" d="M251.7 309.4a5 5 0 0 1-5-5V164a5 5 0 0 1 10 0v140.4a5 5 0 0 1-5 5zM251.7 148a5 5 0 0 1-5-5v-13a5 5 0 0 1 10 0v13a5 5 0 0 1-5 5z" />
+			</g>
+		</svg>
+		<vehicle-booster></vehicle-booster>
 	</lander-vehicle>
 	<lunar-surface>
 			<!--