sutty-jekyll-theme 0.3.6 → 0.3.8

data/_includes/activity_pub/login_modal.html

@@ -0,0 +1,70 @@
+{%- comment -%}
+  Modal para loguearse al fediverso
+
+  @param :action [String] acción que le usuarie quiere realizar desde el fediverso
+  @param :fa [String] nombre del ícono que usa fork-awesome
+  @param :uri [String] la URL sobre la que se interactúa
+  @param :profile [ActivityDrop] Actor
+{%- endcomment -%}
+
+{% assign action = include.action %}
+{% assign fa = include.fa %}
+{% capture name %}
+  {% include_cached activity_pub/actor.html actor=include.profile %}
+{% endcapture %}
+
+{% capture header %}
+<div class="d-flex align-items-center h1 justify-content-center w-100">
+    <span class="d-flex responsive-header font-weight-bold text-center">
+        <i class="fa fa-{{fa}} text-primary mr-2"></i>
+        <span>
+        {{ site.i18n.login_modal[action.title].text | replace: "$usuarie", name }}
+        </span>
+        <div>
+            <span class="px-3 py-2 m-0 h1" type="button" data-action="click->modal#hide">&times</span>
+            <span class="sr-only">{{ site.i18n.close }}</span>
+        </div>
+    </span>
+</div>
+{% endcapture %}
+
+{% capture body %}
+<p class="mb-2">{{site.i18n.login_modal.top_text | markdownify | replace: "$action", site.i18n.login_modal[action.title].title }}</p>
+<div class="mt-3 mb-2 h5">{{site.i18n.login_modal.question | markdownify}}</div>
+<div class="mb-3">
+  <form
+    class="needs-validation"
+    data-controller="authorize-interaction"
+    data-action="authorize-interaction#submit:prevent"
+    data-authorize-interaction-uri-value="{{ include.uri | strip_html | absolute_url | uri_escape }}"
+    >
+    <div class="form-row align-items-center border-lg border-lg-primary py-1">
+      <div class="col-12 col-lg mb-1 mb-lg-0">
+        <label class="sr-only">{{site.i18n.login_modal.placeholder}}</label>
+        <input
+          class="form-control border border-primary border-lg-0"
+          placeholder="{{site.i18n.login_modal.placeholder}}"
+          autocomplete="impp"
+          required
+          data-authorize-interaction-target="instance"
+          data-action="authorize-interaction#revalid"
+          type="search"/>
+        <div class="invalid-feedback">
+          {{- site.i18n.login_modal.authorize_interaction_unsupported -}}
+        </div>
+      </div>
+
+      <div class="col-12 col-lg-auto">
+        <button class="btn btn-primary btn-block py-btn-padding-y lh-btn-line-height f-16 font-weight-bold" type="submit">{{ site.i18n.take_me_home }}</button>
+      </div>
+    </div>
+  </form>
+</div>
+<small class="d-block mb-2">{{site.i18n.login_modal.small_text}}</small>
+<span>{{site.i18n.login_modal.bottom_text | markdownify}}</span>
+{% endcapture %}
+
+{% capture footer %}
+{% endcapture %}
+
+{% include activity_pub/button.html header=header body=body footer=footer header_class="justify-content-center border-bottom-0" body_class="justify-content-center" footer_class="border-top-0" content_class="p-2" button_class="mx-1" fa=action.icon description=include.description %}

data/_includes/activity_pub/reaction.html

