sutty-jekyll-theme 0.3.6 → 0.3.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0fb7d796783265b455a34c6763891408cba91cf2c4767eb554fd65242a882a64
-  data.tar.gz: af9d5c24ce8ea627a38e6ad15e2fc143250eed671ebbdaf58dbc642978153a13
+  metadata.gz: 2226dbf553420da0f38c02a33190a6871285a6fccf2027b076ec391412d6f433
+  data.tar.gz: cc07450036a6782a8f8f4519f5a1f0542f11754cd14ec86e0162e7bf63032824
 SHA512:
-  metadata.gz: 1678cfe03872b3da3f183228b45f7f75e057490365e0d4df91a3d86be262649da9a78e550b103a19346be187dc2babe54383d8d6a73302efb84057f2e1949bf5
-  data.tar.gz: 28948a5775bd55135335374a7cfaa8db76f18d564232e306c4b179e5832df26125c75001857539ab635eabcf71fcdb5e28470629351f5a1fb4befb8a4c0aa278
+  metadata.gz: cedff3bd922fbe8807851a65c8202b6c15a9c2b111a128c9bb403f9b36b03e5355402fd6412089499031348efbb09b0d554f8a895a98c806b081318f9eb12407
+  data.tar.gz: 791d55b1989e96fe7aa80f0b638ba4cd84336640805b8ed159991642a84249e14a2b4e04631faab4ebdf414e20b26273bbbf081892a17a6f0c5cd5ac758a8b89

data/CHANGELOG.md

@@ -2,11 +2,11 @@
 
 ## 0.1.2 - 2020-04-09
 
-* You can put custom CSS in _sass/custom.css
+- You can put custom CSS in \_sass/custom.css
 
 ## 0.1.1 - 2020-04-07
 
-* Responsive images
+- Responsive images
 
 ## 0.1.0 - 2020-03-06
 

data/README.md

@@ -32,7 +32,7 @@ Add the gem and this to your `_config.yml`:
 theme: sutty-jekyll-theme
 sasl:
   load_paths:
-  - node_modules
+    - node_modules
 ```
 
 Also, install [Bootstrap 4.4](https://getbootstrap.com/) using NPM or
@@ -50,11 +50,11 @@ latin characters.
 
 ### Customization
 
-* **Change logo:** Add your own logo in `_includes/logo.svg`, you can
+- **Change logo:** Add your own logo in `_includes/logo.svg`, you can
   add some metadata, check the [source
   file](https://0xacab.org/sutty/jekyll/sutty-jekyll-theme/-/blob/master/_includes/logo.svg).
 
-* **I18n / Edit menu:** This can be done by installing
+- **I18n / Edit menu:** This can be done by installing
   [jekyll-locales](https://rubygems.org/gems/jekyll-locales/) and
   modifying the `_data/LANGUAGE.yml` files:
 
@@ -62,7 +62,7 @@ latin characters.
   ---
   locale: English
   # Leave empty for theme default
-  date_format: '%m/%d/%Y'
+  date_format: "%m/%d/%Y"
   # This modifies the logo metadata if any (see _includes/logo.svg)
   site:
     title: Your site name
@@ -71,11 +71,11 @@ latin characters.
   home:
     articles: Articles
   menu:
-    title: 'Menu'
-    active: '(current)'
+    title: "Menu"
+    active: "(current)"
     items:
-    - url: 'https://sutty.nl/'
-      text: 'Sutty'
+      - url: "https://sutty.nl/"
+        text: "Sutty"
   ```
 
   `items` is an Array of Hashes with `url` and `text` keys.
@@ -105,7 +105,7 @@ your site will regenerate and you should see the changes in the browser
 after a refresh, just like normal.
 
 When your theme is released, only the files in `_layouts`, `_includes`,
-`_sass` and `assets` will be bundled.  To add a custom directory or file
+`_sass` and `assets` will be bundled. To add a custom directory or file
 to your theme-gem, please edit the regexp in
 `sutty-jekyll-theme.gemspec` accordingly.
 
@@ -113,4 +113,3 @@ to your theme-gem, please edit the regexp in
 
 The theme is available as anti-fascist software under the terms of the
 [Anti Fascist MIT License](LICENSE.txt).
-

data/_data/en.yml

@@ -5,47 +5,47 @@ date:
   published_at: "Published at"
   last_modified_at: "Last modification"
   abbr_day_names:
