Create SEO pages for each editor

2026-04-19 19:55:16 +00:00 · 2025-05-28 18:07:53 -04:00 · 2025-05-28 18:07:53 -04:00 · 1506190ad9
commit 1506190ad9
parent c3e62fb629
153 changed files with 2328 additions and 0 deletions
--- a/app/views/docs/index.html.erb
+++ b/app/views/docs/index.html.erb
@ -97,6 +97,130 @@
    (#hackatime-dev channel) or <a href="https://github.com/hackclub/hackatime/issues" target="_blank">ask on GitHub</a>.
  </p>

+  <h3>🔧 Supported Editors</h3>
+  <p>
+    Hackatime works with any editor that supports WakaTime. Click on your editor below for setup instructions:
+  </p>
+
+  <div id="supported-editors" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 1rem; margin: 2rem 0;">
+    <a href="<%= doc_path('editors/android-studio') %>" class="editor-card" style="text-decoration: none; color: inherit;">
+      <img src="/images/editor-icons/android-studio-128.png" alt="Android Studio" style="width: 48px; height: 48px; margin: 0 auto; display: block;">
+      <div style="text-align: center; margin-top: 0.5rem; font-size: 0.9rem;">Android Studio</div>
+    </a>
+    
+    <a href="<%= doc_path('editors/appcode') %>" class="editor-card" style="text-decoration: none; color: inherit;">
+      <img src="/images/editor-icons/appcode-128.png" alt="AppCode" style="width: 48px; height: 48px; margin: 0 auto; display: block;">
+      <div style="text-align: center; margin-top: 0.5rem; font-size: 0.9rem;">AppCode</div>
+    </a>
+    
+    <a href="<%= doc_path('editors/arduino-ide') %>" class="editor-card" style="text-decoration: none; color: inherit;">
+      <img src="/images/editor-icons/arduino-ide-128.png" alt="Arduino IDE" style="width: 48px; height: 48px; margin: 0 auto; display: block;">
+      <div style="text-align: center; margin-top: 0.5rem; font-size: 0.9rem;">Arduino IDE</div>
+    </a>
+    
+    <a href="<%= doc_path('editors/blender') %>" class="editor-card" style="text-decoration: none; color: inherit;">
+      <img src="/images/editor-icons/blender-128.png" alt="Blender" style="width: 48px; height: 48px; margin: 0 auto; display: block;">
+      <div style="text-align: center; margin-top: 0.5rem; font-size: 0.9rem;">Blender</div>
+    </a>
+    
+    <a href="<%= doc_path('editors/eclipse') %>" class="editor-card" style="text-decoration: none; color: inherit;">
+      <img src="/images/editor-icons/eclipse-128.png" alt="Eclipse" style="width: 48px; height: 48px; margin: 0 auto; display: block;">
+      <div style="text-align: center; margin-top: 0.5rem; font-size: 0.9rem;">Eclipse</div>
+    </a>
+    
+    <a href="<%= doc_path('editors/figma') %>" class="editor-card" style="text-decoration: none; color: inherit;">
+      <img src="/images/editor-icons/figma-128.png" alt="Figma" style="width: 48px; height: 48px; margin: 0 auto; display: block;">
+      <div style="text-align: center; margin-top: 0.5rem; font-size: 0.9rem;">Figma</div>
+    </a>
+    
+    <a href="<%= doc_path('editors/goland') %>" class="editor-card" style="text-decoration: none; color: inherit;">
+      <img src="/images/editor-icons/goland-128.png" alt="GoLand" style="width: 48px; height: 48px; margin: 0 auto; display: block;">
+      <div style="text-align: center; margin-top: 0.5rem; font-size: 0.9rem;">GoLand</div>
+    </a>
+    
+    <a href="<%= doc_path('editors/ida-pro') %>" class="editor-card" style="text-decoration: none; color: inherit;">
+      <img src="/images/editor-icons/ida-pro-128.png" alt="IDA Pro" style="width: 48px; height: 48px; margin: 0 auto; display: block;">
+      <div style="text-align: center; margin-top: 0.5rem; font-size: 0.9rem;">IDA Pro</div>
+    </a>
+    
+    <a href="<%= doc_path('editors/jupyter') %>" class="editor-card" style="text-decoration: none; color: inherit;">
+      <img src="/images/editor-icons/jupyter-128.png" alt="Jupyter" style="width: 48px; height: 48px; margin: 0 auto; display: block;">
+      <div style="text-align: center; margin-top: 0.5rem; font-size: 0.9rem;">Jupyter</div>
+    </a>
+    
+    <a href="<%= doc_path('editors/notepad++') %>" class="editor-card" style="text-decoration: none; color: inherit;">
+      <img src="/images/editor-icons/notepad++-128.png" alt="Notepad++" style="width: 48px; height: 48px; margin: 0 auto; display: block;">
+      <div style="text-align: center; margin-top: 0.5rem; font-size: 0.9rem;">Notepad++</div>
+    </a>
+    
+    <a href="<%= doc_path('editors/rubymine') %>" class="editor-card" style="text-decoration: none; color: inherit;">
+      <img src="/images/editor-icons/rubymine-128.png" alt="RubyMine" style="width: 48px; height: 48px; margin: 0 auto; display: block;">
+      <div style="text-align: center; margin-top: 0.5rem; font-size: 0.9rem;">RubyMine</div>
+    </a>
+    
+    <a href="<%= doc_path('editors/rustrover') %>" class="editor-card" style="text-decoration: none; color: inherit;">
+      <img src="/images/editor-icons/rustrover-128.png" alt="RustRover" style="width: 48px; height: 48px; margin: 0 auto; display: block;">
+      <div style="text-align: center; margin-top: 0.5rem; font-size: 0.9rem;">RustRover</div>
+    </a>
+    
+    <a href="<%= doc_path('editors/terminal') %>" class="editor-card" style="text-decoration: none; color: inherit;">
+      <img src="/images/editor-icons/terminal-128.png" alt="Terminal" style="width: 48px; height: 48px; margin: 0 auto; display: block;">
+      <div style="text-align: center; margin-top: 0.5rem; font-size: 0.9rem;">Terminal</div>
+    </a>
+    
+    <a href="<%= doc_path('editors/windsurf') %>" class="editor-card" style="text-decoration: none; color: inherit;">
+      <img src="/images/editor-icons/windsurf-128.png" alt="Windsurf" style="width: 48px; height: 48px; margin: 0 auto; display: block;">
+      <div style="text-align: center; margin-top: 0.5rem; font-size: 0.9rem;">Windsurf</div>
+    </a>
+    
+    <a href="<%= doc_path('editors/unity') %>" class="editor-card" style="text-decoration: none; color: inherit;">
+      <img src="/images/editor-icons/unity-128.png" alt="Unity" style="width: 48px; height: 48px; margin: 0 auto; display: block;">
+      <div style="text-align: center; margin-top: 0.5rem; font-size: 0.9rem;">Unity</div>
+    </a>
+    
+    <a href="<%= doc_path('editors/xcode') %>" class="editor-card" style="text-decoration: none; color: inherit;">
+      <img src="/images/editor-icons/xcode-128.png" alt="Xcode" style="width: 48px; height: 48px; margin: 0 auto; display: block;">
+      <div style="text-align: center; margin-top: 0.5rem; font-size: 0.9rem;">Xcode</div>
+    </a>
+  </div>
+  
+  <details style="margin: 1rem 0;">
+    <summary style="cursor: pointer; font-weight: 500;">View all 76 supported editors</summary>
+    <div id="all-editors" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 0.8rem; margin: 1rem 0; padding: 1rem; background: #f8f9fa; border-radius: 8px;">
+      <% 
+        # All 76 editors - alphabetically sorted
+        all_editors = [
+          ['Android Studio', 'android-studio'], ['AppCode', 'appcode'], ['Aptana', 'aptana'], ['Arduino IDE', 'arduino-ide'],
+          ['Azure Data Studio', 'azure-data-studio'], ['Blender', 'blender'], ['Brackets', 'brackets'], ['Brave', 'brave'],
+          ['C++ Builder', 'c++-builder'], ['Canva', 'canva'], ['Chrome', 'chrome'], ['CLion', 'clion'],
+          ['Cloud9', 'cloud9'], ['Coda', 'coda'], ['CodeTasty', 'codetasty'], ['Cursor', 'cursor'],
+          ['DataGrip', 'datagrip'], ['DataSpell', 'dataspell'], ['DBeaver', 'dbeaver'], ['Delphi', 'delphi'],
+          ['Discord', 'discord'], ['Eclipse', 'eclipse'], ['Edge', 'edge'], ['Emacs', 'emacs'],
+          ['Eric', 'eric'], ['Excel', 'excel'], ['Figma', 'figma'], ['Firefox', 'firefox'],
+          ['Gedit', 'gedit'], ['GoLand', 'goland'], ['HBuilder X', 'hbuilder-x'], ['IDA Pro', 'ida-pro'],
+          ['IntelliJ IDEA', 'intellij-idea'], ['Jupyter', 'jupyter'], ['Kakoune', 'kakoune'], ['Kate', 'kate'],
+          ['Komodo', 'komodo'], ['Micro', 'micro'], ['MPS', 'mps'], ['Neovim', 'neovim'],
+          ['NetBeans', 'netbeans'], ['Notepad++', 'notepad++'], ['Nova', 'nova'], ['Obsidian', 'obsidian'],
+          ['Oxygen', 'oxygen'], ['PhpStorm', 'phpstorm'], ['Postman', 'postman'], ['PowerPoint', 'powerpoint'],
+          ['Processing', 'processing'], ['Pulsar', 'pulsar'], ['PyCharm', 'pycharm'], ['ReClassEx', 'reclassex'],
+          ['Rider', 'rider'], ['Roblox Studio', 'roblox-studio'], ['RubyMine', 'rubymine'], ['RustRover', 'rustrover'],
+          ['Safari', 'safari'], ['SiYuan', 'siyuan'], ['Sketch', 'sketch'], ['SlickEdit', 'slickedit'],
+          ['SQL Server Management Studio', 'sql-server-management-studio'], ['Sublime Text', 'sublime-text'], 
+          ['Terminal', 'terminal'], ['TeXstudio', 'texstudio'], ['TextMate', 'textmate'], ['Trae', 'trae'],
+          ['Unity', 'unity'], ['Vim', 'vim'], ['Visual Studio', 'visual-studio'], ['VS Code', 'vs-code'],
+          ['WebStorm', 'webstorm'], ['Windsurf', 'windsurf'], ['Wing', 'wing'], ['Word', 'word'],
+          ['Xcode', 'xcode'], ['Zed', 'zed']
+        ]
+      %>
+      <% all_editors.each do |name, slug| %>
+        <a href="<%= doc_path("editors/#{slug}") %>" class="editor-card-small" style="text-decoration: none; color: inherit; padding: 0.5rem; text-align: center; border-radius: 4px; transition: background 0.2s;" onmouseover="this.style.background='#e9ecef'" onmouseout="this.style.background='transparent'">
+          <img src="/images/editor-icons/<%= slug %>-128.png" alt="<%= name %>" style="width: 32px; height: 32px; margin: 0 auto; display: block;">
+          <div style="margin-top: 0.3rem; font-size: 0.8rem; line-height: 1.2;"><%= name %></div>
+        </a>
+      <% end %>
+    </div>
+  </details>
+
  <hr style="margin: 2rem 0;">

  <p class="flavor">
--- a/docs/editors/android-studio.md
+++ b/docs/editors/android-studio.md
@ -0,0 +1,29 @@
+# Android Studio Setup Guide
+
+![Android Studio](/images/editor-icons/android-studio-128.png)
+
+Follow these steps to start tracking your coding time in Android Studio with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Android Studio Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Android Studio page](https://wakatime.com/android-studio).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Android Studio after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/appcode.md
+++ b/docs/editors/appcode.md
@ -0,0 +1,29 @@
+# AppCode Setup Guide
+
+![AppCode](/images/editor-icons/appcode-128.png)
+
+Follow these steps to start tracking your coding time in AppCode with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install AppCode Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime AppCode page](https://wakatime.com/appcode).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting AppCode after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/aptana.md
+++ b/docs/editors/aptana.md
@ -0,0 +1,29 @@
+# Aptana Setup Guide
+
+![Aptana](/images/editor-icons/aptana-128.png)
+
+Follow these steps to start tracking your coding time in Aptana with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Aptana Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Aptana page](https://wakatime.com/aptana).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Aptana after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/arduino-ide.md
+++ b/docs/editors/arduino-ide.md
@ -0,0 +1,29 @@
+# Arduino IDE Setup Guide
+
+![Arduino IDE](/images/editor-icons/arduino-ide-128.png)
+
+Follow these steps to start tracking your coding time in Arduino IDE with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Arduino IDE Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Arduino IDE page](https://wakatime.com/arduino-ide).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Arduino IDE after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/azure-data-studio.md
+++ b/docs/editors/azure-data-studio.md
@ -0,0 +1,29 @@
+# Azure Data Studio Setup Guide
+
+![Azure Data Studio](/images/editor-icons/azure-data-studio-128.png)
+
+Follow these steps to start tracking your coding time in Azure Data Studio with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Azure Data Studio Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Azure Data Studio page](https://wakatime.com/azure-data-studio).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Azure Data Studio after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/blender.md
+++ b/docs/editors/blender.md
@ -0,0 +1,29 @@
+# Blender Setup Guide
+
+![Blender](/images/editor-icons/blender-128.png)
+
+Follow these steps to start tracking your coding time in Blender with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Blender Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Blender page](https://wakatime.com/blender).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Blender after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/brackets.md
+++ b/docs/editors/brackets.md
@ -0,0 +1,29 @@
+# Brackets Setup Guide
+
+![Brackets](/images/editor-icons/brackets-128.png)
+
+Follow these steps to start tracking your coding time in Brackets with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Brackets Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Brackets page](https://wakatime.com/brackets).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Brackets after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/brave.md
+++ b/docs/editors/brave.md
@ -0,0 +1,29 @@
+# Brave Setup Guide
+
+![Brave](/images/editor-icons/brave-128.png)
+
+Follow these steps to start tracking your coding time in Brave with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Brave Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Brave page](https://wakatime.com/brave).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Brave after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/c++-builder.md
+++ b/docs/editors/c++-builder.md
@ -0,0 +1,29 @@
+# C++ Builder Setup Guide
+
+![C++ Builder](/images/editor-icons/c++-builder-128.png)
+
+Follow these steps to start tracking your coding time in C++ Builder with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install C++ Builder Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime C++ Builder page](https://wakatime.com/c++-builder).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting C++ Builder after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/canva.md
+++ b/docs/editors/canva.md
@ -0,0 +1,29 @@
+# Canva Setup Guide
+
+![Canva](/images/editor-icons/canva-128.png)
+
+Follow these steps to start tracking your coding time in Canva with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Canva Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Canva page](https://wakatime.com/canva).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Canva after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/chrome.md
+++ b/docs/editors/chrome.md
@ -0,0 +1,29 @@
+# Chrome Setup Guide
+
+![Chrome](/images/editor-icons/chrome-128.png)
+
+Follow these steps to start tracking your coding time in Chrome with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Chrome Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Chrome page](https://wakatime.com/chrome).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Chrome after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/clion.md
+++ b/docs/editors/clion.md
@ -0,0 +1,29 @@
+# CLion Setup Guide
+
+![CLion](/images/editor-icons/clion-128.png)
+
+Follow these steps to start tracking your coding time in CLion with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install CLion Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime CLion page](https://wakatime.com/clion).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting CLion after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/cloud9.md
+++ b/docs/editors/cloud9.md
@ -0,0 +1,29 @@
+# Cloud9 Setup Guide
+
+![Cloud9](/images/editor-icons/cloud9-128.png)
+
+Follow these steps to start tracking your coding time in Cloud9 with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Cloud9 Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Cloud9 page](https://wakatime.com/cloud9).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Cloud9 after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/coda.md
+++ b/docs/editors/coda.md
@ -0,0 +1,29 @@
+# Coda Setup Guide
+
+![Coda](/images/editor-icons/coda-128.png)
+
+Follow these steps to start tracking your coding time in Coda with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Coda Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Coda page](https://wakatime.com/coda).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Coda after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/codetasty.md
+++ b/docs/editors/codetasty.md
@ -0,0 +1,29 @@
+# CodeTasty Setup Guide
+
+![CodeTasty](/images/editor-icons/codetasty-128.png)
+
+Follow these steps to start tracking your coding time in CodeTasty with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install CodeTasty Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime CodeTasty page](https://wakatime.com/codetasty).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting CodeTasty after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/cursor.md
+++ b/docs/editors/cursor.md
@ -0,0 +1,29 @@
+# Cursor Setup Guide
+
+![Cursor](/images/editor-icons/cursor-128.png)
+
+Follow these steps to start tracking your coding time in Cursor with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Cursor Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Cursor page](https://wakatime.com/cursor).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Cursor after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/datagrip.md
+++ b/docs/editors/datagrip.md
@ -0,0 +1,29 @@
+# DataGrip Setup Guide
+
+![DataGrip](/images/editor-icons/datagrip-128.png)
+
+Follow these steps to start tracking your coding time in DataGrip with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install DataGrip Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime DataGrip page](https://wakatime.com/datagrip).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting DataGrip after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/dataspell.md
+++ b/docs/editors/dataspell.md
@ -0,0 +1,29 @@
+# DataSpell Setup Guide
+
+![DataSpell](/images/editor-icons/dataspell-128.png)
+
+Follow these steps to start tracking your coding time in DataSpell with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install DataSpell Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime DataSpell page](https://wakatime.com/dataspell).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting DataSpell after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/dbeaver.md
+++ b/docs/editors/dbeaver.md
@ -0,0 +1,29 @@
+# DBeaver Setup Guide
+
+![DBeaver](/images/editor-icons/dbeaver-128.png)
+
+Follow these steps to start tracking your coding time in DBeaver with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install DBeaver Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime DBeaver page](https://wakatime.com/dbeaver).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting DBeaver after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/delphi.md
+++ b/docs/editors/delphi.md
@ -0,0 +1,29 @@
+# Delphi Setup Guide
+
+![Delphi](/images/editor-icons/delphi-128.png)
+
+Follow these steps to start tracking your coding time in Delphi with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Delphi Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Delphi page](https://wakatime.com/delphi).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Delphi after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/discord.md
+++ b/docs/editors/discord.md
@ -0,0 +1,29 @@
+# Discord Setup Guide
+
+![Discord](/images/editor-icons/discord-128.png)
+
+Follow these steps to start tracking your coding time in Discord with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Discord Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Discord page](https://wakatime.com/discord).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Discord after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/eclipse.md
+++ b/docs/editors/eclipse.md
@ -0,0 +1,29 @@
+# Eclipse Setup Guide
+
+![Eclipse](/images/editor-icons/eclipse-128.png)
+
+Follow these steps to start tracking your coding time in Eclipse with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Eclipse Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Eclipse page](https://wakatime.com/eclipse).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Eclipse after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/edge.md
+++ b/docs/editors/edge.md
@ -0,0 +1,29 @@
+# Edge Setup Guide
+
+![Edge](/images/editor-icons/edge-128.png)
+
+Follow these steps to start tracking your coding time in Edge with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Edge Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Edge page](https://wakatime.com/edge).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Edge after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/emacs.md
+++ b/docs/editors/emacs.md
@ -0,0 +1,29 @@
+# Emacs Setup Guide
+
+![Emacs](/images/editor-icons/emacs-128.png)
+
+Follow these steps to start tracking your coding time in Emacs with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Emacs Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Emacs page](https://wakatime.com/emacs).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Emacs after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/eric.md
+++ b/docs/editors/eric.md
@ -0,0 +1,29 @@
+# Eric Setup Guide
+
+![Eric](/images/editor-icons/eric-128.png)
+
+Follow these steps to start tracking your coding time in Eric with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Eric Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Eric page](https://wakatime.com/eric).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Eric after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/excel.md
+++ b/docs/editors/excel.md
@ -0,0 +1,29 @@
+# Excel Setup Guide
+
+![Excel](/images/editor-icons/excel-128.png)
+
+Follow these steps to start tracking your coding time in Excel with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Excel Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Excel page](https://wakatime.com/excel).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Excel after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/figma.md
+++ b/docs/editors/figma.md
@ -0,0 +1,29 @@
+# Figma Setup Guide
+
+![Figma](/images/editor-icons/figma-128.png)
+
+Follow these steps to start tracking your coding time in Figma with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Figma Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Figma page](https://wakatime.com/figma).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Figma after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/firefox.md
+++ b/docs/editors/firefox.md
@ -0,0 +1,29 @@
+# Firefox Setup Guide
+
+![Firefox](/images/editor-icons/firefox-128.png)
+
+Follow these steps to start tracking your coding time in Firefox with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Firefox Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Firefox page](https://wakatime.com/firefox).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Firefox after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/gedit.md
+++ b/docs/editors/gedit.md
@ -0,0 +1,29 @@
+# Gedit Setup Guide
+
+![Gedit](/images/editor-icons/gedit-128.png)
+
+Follow these steps to start tracking your coding time in Gedit with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Gedit Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Gedit page](https://wakatime.com/gedit).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Gedit after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/goland.md
+++ b/docs/editors/goland.md
@ -0,0 +1,29 @@
+# GoLand Setup Guide
+
+![GoLand](/images/editor-icons/goland-128.png)
+
+Follow these steps to start tracking your coding time in GoLand with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install GoLand Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime GoLand page](https://wakatime.com/goland).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting GoLand after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/hbuilder-x.md
+++ b/docs/editors/hbuilder-x.md
@ -0,0 +1,29 @@
+# HBuilder X Setup Guide
+
+![HBuilder X](/images/editor-icons/hbuilder-x-128.png)
+
+Follow these steps to start tracking your coding time in HBuilder X with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install HBuilder X Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime HBuilder X page](https://wakatime.com/hbuilder-x).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting HBuilder X after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/ida-pro.md
+++ b/docs/editors/ida-pro.md
@ -0,0 +1,29 @@
+# IDA Pro Setup Guide
+
+![IDA Pro](/images/editor-icons/ida-pro-128.png)
+
+Follow these steps to start tracking your coding time in IDA Pro with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install IDA Pro Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime IDA Pro page](https://wakatime.com/ida-pro).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting IDA Pro after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/intellij-idea.md
+++ b/docs/editors/intellij-idea.md
@ -0,0 +1,29 @@
+# IntelliJ IDEA Setup Guide
+
+![IntelliJ IDEA](/images/editor-icons/intellij-idea-128.png)
+
+Follow these steps to start tracking your coding time in IntelliJ IDEA with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install IntelliJ IDEA Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime IntelliJ IDEA page](https://wakatime.com/intellij-idea).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting IntelliJ IDEA after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/jupyter.md
+++ b/docs/editors/jupyter.md
@ -0,0 +1,29 @@
+# Jupyter Setup Guide
+
+![Jupyter](/images/editor-icons/jupyter-128.png)
+
+Follow these steps to start tracking your coding time in Jupyter with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Jupyter Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Jupyter page](https://wakatime.com/jupyter).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Jupyter after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/kakoune.md
+++ b/docs/editors/kakoune.md
@ -0,0 +1,29 @@
+# Kakoune Setup Guide
+
+![Kakoune](/images/editor-icons/kakoune-128.png)
+
+Follow these steps to start tracking your coding time in Kakoune with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Kakoune Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Kakoune page](https://wakatime.com/kakoune).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Kakoune after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/kate.md
+++ b/docs/editors/kate.md
@ -0,0 +1,29 @@
+# Kate Setup Guide
+
+![Kate](/images/editor-icons/kate-128.png)
+
+Follow these steps to start tracking your coding time in Kate with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Kate Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Kate page](https://wakatime.com/kate).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Kate after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/komodo.md
+++ b/docs/editors/komodo.md
@ -0,0 +1,29 @@
+# Komodo Setup Guide
+
+![Komodo](/images/editor-icons/komodo-128.png)
+
+Follow these steps to start tracking your coding time in Komodo with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Komodo Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Komodo page](https://wakatime.com/komodo).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Komodo after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/micro.md
+++ b/docs/editors/micro.md
@ -0,0 +1,29 @@
+# Micro Setup Guide
+
+![Micro](/images/editor-icons/micro-128.png)
+
+Follow these steps to start tracking your coding time in Micro with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Micro Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Micro page](https://wakatime.com/micro).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Micro after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/mps.md
+++ b/docs/editors/mps.md
@ -0,0 +1,29 @@
+# MPS Setup Guide
+
+![MPS](/images/editor-icons/mps-128.png)
+
+Follow these steps to start tracking your coding time in MPS with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install MPS Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime MPS page](https://wakatime.com/mps).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting MPS after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/neovim.md
+++ b/docs/editors/neovim.md
@ -0,0 +1,29 @@
+# Neovim Setup Guide
+
+![Neovim](/images/editor-icons/neovim-128.png)
+
+Follow these steps to start tracking your coding time in Neovim with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Neovim Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Neovim page](https://wakatime.com/neovim).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Neovim after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/netbeans.md
+++ b/docs/editors/netbeans.md
@ -0,0 +1,29 @@
+# NetBeans Setup Guide
+
+![NetBeans](/images/editor-icons/netbeans-128.png)
+
+Follow these steps to start tracking your coding time in NetBeans with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install NetBeans Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime NetBeans page](https://wakatime.com/netbeans).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting NetBeans after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/notepad++.md
+++ b/docs/editors/notepad++.md
@ -0,0 +1,29 @@
+# Notepad++ Setup Guide
+
+![Notepad++](/images/editor-icons/notepad++-128.png)
+
+Follow these steps to start tracking your coding time in Notepad++ with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Notepad++ Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Notepad++ page](https://wakatime.com/notepad++).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Notepad++ after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/nova.md
+++ b/docs/editors/nova.md
@ -0,0 +1,29 @@
+# Nova Setup Guide
+
+![Nova](/images/editor-icons/nova-128.png)
+
+Follow these steps to start tracking your coding time in Nova with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Nova Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Nova page](https://wakatime.com/nova).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Nova after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/obsidian.md
+++ b/docs/editors/obsidian.md
@ -0,0 +1,29 @@
+# Obsidian Setup Guide
+
+![Obsidian](/images/editor-icons/obsidian-128.png)
+
+Follow these steps to start tracking your coding time in Obsidian with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Obsidian Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Obsidian page](https://wakatime.com/obsidian).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Obsidian after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/oxygen.md
+++ b/docs/editors/oxygen.md
@ -0,0 +1,29 @@
+# Oxygen Setup Guide
+
+![Oxygen](/images/editor-icons/oxygen-128.png)
+
+Follow these steps to start tracking your coding time in Oxygen with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Oxygen Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Oxygen page](https://wakatime.com/oxygen).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Oxygen after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/phpstorm.md
+++ b/docs/editors/phpstorm.md
@ -0,0 +1,29 @@
+# PhpStorm Setup Guide
+
+![PhpStorm](/images/editor-icons/phpstorm-128.png)
+
+Follow these steps to start tracking your coding time in PhpStorm with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install PhpStorm Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime PhpStorm page](https://wakatime.com/phpstorm).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting PhpStorm after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/postman.md
+++ b/docs/editors/postman.md
@ -0,0 +1,29 @@
+# Postman Setup Guide
+
+![Postman](/images/editor-icons/postman-128.png)
+
+Follow these steps to start tracking your coding time in Postman with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Postman Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Postman page](https://wakatime.com/postman).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Postman after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/powerpoint.md
+++ b/docs/editors/powerpoint.md
@ -0,0 +1,29 @@
+# PowerPoint Setup Guide
+
+![PowerPoint](/images/editor-icons/powerpoint-128.png)
+
+Follow these steps to start tracking your coding time in PowerPoint with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install PowerPoint Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime PowerPoint page](https://wakatime.com/powerpoint).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting PowerPoint after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/processing.md
+++ b/docs/editors/processing.md
@ -0,0 +1,29 @@
+# Processing Setup Guide
+
+![Processing](/images/editor-icons/processing-128.png)
+
+Follow these steps to start tracking your coding time in Processing with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Processing Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Processing page](https://wakatime.com/processing).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Processing after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/pulsar.md
+++ b/docs/editors/pulsar.md
@ -0,0 +1,29 @@
+# Pulsar Setup Guide
+
+![Pulsar](/images/editor-icons/pulsar-128.png)
+
+Follow these steps to start tracking your coding time in Pulsar with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Pulsar Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Pulsar page](https://wakatime.com/pulsar).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Pulsar after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/pycharm.md
+++ b/docs/editors/pycharm.md
@ -0,0 +1,29 @@
+# PyCharm Setup Guide
+
+![PyCharm](/images/editor-icons/pycharm-128.png)
+
+Follow these steps to start tracking your coding time in PyCharm with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install PyCharm Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime PyCharm page](https://wakatime.com/pycharm).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting PyCharm after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/reclassex.md
+++ b/docs/editors/reclassex.md
@ -0,0 +1,29 @@
+# ReClassEx Setup Guide
+
+![ReClassEx](/images/editor-icons/reclassex-128.png)
+
+Follow these steps to start tracking your coding time in ReClassEx with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install ReClassEx Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime ReClassEx page](https://wakatime.com/reclassex).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting ReClassEx after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/rider.md
+++ b/docs/editors/rider.md
@ -0,0 +1,29 @@
+# Rider Setup Guide
+
+![Rider](/images/editor-icons/rider-128.png)
+
+Follow these steps to start tracking your coding time in Rider with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Rider Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Rider page](https://wakatime.com/rider).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Rider after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/roblox-studio.md
+++ b/docs/editors/roblox-studio.md
@ -0,0 +1,29 @@
+# Roblox Studio Setup Guide
+
+![Roblox Studio](/images/editor-icons/roblox-studio-128.png)
+
+Follow these steps to start tracking your coding time in Roblox Studio with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Roblox Studio Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Roblox Studio page](https://wakatime.com/roblox-studio).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Roblox Studio after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/rubymine.md
+++ b/docs/editors/rubymine.md
@ -0,0 +1,29 @@
+# RubyMine Setup Guide
+
+![RubyMine](/images/editor-icons/rubymine-128.png)
+
+Follow these steps to start tracking your coding time in RubyMine with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install RubyMine Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime RubyMine page](https://wakatime.com/rubymine).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting RubyMine after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/rustrover.md
+++ b/docs/editors/rustrover.md
@ -0,0 +1,29 @@
+# RustRover Setup Guide
+
+![RustRover](/images/editor-icons/rustrover-128.png)
+
+Follow these steps to start tracking your coding time in RustRover with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install RustRover Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime RustRover page](https://wakatime.com/rustrover).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting RustRover after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/safari.md
+++ b/docs/editors/safari.md
@ -0,0 +1,29 @@
+# Safari Setup Guide
+
+![Safari](/images/editor-icons/safari-128.png)
+
+Follow these steps to start tracking your coding time in Safari with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Safari Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Safari page](https://wakatime.com/safari).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Safari after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/siyuan.md
+++ b/docs/editors/siyuan.md
@ -0,0 +1,29 @@
+# SiYuan Setup Guide
+
+![SiYuan](/images/editor-icons/siyuan-128.png)
+
+Follow these steps to start tracking your coding time in SiYuan with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install SiYuan Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime SiYuan page](https://wakatime.com/siyuan).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting SiYuan after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/sketch.md
+++ b/docs/editors/sketch.md
@ -0,0 +1,29 @@
+# Sketch Setup Guide
+
+![Sketch](/images/editor-icons/sketch-128.png)
+
+Follow these steps to start tracking your coding time in Sketch with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Sketch Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Sketch page](https://wakatime.com/sketch).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Sketch after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/slickedit.md
+++ b/docs/editors/slickedit.md
@ -0,0 +1,29 @@
+# SlickEdit Setup Guide
+
+![SlickEdit](/images/editor-icons/slickedit-128.png)
+
+Follow these steps to start tracking your coding time in SlickEdit with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install SlickEdit Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime SlickEdit page](https://wakatime.com/slickedit).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting SlickEdit after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/sql-server-management-studio.md
+++ b/docs/editors/sql-server-management-studio.md
@ -0,0 +1,29 @@
+# SQL Server Management Studio Setup Guide
+
+![SQL Server Management Studio](/images/editor-icons/sql-server-management-studio-128.png)
+
+Follow these steps to start tracking your coding time in SQL Server Management Studio with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install SQL Server Management Studio Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime SQL Server Management Studio page](https://wakatime.com/sql-server-management-studio).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting SQL Server Management Studio after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/sublime-text.md
+++ b/docs/editors/sublime-text.md
@ -0,0 +1,29 @@
+# Sublime Text Setup Guide
+
+![Sublime Text](/images/editor-icons/sublime-text-128.png)
+
+Follow these steps to start tracking your coding time in Sublime Text with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Sublime Text Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Sublime Text page](https://wakatime.com/sublime-text).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Sublime Text after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/terminal.md
+++ b/docs/editors/terminal.md
@ -0,0 +1,29 @@
+# Terminal Setup Guide
+
+![Terminal](/images/editor-icons/terminal-128.png)
+
+Follow these steps to start tracking your coding time in Terminal with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Terminal Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Terminal page](https://wakatime.com/terminal).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Terminal after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/texstudio.md
+++ b/docs/editors/texstudio.md
@ -0,0 +1,29 @@
+# TeXstudio Setup Guide
+
+![TeXstudio](/images/editor-icons/texstudio-128.png)
+
+Follow these steps to start tracking your coding time in TeXstudio with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install TeXstudio Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime TeXstudio page](https://wakatime.com/texstudio).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting TeXstudio after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/textmate.md
+++ b/docs/editors/textmate.md
@ -0,0 +1,29 @@
+# TextMate Setup Guide
+
+![TextMate](/images/editor-icons/textmate-128.png)
+
+Follow these steps to start tracking your coding time in TextMate with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install TextMate Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime TextMate page](https://wakatime.com/textmate).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting TextMate after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/trae.md
+++ b/docs/editors/trae.md
@ -0,0 +1,29 @@
+# Trae Setup Guide
+
+![Trae](/images/editor-icons/trae-128.png)
+
+Follow these steps to start tracking your coding time in Trae with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Trae Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Trae page](https://wakatime.com/trae).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Trae after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/unity.md
+++ b/docs/editors/unity.md
@ -0,0 +1,29 @@
+# Unity Setup Guide
+
+![Unity](/images/editor-icons/unity-128.png)
+
+Follow these steps to start tracking your coding time in Unity with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Unity Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Unity page](https://wakatime.com/unity).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Unity after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/vim.md
+++ b/docs/editors/vim.md
@ -0,0 +1,29 @@
+# Vim Setup Guide
+
+![Vim](/images/editor-icons/vim-128.png)
+
+Follow these steps to start tracking your coding time in Vim with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Vim Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Vim page](https://wakatime.com/vim).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Vim after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/visual-studio.md
+++ b/docs/editors/visual-studio.md
@ -0,0 +1,29 @@
+# Visual Studio Setup Guide
+
+![Visual Studio](/images/editor-icons/visual-studio-128.png)
+
+Follow these steps to start tracking your coding time in Visual Studio with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Visual Studio Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Visual Studio page](https://wakatime.com/visual-studio).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Visual Studio after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/vs-code.md
+++ b/docs/editors/vs-code.md
@ -0,0 +1,29 @@
+# VS Code Setup Guide
+
+![VS Code](/images/editor-icons/vs-code-128.png)
+
+Follow these steps to start tracking your coding time in VS Code with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install VS Code Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime VS Code page](https://wakatime.com/vs-code).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting VS Code after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/webstorm.md
+++ b/docs/editors/webstorm.md
@ -0,0 +1,29 @@
+# WebStorm Setup Guide
+
+![WebStorm](/images/editor-icons/webstorm-128.png)
+
+Follow these steps to start tracking your coding time in WebStorm with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install WebStorm Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime WebStorm page](https://wakatime.com/webstorm).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting WebStorm after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/windsurf.md
+++ b/docs/editors/windsurf.md
@ -0,0 +1,29 @@
+# Windsurf Setup Guide
+
+![Windsurf](/images/editor-icons/windsurf-128.png)
+
+Follow these steps to start tracking your coding time in Windsurf with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Windsurf Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Windsurf page](https://wakatime.com/windsurf).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Windsurf after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/wing.md
+++ b/docs/editors/wing.md
@ -0,0 +1,29 @@
+# Wing Setup Guide
+
+![Wing](/images/editor-icons/wing-128.png)
+
+Follow these steps to start tracking your coding time in Wing with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Wing Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Wing page](https://wakatime.com/wing).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Wing after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/word.md
+++ b/docs/editors/word.md
@ -0,0 +1,29 @@
+# Word Setup Guide
+
+![Word](/images/editor-icons/word-128.png)
+
+Follow these steps to start tracking your coding time in Word with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Word Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Word page](https://wakatime.com/word).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Word after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/xcode.md
+++ b/docs/editors/xcode.md
@ -0,0 +1,29 @@
+# Xcode Setup Guide
+
+![Xcode](/images/editor-icons/xcode-128.png)
+
+Follow these steps to start tracking your coding time in Xcode with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Xcode Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Xcode page](https://wakatime.com/xcode).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Xcode after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/docs/editors/zed.md
+++ b/docs/editors/zed.md
@ -0,0 +1,29 @@
+# Zed Setup Guide
+
+![Zed](/images/editor-icons/zed-128.png)
+
+Follow these steps to start tracking your coding time in Zed with Hackatime.
+
+## Step 1: Log into Hackatime
+
+Make sure you have a [Hackatime account](https://hackatime.hackclub.com) and are logged in.
+
+## Step 2: Run the Setup Script
+
+Visit the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) to automatically configure your API key and endpoint. This ensures everything works perfectly with Hackatime.
+
+## Step 3: Install Zed Plugin
+
+Follow the detailed plugin installation instructions on the [WakaTime Zed page](https://wakatime.com/zed).
+
+The WakaTime plugin will automatically use your Hackatime configuration after running the setup script.
+
+## Troubleshooting
+
+- **Not seeing your time?** Make sure you completed the [setup page](https://hackatime.hackclub.com/my/wakatime_setup) first
+- **Plugin not working?** Try restarting Zed after installation
+- **Still stuck?** Ask for help in [Hack Club Slack](https://hackclub.slack.com) (#hackatime-dev channel)
+
+## Next Steps
+
+Once configured, your coding time will automatically appear on your [Hackatime dashboard](https://hackatime.hackclub.com). Happy coding!
--- a/public/images/editor-icons/android-studio-128.png
+++ b/public/images/editor-icons/android-studio-128.png
--- a/public/images/editor-icons/appcode-128.png
+++ b/public/images/editor-icons/appcode-128.png
--- a/public/images/editor-icons/aptana-128.png
+++ b/public/images/editor-icons/aptana-128.png
--- a/public/images/editor-icons/arduino-ide-128.png
+++ b/public/images/editor-icons/arduino-ide-128.png
--- a/public/images/editor-icons/azure-data-studio-128.png
+++ b/public/images/editor-icons/azure-data-studio-128.png
--- a/public/images/editor-icons/blender-128.png
+++ b/public/images/editor-icons/blender-128.png
--- a/public/images/editor-icons/brackets-128.png
+++ b/public/images/editor-icons/brackets-128.png
--- a/public/images/editor-icons/brave-128.png
+++ b/public/images/editor-icons/brave-128.png
--- a/public/images/editor-icons/c++-builder-128.png
+++ b/public/images/editor-icons/c++-builder-128.png
--- a/public/images/editor-icons/canva-128.png
+++ b/public/images/editor-icons/canva-128.png
--- a/public/images/editor-icons/chrome-128.png
+++ b/public/images/editor-icons/chrome-128.png
--- a/public/images/editor-icons/clion-128.png
+++ b/public/images/editor-icons/clion-128.png
--- a/public/images/editor-icons/cloud9-128.png
+++ b/public/images/editor-icons/cloud9-128.png
--- a/public/images/editor-icons/coda-128.png
+++ b/public/images/editor-icons/coda-128.png
--- a/public/images/editor-icons/codetasty-128.png
+++ b/public/images/editor-icons/codetasty-128.png
--- a/public/images/editor-icons/cursor-128.png
+++ b/public/images/editor-icons/cursor-128.png
--- a/public/images/editor-icons/datagrip-128.png
+++ b/public/images/editor-icons/datagrip-128.png
--- a/public/images/editor-icons/dataspell-128.png
+++ b/public/images/editor-icons/dataspell-128.png
--- a/public/images/editor-icons/dbeaver-128.png
+++ b/public/images/editor-icons/dbeaver-128.png
--- a/public/images/editor-icons/delphi-128.png
+++ b/public/images/editor-icons/delphi-128.png
--- a/public/images/editor-icons/discord-128.png
+++ b/public/images/editor-icons/discord-128.png
--- a/public/images/editor-icons/eclipse-128.png
+++ b/public/images/editor-icons/eclipse-128.png
--- a/public/images/editor-icons/edge-128.png
+++ b/public/images/editor-icons/edge-128.png
--- a/Show more
+++ b/Show more