diff --git a/dist/css/style.css b/dist/css/style.css index 1178ec3..823001a 100644 --- a/dist/css/style.css +++ b/dist/css/style.css @@ -57,11 +57,15 @@ body{ img { image-rendering: -moz-crisp-edges; - image-rendering: -webkit-crisp-edges; - image-rendering: pixelated; - image-rendering: crisp-edges; - width: 60%; + image-rendering: -webkit-crisp-edges; + image-rendering: pixelated; + image-rendering: crisp-edges; + object-fit: cover; + width: 85%; + max-width: 500px; + max-height: 40%; border-radius: 10px; + overflow: hidden; } button { @@ -260,4 +264,8 @@ button:active{ } #maximize-hot-control { right: 10px; +} + +.grid-size-in { + width: 75px; } \ No newline at end of file diff --git a/dist/index.html b/dist/index.html index d5a5c9a..ec40fda 100644 --- a/dist/index.html +++ b/dist/index.html @@ -24,9 +24,9 @@ - -

Simulation Speed

+ Life Engine +

Simulation Speed

@@ -34,26 +34,6 @@

-
- -
- - -
-

Auto reset count:

-

Grid Size

- - - - -
- - - - -
-
-
@@ -61,15 +41,15 @@

About

Editor

+

World Controls

Simulation Controls

Stats

-

Challenges

+
- Life Engine

The Life Engine is a virtual ecosystem that allows organisms to grow, spread, and compete.

Each organism is made up by a structure of cells, which provide different benefits based on their color.

@@ -177,6 +157,42 @@
+
+
+

Grid Size

+ + + + +
+ + + + +
+
+ +

Reset Options

+ + +
+

Auto reset count:

+ + + +
+
+
+ +
+ + +
+

Simulation Controls