-  - "Mon"
-  - "Tue"
-  - "Wed"
-  - "Thu"
-  - "Fri"
-  - "Sat"
-  - "Sun"
+    - "Mon"
+    - "Tue"
+    - "Wed"
+    - "Thu"
+    - "Fri"
+    - "Sat"
+    - "Sun"
   day_names:
-  - "Monday"
-  - "Tuesday"
-  - "Wednesday"
-  - "Thursday"
-  - "Friday"
-  - "Saturday"
-  - "Sunday"
+    - "Monday"
+    - "Tuesday"
+    - "Wednesday"
+    - "Thursday"
+    - "Friday"
+    - "Saturday"
+    - "Sunday"
   abbr_month_names:
-  - "Jan"
-  - "Feb"
-  - "Mar"
-  - "Apr"
-  - "May"
-  - "Jun"
-  - "Jul"
-  - "Aug"
-  - "Sep"
-  - "Oct"
-  - "Nov"
-  - "Dec"
+    - "Jan"
+    - "Feb"
+    - "Mar"
+    - "Apr"
+    - "May"
+    - "Jun"
+    - "Jul"
+    - "Aug"
+    - "Sep"
+    - "Oct"
+    - "Nov"
+    - "Dec"
   month_names:
-  - "January"
-  - "February"
-  - "March"
-  - "April"
-  - "May"
-  - "June"
-  - "July"
-  - "August"
-  - "September"
-  - "October"
-  - "November"
-  - "December"
+    - "January"
+    - "February"
+    - "March"
+    - "April"
+    - "May"
+    - "June"
+    - "July"
+    - "August"
+    - "September"
+    - "October"
+    - "November"
+    - "December"
 time:
   am: "am"
   pm: "pm"

data/_data/es.yml

@@ -5,47 +5,47 @@ date:
   published_at: "Publicado en"
   last_modified_at: "Última modificación"
   abbr_day_names:
-  - "Lun"
-  - "Mar"
-  - "Mié"
-  - "Jue"
-  - "Vie"
-  - "Sáb"
-  - "Dom"
+    - "Lun"
+    - "Mar"
+    - "Mié"
+    - "Jue"
+    - "Vie"
+    - "Sáb"
+    - "Dom"
   day_names:
-  - "Lunes"
-  - "Martes"
-  - "Miércoles"
-  - "Jueves"
-  - "Viernes"
-  - "Sábado"
-  - "Domingo"
+    - "Lunes"
+    - "Martes"
+    - "Miércoles"
+    - "Jueves"
+    - "Viernes"
+    - "Sábado"
+    - "Domingo"
   abbr_month_names:
-  - "Ene"
-  - "Feb"
-  - "Mar"
-  - "Abr"
-  - "May"
-  - "Jun"
-  - "Jul"
-  - "Ago"
-  - "Sep"
-  - "Oct"
-  - "Nov"
-  - "Dic"
+    - "Ene"
+    - "Feb"
+    - "Mar"
+    - "Abr"
+    - "May"
+    - "Jun"
+    - "Jul"
+    - "Ago"
+    - "Sep"
+    - "Oct"
+    - "Nov"
+    - "Dic"
   month_names:
-  - "Enero"
-  - "Febrero"
-  - "Marzo"
-  - "Abril"
-  - "Mayo"
-  - "Junio"
-  - "Julio"
-  - "Agosto"
-  - "Septiembre"
-  - "Octubre"
-  - "Noviembre"
-  - "Diciembre"
+    - "Enero"
+    - "Febrero"
+    - "Marzo"
+    - "Abril"
+    - "Mayo"
+    - "Junio"
+    - "Julio"
+    - "Agosto"
+    - "Septiembre"
+    - "Octubre"
+    - "Noviembre"
+    - "Diciembre"
 time:
   am: "am"
   pm: "pm"

data/_data/layouts/about.yml

@@ -143,8 +143,8 @@ draft:
     es: "Borrador"
     en: "Draft"
   help:
-    es: "Al activar \"Borrador\" este contenido se mantendrá disponible en el panel, pero no se publica en el sitio como los demás contenidos al tocar \"Publicar todos los cambios\""
-    en: "By activating \"Draft\", this content will remain available on the dashboard, but will not be published on the site when you tap \"Publish all changes\" (other content which does not have this option selected will)."
+    es: 'Al activar "Borrador" este contenido se mantendrá disponible en el panel, pero no se publica en el sitio como los demás contenidos al tocar "Publicar todos los cambios"'
+    en: 'By activating "Draft", this content will remain available on the dashboard, but will not be published on the site when you tap "Publish all changes" (other content which does not have this option selected will).'
 order:
   type: "order"
   label:

