Tutorial 3: HTML & CSS

(set: $name to (prompt: [Your name, please:], "Enter Your Name")) Hello $name! Where would you like to go today? <div class="map-container"> <img class="map" src="https://lenatwine.neocities.org/images/map.png" width="600" height="567"> <div class="button-container"> [[<img class="food" src="https://lenatwine.neocities.org/images/foodstore.png"> ->Food Store]] [[<img class="toy" src="https://lenatwine.neocities.org/images/toyshop.png"> ->Toy Shop]] [[<img class="bank" src="https://lenatwine.neocities.org/images/bank.png"> ->Bank]] </div> </div> (set: $cash to false)

//Placeholder text: an image of a tall industrial shelf with different food items on display. // (if: $cash is true)[$name buys ingredients to cook dinner. [[Cook dinner->kitchen]]] (if: $cash is false)[$name, you can't buy food without cash.] [[Return to map ->Map]] [[Go home ->End]]

//Placeholder text: an image of an ATM.// $name withdrawls cash from the bank. (set: $cash to true) [[Return to map ->Map]] [[Go home ->End]]

//Placeholder text: an image of an elaborate doll house display filled with different stuffed animals.// (if: $cash is true)[$name buys all the toys.] (if: $cash is false)[$name, you can't toys without cash.] [[Return to map ->Map]] [[Go home ->End]]

//Placeholder text: an image of a bed inside a cozy bedroom.// You go to sleep. The end. [[Restart ->Start]]

Hello $name! Where would you like to go today? [[I don't want to go anywhere ->End]] <img src="https://lenatwine.neocities.org/images/map.png"> //(In the final version, users will be able to click directly on images on the map to go to the location)// [[Food Store]] [[Bank]] [[Toy Shop]]

//Placeholder text: an image of a pot on a hot stove.// $name cooks a delicious meal. [[Return to map ->Map]] [[Go home ->End]]