Minor documentation cleanup

packages/website/docusaurus.config.js

@@ -7,7 +7,7 @@ const darkCodeTheme = require('prism-react-renderer/themes/dracula');
 /** @type {import('@docusaurus/types').Config} */
 const config = {
   title: 'Squiggle (alpha)',
-  tagline: "A programming language for probabilistic estimation. It's still heavily experimental, and we're working to get to a stable release candidate.",
+  tagline: "Scorable programming, for use by forecasters",
   url: 'https://squiggle-documentation.netlify.app',
   baseUrl: '/',
   onBrokenLinks: 'throw',
@@ -53,9 +53,14 @@ const config = {
             type: 'doc',
             docId: 'Language',
             position: 'left',
-            label: 'Tutorial',
+            label: 'Documentation',
           },
           {to: '/blog', label: 'Blog', position: 'left'},
+          {
+            href: 'https://playground.squiggle-language.com/dist-builder',
+            label: 'Playground',
+            position: 'left',
+          },
           {
             href: 'https://github.com/QURIresearch/squiggle',
             label: 'GitHub',

packages/website/src/components/HomepageFeatures.js

@@ -5,7 +5,6 @@ import styles from './HomepageFeatures.module.css';
 const FeatureList = [
   {
     title: 'Probabilistic',
-    Svg: require('../../static/img/undraw_docusaurus_tree.svg').default,
     description: (
       <>
         Squiggle makes working with probability distributions really easy. 
@@ -14,7 +13,6 @@ const FeatureList = [
   },
   {
     title: 'Portable',
-    Svg: require('../../static/img/undraw_docusaurus_mountain.svg').default,
     description: (
       <>
       Squiggle is in a small Rescript / Javascript library. It can be used wherever Rescript and Javascript are available.
@@ -23,7 +21,6 @@ const FeatureList = [
   },
   {
     title: 'Fast',
-    Svg: require('../../static/img/undraw_docusaurus_react.svg').default,
     description: (
       <>
         Squiggle tries to get as far as it can without resorting to Monte Carlo simulation, but does so when necessary.
@@ -35,9 +32,6 @@ const FeatureList = [
 function Feature({Svg, title, description}) {
   return (
     <div className={clsx('col col--4')}>
-      <div className="text--center">
-        <Svg className={styles.featureSvg} alt={title} />
-      </div>
       <div className="text--center padding-horiz--md">
         <h3>{title}</h3>
         <p>{description}</p>

packages/website/src/css/custom.css

@@ -6,13 +6,13 @@
 
 /* You can override the default Infima variables here. */
 :root {
-  --ifm-color-primary: #2e8555;
+  --ifm-color-primary: #2488df;
-  --ifm-color-primary-dark: #29784c;
+  --ifm-color-primary-dark: #176fcd;
-  --ifm-color-primary-darker: #277148;
+  --ifm-color-primary-darker: #1f58cb;
-  --ifm-color-primary-darkest: #205d3b;
+  --ifm-color-primary-darkest: #1e2672;
-  --ifm-color-primary-light: #33925d;
+  --ifm-color-primary-light: #49acd3;
-  --ifm-color-primary-lighter: #359962;
+  --ifm-color-primary-lighter: #4fb1c7;
-  --ifm-color-primary-lightest: #3cad6e;
+  --ifm-color-primary-lightest: #3dbfd3;
   --ifm-code-font-size: 95%;
 }