data/_data/layouts/code_of_conduct.yml

@@ -48,8 +48,8 @@ draft:
     es: "Borrador"
     en: "Draft"
   help:
-    es: "Al activar \"Borrador\" este contenido se mantendrá disponible en el panel, pero no se publica en el sitio como los demás contenidos al tocar \"Publicar todos los cambios\""
-    en: "By activating \"Draft\", this content will remain available on the dashboard, but will not be published on the site when you tap \"Publish all changes\" (other content which does not have this option selected will)."
+    es: 'Al activar "Borrador" este contenido se mantendrá disponible en el panel, pero no se publica en el sitio como los demás contenidos al tocar "Publicar todos los cambios"'
+    en: 'By activating "Draft", this content will remain available on the dashboard, but will not be published on the site when you tap "Publish all changes" (other content which does not have this option selected will).'
 order:
   type: "order"
   label:

data/_data/layouts/license.yml

@@ -48,8 +48,8 @@ draft:
     es: "Borrador"
     en: "Draft"
   help:
-    es: "Al activar \"Borrador\" este contenido se mantendrá disponible en el panel, pero no se publica en el sitio como los demás contenidos al tocar \"Publicar todos los cambios\""
-    en: "By activating \"Draft\", this content will remain available on the dashboard, but will not be published on the site when you tap \"Publish all changes\" (other content which does not have this option selected will)."
+    es: 'Al activar "Borrador" este contenido se mantendrá disponible en el panel, pero no se publica en el sitio como los demás contenidos al tocar "Publicar todos los cambios"'
+    en: 'By activating "Draft", this content will remain available on the dashboard, but will not be published on the site when you tap "Publish all changes" (other content which does not have this option selected will).'
 order:
   type: "order"
   label:

data/_data/layouts/page.yml

@@ -88,8 +88,8 @@ draft:
     es: "Borrador"
     en: "Draft"
   help:
-    es: "Al activar \"Borrador\" este contenido se mantendrá disponible en el panel, pero no se publica en el sitio como los demás contenidos al tocar \"Publicar todos los cambios\""
-    en: "By activating \"Draft\", this content will remain available on the dashboard, but will not be published on the site when you tap \"Publish all changes\" (other content which does not have this option selected will)."
+    es: 'Al activar "Borrador" este contenido se mantendrá disponible en el panel, pero no se publica en el sitio como los demás contenidos al tocar "Publicar todos los cambios"'
+    en: 'By activating "Draft", this content will remain available on the dashboard, but will not be published on the site when you tap "Publish all changes" (other content which does not have this option selected will).'
 order:
   type: "order"
   label:

data/_data/layouts/post.yml

@@ -104,8 +104,8 @@ draft:
     es: "Borrador"
     en: "Draft"
   help:
-    es: "Al activar \"Borrador\" este contenido se mantendrá disponible en el panel, pero no se publica en el sitio como los demás contenidos al tocar \"Publicar todos los cambios\""
-    en: "By activating \"Draft\", this content will remain available on the dashboard, but will not be published on the site when you tap \"Publish all changes\" (other content which does not have this option selected will)."
+    es: 'Al activar "Borrador" este contenido se mantendrá disponible en el panel, pero no se publica en el sitio como los demás contenidos al tocar "Publicar todos los cambios"'
+    en: 'By activating "Draft", this content will remain available on the dashboard, but will not be published on the site when you tap "Publish all changes" (other content which does not have this option selected will).'
 order:
   type: "order"
   label:

data/_data/layouts/privacy_policy.yml

@@ -48,8 +48,8 @@ draft:
     es: "Borrador"
     en: "Draft"
   help:
-    es: "Al activar \"Borrador\" este contenido se mantendrá disponible en el panel, pero no se publica en el sitio como los demás contenidos al tocar \"Publicar todos los cambios\""
-    en: "By activating \"Draft\", this content will remain available on the dashboard, but will not be published on the site when you tap \"Publish all changes\" (other content which does not have this option selected will)."
+    es: 'Al activar "Borrador" este contenido se mantendrá disponible en el panel, pero no se publica en el sitio como los demás contenidos al tocar "Publicar todos los cambios"'
+    en: 'By activating "Draft", this content will remain available on the dashboard, but will not be published on the site when you tap "Publish all changes" (other content which does not have this option selected will).'
 order:
   type: "order"
   label:

