Update README.md

README.md

@@ -1,14 +1,31 @@
-# manzanita.cecchetti.xyz
+# [manzanita.cecchetti.xyz](https://manzanita.cecchetti.xyz)
+
+![](https://img.shields.io/badge/vuejs-%2335495e.svg?style=flat&logo=vuedotjs&logoColor=%234FC08D) ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=flat&logo=tailwind-css&logoColor=white) ![Deploy Nuxt.js site to Pages](https://github.com/lightningboltemoji/manzanita.cecchetti.xyz/actions/workflows/nuxtjs.yml/badge.svg)
+
+Shows tide information for Manzanita, OR
+
+* Wave visualization that moves in and out with the tide cycle
+* Displays next few high/low tide times and values
+* Based on data from the [NOAA API](https://tidesandcurrents.noaa.gov/noaatidepredictions.html?id=9437908) for Nehalem, OR
 
-## Setup
 
-Make sure to install the dependencies:
+
+<br/>
+<div align="center"><sup><i>Demo of visualization at 0%, 50%, 100%</i></sup></div>
+<div align="center" class="flex">
+  <img width="200" src="https://github.com/user-attachments/assets/dbae24d4-0dee-4e4b-9ac6-0c9d82b22d1f"/>
+  <img width="200" src="https://github.com/user-attachments/assets/283be821-a2d8-4bc5-8e0f-53b625ad8b1e"/>
+  <img width="200" src="https://github.com/user-attachments/assets/b1e18eff-a7e0-490d-95a7-a6677bacde48"/>
+</div>
+<br/>
+
+## Setup
 
 ```bash
-bun install
+bun i
 ```
 
-## Development Server
+## Development
 
 Start the development server on `http://localhost:3000`:
 
@@ -21,11 +38,11 @@ bun dev
 Build the application for production:
 
 ```bash
-bun run build
+bun generate
 ```
 
 Locally preview production build:
 
 ```bash
-bun run preview
+bun preview
 ```