@@ -0,0 +1,45 @@
+{%- comment -%}
+  Reacción
+
+  @param :activity [String] Reacción de le usuarie
+  @param :fa [String] nombre del ícono que usa fork-awesome
+  @param :actor [String] Usuarie
+{%- endcomment -%}
+
+{% assign published = include.activity.published | strip_html %}
+
+<div class="d-flex">
+  <div class="d-flex flex-column gray px-2 text-right">
+    {% include_cached date.html date=published format=site.i18n.date.format %}
+    {% include_cached date.html date=published format=site.i18n.time.format %}
+  </div>
+
+  <div class="flex-column px-2 flex-grow-1">
+    {% if include.previous.actor == include.activity.actor %}
+      <div class="d-flex">
+        <p class="transparent hover-transparent">
+          {% include_cached activity_pub/actor.html actor=include.activity.actor %}
+        </p>
+      </div>
+      <div class="d-flex">
+        <p class="transparent hover-transparent">
+          {% include_cached activity_pub/actor_mention.html actor=include.activity.actor without_link=true %}
+        </p>
+      </div>
+    {% else %}
+      <div class="d-flex">
+        <p class="">{% include_cached activity_pub/actor.html actor=include.activity.actor %}</p>
+      </div>
+      <div class="d-flex">
+        {% include_cached activity_pub/actor_mention.html actor=include.activity.actor %}
+      </div>
+    {% endif %}
+  </div>
+
+  <div class="flex-column align-self-center px-2 lead">
+    {% assign icon = include.activity.type | equals: 'Announce' | ternary: 'retweet', 'star-o' %}
+    {% assign description = site.i18n.activities[include.activity.type] %}
+
+    {%- include_cached fa.html icon=icon class="lead" description=description -%}
+  </div>
+</div>

data/_includes/activity_pub/reactions.html

@@ -0,0 +1,17 @@
+{%- comment -%}
+  Reacciones
+
+  @param :reactions [Array] Reacciones
+  @param :actor [String] Usuarie
+{%- endcomment -%}
+
+{% for reaction in include.reactions %}
+  {% assign minus = forloop.index0 | minus: 1 %}
+  {% assign previous = include.reactions[minus] %}
+
+  {%
+    include activity_pub/reaction.html
+    activity=reaction
+    previous=previous
+  %}
+{% endfor %}

data/_includes/activity_pub/replying_to.html

@@ -0,0 +1,23 @@
+{%- comment -%}
+  Texto + enlace al post/artículo al cual se responde
+
+  @param :activity [ActivityDrop] Activity
+{%- endcomment -%}
+
+{% if include.activity.available %}
+  {%- capture uri -%}
+    {%- include_cached activity_pub/url.html activity=include.activity -%}
+  {%- endcapture -%}
+
+  {% capture text %}
+    {{- include.activity.name | default: include.activity.summary | strip_html | default: site.i18n.reply.link_text -}}
+  {% endcapture %}
+
+  <div class="py-5 pr-5">
+    <span class="h2">
+      {{- site.i18n.reply.text -}}
+    </span>
+
+    {% include_cached external_link.html href=uri text=text %}
+  </div>
+{% endif %}

data/_includes/activity_pub/text_modal.html

@@ -0,0 +1,16 @@
+{%- comment -%}
+  Modal para mostrar texto
+
+  @param :text [String] contenido del modal
+  @param :fa [String] nombre del ícono que usa fork-awesome
+{%- endcomment -%}
+
+{% capture body %}
+{{ include.text }}
+{% endcapture %}
+
+{% capture footer %}
+{% endcapture %}
+
+{% assign fa = include.fa %}
+{% include activity_pub/button.html body=body footer=footer body_class="justify-content-center" footer_class="border-top-0 d-none" content_class="p-2" fa=fa %}

data/_includes/activity_pub/toot_card.html

