Add images

pawteam · Nov 8, 2023 · c20521d · c20521d
1 parent 1b787a1
commit c20521d
Show file tree

Hide file tree

Showing 6 changed files with 29 additions and 0 deletions.
diff --git a/styles/app.scss b/styles/app.scss
@@ -1,3 +1,5 @@
+$IMG_WIDTH: 160px;
+
 body.enabled {
 	font-family: "Courier New", Helvtica, Arial, Verdata, Tahoma, serif;
 	background-color: black;
@@ -38,4 +40,25 @@ body.enabled {
 			margin: 0;
 		}
 	}
+
+	.bottom-row {
+		display: inline-block;
+		position: absolute;
+		bottom: 20px;
+		left: 50%;
+		width: auto;
+		height: $IMG_WIDTH;
+		transform: translateX(-50%);
+
+		img {
+			position: relative;
+			height: $IMG_WIDTH;
+			width: auto;
+			float: left bottom;
+
+			&.machine {
+				height: calc($IMG_WIDTH / 2);
+			}
+		}
+	}
 }
diff --git a/www/img/cafeservice.png b/www/img/cafeservice.png
diff --git a/www/img/dryer.png b/www/img/dryer.png
diff --git a/www/img/player.png b/www/img/player.png
diff --git a/www/img/washingmachine.png b/www/img/washingmachine.png
diff --git a/www/index.html b/www/index.html
@@ -42,5 +42,11 @@
 		<h1>{% title %}</h1>
 		{% description %}
 		<button onClick="window.open('https://gd.games/iuevix/pay-and-wash');">Play now!</button>
+		<div class="bottom-row">
+			<img title="Washing machine" src="/img/washingmachine.png" class="machine"/>
+			<img title="Cafe service" src="/img/cafeservice.png"/>
+			<img title="Player" src="/img/player.png"/>
+			<img title="Dryer" src="/img/dryer.png" class="machine"/>
+		</div>
 	</body>
 </html>