fix html formatting

folk-systems · Dec 2, 2024 · 5e74882 · 5e74882
1 parent afe1154
commit 5e74882
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 22 deletions.
diff --git a/.prettierrc b/.prettierrc
@@ -1,4 +1,5 @@
 {
   "singleQuote": true,
-  "printWidth": 120
+  "printWidth": 120,
+  "htmlWhitespaceSensitivity": "strict"
 }
diff --git a/demo/index.html b/demo/index.html
@@ -39,16 +39,6 @@
         margin: 1em 0 0;
       }
 
-      #questions {
-        font-size: 0.9rem;
-        font-style: italic;
-        margin-bottom: 2rem;
-
-        li::before {
-          display: none;
-        }
-      }
-
       ul {
         list-style-type: none;
         line-height: 1.8;
@@ -71,6 +61,16 @@
         text-decoration: underline;
       }
 
+      #questions {
+        font-size: 0.9rem;
+        font-style: italic;
+        margin-bottom: 2rem;
+
+        li::before {
+          content: '-';
+        }
+      }
+
       #disclaimer {
         font-size: 0.75rem;
         font-style: italic;
@@ -79,21 +79,24 @@
   </head>
   <body>
     <main>
-      <h1>Folk Canvas <a href="https://github.com/folk-canvas/folk-canvas">(Github)</a></h1>
+      <h1>
+        Folk Canvas
+        <a href="https://github.com/folk-canvas/folk-canvas">(Github)</a>
+      </h1>
       <ul id="questions">
         <li>How do we make the web feel more alive and less rigid and closed off?</li>
         <li>How can we more easily compose web pages and their data together?</li>
-        <li>How easily can we turn an HTML document into a spatial canvas and visa versa?</li>
+        <li>How seamlessly can we turn an HTML document into a spatial canvas and visa versa?</li>
         <li>What would it look like if the browser had primitives for building spatial canvases?</li>
-        <li>How can someone annotate, re-layout, and program web pages they did not make or distribute?</li>
-        <li>
-          How can we compose visual programming interfaces, hypermedia, and LLMs that can be embedded into on any web
-          page?
-        </li>
-        <li>
-          How can we use spatial qualities like proximity and connection as a communication channel for hypermedia and
-          websites to communicate with each other?
-        </li>
+        <li>How can we annotate, re-layout, and program web pages we did not make or distribute?</li>
+        <li
+          >How can we compose visual programming interfaces, hypermedia, and LLMs that can be embedded into on any web
+          page?</li
+        >
+        <li
+          >How can we use spatial qualities like proximity and connection as a communication channel for hypermedia and
+          websites to communicate with each other?</li
+        >
       </ul>
 
       <h2>Demos</h2>