Add image

index.html

@@ -90,6 +90,9 @@ We also encourage you to share thoughts, ideas, references and images to our rel
   <p class="question">How does it work?</p>
   <p>The anarchive can be experienced as a group chat: it is open for anyone to join, without registration and accessible through a regular web browser. It is a place to meet other relearners and share thoughts, images, PDFs, texts etc.</p>
   <p>However, it is also a place to meet and interact with our friendly logbot. The <a href="">logbot</a> is a project which was created within the context of <a href="#https://varia.zone">Varia</a> as a way to support our modes of organisation and our need for on-the-fly archiving. It is Python program, written and maintained by Varia members, which sits in our group chats when invited and acts as a helpful co-anarchivist. This mode of ad-hoc digital archiving between friends is something we want to bring to the process of documenting our experience at Relearn this year.</p>
+
+  <img id="logbot-help" src="img/logbothelp.png" alt="Logbot responding to help messages">
+
   <p>The logbot responds by name and takes as input your submissions for the Relearn anarchive. It can also guide you in the ways of working with the anarchive using a special <code>@help</code> message. Once the logbot accepts a submission it will then make them public on a generated static web page: <a href="https://vvvvvvaria.org/logs/relearn-2021-anarchive/">vvvvvvaria.org/logs/relearn-2021-anarchive</a>.</p>
 
   <p class="question">How to contribute</p>

style.css

@@ -110,3 +110,7 @@ a {
 .dash {
   font-family: "ARK-ES";
 }
+
+#logbot-help {
+  float: right;
+}