@@ -0,0 +1,95 @@
+{%- comment -%}
+  Toot card
+
+  @param :component_class [String] Las clases del componente
+  @param :profile [String]
+  @param :activity [String]
+{%- endcomment -%}
+
+{% assign extra_class = include.activity.attachment | size | equals: 1 | ternary: 'col', 'col-6' %}
+
+<div class="d-flex flex-column media {{ include.component_class }}">
+  <div class="d-flex">
+    {%
+      include embed_responsive.html
+      x=1
+      y=1
+      src=include.profile.icon.url
+      alt=include.profile.icon.name
+      width=40
+      embed_class="mr-2 align-self-center w-49px"
+      img_class="h-100 object-fit-cover"
+    %}
+
+    <div class="">
+      <p>{% include_cached activity_pub/actor.html actor=include.profile %}</p>
+      <p>{% include_cached activity_pub/actor_mention.html actor=include.profile %}</p>
+    </div>
+  </div>
+
+  <div class="media-body w-100">
+    {% capture content %}
+			<div class="content mt-2">
+				{{ include.activity.content | sanitize_html }}
+			</div>
+
+			{% unless include.activity.attachment == empty %}
+				<div class="row no-gutters mt-2">
+					{% for attachment in include.activity.attachment %}
+						{% if attachment.mediaType == "video/mp4" %}
+							{% include activity_pub/video_modal.html video=attachment extra=extra_class %}
+						{% else %}
+							{% include activity_pub/image_modal.html image=attachment extra=extra_class %}
+						{% endif %}
+					{% endfor %}
+				</div>
+			{% endunless %}
+		{% endcapture %}
+
+    {% if include.activity.sensitive %}
+      {% capture summary_title %}
+        <strong>{{ site.i18n.sensitive }}:</strong> {{ include.activity.summary }}
+      {% endcapture %}
+
+      {%
+        include details.html
+        element_title=summary_title
+        element_text=content
+        summary_class="align-items-center btn-lg btn-secondary p-2 text-left f-16"
+        component_class="my-3"
+        font_size="ml-3 lead"
+      %}
+    {% else %}
+      {{ content }}
+    {% endif %}
+
+    <div class="d-flex gray justify-content-between my-2 align-items-center">
+      {%- assign timestamp_field = include.activity.updated | ternary: 'updated', 'published' -%}
+      {%- assign timestamp = include.activity[timestamp_field] -%}
+
+      {%- capture timestamp -%}
+        {% include date.html date=timestamp format=site.i18n.date_time.format %}
+      {%- endcapture -%}
+
+      {%- capture uri -%}
+        {%- include_cached activity_pub/url.html activity=include.activity -%}
+      {%- endcapture -%}
+
+      {% include external_link.html href=uri text=timestamp %}
+
+      <div>
+        {% if include.activity.shares.totalItems %}
+          {%- include fa.html icon="retweet" class="px-1" description=site.i18n.total_shares content=include.activity.shares.totalItems -%}
+        {% endif %}
+
+        {% if include.activity.likes.totalItems %}
+          {%- include fa.html icon="star-o" class="px-1" description=site.i18n.total_likes content=include.activity.likes.totalItems -%}
+        {% endif %}
+      </div>
+
+      {%- include fa.html icon="globe" description=site.i18n.globe -%}
+    </div>
+
+    {% include activity_pub/button_bar.html uri=include.activity.id profile=include.profile %}
+  </div>
+</div>

data/_includes/activity_pub/url.html

@@ -0,0 +1,8 @@
+{%- comment -%}
+  Finds the URL
+
+  @param activity [ActivityDrop]
+{%- endcomment -%}
+
+{%- assign uri = include.activity.url | find: 'rel', 'canonical' -%}
+{{- uri.href | default: include.activity.url | default: include.activity.id | strip_html -}}

data/_includes/activity_pub/video_modal.html

