Add artwork

README.md

@@ -1,5 +1,3 @@
-# pwncat
-
 **[Install](#tada-install)** |
 **[TL;DR](#coffee-tldr)** |
 **[Features](#star-features)** |
@@ -12,6 +10,12 @@
 **[Disclaimer](#exclamation-disclaimer)** |
 **[License](#page_facing_up-license)**
 
+---
+
+<center><img alt="pwncat banner" title="pwncat" src="art/banner-1.png" style=""/></center>
+
+# pwncat
+
 [![](https://img.shields.io/badge/code%20style-black-000000.svg)](https://github.com/psf/black)
 [![PyPI](https://img.shields.io/pypi/v/pwncat)](https://pypi.org/project/pwncat/)
 [![PyPI - Status](https://img.shields.io/pypi/status/pwncat)](https://pypi.org/project/pwncat/)
@@ -1349,6 +1353,40 @@ You can even mix `pwncat` with `netcat`, `ncat` or similar tools.
 **A**: Thanks for asking! First of all, star this project to give me some feedback and see [CONTRIBUTING.md](CONTRIBUTING.md) for details.
 
 
+## :sunrise: Artwork
+
+<table>
+ <thead>
+  <tr>
+   <th>Type</th>
+   <th>Artist</th>
+   <th>Image</th>
+   <th>License</th>
+  </tr>
+ </thead>
+ <tbody>
+  <tr>
+   <td>Logo</td>
+   <td><a href="https://github.com/maifz">maifz</a></td>
+   <td><a href="art/logo.png"><img src="art/logo.png" style="height:128px;" height="128" /></a></td>
+   <td><a href="https://creativecommons.org/licenses/by-sa/4.0/"><img src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a></td>
+  </tr>
+  <tr>
+   <td>Banner 1</td>
+   <td><a href="https://github.com/maifz">maifz</a></td>
+   <td><a href="art/banner-1.png"><img src="art/banner-1.png" style="height:128px;" height="128" /></a></td>
+   <td><a href="https://creativecommons.org/licenses/by-sa/4.0/"><img src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a></td>
+  </tr>
+  <tr>
+   <td>Banner 2</td>
+   <td><a href="https://github.com/maifz">maifz</a></td>
+   <td><a href="art/banner-2.png"><img src="art/banner-2.png" style="height:128px;" height="128" /></a></td>
+   <td><a href="https://creativecommons.org/licenses/by-sa/4.0/"><img src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a></td>
+  </tr>
+ </tbody>
+</table>
+
+
 ## :lock: [cytopia](https://github.com/cytopia) sec tools
 
 Below is a list of sec tools and docs I am maintaining.

docs/index.html

@@ -120,6 +120,7 @@
 			<input type="checkbox" id="drawer-control" class="drawer"/>
 			<div class="cols-sm-12 col-md-2">
 				<label for="drawer-control" class="drawer-close"></label>
+				<img style="height:160px;" src="../art/logo.png" title="pwncat" alt="pwncat logo" />
 				<ul>
 					<li><span class="icon-home secondary"></span> <a href="https://github.com/cytopia/pwncat">github</a></li>
 					<li><span class="icon-settings secondary"></span> <a href="https://github.com/cytopia/pwncat/tree/master/pse">pse</a></li>
@@ -330,6 +331,31 @@ <h4>Cross OS</h4>
 				<br/><br/>
 
 
+				<h2>Artwork</h2>
+				<div class="row">
+					<div class="card large">
+						<div class="section dark">
+							<h4>Logo</h4>
+						</div>
+						<a href="https://raw.githubusercontent.com/cytopia/pwncat/master/art/logo.png"><img style="height:128px;" height="128" src="https://raw.githubusercontent.com/cytopia/pwncat/master/art/logo.png" /></a>
+					</div>
+
+					<div class="card large">
+						<div class="section dark">
+							<h4>Banner 1</h4>
+						</div>
+						<a href="https://raw.githubusercontent.com/cytopia/pwncat/master/art/banner-1.png"><img style="height:128px;" height="128" src="https://raw.githubusercontent.com/cytopia/pwncat/master/art/banner-1.png" /></a>
+					</div>
+					<div class="card large">
+						<div class="section dark">
+							<h4>Banner 2</h4>
+						</div>
+						<a href="https://raw.githubusercontent.com/cytopia/pwncat/master/art/banner-2.png"><img style="height:128px;" height="128" src="https://raw.githubusercontent.com/cytopia/pwncat/master/art/banner-2.png" /></a>
+					</div>
+				</div>
+				<br/><br/>
+
+
 				<h2>Usage</h2>
 				<pre>
 usage: pwncat [options] hostname port