📝 README

README.md

@@ -1,8 +1,31 @@
-<img align="right" width="150" height="150" top="100" src="./assets/logo.png">
-
-# `cannon-rs` • [![ci](https://github.com/clabby/cannon-rs/actions/workflows/ci.yaml/badge.svg?label=ci)](https://github.com/clabby/cannon-rs/actions/workflows/ci.yaml) ![license](https://img.shields.io/badge/License-MIT-green.svg?label=license)
-
-`cannon-rs` is an alternative implementation of [Cannon][cannon] in Rust.
+<h1 align="center">
+  <br>
+  <img src="./assets/banner.jpeg" alt="Markdownify">
+  <br>
+  `cannon-rs`
+  <br>
+</h1>
+
+<h4 align="center">An alternative implementation of the OP Stack's [Cannon][cannon] in Rust.</h4>
+
+<p align="center">
+  <a href="https://github.com/clabby/cannon-rs/actions/workflows/ci.yaml">
+    <img src="https://github.com/clabby/cannon-rs/actions/workflows/ci.yaml/badge.svg?label=ci" alt="Ci">
+  </a>
+  <img src="https://img.shields.io/badge/License-MIT-green.svg?label=license" alt="License">
+  <a href="https://github.com/ethereum-optimism/monorepo"><img src="https://img.shields.io/badge/OP%20Stack-monorepo-red" alt="OP Stack"></a>
+</p>
+
+<p align="center">
+  <a href="#whats-a-cannon">What's a Cannon?</a> •
+  <a href="#credits">Credits</a> •
+  <a href="#usage">Usage</a> •
+  <a href="#contributing">Contributing</a> •
+  <a href="#documentation">Documentation</a> •
+  <a href="#docker">Docker</a>
+</p>
+
+## What's a Cannon?
 
 * It's Rust code
 * ...that was originally Go code