📝 Updated readme

Author: thomaschaplin

README.md

@@ -4,29 +4,149 @@ A chrome extension with useful JavaScript snippets to aid software development a
 
 ## Installation
 
-- Download and extract this repository somewhere
+- `git clone git@github.com:thomaschaplin/snippet-library.git`
 - Navigate to `chrome://extensions` within chrome
-- Ensure to switch `Developer mode` on (a toggle at the top right of the page)
-- Select `Load unpacked` and then navigate to the  `/extension` folder
+- Enable `Developer mode` (a switch at the top right of the page)
+- Click `Load unpacked` button
+- Browse to the `/extension` folder and choose this folder
 - Navigate to a website and then right click it to access the `Snippet Library` context menu
 - After executing a snippet you can see the code as a bookmarklet by viewing the DevTools console
 
-## Current Snippets
-Below is a list of snippets currently available with this extension.
+## Snippets
 
-### Help
+Below is a list of snippets currently available with this extension
 
-* About
 
-### Events
+<details>
+  <summary>Help</summary>
 
-* Log Segment Events
+   * About
+   * Version
+</details>
 
-### Exploits
+<details>
+  <summary>Exploits</summary>
 
-* SQL Injection
-* XSS Injection
+   * Injection: SQL
+   * Injection: XSS
+</details>
 
-### TBC
+<details>
+  <summary>Accessibility</summary>
 
-* TBC
+   * Element: Highlight With The Same ID
+   * Element: Remove With The Same ID
+   * Enable: Right Click
+   * Enable: Text Selection
+   * Enable: Pasting
+   * Text: Pascalcase
+   * Text: Lowercase
+   * Text: Uppercase
+   * Text: Increase Length
+   * Text: Increase All Length
+   * Text: Increase Button Length
+   * Text: Increase Labels Length
+   * Text: Increase All Links Length
+   * Image: Remove Without Alt Tags
+   * Image: List Alt Tags
+   * Image: Highlight With Alt Tags
+   * Image: Highligh Without Alt Tags
+   * Input: Remove Max Length
+   * Input: Remove Without Labels
+   * Input: Remove Required
+   * Input: Highlight Without Labels
+   * Form: Print Controls
+   * Misc: Visualise Tab Flow
+</details>
+
+<details>
+  <summary>Convert</summary>
+
+   * Decode: Base64
+   * Encode: Base64
+   * Pretty Print: JSON
+   * Minify: JSON
+   * Convert Highlighted Text: ROT13
+</details>
+
+<details>
+  <summary>DOM</summary>
+
+   * Table: Add Number Column
+   * Table: Transpose Tables
+   * Table: Sort Tables
+   * Image: Convert Images To Data URL
+   * Image: Overlay Images
+   * Image: Remove Images
+   * Image: Preview Images
+   * Input: Convert Input Types To Text
+   * Bullet Point: Convert Bullet Points To Numbers
+   * Colour: Print Colours Used
+   * Link: Highligh Internal & External Links
+   * Link: Display URLs As Links
+   * DOM: Design Mode Off
+   * DOM: Design Mode On
+   * Element: For Each Element Do...
+   * Element: Wrap
+</details>
+
+<details>
+  <summary>GitHub</summary>
+
+   * Review: Mark As Viewed
+   * Review: Mark Files As Unviewed
+</details>
+
+<details>
+  <summary>Miscellaneous</summary>
+
+   * Misc: Console Save
+   * Misc: Log Globals
+   * Misc: Remove Bloat
+   * Misc: Restore Console
+   * Misc: Find Stack
+   * Misc: Generate QR Code For Current Website
+   * Misc: Log Word Frequency
+   * Account: Find Public Credentails
+   * Cookies: Remove All
+   * Cookies: View All
+   * Script: View All
+   * Source: View Highlighted Source
+   * Input: Display Passwords
+</details>
+
+<details>
+  <summary>Network</summary>
+
+   * Network: Cache Buster
+   * Network: Generate Hash Link
+   * Network: Heatmap
+   * Network: Is This Website Down
+   * Network: Link Checker
+   * Network: Log Query Strings
+   * Network: Performance
+   * Network: Performance 2
+   * Network: Performance Stats
+   * Network: Show Headers
+</details>
+
+<details>
+  <summary>Styling</summary>
+
+   * Pretty Print: CSS File
+   * CSS: Insert
+   * CSS: Plain
+   * CSS: Remove
+   * CSS: Remove 2
+   * CSS: View
+   * CSS: Reload
+   * CSS: Remove Colours
+   * Forms: Plain
+   * Font: What Font
+</details>
+
+<details>
+  <summary>Events</summary>
+
+   * Log: Segment Events
+</details>