Update and organize assets

- Organize assets into subdirectories
- Include license info for external (third party) assets
- Update README screenshots to match current UI
- Add GftW x DEV hackathon badge and GftW Mid-Level Grantee image to README

Signed-off-by: sharon-wang <[email protected]>

Author: sharon-wang

LICENSE

@@ -1,11 +1,16 @@
 Software (and associated documentation) in this project is licensed
 under the MIT License, Copyright (c) 2020 Elliot Evans & Sharon Wang.
 
-Assets (i.e. images, graphics, artwork, etc.) in this project are by
-Elliot Evans & Sharon Wang, and are licensed under the Creative Commons
-Attribution 4.0 International Public License (CC BY 4.0).
+Assets (i.e. images, graphics, artwork, etc.) in this project, other
+than those found in the assets/external directory, are by Elliot Evans
+and Sharon Wang, and are licensed under the Creative Commons Attribution
+4.0 International Public License (CC BY 4.0).
 
-Licenses can be found below.
+Assets in the assets/external directory are assets from another source or
+repository, which may not have been created by Elliot Evans or Sharon Wang.
+Please refer to the per-asset/per-source license information in assets/external.
+
+Licenses relevant to Akita can be found below.
 
 =============================================================================
 =============================================================================
@@ -38,8 +43,10 @@ SOFTWARE.
 Creative Commons Attribution 4.0 International Public License (CC BY 4.0)
 https://creativecommons.org/licenses/by/4.0/
 
-Assets (i.e. images, graphics, artwork, etc.) by Elliot Evans & Sharon Wang
-are licensed under CC BY 4.0.
+Assets (i.e. images, graphics, artwork, etc.) in this project, other
+than those found in the assets/external directory, are by Elliot Evans
+and Sharon Wang, and are licensed under the Creative Commons Attribution
+4.0 International Public License (CC BY 4.0).
 
 By exercising the Licensed Rights (defined below), You accept and agree
 to be bound by the terms and conditions of this Creative Commons

README.md

