grass: scope increased, good luck tomorrowbark

html/blowing-in-the-wind.tsx

@@ -1,11 +1,8 @@
 import { Main, n_of, pick_random, render_and_copy } from "./common.tsx";
 
-// thanks, https://dwarffortresswiki.org/index.php/Grass
+// ⾋ is grass which is neat
 const grass_chars = ".,'`".split("");
-// i think i sorta like just ^ or | hm...
-// thanks again, https://dwarffortresswiki.org/index.php/Grass
-// probably don't want to be authentic if there's only two colors..
-const grass_colors = ["#9DDA33", "#10F565"];
+const grass_colors = ["#136D15", "#117C13", "#138510", "#268B07", "#41980A"];
 
 // i want to keep this minimal (i want to have a lot of grass :])
 // b works nicely i think
@@ -13,6 +10,8 @@ const grass_colors = ["#9DDA33", "#10F565"];
 // looks terrible when synchronized obviously lol
 // i'm going to need to be smarter and consider the position but that's going
 // to be a lot more difficult
+
+// truncing floats a bit could save a lot of bytes but eh
 const Blade = () => (
     <b
         style={{
@@ -41,6 +40,8 @@ const Field = ({ width }: { width: number }) => (
             gridTemplateRows: `repeat(${width}, 1fr)`,
             gridTemplateColumns: `repeat(${width}, 1fr)`,
             fontFamily: "monospace",
+            // brown doesn't really work because the grass isn't dense enough
+            // maybe a complete dfivorce isn't in order
             backgroundColor: "black",
             fontWeight: "bolder",
             fontSize: "1.1rem",
@@ -53,4 +54,10 @@ const Field = ({ width }: { width: number }) => (
     </div>
 );
 
-render_and_copy(<Field width={20} />);
+// it's funny how the whole idea was to emulate waves of grass but then i just
+// didn't do that because it's hawd :[
+// okay, seeing how pretty the waves in the wrapped text of the source are has
+// inspired me. i'm going to work on this tomorrow and do the hawd thing (waves)
+
+// adding more grass doesn't really help and mainly just causes size problems
+render_and_copy(<Field width={25} />);