data/_data/layouts/theme.yml

@@ -23,10 +23,12 @@ font_family_sans_serif:
     en:
       "": "Default"
       Roboto: "Roboto"
+      Roboto Mono: "Roboto Mono"
       Saira: "Saira"
     es:
       "": "Default"
       Roboto: "Roboto"
+      Roboto Mono: "Roboto Mono"
       Saira: "Saira"
 font_family_monospace:
   type: "predefined_value"
@@ -63,10 +65,12 @@ headings_font_family:
     en:
       "": "Default"
       Roboto: "Roboto"
+      Roboto Mono: "Roboto Mono"
       Saira: "Saira"
     es:
       "": "Default"
       Roboto: "Roboto"
+      Roboto Mono: "Roboto Mono"
       Saira: "Saira"
 enable_rounded:
   type: "boolean"
@@ -283,8 +287,8 @@ draft:
     es: "Borrador"
     en: "Draft"
   help:
-    es: "Al activar \"Borrador\" este contenido se mantendrá disponible en el panel, pero no se publica en el sitio como los demás contenidos al tocar \"Publicar todos los cambios\""
-    en: "By activating \"Draft\", this content will remain available on the dashboard, but will not be published on the site when you tap \"Publish all changes\" (other content which does not have this option selected will)."
+    es: 'Al activar "Borrador" este contenido se mantendrá disponible en el panel, pero no se publica en el sitio como los demás contenidos al tocar "Publicar todos los cambios"'
+    en: 'By activating "Draft", this content will remain available on the dashboard, but will not be published on the site when you tap "Publish all changes" (other content which does not have this option selected will).'
 order:
   type: "order"
   label:

data/_includes/activity_pub/actor.html

@@ -0,0 +1,11 @@
+{% comment %}
+  Render actor's name if it's available, otherwise just return the link.
+
+  @param actor [ActivityDrop] Actor
+{% endcomment %}
+
+{% if include.actor.available %}
+  <span>{{ include.actor.name | strip_html }}</span>
+{% else %}
+  <span>{{ include.actor }}</span>
+{% endif %}

data/_includes/activity_pub/actor_mention.html

@@ -0,0 +1,28 @@
+{% comment %}
+  @param actor [ActivityDrop] Actor
+  @param without_link [Boolean] Don't link
+{% endcomment %}
+
+{% if include.actor.available %}
+  {% assign id = include.actor.id | strip_html %}
+  {% assign instance_hostname = id | split: '/' %}
+  {% assign instance_hostname = instance_hostname[2] %}
+
+  {% capture mention %}
+    @<span>{{- include.actor.preferredUsername | strip_html -}}@{{- instance_hostname -}}</span>
+  {% endcapture %}
+
+  {% capture mention %}
+    <span class="h-card" translate="no">
+      {% if include.without_link %}
+        <span class="mention">{{- mention -}}</span>
+      {% else %}
+        {% include_cached external_link.html class="u-url mention" href=id text=mention %}
+      {% endif %}
+    </span>
+  {% endcapture %}
+
+  {{ mention | normalize_whitespace }}
+{% else %}
+  {{ include.actor }}
+{% endif %}

data/_includes/activity_pub/button.html

@@ -0,0 +1,22 @@
+{%- comment -%}
+  Un botón con link, por ejemplo para Support Us.  Si el link es externo,
+  agregar el parámetro de seguridad noopener.
+
+  @param :fa [String]
+  @param :header [Capture] el contenido del encabezado
+  @param :body [Capture] el contenido del cuerpo principal
+  @param :footer [Capture] el contenido del footer
+  @param :header_class [String] las clases que lleva el encabezado
+  @param :body_class [String] las clases que lleva el cuerpo principal
+  @param :footer_class [String] las clases que lleva el footer
+  @param :content_class [String] las clases que lleva todo el bloque de contenido
+  @param :button_class [String] las clases que lleva cada botón
+{%- endcomment -%}
+
+<div class="d-inline {{include.button_class}}" data-controller="modal">
+  <button class="btn btn-sm" data-action="click->modal#show">
+    {%- include_cached fa.html icon=include.fa class="lead" description=include.description -%}
+  </button>
+
+  {% include activity_pub/generic_modal.html header=include.header body=include.body footer=include.footer header_class=include.header_class body_class=include.body_class footer_class=include.footer_class content_class=include.content_class %}
+</div>