@@ -0,0 +1,20 @@
+{%- comment -%}
+  Modal con imagen
+
+  @param :image [Image] la imagen que queremos en el modal, contiene url y alt text
+{%- endcomment -%}
+
+{% capture body %}
+  <video src="{{include.video.url}}" controls></video>
+{% endcapture %}
+
+<div class="{{ include.extra }} px-1" data-controller="modal">
+  <div class="embed-responsive embed-responsive-16by9">
+    <video
+      class="cursor-pointer min-w-100px w-100 embed-responsive-item object-fit-cover"
+      src="{{include.video.url}}"
+      data-action="click->modal#show"
+    ></video>
+  </div>
+  {% 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/bootstrap/custom_select.html

@@ -0,0 +1,18 @@
+{% comment %}
+
+@param class [String] Extra classes
+@param extra [String] Extra attributes
+@param options [Array<Hash>] Options
+  @param selected [Boolean] Default option
+  @param extra [String] Extra attributes
+  @param value [String] Value
+  @param title [String] Title
+{% endcomment %}
+
+<select class="custom-select {{ include.class }}" {{ include.extra }}>
+  {% for options in include.options %}
+    <option {{ options.selected }} {{ options.extra }} value="{{ options.value | default: options.title | escape }}">
+      {{- options.title -}}
+    </option>
+  {% endfor %}
+</select>

data/_includes/external_link.html

@@ -0,0 +1,15 @@
+{%- comment -%}
+
+Link externo.
+
+@param :href [String] La URL
+@param :class [String] Las clases del link
+{%- endcomment -%}
+
+<a
+	class="text-decoration-none {{ include.class }}"
+	href="{{ include.href | uri_escape }}"
+	{{ include.href | start_with: "https://" | value_if: 'rel="noopener" target="_blank"' }}
+	{{ include.href | start_with: "http://" | value_if: 'rel="noopener" target="_blank"' }}>
+	{{ include.text }}
+</a>

data/_includes/fa.html

@@ -0,0 +1,11 @@
+{%- comment -%}
+
+Un ícono
+
+@param :icon [String] El ícono
+@param :class [String] Las clases
+@param :description [String] La descripción
+{%- endcomment -%}
+
+<i title="{{ include.description | escape_once }}" aria-hidden="true" class="fa fa-{{ include.icon }} {{ include.class }}">{{ include.content }}</i>
+<span class="sr-only">{{ include.description }}</span>

data/_includes/footer.html

@@ -1,32 +1,31 @@
-{%- assign license = site.posts | find: "layout", "license" -%}
-{%- assign code_of_conduct = site.posts | find: "layout", "code_of_conduct" -%}
-{%- assign privacy_policy = site.posts | find: "layout", "privacy_policy" -%}
+{%- assign license = site.posts | find: 'layout', 'license' -%}
+{%- assign code_of_conduct = site.posts | find: 'layout', 'code_of_conduct' -%}
+{%- assign privacy_policy = site.posts | find: 'layout', 'privacy_policy' -%}
 
 <footer class="p-3">
   <ul class="list-unstyled">
     {%- if site.activity_pub_profile -%}
-          {{- site.i18n.footer.fediverse -}}
-        <span>
-           @{{ site.activity_pub_profile -}}
-        </span>
+      {{- site.i18n.footer.fediverse -}}
+      <span> @{{ site.activity_pub_profile -}}</span>
       </p>
     {%- endif -%}
 
-  {% if license %}
-    <li>
-      <a href="{{ license.url }}" rel="license">{{ license.title }}</a>
-    </li>
-  {% endif %}
+    {% if license %}
+      <li>
+        <a href="{{ license.url }}" rel="license">{{ license.title }}</a>
+      </li>
+    {% endif %}
 
-  {% if code_of_conduct %}
-    <li>
-      <a href="{{ code_of_conduct.url }}" rel="code-of-conduct">{{ code_of_conduct.title }}</a>
-    </li>
-  {% endif %}
+    {% if code_of_conduct %}
+      <li>
+        <a href="{{ code_of_conduct.url }}" rel="code-of-conduct">{{ code_of_conduct.title }}</a>
+      </li>
+    {% endif %}
 
-  {% if privacy_policy %}
-    <li>
-      <a href="{{ privacy_policy.url }}" rel="privacy-policy">{{ privacy_policy.title }}</a>
-    </li>
-  {% endif %}
+    {% if privacy_policy %}
+      <li>
+        <a href="{{ privacy_policy.url }}" rel="privacy-policy">{{ privacy_policy.title }}</a>
+      </li>
+    {% endif %}
+  </ul>
 </footer>

data/_includes/navbar.html

@@ -1,9 +1,13 @@
-{% assign about = site.posts | find: "layout", "about" %}
+{% assign about = site.posts | find: 'layout', 'about' %}
 
 <nav class="navbar navbar-expand-lg d-print-block" role="navigation" aria-label="{{ site.i18n.menu.title }}">
   <a class="navbar-brand" href="?#">
     {% if about.logo.path %}
-      <img src="{{ about.logo.path | thumbnail: nil, 30 | uri_escape }}" height="30" alt="{{ about.logo.description | default: about.title }}" />
+      <img
+        src="{{ about.logo.path | thumbnail: nil, 30 | uri_escape }}"
+        height="30"
+        alt="{{ about.logo.description | default: about.title }}"
+      >
     {% else %}
       {{ about.title }}
     {% endif %}

data/_includes/script.html

@@ -1,5 +1,5 @@
 {% comment %}
-@param :src [String]
+  @param :src [String]
 {% endcomment %}
 
 <script defer src="{{ include.src | uri_escape }}" data-turbo-track="reload"></script>

data/_layouts/code_of_conduct.html

@@ -1,8 +1,7 @@
 ---
 layout: default
 ---
-
-{% assign date_format = site.i18n.date.format | default: "%b %-d, %Y" %}
+{% assign date_format = site.i18n.date.format | default: '%b %-d, %Y' %}
 
 <article class="h-entry" itemscope itemtype="http://schema.org/Article">
   <header>
@@ -35,7 +34,8 @@ layout: default
 
   <footer>
     <a class="u-url" itemprop="url" href="{{ page.url }}" hidden>
-      {{ site.url }}{{ page.url }}
+      {{ site.url -}}
+      {{- page.url }}
     </a>
 
     {%- if page.uuid -%}

data/_layouts/default.html

@@ -1,13 +1,13 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="{{ site.lang }}" dir="{{ site.dir }}">
   <head>
     <meta charset="UTF-8">
-    <base href="{% base %}" />
+    <base href="{% base %}">
     <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
     <meta content="width=device-width, initial-scale=1.0" name="viewport">
-    <meta name="theme-color" content="white"/>
-    <meta name="color-scheme" content="light"/>
-    <meta name="referrer" content="strict-origin-when-cross-origin"/>
+    <meta name="theme-color" content="white">
+    <meta name="color-scheme" content="light">
+    <meta name="referrer" content="strict-origin-when-cross-origin">
 
     <link href="assets/css/styles.css?{{ site.time | date: '%s' }}" rel="stylesheet" data-turbo-track="reload">
 
@@ -21,17 +21,16 @@
     {% feed_meta %}
 
     {% if page.activity %}
-        <link href="{{ page.activity.url | absolute_url }}" rel="alternate" type="application/activity+json" />
+      <link href="{{ page.activity.url | absolute_url }}" rel="alternate" type="application/activity+json">
     {% endif %}
 
     {%- if site.activity_pub_profile -%}
-        <meta property="profile:username" content="{{ site.activity_pub_profile }}" />
+      <meta property="profile:username" content="{{ site.activity_pub_profile }}">
     {%- endif -%}
 
     {%- if site.actor -%}
-      <link rel="me" href="{{ site.actor.url | absolute_url }}" />
+      <link rel="me" href="{{ site.actor.url | absolute_url }}">
     {%- endif -%}
-
   </head>
   <body class="min-vh-100 d-flex flex-column">
     {% include navbar.html %}

data/_layouts/home.html

@@ -1,8 +1,7 @@
 ---
 layout: default
 ---
-
-{% assign posts = site.posts | where: "layout", "post" %}
+{% assign posts = site.posts | where: 'layout', 'post' %}
 
 <section class="home">
   <header>
@@ -14,10 +13,10 @@ layout: default
 
   {%- if site.posts.size > 0 -%}
     <section class="articles">
-      <h2>{{ site.i18n.home.articles | default: "Articles" }}</h2>
+      <h2>{{ site.i18n.home.articles | default: 'Articles' }}</h2>
       {%- for post in posts -%}
         <article>
-          {%- assign date_format = site.i18n.date_format | default: "%b %-d, %Y" -%}
+          {%- assign date_format = site.i18n.date_format | default: '%b %-d, %Y' -%}
           <span class="post-meta">{{ post.date | date: date_format }}</span>
           <h3>
             <a class="post-link" href="{{ post.url }}">
@@ -28,7 +27,7 @@ layout: default
           <p class="lead">{{ post.description }}</p>
         </article>
 
-        <hr/>
+        <hr>
       {%- endfor -%}
     </section>
   {%- endif -%}

data/_layouts/license.html

@@ -1,8 +1,7 @@
 ---
 layout: default
 ---
-
-{% assign date_format = site.i18n.date.format | default: "%b %-d, %Y" %}
+{% assign date_format = site.i18n.date.format | default: '%b %-d, %Y' %}
 
 <article class="h-entry" itemscope itemtype="http://schema.org/Article">
   <header>
@@ -35,7 +34,8 @@ layout: default
 
   <footer>
     <a class="u-url" itemprop="url" href="{{ page.url }}" hidden>
-      {{ site.url }}{{ page.url }}
+      {{ site.url -}}
+      {{- page.url }}
     </a>
 
     {%- if page.uuid -%}

data/_layouts/page.html

@@ -1,9 +1,8 @@
 ---
 layout: default
 ---
-
-{% assign license = site.posts | find: "layout", "license" %}
-{% assign date_format = site.i18n.date.format | default: "%b %-d, %Y" %}
+{% assign license = site.posts | find: 'layout', 'license' %}
+{% assign date_format = site.i18n.date.format | default: '%b %-d, %Y' %}
 
 <article class="h-entry" itemscope itemtype="http://schema.org/Article">
   <header>
@@ -16,10 +15,10 @@ layout: default
     {%- if page.image.path -%}
       <picture>
         {% for size in site.images.sizes %}
-          <source srcset="{{ page.image.path | thumbnail: size }}" media="(max-width: {{ size }}px)" />
+          <source srcset="{{ page.image.path | thumbnail: size }}" media="(max-width: {{ size }}px)">
         {% endfor %}
 
-        <img class="img-fluid" src="{{ page.image.path | thumbnail: 1140 }}" alt="{{ page.image.description }}" />
+        <img class="img-fluid" src="{{ page.image.path | thumbnail: 1140 }}" alt="{{ page.image.description }}">
       </picture>
     {%- endif -%}
 
@@ -44,7 +43,8 @@ layout: default
 
   <footer>
     <a class="u-url" itemprop="url" href="{{ page.url }}" hidden>
-      {{ site.url }}{{ page.url }}
+      {{ site.url -}}
+      {{- page.url }}
     </a>
 
     {%- if page.uuid -%}

data/_layouts/post.html

@@ -1,9 +1,8 @@
 ---
 layout: default
 ---
-
-{% assign license = site.posts | find: "layout", "license" %}
-{% assign date_format = site.i18n.date.format | default: "%b %-d, %Y" %}
+{% assign license = site.posts | find: 'layout', 'license' %}
+{% assign date_format = site.i18n.date.format | default: '%b %-d, %Y' %}
 
 <article class="h-entry" itemscope itemtype="http://schema.org/Article">
   <header>
@@ -16,10 +15,10 @@ layout: default
     {%- if page.image.path -%}
       <picture>
         {% for size in site.images.sizes %}
-          <source srcset="{{ page.image.path | thumbnail: size }}" media="(max-width: {{ size }}px)" />
+          <source srcset="{{ page.image.path | thumbnail: size }}" media="(max-width: {{ size }}px)">
         {% endfor %}
 
-        <img class="img-fluid" src="{{ page.image.path | thumbnail: 1140 }}" alt="{{ page.image.description }}" />
+        <img class="img-fluid" src="{{ page.image.path | thumbnail: 1140 }}" alt="{{ page.image.description }}">
       </picture>
     {%- endif -%}
 
@@ -44,7 +43,8 @@ layout: default
 
   <footer>
     <a class="u-url" itemprop="url" href="{{ page.url }}" hidden>
-      {{ site.url }}{{ page.url }}
+      {{ site.url -}}
+      {{- page.url }}
     </a>
 
     {%- if page.uuid -%}

data/_layouts/privacy_policy.html

@@ -1,8 +1,7 @@
 ---
 layout: default
 ---
-
-{% assign date_format = site.i18n.date.format | default: "%b %-d, %Y" %}
+{% assign date_format = site.i18n.date.format | default: '%b %-d, %Y' %}
 
 <article class="h-entry" itemscope itemtype="http://schema.org/Article">
   <header>
@@ -35,7 +34,8 @@ layout: default
 
   <footer>
     <a class="u-url" itemprop="url" href="{{ page.url }}" hidden>
-      {{ site.url }}{{ page.url }}
+      {{ site.url -}}
+      {{- page.url }}
     </a>
 
     {%- if page.uuid -%}