update

README.md

@@ -73,6 +73,30 @@ pinned: false
 .pipeline {
   text-align: center;
 }
+.artefact {
+  width: 32px;
+  line-height: 32px;
+  background: #eee;
+  display: inline-block;
+  box-sizing: content-box;
+  cursor: help;
+  margin: 0 -25px;
+  z-index: 1;
+  opacity: 0.5;
+  position: relative;
+  color: #333;
+  text-align: center;
+  border: 3px double #888;
+  border-radius: 50%
+}
+.artefact:hover {
+  opacity: 1;
+}
+.transformer .artefact {
+  bottom: -12px;
+  left: 50%;
+  margin-left: -16px;
+}
 </style>
 
 This is a demonstration of [PyTerrier's SPLADE package](https://github.com/cmacdonald/pyt_splade). The SPLADE model encodes queries and documents

app.py

@@ -196,6 +196,7 @@ When you use the document encoder in an indexing pipeline, the rewritting docume
   <div class="transformer" title="SPLADE Indexing Transformer">SPLADE</div>
   <div class="df" title="Document Frame">D</div>
   <div class="transformer boring" title="Indexer">Indexer</div>
+  <div class="artefact" title="SPLADE Index">IDX</div>
 </div>
 
 ```python
@@ -219,7 +220,7 @@ and then performs retrieval:
   <div class="df" title="Query Frame">Q</div>
   <div class="transformer" title="SPLADE Query Transformer">SPLADE</div>
   <div class="df" title="Query Frame">Q</div>
-  <div class="transformer boring" title="Term Frequency Transformer">TF Retriever</div>
+  <div class="transformer boring" title="Term Frequency Transformer">TF Retriever <div class="artefact" title="SPLADE Index">IDX</div></div>
   <div class="df" title="Result Frame">R</div>
 </div>