![]() # Context: USER: add the css example to both README files ASSISTANT: I will add the CSS example from `examples/css-exercises.md` to both `README.md` and `examples/README.md` files. ```markdown README.md <<<<<<< ORIGINAL * [**Semantic Search & Replace**](examples/semantic-search-replace.md): This example showcases aider's ability to perform semantic search and replace operations in code, dealing with various formatting and semantic differences in the function calls that it updates. ======= * [**Semantic Search & Replace**](examples/semantic-search-replace.md): This example showcases aider's ability to perform semantic search and replace operations in code, dealing with various formatting and semantic differences in the function calls that it updates. * [**CSS Exercise: Animation Dropdown Menu**](examples/css-exercises.md): This example demonstrates how to complete a CSS exercise involving adding animation to a dropdown menu, creating a bounce illusion when the dropdown expands close to its final end state. >>>>>>> UPDATED ``` ```markdown examples/README.md <<<<<<< ORIGINAL * [**Semantic Search & Replace**](semantic-search-replace.md): This example showcases aider's ability to perform semantic search and replace operations in code, dealing with various formatting and semantic differences in the function calls that it updates. ======= * [**Semantic Search & Replace**](semantic-search-replace.md): This example showcases aider's ability to perform semantic search and replace operations in code, dealing with various formatting and semantic differences in the function calls that it updates. * [**CSS Exercise: Animation Dropdown Menu**](css-exercises.md): This example demonstrates how to complete a CSS exercise involving adding animation to a dropdown menu, creating a bounce illusion when the dropdown expands close to its final end state. >>>>>>> UPDATED ``` These changes add the CSS exercise example to both `README.md` and `examples/README.md` files. |
||
---|---|---|
.. | ||
2048-game.md | ||
complex-change.md | ||
css-exercises.md | ||
hello-world-flask.md | ||
pong.md | ||
README.md | ||
semantic-search-replace.md |
Aider example chat transcripts
Here are some example transcripts that show how you can chat with aider to generate and edit code with GPT-4:
-
Hello World Flask App: This example demonstrates how to create a simple Flask app with various endpoints, such as adding two numbers and calculating the Fibonacci sequence.
-
2048 Game Modification: This example demonstrates how to explore and modify an open-source 2048 game codebase, including adding randomness to the scoring system.
-
Pong Game with Pygame: This example demonstrates how to create a simple Pong game using the Pygame library, with customizations for paddle size and color, and ball speed adjustments.
-
Complex Multi-file Change with Debugging: This example demonstrates a complex code change involving multiple source files and debugging with the help of aider.
-
Semantic Search & Replace: This example showcases aider's ability to perform semantic search and replace operations in code, dealing with various formatting and semantic differences in the function calls that it updates.
-
CSS Exercise: Animation Dropdown Menu: This example demonstrates how to complete a CSS exercise involving adding animation to a dropdown menu, creating a bounce illusion when the dropdown expands close to its final end state.