sutty-jekyll-theme 0.5.2 → 0.5.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d43cad83cc4df3122be53fb4b7f0ae4e4201db245abd889838f6eaa1b3febf0a
-  data.tar.gz: 7fab7b045bec73f404ac56097c871e8d4854d7833447a37b2f31a66b445cf078
+  metadata.gz: 4717e10e88607caa70540d0c8b58363ea92f70495587e3aa81420e1ec8869d37
+  data.tar.gz: '0686452875bfdadf88e7396b8389816ff2e8dba4157148d1ba8518c683d46744'
 SHA512:
-  metadata.gz: eebd6e48faa23766adbce748b6b754787344239909ffb7fc80aecf6b71ec4e53fe00c4e43a3e0045ef5cd956be1f7624775f442833614b18f5bea0fb85f254e1
-  data.tar.gz: 5f5bcc8e72766c0495ecfb6760d1b7cd95d13b7548e8a6c4c205eed2068c0202cdff36ad0a476ea4fb31482f911fc5553df339bc7480a1a4168eb2afc978e665
+  metadata.gz: d3656d3310336df3a2d51b95fd9affadf44ae6f2c38c4346d1bfa2fd7e8ca13312c33032f3fd7a595d826fafc8d0fd1a46c87b39d5c42a885f3273f850baee9a
+  data.tar.gz: 23f27f21c619ae4e64ac5ae44273a6b71c72e668e10d57796a1db0937467cb1a29b98d24d9c7f78ff997fb2225fc408cc65b2fbc0096fe9379e9d9e82c875015

data/_data/theme.yml

@@ -0,0 +1,5 @@
+---
+pixel_densities:
+- "1"
+- "1.5"
+- "2"

data/_includes/activity_pub/reaction.html

@@ -17,21 +17,23 @@
   <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">
+        <p class="mb-0 transparent hover-transparent">
           {% include_cached activity_pub/actor.html actor=include.activity.actor %}
         </p>
       </div>
       <div class="d-flex">
-        <p class="transparent hover-transparent">
+        <p class="mb-0 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>
+        <p class="mb-0">{% 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 %}
+        <p class="mb-0">
+          {% include_cached activity_pub/actor_mention.html actor=include.activity.actor %}
+        </p>
       </div>
     {% endif %}
   </div>

data/_includes/activity_pub/toot_card.html

@@ -16,14 +16,14 @@
       y=1
       src=include.profile.icon.url
       alt=include.profile.icon.name
-      width=40
-      embed_class="mr-2 align-self-center w-49px"
+      width=50
+      embed_class="mr-2 align-self-center w-50px"
       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>
+      <p class="mb-0">{% include_cached activity_pub/actor.html actor=include.profile %}</p>
+      <p class="mb-0">{% include_cached activity_pub/actor_mention.html actor=include.profile %}</p>
     </div>
   </div>
 
@@ -46,7 +46,7 @@
 			{% endunless %}
 		{% endcapture %}
 
-    {% if include.activity.sensitive %}
+    {% if include.activity.sensitive and include.activity.summary != page.title %}
       {% capture summary_title %}
         <strong>{{ site.i18n.sensitive }}:</strong> {{ include.activity.summary }}
       {% endcapture %}
@@ -55,7 +55,7 @@
         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"
+        summary_class="align-items-center btn-lg p-2 text-left f-16"
         component_class="my-3"
         font_size="ml-3 lead"
       %}

data/_includes/details.html

@@ -0,0 +1,26 @@
+{%- comment -%}
+
+Details: elementos con dropdown
+
+@param :component_class [String] Las clases del componente
+@param :summary_class [String] Las clases del summary
+@param :element_title [String] El título del elemento (summary)
+@param :title_class [String] Las clases del título
+@param :font_size [String] El tamaño de los íconos de abrir y cerrar
+@param :element_text [String] El texto del elemento
+@param :text_class [String] Las clases del texto
+{%- endcomment -%}
+
+{%- assign class_close = "hide-when-open " | append: include.font_size -%}
+{%- assign class_open = "show-when-open " | append: include.font_size -%}
+
+<details class="{{ include.component_class }}">
+	<summary class="d-flex justify-content-between {{ include.summary_class }}">
+		<div class="{{ include.title_class }}">{{ include.element_title }}</div>
+		{%- include fa.html icon="angle-down" class=class_close description=site.i18n.details.open -%}
+		{%- include fa.html icon="angle-up" class=class_open description=site.i18n.details.close -%}
+	</summary>
+
+	<div class="{{ include.text_class }}">{{ include.element_text }}</div>
+	<hr/>
+</details>

