tweak

packages/webpage-refactor/README.md

@@ -105,5 +105,7 @@ Distributed under the MIT License. See LICENSE.txt for more information.
 - [ ] Add functionality like names, etc.
   - I also don't feel like doing this
 - [ ] Look back at Amazon thing which has been running
+- [ ] Simplify Graph and DynamicSquiggleChart components
+- [ ] Add squiggle component to initial comparison?
 
 [^1]: The program takes each element as a reference point in turn, and computing the possible distances from that reference point to all other points, and taking the geometric mean of these distances. This produces a number representing the value of each element, such that the ratios between elements represent the user's preferences: a utility function. However, this isn't perfect; the principled approach woud be to aggregate the distributions rather than their means. But this principled approach is much more slowly. For the principled approach, see the `utility-tools` repository.

packages/webpage-refactor/components/comparisonActuator.js

@@ -6,8 +6,10 @@ export function ComparisonActuator({
   moveToNextStep,
   isListOrdered,
 }) {
-  const initialComparisonString = "x to y";
-  const [comparisonString, setComparisonString] = useState("x to y");
+  const initialComparisonString = "";
+  const [comparisonString, setComparisonString] = useState(
+    initialComparisonString
+  );
   const onChangeComparisonString = async (event) => {
     if (!isListOrdered) {
       await setComparisonString(event.target.value);
@@ -34,6 +36,7 @@ export function ComparisonActuator({
           <br />
           <input
             disabled={isListOrdered ? true : false}
+            placeholder={"x to y"}
             type="text"
             className="text-center text-blueGray-600 bg-white rounded text-lg border-0 shadow outline-none focus:outline-none focus:ring w-8/12 h-10 m-2"
             value={comparisonString}