data/_includes/activity_pub/button_bar.html

@@ -0,0 +1,16 @@
+{%- comment -%}
+  Botonera para botones de íconos.
+
+  @param :uri [String] La URL sobre la que se interactua
+  @param :profile [ActivityDrop] Actor
+{%- endcomment -%}
+
+{% assign uri = include.uri | default: include.url | default: 'YOU FORGOT THIS PARAM' | strip_html %}
+{% assign actions = site.data.actions.actions %}
+
+<div class="d-flex">
+  {% for action in actions %}
+    {% assign fa = action.icon %}
+    {% include activity_pub/login_modal.html action=action fa=fa uri=uri profile=include.profile description=action.title %}
+  {% endfor %}
+</div>

data/_includes/activity_pub/cards.html

@@ -0,0 +1,28 @@
+{%- comment -%}
+  Nested cards
+
+  @param :profile [ActivityDrop] Actor
+  @param :activity [ActivityDrop] Note
+  @param :replies [ActivityDrop] Collection
+{%- endcomment -%}
+
+{%
+  include activity_pub/toot_card.html
+  profile=include.profile
+  activity=include.activity
+  component_class="my-3"
+%}
+
+{% if include.replies.available %}
+  {% assign replies = include.replies.all_items | sort: 'published' %}
+  {% for reply in replies %}
+    <blockquote class="border-left border-gray-light border-width-3 pl-3">
+      {%
+        include activity_pub/cards.html
+        profile=reply.attributedTo
+        activity=reply
+        replies=reply.replies
+      %}
+    </blockquote>
+  {% endfor %}
+{% endif %}

data/_includes/activity_pub/fediverse_interactions.html

@@ -0,0 +1,2 @@
+{% assign extra = 'data-action="tabs#toggle" data-tabs-target="value"' %}
+{% include_cached bootstrap/custom_select.html extra=extra options=site.i18n.fediverse_interactions %}

data/_includes/activity_pub/generic_modal.html

@@ -0,0 +1,55 @@
+{%- comment -%}
+  Modal preparado para recibir contenido + header y footer
+
+  @param :header [Capture] contenido del header
+  @param :body [Capture] contenido del modal
+  @param :footer [Capture] contenido del footer
+  @param :header_class [String] clases del header
+  @param :body_class [String] clases del cuerpo principal
+  @param :footer_class [String] clases del header
+  @param :content_class [String] clases todo el bloque
+{%- endcomment -%}
+
+{% assign header = include.header %}
+{% assign header_class = include.header_class %}
+{% assign body = include.body %}
+{% assign body_class = include.body_class %}
+{% assign footer = include.footer %}
+{% assign footer_class = include.footer_class %}
+{% assign content_class = include.content_class %}
+
+<div
+  class="modal fade mw-100vw"
+  tabindex="-1"
+  aria-hidden="true"
+  data-modal-target="modal"
+  data-action="keydown->modal#hideWithEscape"
+>
+  <div class="modal-backdrop fade zindex-backdrop" data-modal-target="backdrop" data-action="click->modal#hide"></div>
+  <div class="modal-dialog modal-dialog-scrollable modal-dialog-centered modal-lg zindex-modal" role="document">
+    <div class="modal-content {{content_class}}">
+      {% if header %}
+        <div class="modal-header {{header_class}}">
+          {{ header }}
+        </div>
+      {% else %}
+        <div class="modal-header justify-content-end border-bottom-0 p-0 {{header_class}}">
+          <span class="px-3 py-2 m-0 h1 font-weight-bold" type="button" data-action="click->modal#hide">&times</span>
+          <span class="sr-only">{{ site.i18n.close }}</span>
+        </div>
+      {% endif %}
+
+      <div class="modal-body {{body_class}}">
+        {{ body }}
+      </div>
+
+      <div class="modal-footer flex-nowrap {{footer_class}}">
+        {% if footer %}
+          {{ footer }}
+        {% else %}
+          <button class="btn btn-secondary m-0" type="button" data-action="modal#hide">{{ site.i18n.close }}</button>
+        {% endif %}
+      </div>
+    </div>
+  </div>
+</div>

