From 552c55b66caa56d3b45a768d8d6cacf87ac00722 Mon Sep 17 00:00:00 2001
From: Tony <tonyketcham@gmail.com>
Date: Sat, 16 Jan 2021 14:49:59 -0600
Subject: [PATCH] Make the README look so cute

---
 README.md | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index 5813c56..9e25b02 100644
--- a/README.md
+++ b/README.md
@@ -1,12 +1,16 @@
 ![CodeQL](/~https://github.com/tonyketcham/p5-svelte/workflows/CodeQL/badge.svg)
 <h1 align="center">🧙‍♂️ p5-Svelte 🕸</h1>
-<p align="center">
-  <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--5L4QI4B_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/ozuet5qpew6t9rup6o4p.gif" alt="10print made using p5-svelte" width="250" height="250" />
-</p>
+<div>
+<p>
+  <img align="right" src="https://res.cloudinary.com/practicaldev/image/fetch/s--5L4QI4B_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/ozuet5qpew6t9rup6o4p.gif" alt="10print made using p5-svelte" width="265" height="265" />
+
 
-Trying to get [p5](https://p5js.org/) up and running in [Svelte](https://svelte.dev/) can be a pain. So here's an absolutely dead simple way of tossing it into your project.
+Trying to get <a href="https://p5js.org/">p5</a> up and running in [Svelte](https://svelte.dev/) can be a pain. So here's an absolutely dead simple way of tossing it into your project.
+
+The API is super simple; you get a <code>P5</code> component which accepts a <code>sketch</code> prop. You can even have multiple p5 components per page without any scoping issues!
+</p>
+</div>
 
-The API is super simple; you get a `<P5/>` component which accepts a `sketch` prop. You can even have multiple p5 components per page without any scoping issues!
 
 ## Usage
 Install: