fix build

Author: efrymire

observablehq.config.js

@@ -7,22 +7,13 @@ export default {
   // all pages will be listed in alphabetical order. Listing pages explicitly
   // lets you organize them into sections and have unlisted pages.
   pages: [
-    // { name: "Home", path: "/index.md"},
     { 
       name: "Lab 0: Getting Started", 
       open: false, 
       pages: [
         { name: "Instructions", path: "/lab_0/instructions"},
         { name: "Dashboard", path: "/lab_0/index"},
       ]
-    },
-    { 
-      name: "Lab 1: Intro to Observable Framework", 
-      open: false, 
-      pages: [
-        { name: "Instructions", path: "/lab_1/instructions"},
-        { name: "Dashboard", path: "/lab_1/index"},
-      ]
     }
   ],
 

src/.gitignore

@@ -1,2 +1,3 @@
 /.observablehq/cache/
-/drafts/
+/drafts/
+*/class_prep/

src/lab_0/index.md

@@ -6,67 +6,10 @@ toc: true
 This page is where you can iterate. Follow the lab instructions in the [readme.md](./README.md).
 
 
-## Writing HTML in Markdown
-<!-- simple divs -->
-<div>
-  <p>You can write pure HTML in <a href="https://commonmark.org/">markdown files!</a></p>
-</div>
 
-<!-- hidden context -->
-<details>
-  <summary>Click me</summary>
-  This text is not visible by default.
-</details>
-
-<!-- css grid styles -->
-<div class="grid grid-cols-4">
-  <div class="card"><h1>A</h1></div>
-  <div class="card"><h1>B</h1></div>
-  <div class="card"><h1>C</h1></div>
-  <div class="card"><h1>D</h1></div>
-</div>
-
-<!-- leveraging pre-made cards -->
-<div class="grid grid-cols-4">
-  <div class="card">
-    ${resize((width) => `This card is ${width}px wide.`)}
-  </div>
-</div>
-
-## Writing JS in Markdown
-Use JavaScript to render charts, inputs, and other dynamic, interactive, and graphical content on the client. JavaScript in Markdown can be expressed either as fenced code blocks or inline expressions. You can also import JavaScript modules to share code across pages.
-
-You can write javascript in js blocks... 
-<!-- function definition -->
-```js
-const addition = (x, y) => x + y;
-```
-
-...which won't show up in the dashboard unless referred to in its own block...
-<!-- function reference -->
-```js
-addition
-```
-
-<!-- display -->
-...or leveraging the `display` function.
-```js
-display(addition)
-display(addition(2, 3))
-```
-
-There are some helpful functions already baked into Observable Framework, like now, width, or the responsive display. 
-`now`:
 ```js
-now
+const count = view(Inputs.button("throw confetti!", () => { return count + 1 }))
 ```
 
-`width`:
-```js
-width
-```
+You've thrown confetti ${count} times
 
-`resize()`:
-```js
-resize((width) => `I am ${width} pixels wide.`)
-```

src/lab_0/instructions.md

@@ -10,8 +10,14 @@ The goals for this tutorial are:
 The assignment requirements are as follows: 
 1. Replicate the local environment created in class on your own computer ([Installations](#installations))
 2. Fork this repository, set up github pages, and initialize your upstream repository ([Github Setup](#github-setup))
-3. Make a change: TODO
-3. Submit your [deployed link](#4-set-up-your-github-pages-for-your-deployment) as a comment on the lab 0 commons post.
+3. Edit the `index.md` file to include: 
+    1. Markdown: A page header (`#`), some smaller header (`##` or `###`), and some text content (about anything!)
+    2. HTML: A table, an image, and a link
+    3. JS: a button that increments some value which is displayed in the client. 
+4. Submit your [deployed link](#4-set-up-your-github-pages-for-your-deployment) as a comment on the lab 0 commons post.
+
+Bonus: 
+- Try adding an image
 
 ---