data/_includes/activity_pub/image_modal.html

@@ -0,0 +1,27 @@
+{%- comment -%}
+  Modal con imagen
+
+  @param :image [Image] la imagen que queremos en el modal, contiene url y alt text
+{%- endcomment -%}
+
+{% assign alt = include.image.name | strip_html | escape %}
+{% assign src = include.image.url | strip_html | uri_escape %}
+{% assign extra = 'data-action="click->modal#show"' %}
+
+{% capture body %}
+    <img class="background-white mw-100" title="{{ alt }}" alt="{{ alt }}" src="{{ src }}">
+{% endcapture %}
+
+<div class="{{ include.extra }} px-1" data-controller="modal">
+  {%
+    include embed_responsive.html
+    x=16
+    y=9
+    src=src
+    alt=alt
+    extra=extra
+    width=300
+    img_class="cursor-pointer min-w-100px w-100 object-fit-cover"
+  %}
+  {% include activity_pub/generic_modal.html header_class="text-white" body=body body_class="d-flex justify-content-center" footer_class="d-none" content_class="background-transparent border-0" %}
+</div>

data/_includes/activity_pub/interactions.html

@@ -0,0 +1,78 @@
+{% comment %}
+  @param activity [ActivityDrop]
+{% endcomment %}
+
+{% assign items = site.i18n.fediverse_interactions %}
+{% assign reactions = '' | split: ',' %}
+{% assign activities = reactions %}
+
+{% if page.activity.replies.available %}
+  {% assign activities = page.activity.replies.all_items | sort: 'published' %}
+{% endif %}
+
+{% if include.activity.likes.available %}
+  {% assign reactions = reactions | concat: include.activity.likes.all_items %}
+{% endif %}
+
+{% if include.activity.shares.available %}
+  {% assign reactions = reactions | concat: include.activity.shares.all_items %}
+{% endif %}
+
+{% assign reactions = reactions | sort: 'published' %}
+
+{% assign all_interactions = activities | concat: reactions | sort: 'published' %}
+
+<div class="w-100" data-controller="tabs" data-tabs-hide-class="hide" data-tabs-show-class="show">
+  {% include_cached activity_pub/button_bar.html uri=include.activity.id profile=include.profile %}
+
+  <hr>
+
+  <h3 class="text-uppercase">{{ site.i18n.ver_interacciones }}</h3>
+
+  <div class="d-flex flex-row align-items-center mt-2 mb-5">
+    {% include_cached activity_pub/fediverse_interactions.html %}
+
+    {% assign text = site.i18n.help | markdownify | replace: '<a ', "<a target='_blank' rel='noopener' " %}
+    {% include_cached activity_pub/text_modal.html text=text fa="question-circle-o" %}
+  </div>
+
+  <div class="w-100 d-none fade hide" data-tabs-target="tab" id="conversation">
+    {% unless activities == empty %}
+      {% for activity in activities %}
+        {% include_cached activity_pub/cards.html activity=activity profile=activity.attributedTo replies=activity.replies %}
+      {% endfor %}
+    {% else %}
+      <p class="h1">
+        {{ site.i18n.no_interactions_yet.conversation }}
+        <p>
+    {% endunless %}
+  </div>
+
+  <div class="w-100 d-none fade hide" data-tabs-target="tab" id="reactions">
+    {% unless reactions == empty %}
+      {% include_cached activity_pub/reactions.html reactions=reactions %}
+    {% else %}
+      <p class="h1">
+        {{ site.i18n.no_interactions_yet.reactions }}
+        <p>
+    {% endunless %}
+  </div>
+
+  <div class="w-100 fade show" data-tabs-target="tab" id="both">
+    {% unless all_interactions == empty %}
+      {% for interaction in all_interactions %}
+        {% assign minus = forloop.index0 | minus: 1 %}
+        {% assign previous = all_interactions[minus] %}
+        {% if interaction.type == 'Announce' or interaction.type == 'Like' %}
+          {% include_cached activity_pub/reaction.html activity=interaction previous=previous %}
+        {% else %}
+          {% include_cached activity_pub/cards.html activity=interaction profile=interaction.attributedTo replies=interaction.replies %}
+        {% endif %}
+      {% endfor %}
+    {% else %}
+      <p class="h1">
+        {{ site.i18n.no_interactions_yet.both }}
+        <p>
+    {% endunless %}
+  </div>
+</div>