diff --git a/docs/docs/guides/tutorials/basic-app-with-strudel/2-create-app.md b/docs/docs/guides/tutorials/basic-app-with-strudel/2-create-app.md index 18725a91..32bc910d 100644 --- a/docs/docs/guides/tutorials/basic-app-with-strudel/2-create-app.md +++ b/docs/docs/guides/tutorials/basic-app-with-strudel/2-create-app.md @@ -61,7 +61,7 @@ npm start This will start up a local server to run your application from the browser. Once it finishes running, you should be able to open the home page (`src/pages/index.tsx`) of your app by opening a browser and navigating to [http://localhost:5174/](http://localhost:5174/). -![Screenshot of home page in a browser](/img/start-home-page.png) +![Screenshot of home page in a browser](/img/tutorial/start-home-page.png) In the future, when you run your app, you will not need to perform the install step -- just `npm start`. In fact, the development server that this runs is able to update the app "live" as you change the code in this directory, so you don't need to stop and restart the app for each change. diff --git a/docs/docs/guides/tutorials/basic-app-with-strudel/3-add-taskflow.md b/docs/docs/guides/tutorials/basic-app-with-strudel/3-add-taskflow.md index 53c0a654..f9de486f 100644 --- a/docs/docs/guides/tutorials/basic-app-with-strudel/3-add-taskflow.md +++ b/docs/docs/guides/tutorials/basic-app-with-strudel/3-add-taskflow.md @@ -158,7 +158,7 @@ pages: { Save this file. You should now have a fully functioning Explore Data Task Flow page when you navigate to the `/solar-system` route. Test this out by navigating your browser to http://localhost:5173/solar-system. -![Screenshot of solar system Task Flow in a browser](https://github.com/strudel-science/strudel-kit/blob/main/docs/getting-started/images/start-explore-data-2.png?raw=true) +![Screenshot of solar system Task Flow in a browser](/img/tutorial/start-explore-data-2.png) This is great, but it would be good to be able to access this page from the navbar instead. Let's add a link to the Solar System page in the top navigation bar. diff --git a/docs/docs/guides/tutorials/basic-app-with-strudel/4-customize-taskflow.md b/docs/docs/guides/tutorials/basic-app-with-strudel/4-customize-taskflow.md index 7067f2b3..78f621ea 100644 --- a/docs/docs/guides/tutorials/basic-app-with-strudel/4-customize-taskflow.md +++ b/docs/docs/guides/tutorials/basic-app-with-strudel/4-customize-taskflow.md @@ -156,11 +156,9 @@ Refresh the page. You should see the planet name at the top of the preview panel In this step you will add an image for each planet and display it in the preview panel. First, create a new `images` directory inside the `public/` directory at the top level of the app. -Then, download the `planets.zip` file from the strudel-kit GitHub: +Then, download the `planets.zip` file using the link below: -[Click to download planets.zip from GitHub](https://github.com/strudel-science/strudel-kit/blob/main/docs/getting-started/images/planets.zip?raw=true) - -To download the raw zip file, click the download icon or the "Raw" button on the right side of the page. +[Click to download planets.zip](/img/tutorial/planets.zip) Double-click the `planets.zip` file you downloaded to unpack the files, then drill into the `planets` directory and copy the 8 files. There should be one file for each planet. @@ -217,7 +215,7 @@ To make sure the images are accessible, add alt text to the `img` tag. Alt text Refresh your page and make sure the images are smaller and all the same height. -![Screenshot of planet images in the preview panel](https://github.com/strudel-science/strudel-kit/blob/main/docs/getting-started/images/mid-preview-panel-2.png?raw=true) +![Screenshot of planet images in the preview panel](/img/tutorial/mid-preview-panel-2.png) Woohoo! You're done with task flow customizations for now. diff --git a/docs/docs/guides/tutorials/basic-app-with-strudel/5-customize-app.md b/docs/docs/guides/tutorials/basic-app-with-strudel/5-customize-app.md index 6ae7ccfb..9355fc50 100644 --- a/docs/docs/guides/tutorials/basic-app-with-strudel/5-customize-app.md +++ b/docs/docs/guides/tutorials/basic-app-with-strudel/5-customize-app.md @@ -158,7 +158,7 @@ Refresh the page and watch the Explore link change color when you mouse over it. Now, let's replace the "Tutorial Science App" title in the navigation bar with a logo for a project. First, download the tutorial app logo from GitHub: -[Click to download example-logo.png from GitHub](https://github.com/strudel-science/strudel-kit/blob/main/docs/getting-started/images/example-logo.png?raw=true) +[Click to open example-logo.png](/img/tutorial/example-logo.png). Then right-click the image and click "Save Image As..." Place `example-logo.png` in the `public` folder alongside your other images. diff --git a/docs/docs/guides/tutorials/basic-app-with-strudel/images/create-app-response.png b/docs/docs/guides/tutorials/basic-app-with-strudel/images/create-app-response.png deleted file mode 100644 index d3f649db..00000000 Binary files a/docs/docs/guides/tutorials/basic-app-with-strudel/images/create-app-response.png and /dev/null differ diff --git a/docs/docs/guides/tutorials/basic-app-with-strudel/images/start-home-page.png b/docs/docs/guides/tutorials/basic-app-with-strudel/images/start-home-page.png deleted file mode 100644 index deb11015..00000000 Binary files a/docs/docs/guides/tutorials/basic-app-with-strudel/images/start-home-page.png and /dev/null differ diff --git a/docs/docs/guides/tutorials/basic-app-with-strudel/images/example-logo.png b/docs/static/img/tutorial/example-logo.png similarity index 100% rename from docs/docs/guides/tutorials/basic-app-with-strudel/images/example-logo.png rename to docs/static/img/tutorial/example-logo.png diff --git a/docs/docs/guides/tutorials/basic-app-with-strudel/images/final-explore-data.png b/docs/static/img/tutorial/final-explore-data.png similarity index 100% rename from docs/docs/guides/tutorials/basic-app-with-strudel/images/final-explore-data.png rename to docs/static/img/tutorial/final-explore-data.png diff --git a/docs/docs/guides/tutorials/basic-app-with-strudel/images/mid-home-page.png b/docs/static/img/tutorial/mid-home-page.png similarity index 100% rename from docs/docs/guides/tutorials/basic-app-with-strudel/images/mid-home-page.png rename to docs/static/img/tutorial/mid-home-page.png diff --git a/docs/docs/guides/tutorials/basic-app-with-strudel/images/mid-preview-panel-2.png b/docs/static/img/tutorial/mid-preview-panel-2.png similarity index 100% rename from docs/docs/guides/tutorials/basic-app-with-strudel/images/mid-preview-panel-2.png rename to docs/static/img/tutorial/mid-preview-panel-2.png diff --git a/docs/docs/guides/tutorials/basic-app-with-strudel/images/mid-table.png b/docs/static/img/tutorial/mid-table.png similarity index 100% rename from docs/docs/guides/tutorials/basic-app-with-strudel/images/mid-table.png rename to docs/static/img/tutorial/mid-table.png diff --git a/docs/docs/guides/tutorials/basic-app-with-strudel/images/mid-topbar.png b/docs/static/img/tutorial/mid-topbar.png similarity index 100% rename from docs/docs/guides/tutorials/basic-app-with-strudel/images/mid-topbar.png rename to docs/static/img/tutorial/mid-topbar.png diff --git a/docs/docs/guides/tutorials/basic-app-with-strudel/images/planets.zip b/docs/static/img/tutorial/planets.zip similarity index 100% rename from docs/docs/guides/tutorials/basic-app-with-strudel/images/planets.zip rename to docs/static/img/tutorial/planets.zip diff --git a/docs/docs/guides/tutorials/basic-app-with-strudel/images/start-explore-data-2.png b/docs/static/img/tutorial/start-explore-data-2.png similarity index 100% rename from docs/docs/guides/tutorials/basic-app-with-strudel/images/start-explore-data-2.png rename to docs/static/img/tutorial/start-explore-data-2.png diff --git a/docs/static/img/start-home-page.png b/docs/static/img/tutorial/start-home-page.png similarity index 100% rename from docs/static/img/start-home-page.png rename to docs/static/img/tutorial/start-home-page.png