fix: fix readme.md

Author: codeagent

README.md

@@ -1,3 +1,24 @@
-# fft-2d
+# Ocean generator
+(in development)
+
+[Demo](https://stackblitz.com/edit/fft-2d)
+
+Ocean Water simulation based on Phillips spectrum and fourier transform.
+
+## Featues:
+- Runs in web-browser
+- Weather & waves control settings
+- 3 distinct cascades for tweak 
+
+### todo:
+- [ ] Treemap, Halfplane renderer(s)
+- [ ] Free motion controller
+- [ ] Water shader
+- [ ] Weather conditions presets
+- [ ] Import / Export
+- [ ] Other spectrums
+- [ ] Skybox
+- [ ] Optimisations
+- [ ] Wrap up in package
+- [ ] Make plugins for third-party web-engines (Tree.js, Babylon, ...)
 
-[Edit on StackBlitz ⚡️](https://stackblitz.com/edit/fft-2d)

index.html

@@ -1,4 +1,4 @@
 <div class="container">
-  <canvas id="viewport" width="800" height="600"></canvas>
+  <canvas id="viewport" width="1200" height="800"></canvas>
   <aside id="gui"></aside>
 </div>

style.css

@@ -2,18 +2,25 @@
   font-family: Calibri;
 }
 
+
+:root {
+  --viewport-width: 1200px;
+  --viewport-height: 800px;
+}
+
+
 canvas {
-  width: 800px;
-  height: 600px;
+  width: var(--viewport-width);
+  height: var(--viewport-height);
   box-sizing: content-box;
-  min-width: 800px;
+  min-width: var(--viewport-width);
   background-color: black;
   margin: 0 auto;
 }
 
 .container {
   display: grid;
-  grid-template-columns: 800px 1fr;
+  grid-template-columns: var(--viewport-width) 1fr;
   grid-template-rows: 1fr;
   grid-gap: 16px;
 }