From a2db386689c33eb65fad91b3a844b17d6ea15eb7 Mon Sep 17 00:00:00 2001
From: Paul Gauthier <aider@paulg.org>
Date: Mon, 15 May 2023 14:36:53 -0700
Subject: [PATCH] aider: Added a new style block to set the background color of
 blockquotes to yellow.

# Context:
USER: i would like to add a new <style> block to the <head> of chat-transcript, which sets the background color of blockquotes to yellow
ASSISTANT: To add a new `<style>` block to the `<head>` of `chat-transcript.html`, you can use the `{% block %}` tag to override the existing `<head>` section in the `default.html` layout. Here's how to do it:

```html
_layouts/chat-transcript.html
^C KeyboardInterrupt
USER: i don't want to replace the entire head. maybe add a styleoverride block to default (empty) and then use it in chat-transcript?
ASSISTANT: Sure, you can add an empty `styleoverride` block in `default.html` and then override it in `chat-transcript.html`. Here's how to do it:

1. Add an empty `styleoverride` block in `default.html` inside the `<head>` section.
2. Override the `styleoverride` block in `chat-transcript.html` to add the new `<style>` block.

Here are the changes:

```html
_layouts/default.html
<<<<<<< ORIGINAL
    <link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}">
    {% include head-custom.html %}
=======
    <link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}">
    {% include head-custom.html %}
    {% block styleoverride %}{% endblock %}
>>>>>>> UPDATED
```

```html
_layouts/chat-transcript.html
<<<<<<< ORIGINAL
{% block content %}
=======
{% block styleoverride %}
<style>
  blockquote {
    background-color: yellow;
  }
</style>
{% endblock %}

{% block content %}
>>>>>>> UPDATED
```

Now, the `chat-transcript.html` layout will have the new `<style>` block setting the background color of blockquotes to yellow, while the `default.html` layout remains unchanged.
---
 _layouts/chat-transcript.html | 8 ++++++++
 _layouts/default.html         | 1 +
 2 files changed, 9 insertions(+)
diff --git a/_layouts/chat-transcript.html b/_layouts/chat-transcript.html
index 5e7bcdc39..8f6f86108 100644
--- a/_layouts/chat-transcript.html
+++ b/_layouts/chat-transcript.html
@@ -1,5 +1,13 @@
 {% extends "default.html" %}
 
+{% block styleoverride %}
+<style>
+  blockquote {
+    background-color: yellow;
+  }
+</style>
+{% endblock %}
+
 {% block content %}
 {{ content }}
 {% endblock %}
diff --git a/_layouts/default.html b/_layouts/default.html
index 2740cab45..612f6550d 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -13,6 +13,7 @@
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
     <link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}">
     {% include head-custom.html %}
+    {% block styleoverride %}{% endblock %}
   </head>
   <body>
     <a id="skip-to-content" href="#content">Skip to the content.</a>
