Update readme

Author: jklein24

README.md

@@ -1,14 +1,17 @@
 # Compose QR Code
-__A simple, flexible QR Code Renderer For Jetpack Compose__
+__A simple, flexible QR code renderer for Jetpack Compose - by *Lightspark*__
 
-<img src="./docs/images/purple_and_gold.png" width="150px" height="150px" />
-<img src="./docs/images/lightning.png" width="150px" height="150px" />
-<img src="./docs/images/light_smile_square.png" width="150px" height="150px" />
+| <img src="./docs/images/purple_and_gold.png" width="150px" height="150px" /> | <img src="./docs/images/lightning.png" width="150px" height="150px" /> | <img src="./docs/images/light_smile_square.png" width="150px" height="150px" /> | <img src="./docs/images/dark_smile_circle.png" width="150px" height="150px" /> |
+| --- | --- | --- | --- |
 
 ## Usage
 
 Here's a plain ol' boring QR Code:
 
+<table>
+<tr>
+<td>
+
 ```kotlin
 @Composable
 fun BoringPreview() {
@@ -19,11 +22,18 @@ fun BoringPreview() {
 }
 ```
 
-It'll look like this:
-
+</td>
+<td>
 <img src="./docs/images/boring.png" width="150px" height="150px" />
+</td>
+</tr>
+</table>
+
+Meh... Let's spice it up a bit with a smiley face overlay:
 
-Meh... Let's spice it up a bit with a smiley face:
+<table>
+<tr>
+<td>
 
 ```kotlin
 @Composable
@@ -42,10 +52,110 @@ fun SmileyPreview() {
                     smileColor = Color.Black
                 )
             }
-        })
+        }
+    )
 }
 ```
 
+</td>
+<td>
 <img src="./docs/images/light_smile_square.png" width="150px" height="150px" />
+</td>
+</tr>
+</table>
+
+Cool, I guess we're getting somewhere. What about dark mode? Maybe we can also add some style with circular dots in the qr code...
+
+<table>
+<tr>
+<td>
+
+```kotlin
+@Composable
+fun SmileyDarkPreview() {
+    QrCodeView(
+        data = "https://github.com/lightsparkdev/compose-qr-code",
+        modifier = Modifier.size(300.dp),
+        colors = QrCodeColors(
+            background = Color.Black,
+            foreground = Color.White
+        ),
+        dotShape = DotShape.Circle,
+        overlayContent = {
+            Box(
+                contentAlignment = Alignment.Center,
+                modifier = Modifier
+                    .fillMaxSize()
+                    .clip(RoundedCornerShape(8.dp))
+                    .background(Color.White)
+                    .padding(8.dp)
+                    .clip(RoundedCornerShape(8.dp))
+                    .background(Color.Green)
+            ) {
+                Smile(modifier = Modifier.fillMaxSize(0.5f))
+            }
+        })
+}
+```
+
+</td>
+<td>
+<img src="./docs/images/dark_smile_circle.png" width="150px" height="150px" />
+</td>
+</tr>
+</table>
+
+
+That's not bad! Let's add some even cooler styles, though. *cracks fingers*...
+
+<table>
+<tr>
+<td>
+
+```kotlin
+@Composable
+fun PurpleAndGold() {
+    val purple = Color(0xFF552583)
+    val gold = Color(0xFFFDB927)
+    QrCodeView(
+        data = URL_DATA,
+        modifier = Modifier.size(300.dp),
+        colors = QrCodeColors(
+            background = purple,
+            foreground = gold
+        ),
+        dotShape = DotShape.Circle,
+        overlayContent = {
+            Box(
+                contentAlignment = Alignment.Center,
+                modifier = Modifier
+                    .fillMaxSize()
+                    .clip(CircleShape)
+                    .background(purple)
+            ) {
+                BasicText(
+                    text = "L",
+                    style = TextStyle.Default.copy(
+                        color = gold,
+                        fontSize = 42.sp,
+                        fontWeight = FontWeight.ExtraBold,
+                        fontStyle = FontStyle.Italic,
+                        fontFamily = FontFamily.Serif
+                    )
+                )
+            }
+        }
+    )
+}
+```
+
+</td>
+<td>
+<img src="./docs/images/purple_and_gold.png" width="150px" height="150px" />
+</td>
+</tr>
+</table>
+
+## Acknowledgements 
 
-TODO: Add a documentation and examples.
+This libraries relies on the great, reliable [zxing](https://github.com/zxing/zxing) library for QR code data generation.