josh/lifeEngine
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

embed youtube vid

Browse Source
This commit is contained in:
MaxRobinsonTheGreat
2021-12-18 11:24:31 -06:00
parent 09ed9edb07
commit fe2d6aae7c
2 changed files with 15 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
dist/css/style.css vendored
View File

@@ -268,4 +268,12 @@ button:active{
.grid-size-in { .grid-size-in {
width: 75px; width: 75px;
}
#video {
height: 100%;
max-height: 190px;
margin: auto;
margin-bottom: 0;
padding-bottom: 0;
} }

18
dist/index.html vendored
View File

@@ -50,12 +50,9 @@
<div id='about' class='tab'> <div id='about' class='tab'>
<div class='left-half'> <div class='left-half'>
<h3>The Life Engine</h3>
<p>The Life Engine is a virtual ecosystem that allows organisms to grow, spread, and compete.</p> <p>The Life Engine is a virtual ecosystem that allows organisms to grow, spread, and compete.</p>
<p>Each organism is made up by a structure of cells, which provide different benefits based on their color.</p> <p>Each organism is made up of different colored cells. Hover over each color to learn what it does.</p>
</div>
<div class='right-half'>
<h4>Cell Types</h4>
<div id='cell-legend'> <div id='cell-legend'>
<div class='cell-legend-type' id='mouth' title="Mouth: Eats adjacent food."></div> <div class='cell-legend-type' id='mouth' title="Mouth: Eats adjacent food."></div>
<div class='cell-legend-type' id='producer' title="Producer: Produces adjacent food."></div> <div class='cell-legend-type' id='producer' title="Producer: Produces adjacent food."></div>
@@ -65,14 +62,13 @@
<div class='cell-legend-type' id='eye' title="Eye: Observes cells and decides movement."></div> <div class='cell-legend-type' id='eye' title="Eye: Observes cells and decides movement."></div>
<div class='cell-legend-type' id='food' title="Food: Not part of an organism. Once an organism has eaten enough food, it will reproduce."></div> <div class='cell-legend-type' id='food' title="Food: Not part of an organism. Once an organism has eaten enough food, it will reproduce."></div>
<div class='cell-legend-type' id='wall' title="Wall: Not part of an organism. Blocks movement and reproduction."></div> <div class='cell-legend-type' id='wall' title="Wall: Not part of an organism. Blocks movement and reproduction."></div>
</div> </div><br>
<br> </div>
<p>Hover over each color to learn what it does. For a more in depth explanation of the simulation, view the <div class='right-half'>
<a href="https://github.com/MaxRobinsonTheGreat/EvolutionSimulatorV2#readme">readme</a> and you can explore the source code. <iframe id="video" src="https://www.youtube.com/embed/iSAKEnRfles"></iframe>
</p>
</div> </div>
<div class='icon-links'> <div class='icon-links'>
<a href="https://www.youtube.com/channel/UCwBhBDsqiQflTMLy2epbQVw"><i class="fa fa-youtube"></i></a> <a href=https://github.com/MaxRobinsonTheGreat/EvolutionSimulatorV2 title='View the code'><i class="fa fa-github"></i></a>
<a href="https://twitter.com/max_romana"><i class="fa fa-twitter"></i></a> <a href="https://twitter.com/max_romana"><i class="fa fa-twitter"></i></a>
</div> </div>
</div> </div>