User:Veerserif/Sandbox/CookingGrid: Difference between revisions

From Vintage Story Wiki
No edit summary
No edit summary
Line 19: Line 19:
</div> <!--and numbers-->
</div> <!--and numbers-->
         <!--1n-->
         <!--1n-->
<div style="left:20px; top:48px; width:46px; height:16px; position:absolute; overflow:clip; text-align:right;">
<div style="left:42px; top:48px; width:46px; height:46px; position:absolute; overflow:hidden;">
<span style="vertical-align:text-bottom; font-size:12px; color: white; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;">
<span style="text-align:right; vertical-align:text-bottom; font-size:12px; color: white; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;">
123carrot
1
</span>
</span>
</div>
</div>
<!--2n-->
<!--2n-->
<div style="left:72px; top:48px; width:46px; height:16px; position:absolute; overflow:hidden; text-align:right;">
<div style="left:94px; top:48px; width:46px; height:46px; position:absolute; overflow:hidden;">
<span style="vertical-align:text-bottom; font-size:12px; color: white; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;">
<span style="text-align:right; vertical-align:text-bottom; font-size:12px; color: white; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;">
2
2
</span>
</span>
</div>
</div>
<!--3n-->
<!--3n-->
<div style="left:128px; top:48px; width:46px; height:20px; position:absolute; overflow:hidden; text-align:right;">
<div style="left:150px; top:48px; width:46px; height:46px; position:absolute; overflow:hidden;">
<span style="vertical-align:text-bottom; font-size:12px; color: white; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;">
<span style="text-align:right; vertical-align:text-bottom; font-size:12px; color: white; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;">
6
6
</span>
</span>
</div>
</div>
<!--4n-->
<!--4n-->
<div style="left:183px; top:48px; width:46px; height:20px; position:absolute; overflow:hidden; text-align:right;">
<div style="left:205px; top:48px; width:46px; height:46px; position:absolute; overflow:hidden;">
<span style="vertical-align:text-bottom; font-size:12px; color: white; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;">
<span style="text-align:right; vertical-align:text-bottom; font-size:12px; color: white; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;">
4L
4L
</span>
</span>
</div>  
</div>
        <!--Output n-->
<!--Output n-->
<div style="left:180px; top:110px; width:46px; height:16px; position:absolute; overflow:hidden; text-align:right;">
<div style="left:203px; top:110px; width:46px; height:46px; position:absolute; overflow:clip;">
<span style="vertical-align:text-bottom; font-size:12px; color: white; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;">
<span style="text-align:right; vertical-align:text-bottom; font-size:12px; color: white; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;">
0.2L
0.2L
</span>
</span>

Revision as of 15:30, 25 March 2023

Cooking a meal is an advanced cooking method that increases the food values of all ingredients used and provides additional benefits and convenience. Cooked meals can be kept fresh for very long times in sealed crockpots; eating meals will outright halt satiety loss for a time; and the player will never waste any food from a meal when it provides more satiety than they need. Instead, they simply leave a partially-eaten serving that can be finished at a later time.

}}

1

2

6

4L

0.2L

TO DO:

  • Make the numbers use CSS instead of an image (which is what it looks like in version 1.18 anyway)
  • Rethink some of the variables