@@ -3,15 +3,26 @@
 # Akita
 
 [![Software License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
-[![Assets License: CC BY 4.0](https://img.shields.io/badge/License-CC%20BY%204.0-lightgrey.svg)](https://creativecommons.org/licenses/by/4.0/)
+[![Assets by Akita License: CC BY 4.0](https://img.shields.io/badge/License-CC%20BY%204.0-lightgrey.svg)](https://creativecommons.org/licenses/by/4.0/)
 
 A browser extension that gives you insight into your engagement with [Web Monetization](https://webmonetization.org/).
 
 Akita presents your top visited monetized sites, how much time you’re spending on them, and how much you're contributing (or could contribute) to them.
 
 We've built this for the [Grant for the Web x DEV hackathon](https://dev.to/devteam/announcing-the-grant-for-the-web-hackathon-on-dev-3kd1)! We're so thrilled to have received a Runner Up Award for this project 🎉 - [Winners Announcement](https://dev.to/devteam/announcing-the-grant-for-the-web-x-dev-hackathon-winners-1nl4).
 
-Our license information can be found [here](docs/LicenseInfo.md) and our license/copyright notices can be found in [LICENSE](LICENSE).
+Our license information can be found [here](docs/LicenseInfo.md) and our license/copyright notices can be found in [LICENSE](LICENSE). Assets in the [assets/external](assets/external) directory are assets from another source or repository, which may not have been created by Akita contributors. Please refer to the per-asset/per-source license information in [assets/external](assets/external).
+
+<table>
+  <tr>
+      <td align="center"><a href="https://dev.to/devteam/announcing-the-grant-for-the-web-x-dev-hackathon-winners-1nl4"><img src="assets/external/devcommunity/GFTWRunnerUp.png" alt="Grant for the Web x DEV Community Hackathon Runner Up Badge" width="120px"></a></td>
+      <td><strong>Grant for the Web x DEV Community Hackathon Runner Up</strong> (June 2020)</td>
+  </tr>
+  <tr>
+      <td align="center"><a href="https://www.grantfortheweb.org/blog/2020-mid-grantees"><img src="assets/external/grantfortheweb/mid-level-grantees.png" alt="Grant for the Web Mid Level Grantee Image" width="200px"></a></td>
+      <td><strong>Grant for the Web Mid Level Grantee</strong> (October 2020)</td>
+  </tr>
+</table>
 
 ---
 
@@ -44,26 +55,26 @@ We'd love to have you be a part of Akita! Please feel free to open issues or cre
 ### Akita Extension Icon
 The Akita extension icon changes depending on the site you are visiting. If the site has monetization enabled, then the Akita icon will look something like this:
 
-<img src="assets/demo_mon.svg" alt="Monetization Enabled Akita Icon" height="100px">
+<img src="assets/tutorial/demo_mon.svg" alt="Monetization Enabled Akita Icon" height="100px">
 
 Otherwise, if the site does not have monetization enabled, then the icon will appear as:
 
-<img src="assets/demo_unmon.svg" alt="Monetization Not Enabled Akita Icon" height="100px">
+<img src="assets/tutorial/demo_unmon.svg" alt="Monetization Not Enabled Akita Icon" height="100px">
 
 ### Akita Main View
 Our browser extension helps you see the top monetized sites you visit and your engagement with Web Monetization at-a-glance.
 
 Here's a screenshot of what Akita looks like if you're using a Web Monetization provider:
 
-<img src="assets/documentation/mon_demo_screenshot1.png" alt="Monetization Enabled Akita Main View" height="450px"><img src="assets/documentation/mon_demo_screenshot2.png" alt="Monetization Enabled Akita Main View" height="450px">
+<img src="assets/documentation/mon_demo_screenshot_mainview.png" alt="Monetization Enabled Akita Main View" height="450px"><img src="assets/documentation/mon_demo_screenshot_hoverdetail.png" alt="Monetization Enabled Akita Main View" height="450px">
 
 You'll likely have some monetized sites that you visit often, but don't really spend much time on. Maybe you'd like to give them a little more love and spend a bit more time there, so that additional payment can be streamed to them. Check out the 'These monetized sites could use ♥️' section!
 
 <img src="assets/documentation/needslove_demo_screenshot.png" alt="Needs Love Hover" width="330px">
 
 Here's a screenshot of what Akita looks like if you don't have a Web Monetization provider installed:
 
-<img src="assets/documentation/nonmon_demo_screenshot1.png" alt="Monetization Not Enabled Akita Main View" height="450px"><img src="assets/documentation/nonmon_demo_screenshot2.png" alt="Monetization Not Enabled Akita Main View" height="450px">
+<img src="assets/documentation/nonmon_demo_screenshot_mainview.png" alt="Monetization Not Enabled Akita Main View" height="450px"><img src="assets/documentation/nonmon_demo_screenshot_hoverdetail.png" alt="Monetization Not Enabled Akita Main View" height="450px">
 
 ### Akita Demo Video
 Click to check out a video walkthrough of Akita:

assets/documentation/mon_demo_screenshot1.png

@@ -0,0 +1,15 @@
+# DEV Community Assets
+
+Assets in [this directory](.) are licensed by **DEV Community** via the 
+[DEV Community Website](https://dev.to/).
+
+The following list contains attribution information for any assets included in this directory:
+
+## [GFTWRunnerUp.png](GFTWRunnerUp.png)
+- **Creator/Attribution Parties**: [DEV Community](https://dev.to/)
+- **Copyright**: © 2021 DEV Community
+- **License**: [DEV Community Trademarks and Logos Policy](https://dev.to/terms#dev-trademarks-and-logo-policy)
+    - Permission from DEV Community has been granted to the Akita project to include this image in the [README.md](/README.md) file for the Akita repository.
+    - A copy of this license is provided in the Akita repository [here](docs/licenses/DEV_COMMUNITY_TRADEMARKS_AND_LOGOS_POLICY).
+- **Link**: [https://dev.to/badge/grant-for-the-web-hackathon-runner-up](https://dev.to/badge/grant-for-the-web-hackathon-runner-up)
+- **Modifications**: We have not made any modifications to this asset.

assets/documentation/mon_demo_screenshot2.png

@@ -0,0 +1,14 @@
+# Grant for the Web Assets
+
+Assets in [this directory](.) are licensed by **Coil Technologies, Inc.** via the 
+[Grant for the Web website](https://www.grantfortheweb.org/).
+
+The following list contains attribution information for any assets included in this directory:
+
+## [mid-level-grantees.png](mid-level-grantees.png)
+- **Creator/Attribution Parties**: [Coil Technologies Inc.](https://coil.com/), [Grant for the Web](https://www.grantfortheweb.org/)
+- **Copyright**: © 2021 Coil Technologies, Inc.
+- **License**: [Creative Commons Attribution 4.0 International](https://creativecommons.org/licenses/by/4.0/)
+    - A copy of this license is provided in the Akita repository [here](/docs/licenses/CREATIVE_COMMONS_ATTRIBUTION_4_LICENSE).
+- **Link**: [https://www.grantfortheweb.org/blog/2020-mid-grantees](https://www.grantfortheweb.org/blog/2020-mid-grantees)
+- **Modifications**: We have not made any modifications to this asset.

assets/documentation/mon_demo_screenshot_hoverdetail.png

@@ -0,0 +1,14 @@
+# Web Monetization Assets
+
+Assets in [this directory](.) are licensed by **WebMonetization.org**/**Web Incubator Community Group** via the 
+[Web Monetization GitHub Repository](https://github.com/WICG/webmonetization).
+
+The following list contains attribution information for any assets included in this directory:
+
+## [wm-icon-animated.svg](wm-icon-animated.svg)
+- **Creator/Attribution Parties**: [WebMonetization.org](https://webmonetization.org/), [Web Incubator Community Group](https://wicg.org/)
+- **Copyright**: © 2021 WebMonetization.org
+- **License**: [Apache License, Version 2.0](http://www.apache.org/licenses/LICENSE-2.0)
+    - A copy of this license is provided in the Akita repository [here](/docs/licenses/APACHE_2_LICENSE).
+- **Link**: [https://github.com/WICG/webmonetization/blob/master/static/img/wm-icon-animated.svg](https://github.com/WICG/webmonetization/blob/master/static/img/wm-icon-animated.svg)
+- **Modifications**: We have not made any modifications to this asset.