Frontend changes to accommodate curv deploy

app/web/src/components/CadPackage/CadPackage.tsx

@@ -25,8 +25,8 @@ export const cadPackageConfigs: { [key in CadPackageType]: CadPackageConfig } =
     },
     curv: {
       label: 'Curv',
-      buttonClasses: 'bg-ch-purple-500',
-      dotClasses: 'bg-yellow-300',
+      buttonClasses: 'bg-blue-600',
+      dotClasses: 'bg-green-500',
     },
     INIT: {
       label: '',
@@ -54,7 +54,7 @@ const CadPackage = ({
     <ButtonOrDiv
       onClick={onClick}
       className={
-        `grid grid-flow-col-dense items-center gap-2 text-gray-100 bg-opacity-30 
+        `grid grid-flow-col-dense items-center gap-2 text-gray-100 bg-opacity-30
          ${cadPackageConfig?.buttonClasses} ` + className
       }
     >

app/web/src/components/CaptureButton/CaptureButton.tsx

@@ -34,7 +34,7 @@ const CaptureButtonViewer = ({
   }
   const onCameraChange = (camera, isFirstCameraChange) => {
     const renderPromise =
-      state.ideType === 'openscad' &&
+      (state.ideType === 'openscad' || state.ideType === 'curv') &&
       requestRenderStateless({
         state,
         camera,

app/web/src/components/Hero/Hero.tsx

@@ -348,10 +348,10 @@ function ChooseYourCharacter() {
             cadPackage: 'jscad',
             desc: 'A JavaScript Code-CAD library that will feel familiar to web developers, based on the same tech as OpenSCAD.',
           },
-          // { // TODO add curv to this list.
-          //   cadPackage: 'curv',
-          //   desc: 'A language for creating 3D art',
-          // }
+          {
+            cadPackage: 'curv',
+            desc: "Curv is a programming language for creating art using mathematics. It's a 2D and 3D geometric modelling tool.",
+          }
         ].map(
           ({
             cadPackage,

app/web/src/components/NavPlusButton/NavPlusButton.tsx

@@ -98,8 +98,8 @@ const menuOptions: {
   {
     name: 'Curv',
     sub: 'alpha ',
-    bgClasses: 'bg-ch-blue-700',
-    dotClasses: 'bg-blue-800',
+    bgClasses: 'bg-blue-600',
+    dotClasses: 'bg-green-500',
     ideType: 'curv',
   },
 ]

app/web/src/helpers/cadPackages/curv/userGuide.md

@@ -6,4 +6,10 @@ Maintained by: [Doug Moen and contributors](https://github.com/curv/curv/graphs/
 Documentation: [curv3d.org](https://curv3d.org)
 ---
 
-Curv is a programming language for creating art using mathematics. It’s a 2D and 3D geometric modelling tool that supports full colour, animation and 3D printing.
+Curv is a programming language for creating art using mathematics. It's a 2D and 3D geometric modelling tool that supports full colour, animation and 3D printing.
+
+### [Examples](https://github.com/curv3d/curv/tree/master/examples)
+
+- [Flog spiral](https://619b5e6c6689420008eedfe5--cadhubxyz.netlify.app/draft/curv#fetch_text_v1=https%3A%2F%2Fraw.githubusercontent.com%2Fcurv3d%2Fcurv%2Fmaster%2Fexamples%2Flog_spiral.curv)
+- [Shreks donut](https://619b5e6c6689420008eedfe5--cadhubxyz.netlify.app/draft/curv#fetch_text_v1=https%3A%2F%2Fraw.githubusercontent.com%2Fcurv3d%2Fcurv%2Fmaster%2Fexamples%2Fshreks_donut.curv)
+- [Wood grain](https://619b5e6c6689420008eedfe5--cadhubxyz.netlify.app/draft/curv#fetch_text_v1=https%3A%2F%2Fraw.githubusercontent.com%2Fcurv3d%2Fcurv%2Fmaster%2Fexamples%2Ffinial.curv)