Painting with Code

Make your art website
without coding

In this program:

  1. How a website works, what's a web app, what kinds of websites can we create with AI
  2. Prompting an AI chatbot to create website code
  3. Preview a website using codepen.io or codesandbox.io
  4. Save and edit your code online @ Github.com
  5. Host your website for free @ Netlify.com

Sun Nov 26, 2-5PM

Artisan Village at The Falls, 10 Maple Ave

Free. No coding experience required.

Sign up: visit the signup form bit.ly/painting-with-code or email paintingwithcode@gmail.com

  • Please bring your own computer (I can lend you one - you can also do it all on a phone)
  • Can't make it? Email paintingwithcode@gmail.com to get notified about the next one!

Generate a website using an AI Large Language Model like ChatGPT.

As of Nov 2023, my favourites are ChatGPT4($), Bing, Phind, Perplexity, HuggingFace

Here’s an example prompt:

generate code for a website named “Painting with Code” which includes:

  1. a navbar with a logo and links to Sessions, About, and Contact pages
  2. a full-width landing page image with a large title in front of it saying “Make websites using English & Copy+Paste”
  3. A footer with a Google Maps embed indicating the address 10 Maple Ave Smiths Falls ON, and a link to the signup form at bit.ly/painting-with-code please research and find the embed code for this address and include the complete code in your response

Here’s the website we get: bit.ly/pwc-example

Simpsons GIF

As you can see it’s pretty bare-bones, but by using more advanced prompts, or by chatting and iterating with the AI, you could create a handy website for free.


For example, I'll paste my code below. I want you to modify it so that ...


Some ideas:

© 2023 Painting with Code