data/_includes/embed_responsive.html

@@ -0,0 +1,21 @@
+{%- comment -%}
+
+Embed responsive
+
+@param :x [Integer]
+@param :y [Integer]
+@param :src [String]
+@param :alt [String]
+@param :width [Integer]
+@param :height [Integer]
+@param :embed_class [String]
+@param :img_class [String]
+{%- endcomment -%}
+
+<div class="embed-responsive embed-responsive-{{ include.x }}by{{ include.y }} {{ include.embed_class }}" {{ include.extra }}>
+  {% if include.src %}
+    {%- include picture.html class="embed-responsive-item" img_class=include.img_class src=include.src alt=include.alt width=include.width -%}
+  {% else %}
+    <div class="embed-responsive-item background-primary"></div>
+  {% endif %}
+</div>

data/_includes/picture.html

@@ -0,0 +1,30 @@
+{%- comment -%}
+
+Image component
+
+@param :src [String]
+@param :alt [String]
+@param :width [Integer]
+@param :height [Integer]
+@param :class [String]
+@param :img_class [String]
+{%- endcomment -%}
+
+<picture class="{{ include.class }}">
+  <source
+    srcset="
+      {%- for pixel_density in site.data.theme.pixel_densities %}
+        {% if include.width %}
+          {%- assign w = include.width | times: pixel_density -%}
+        {% elsif include.height %}
+          {%- assign h = include.height | times: pixel_density -%}
+        {% endif %}
+        {{- include.src | thumbnail: w, h | uri_escape }} {{ pixel_density }}x,
+      {% endfor -%}
+      " />
+
+  <img
+    class="{{ include.img_class }}"
+    src="{{ include.src | thumbnail: include.width, include.height | uri_escape }}"
+    alt="{{ include.alt | escape_once }}" />
+</picture>

data/_sass/details.scss

@@ -0,0 +1,28 @@
+details {
+	summary {
+		.show-when-open {
+			display: none;
+		}
+
+		.hide-when-open {
+			display: block;
+		}
+	}
+
+	&[open] {
+		summary {
+			.show-when-open {
+				display: block;
+			}
+
+			.hide-when-open {
+				display: none;
+			}
+		}
+	}
+
+	& > summary {
+		list-style: none;
+		&::-webkit-details-marker { display: none; }
+	}
+}

data/assets/css/styles.scss

@@ -7,6 +7,9 @@
   {{ theme | yaml_to_scss: site.data.layouts.theme }}
 {% endif %}
 
+$sizes: (
+  50px: 3.125rem,
+);
 
 @import "fonts";
 @import "variables";
@@ -20,6 +23,7 @@
 @import "custom";
 @import "content";
 @import "menu";
+@import "details";
 
 @each $breakpoint in map-keys($grid-breakpoints) {
   @include media-breakpoint-up($breakpoint) {

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: sutty-jekyll-theme
 version: !ruby/object:Gem::Version
-  version: 0.5.2
+  version: 0.5.4
 platform: ruby
 authors:
 - f
@@ -235,6 +235,7 @@ files:
 - _data/layouts/theme.yml
 - _data/manifest.json
 - _data/schema.yml
+- _data/theme.yml
 - _includes/activity_pub/actor.html
 - _includes/activity_pub/actor_mention.html
 - _includes/activity_pub/button.html
@@ -254,6 +255,8 @@ files:
 - _includes/activity_pub/video_modal.html
 - _includes/bootstrap/custom_select.html
 - _includes/date.html
+- _includes/details.html
+- _includes/embed_responsive.html
 - _includes/external_link.html
 - _includes/fa.html
 - _includes/footer.html
@@ -264,6 +267,7 @@ files:
 - _includes/menu_internal.html
 - _includes/navbar.html
 - _includes/page.html
+- _includes/picture.html
 - _includes/script.html
 - _layouts/code_of_conduct.html
 - _layouts/default.html
@@ -276,6 +280,7 @@ files:
 - _sass/content.scss
 - _sass/crypto.scss
 - _sass/custom.css
+- _sass/details.scss
 - _sass/fonts.scss
 - _sass/images.scss
 - _sass/lora_ital_wght_0_400..700_1_400..700.scss