tweaked some prose templating in apps.drama.models; updated _applet-billboard-most-recent.html partial to mirror new row-by-row styling & html structure of room_scroll.html

src/apps/drama/models.py

@@ -53,7 +53,7 @@ class GameEvent(models.Model):
             token = d.get("token_display") or _token_names.get(code, code)
             days = d.get("renewal_days", 7)
             slot = d.get("slot_number", "?")
-            return f"deposits a {token} for slot {slot} ({days} days)"
+            return f"deposits a {token} for slot {slot} (expires in {days} days)."
         if self.verb == self.SLOT_RESERVED:
             return "reserves a seat"
         if self.verb == self.SLOT_RETURNED:
@@ -73,7 +73,7 @@ class GameEvent(models.Model):
             }
             code = d.get("role", "?")
             role = d.get("role_display") or _role_names.get(code, code)
-            return f"elects to start as {role}"
+            return f"elects to start as the {role}, and will enjoy affinity with this Role for the remainder of the game."
         if self.verb == self.ROLES_REVEALED:
             return "All roles assigned"
         return self.verb

src/templates/apps/billboard/_partials/_applet-billboard-most-recent.html

@@ -10,13 +10,13 @@
             <a href="{% url 'billboard:scroll' recent_room.id %}" class="most-recent-load-more">Load more….</a>
             {% for event in recent_events %}
                 <div class="drama-event {% if event.actor == viewer %}mine{% else %}theirs{% endif %}">
-                    <span class="event-body">
+                    <span class="drama-event-body">
                         <strong>{{ event.actor|display_name }}</strong>
-                        {{ event.to_prose }}<br>
+                        {{ event.to_prose }}
-                        <time class="event-time" datetime="{{ event.timestamp|date:'c' }}">
-                            {{ event.timestamp|date:"N j, g:i a" }}
-                        </time>
                     </span>
+                    <time class="drama-event-time" datetime="{{ event.timestamp|date:'c' }}">
+                        {{ event.timestamp|relative_ts }}
+                    </time>
                 </div>
             {% empty %}
                 <p class="event-empty"><small>No events yet.</small></p>