style: Move feature icons below headers in README

This commit is contained in:
Paul Gauthier (aider) 2025-03-24 13:42:34 -10:00
parent 97afe3cd0b
commit 25d157afdc

View file

@ -39,65 +39,65 @@ src="https://img.shields.io/badge/🔄%20Singularity-92%25-e74c3c?style=flat-squ
## Features ## Features
<img src="https://cdn.jsdelivr.net/npm/@mdi/svg@latest/svg/brain.svg" width="32" height="32" align="left" valign="middle" style="margin-right:10px">
### [Cloud and local LLMs](https://aider.chat/docs/llms.html) ### [Cloud and local LLMs](https://aider.chat/docs/llms.html)
<img src="https://cdn.jsdelivr.net/npm/@mdi/svg@latest/svg/brain.svg" width="32" height="32" align="left" valign="middle" style="margin-right:10px">
Aider works best with Claude 3.7 Sonnet, DeepSeek R1 & Chat V3, OpenAI o1, o3-mini & GPT-4o, but can connect to almost any LLM, including local models. Aider works best with Claude 3.7 Sonnet, DeepSeek R1 & Chat V3, OpenAI o1, o3-mini & GPT-4o, but can connect to almost any LLM, including local models.
<br> <br>
<img src="https://cdn.jsdelivr.net/npm/@mdi/svg@latest/svg/map-outline.svg" width="32" height="32" align="left" valign="middle" style="margin-right:10px">
### [Maps your codebase](https://aider.chat/docs/repomap.html) ### [Maps your codebase](https://aider.chat/docs/repomap.html)
<img src="https://cdn.jsdelivr.net/npm/@mdi/svg@latest/svg/map-outline.svg" width="32" height="32" align="left" valign="middle" style="margin-right:10px">
Aider makes a map of your entire codebase, which helps it work well in larger projects. Aider makes a map of your entire codebase, which helps it work well in larger projects.
<br> <br>
<img src="https://cdn.jsdelivr.net/npm/@mdi/svg@latest/svg/code-tags.svg" width="32" height="32" align="left" valign="middle" style="margin-right:10px">
### [100+ code languages](https://aider.chat/docs/languages.html) ### [100+ code languages](https://aider.chat/docs/languages.html)
<img src="https://cdn.jsdelivr.net/npm/@mdi/svg@latest/svg/code-tags.svg" width="32" height="32" align="left" valign="middle" style="margin-right:10px">
Aider works with most popular programming languages: python, javascript, rust, ruby, go, cpp, php, html, css, and dozens more. Aider works with most popular programming languages: python, javascript, rust, ruby, go, cpp, php, html, css, and dozens more.
<br> <br>
<img src="https://cdn.jsdelivr.net/npm/@mdi/svg@latest/svg/source-branch.svg" width="32" height="32" align="left" valign="middle" style="margin-right:10px">
### [Git integration](https://aider.chat/docs/git.html) ### [Git integration](https://aider.chat/docs/git.html)
<img src="https://cdn.jsdelivr.net/npm/@mdi/svg@latest/svg/source-branch.svg" width="32" height="32" align="left" valign="middle" style="margin-right:10px">
Aider automatically commits changes with sensible commit messages. Use familiar git tools to easily diff, manage and undo AI changes. Aider automatically commits changes with sensible commit messages. Use familiar git tools to easily diff, manage and undo AI changes.
<br> <br>
<img src="https://cdn.jsdelivr.net/npm/@mdi/svg@latest/svg/monitor.svg" width="32" height="32" align="left" valign="middle" style="margin-right:10px">
### [Use in your IDE](https://aider.chat/docs/usage/watch.html) ### [Use in your IDE](https://aider.chat/docs/usage/watch.html)
<img src="https://cdn.jsdelivr.net/npm/@mdi/svg@latest/svg/monitor.svg" width="32" height="32" align="left" valign="middle" style="margin-right:10px">
Use aider from within your favorite IDE or editor. Ask for changes by adding comments to your code and aider will get to work. Use aider from within your favorite IDE or editor. Ask for changes by adding comments to your code and aider will get to work.
<br> <br>
<img src="https://cdn.jsdelivr.net/npm/@mdi/svg@latest/svg/image.svg" width="32" height="32" align="left" valign="middle" style="margin-right:10px">
### [Images & web pages](https://aider.chat/docs/usage/images-urls.html) ### [Images & web pages](https://aider.chat/docs/usage/images-urls.html)
<img src="https://cdn.jsdelivr.net/npm/@mdi/svg@latest/svg/image.svg" width="32" height="32" align="left" valign="middle" style="margin-right:10px">
Add images and web pages to the chat to provide visual context, screenshots, reference docs, etc. Add images and web pages to the chat to provide visual context, screenshots, reference docs, etc.
<br> <br>
<img src="https://cdn.jsdelivr.net/npm/@mdi/svg@latest/svg/microphone.svg" width="32" height="32" align="left" valign="middle" style="margin-right:10px">
### [Voice-to-code](https://aider.chat/docs/usage/voice.html) ### [Voice-to-code](https://aider.chat/docs/usage/voice.html)
<img src="https://cdn.jsdelivr.net/npm/@mdi/svg@latest/svg/microphone.svg" width="32" height="32" align="left" valign="middle" style="margin-right:10px">
Speak with aider about your code! Request new features, test cases or bug fixes using your voice and let aider implement the changes. Speak with aider about your code! Request new features, test cases or bug fixes using your voice and let aider implement the changes.
<br> <br>
<img src="https://cdn.jsdelivr.net/npm/@mdi/svg@latest/svg/check.svg" width="32" height="32" align="left" valign="middle" style="margin-right:10px">
### [Linting & testing](https://aider.chat/docs/usage/lint-test.html) ### [Linting & testing](https://aider.chat/docs/usage/lint-test.html)
<img src="https://cdn.jsdelivr.net/npm/@mdi/svg@latest/svg/check.svg" width="32" height="32" align="left" valign="middle" style="margin-right:10px">
Automatically lint and test your code every time aider makes changes. Aider can fix problems detected by your linters and test suites. Automatically lint and test your code every time aider makes changes. Aider can fix problems detected by your linters and test suites.
<br> <br>
<img src="https://cdn.jsdelivr.net/npm/@mdi/svg@latest/svg/content-copy.svg" width="32" height="32" align="left" valign="middle" style="margin-right:10px">
### [Copy/paste to web chat](https://aider.chat/docs/usage/copypaste.html) ### [Copy/paste to web chat](https://aider.chat/docs/usage/copypaste.html)
<img src="https://cdn.jsdelivr.net/npm/@mdi/svg@latest/svg/content-copy.svg" width="32" height="32" align="left" valign="middle" style="margin-right:10px">
Work with any LLM via its web chat interface. Aider streamlines copy/pasting code context and edits back and forth with a browser. Work with any LLM via its web chat interface. Aider streamlines copy/pasting code context and edits back and forth with a browser.
## Getting Started ## Getting Started