share-to-fediverse-jekyll-theme 0.1.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 208a69c3658ad5479968f52fe94c50947bf66b4431f4ada362628cc889030c46
+  data.tar.gz: e260a721b654ef44b9e54278c25dcd6257a5956840f5ac71d639b9acb8875faf
+SHA512:
+  metadata.gz: be4161bcb479e2c94519a656d8d268928b0c151b6a84eb49626e0f3bd602ff46fe2e3610beae23406fa9832fec2241ce18829bb75232877e11b22dd096ee5b53
+  data.tar.gz: ec367d281599797a4db3f7e9deec793bdd6f0bfd275f3751296c442f2b0605dc76739563f579be41d51f41fdc4d4512ae63ba24280e80fade6e6769d8ea1b49e

data/LICENSE.txt

@@ -0,0 +1,168 @@
+Copyright (c) 2020 Sutty
+
+The following license is modified from the MIT license and downloaded
+from <https://github.com/Laurelai/anti-fascist-mit-license> on
+2019-07-11.
+
+Anti-Fascist MIT License:
+
+The following conditions must be met by any person obtaining a copy of
+this software:
+
+- You MAY NOT be a fascist.
+- You MUST not financially support fascists.
+- You MUST not intentionally provide or knowingly provide through
+  inaction a platform for fascists to spread propaganda or organize.
+- You MUST not publicly voice support for fascists.
+- You MAY NOT be a member of any fascist organization, even if you are a
+  member to infiltrate for anti-fascist purposes.
+
+"Fascist" can be understood as any group or individual who promotes the
+political ideology of fascism.
+
+"Fascism" can be broken down into 11 ideological features as well as 8
+tactics that can form a fascist system in varying combinations, for the
+sake of simplicity and brevity the individual or organization in
+question must match to at least 5 features or tactics or a combination
+of the two determined by the individual licencer.
+
+Said licencer may provide a list if an individual or group matches to at
+least 5 features upon request from the individual or group in question.
+
+The ideological features are listed below.
+
+1. Hyper-nationalism.
+
+As defined as "The belief in the superiority of one's nation and of the
+paramount importance of advancing it."
+
+2. Militarism.
+
+As defined as "Advocating for an increase in military forces beyond what
+the real defense of a nation needs, more influence of the military upon
+the policies of the civilian government, and a preference for force as a
+solution over diplomacy for problems."
+
+3. Glorification of violence and readiness to use it in politics.
+
+As defined as "The belief that violence can be used to cleanse a
+tarnished nation, also by using violence to harm, intimidate or kill
+political oppoenents."
+
+4. Fetishization of youth.
+
+As defined as "Extolling the virtues of youth and making a special
+appeal to young people to join a cause or organization"
+
+5. Fetishization of masculinity.
+
+As defined as "Extolling the virtues of male authority or patriarchy and
+making a special appeal to men to be leaders of households and groups"
+
+6. Leader cult.
+
+As defined as "Creating an idealized, heroic, and worshipful image of a
+leader, often through unquestioning flattery and praise."
+
+7. Lost-golden-age syndrome.
+
+As defined as "Creating or promoting the idea that a nation had a lost
+or stolen golden age in the past that must be returned to"
+
+8. Self-definition by opposition.
+
+As defined as "Creating or promoting the idea that the group or
+individual is the only person or way who can fight real or imagined
+evils within a society."
+
+9. Mass mobilization and mass party.
+
+As defined as "Creating or promoting the creation of a populist group or
+party for the advancment of fascist tactics or features."
+
+10. Hierarchical party structure and tendency to purge the disloyal.
+
+As defined as "Removal of membership from a group for lacking absolute
+loyalty or lacking further usefulness to the group. Also having a
+hierarchical structure within the group itself."
+
+11. Theatricality.
+
+As defined as "Using spectacle to gain and keep the attention of those
+inside and outside of the group using speeches full of absolutes and or
+superlatives. Elaborate collective rituals (rallies) meant to reenforce
+loyalty within the group."
+
+Fascist tactics include
+
+1) Persecution of national minorities.
+2) Persecution of racial minorities.
+3) Persecution of religious minorities (Anti-Semitism, Islamophobia and others).
+4) Promotion of a type of national purity.
+5) Promotion of a state run by ideologically oriented corporate bodies.
+6) Persecution of gender or sexual minorities.
+7) Persecution of the disabled.
+8) Formation of extra-legal forces (brownshirts) to defend fascist values.
+
+Special criteria: Meeting only one point of the special criteria is
+enough to consider someone or a group to be fascist for the purposes of
+this licence.
+
+1. Promotion of any theories that state members of the jewish ethnicity
+   or faith control or largely control the world, finance, or other
+   global major power system.
+
+2. Denial of the holocaust or any other historically proven genocide.
+
+3. Promotion of ethnostates.
+
+4. Advocating for eugenics. Either positive or negative eugenics.
+   Promotion for the rights of abortion are not considered eugenics.
+
+5. Advocating for the removal of rights or legal protections from a
+   class or group of people.
+
+Former fascists: People or organizations who used to promote the
+political ideology of fascism but no longer do so must meet the
+following criterea to be able to use this software.
+
+1. Publicly disavow past fascist deeds and ideologies.
+
+2. Expose any and all known fascists former allies to the public.
+
+   A suggested route would be through the one peoples project
+   (onepeoplesproject.com).  If they can confirm you have done so that
+   will count as meeting condition two.
+
+3. Publicly destroy any and all fascist paraphenelia you have in your
+   posession including removal of tattoos and body markings
+   affiliated with fascist groups or gangs.
+
+ANTI-FASCIST-MIT LICENSE:
+
+Permission is hereby granted, free of charge, to any person obtaining a
+copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be included
+in all copies or substantial portions of the Software.
+
+The above licence agreement conditions are met in full.
+
+The Anti-Fascist MIT License may only be used under the terms of the
+Anti-Fascist MIT License.
+
+Any modified versions of this software must also include the
+Anti-Fascist MIT Licence.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
+OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
+CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,70 @@
+# share-to-fediverse-jekyll-theme
+
+This theme generates a microwebsite to share URL to the Fediverse (or
+Mastodon, at least).
+
+## Installation
+
+Add this line to your Jekyll site's `Gemfile`:
+
+```ruby
+gem "share-to-fediverse-jekyll-theme"
+```
+
+And add this line to your Jekyll site's `_config.yml`:
+
+```yaml
+theme: share-to-fediverse-jekyll-theme
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install share-to-fediverse-jekyll-theme
+
+## Usage
+
+The `instance` option on `_config.yml` is the default instance used.
+
+Create a share button with:
+
+```
+https://yourwebsite.org/?u=URL&t=TITLE&d=DESCRIPTION
+```
+
+Replacing `URL`, `TITLE` and `DESCRIPTION` for the shareable content.
+
+## Contributing
+
+Bug reports and pull requests are welcome on 0xacab.org at
+https://0xacab.org/sutty/jekyll/share-to-fediverse-jekyll-theme. This
+project is intended to be a safe, welcoming space for collaboration, and
+contributors are expected to adhere to the [Sutty's code of
+conduct](http://sutty.nl/en/code-of-conduct).
+
+## Development
+
+To set up your environment to develop this theme, run `bundle install`.
+
+Your theme is setup just like a normal Jekyll site! To test your theme,
+run `bundle exec jekyll serve` and open your browser at
+`http://localhost:4000`. This starts a Jekyll server using your
+theme. Add pages, documents, data, etc. like normal to test your theme's
+contents. As you make modifications to your theme and to your content,
+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` tracked with Git will be bundled.
+
+To add a custom directory to your theme-gem, please edit the array in
+`share-to-fediverse-jekyll-theme.gemspec` accordingly.
+
+## License
+
+The theme is available as open source under the terms of the [Antifacist
+MIT License](LICENSE.txt).
+

data/_config.yml

@@ -0,0 +1,44 @@
+plugins:
+- jekyll-locales
+- jekyll-relative-urls
+- jekyll-feed
+- jekyll-seo-tag
+- jekyll-images
+- jekyll-include-cache
+# Agregar node_modules a la lista de directorios donde SASS busca
+# archivos.  Podríamos haber agregado solo "node_modules/bootstrap/scss"
+# pero queríamos dejarlo abierto para poder cambiar de framework o
+# llamar a varios a la vez.
+sass:
+  load_paths:
+  - node_modules
+# Opciones para generar las URLs de las páginas.  Por defecto Jekyll
+# crea /categoria/año/mes/dia/titulo.html que me parece innecesariamente
+# larga.
+#
+# Con esto generamos URLs relativas (sin / al principio) y solo el
+# titulo convertido en slug.  El slug es la versión limpia del título,
+# sin espacios ni mayusculas, a veces sin tildes.
+#
+# En realidad Jekyll es un poco confuso acá porque :title es el nombre
+# del archivo usado en _posts/yyyy-mm-dd-slug.md y no el titulo
+# slugificado.  De todas formas Sutty se encarga de que coincidan.
+permalink: ":title/"
+# El nombre de la plantilla
+# theme: sutty-base-jekyll-theme
+# La lista de resoluciones de imágenes disponibles para jekyll-images.
+# Estamos usando los puntos de quiebre de bootstrap.
+#
+# https://getbootstrap.com/docs/4.4/layout/overview/#responsive-breakpoints
+images:
+  sizes:
+    - 576
+    - 768
+    - 992
+    - 1140
+locales:
+- es
+- en
+lang: es
+locale: es
+instance: 'https://todon.nl/'

data/_data/en.yml

@@ -0,0 +1,8 @@
+---
+locale: English
+made_by: 'Made by [Sutty](https://sutty.nl/en/).  [Follow us to the Fediverse](https://todon.nl/@sutty).'
+home:
+  about: You're about to share
+  title: No title
+  description: No description
+  url: '#'

data/_data/es.yml

@@ -0,0 +1,8 @@
+---
+locale: Castellano
+made_by: 'Hecho por [Sutty](https://sutty.nl/es/).  [Seguinos al Fediverso](https://todon.nl/@sutty).'
+home:
+  about: Estás por compartir
+  title: No hay un título
+  description: No hay una descripción
+  url: '#'

data/_data/forms/contacto.yml

@@ -0,0 +1,40 @@
+---
+pronouns:
+  type: "string"
+  autocomplete: "sex"
+  label:
+    es: "Pronombres"
+    en: "Pronouns"
+  placeholder:
+    es: "¿Qué pronombres usás?"
+    en: "What are your pronouns?"
+name:
+  type: "string"
+  autocomplete: "name"
+  label:
+    es: "Nombre"
+    en: "Name"
+  placeholder:
+    es: "Nombre elegido, pseudónimo, alias"
+    en: "Choosen name, pseudonym, alias"
+from:
+  type: "email"
+  autocomplete: "email"
+  label:
+    es: "Correo electrónico"
+    en: "E-mail address"
+body:
+  type: text
+  label:
+    es: Mensaje
+    en: Message
+consent:
+  type: boolean
+  label:
+    es: Acepto las políticas de privacidad
+    en: I agree to the privacy policy
+submit:
+  type: submit
+  label:
+    es: Enviar
+    en: Send

data/_data/forms/fediverse.yml

@@ -0,0 +1,18 @@
+---
+text:
+  type: 'hidden'
+instance:
+  type: 'url'
+  required: true
+  autocomplete: 'url'
+  label:
+    es: 'Instancia'
+    en: 'Instance'
+  help:
+    es: 'Tu servidor de Mastodon, incluyendo https://'
+    en: 'Your Mastodon server, including https://'
+submit:
+  type: 'submit'
+  label:
+    es: 'Compartir'
+    en: 'Share'

data/_data/layouts/post.yml

@@ -0,0 +1,113 @@
+---
+title:
+  type: 'string'
+  required: true
+  label:
+    es: 'Título del artículo'
+    en: 'Post title'
+  help:
+    es: '¡Un título que invite a leer el artículo!'
+    en: 'A title that invites people to read the post!'
+description:
+  type: 'text'
+  required: true
+  label:
+    es: 'Alerta de contenido o descripción del artículo'
+    en: 'Content warning or post description'
+  help:
+    es: |
+      Resumen del contenido del artículo, que también usarán redes
+      sociales y buscadores.  Si el artículo trata de violencias y otros
+      temas sensibles, te invitamos a usar este campo como alerta de
+      contenido, para que las personas puedan determinar cuándo quieren
+      abrirlo.
+    en: |
+      Summary of the post contents, also used by social media and search
+      engines.  If the post is about violence and other sensitive
+      topics, we invite you to use it as a content warning, so others
+      can decide when they want to read it.
+author:
+  type: 'array'
+  label:
+    es: 'Autores'
+    en: 'Authors'
+  help:
+    es: 'Quiénes participaron en la escritura de este artículo'
+    en: 'Who collaborated in write this post'
+image:
+  type: 'image'
+  path:
+    label:
+      es: 'Imagen principal'
+      en: 'Main image'
+    help:
+      es: |
+        Se utiliza para ilustrar el artículo y como previsualización en
+        las redes sociales.
+      en: |
+        It's used to illustrate the article and as preview in social
+        networks.
+  description:
+    label:
+      es: 'Descripción de la imagen principal'
+      en: 'Main image description'
+    help:
+      es: |
+        Describe la imagen principal para usuaries no videntes y
+        buscadores
+      en: |
+        Describe the main image for blind or partially sighted users and
+        search engines
+content:
+  type: 'content'
+  label:
+    es: 'Contenido del artículo'
+    en: 'Post content'
+  help:
+    es: 'Escribe aquí el artículo'
+    en: 'Write down your post'
+permalink:
+  type: 'string'
+  label:
+    es: 'Enlace'
+    en: 'Permalink'
+  help:
+    es: |
+      Si no quieres utilizar el formato de enlaces general del sitio
+      para este artículo, especifica uno aquí.
+    en: |
+      If you don't want to follow the site's link format for this
+      post, change it here.
+categories:
+  type: 'array'
+  label:
+    es: 'Categorías'
+    en: 'Categories'
+  help:
+    es: 'Ayudan a organizar los artículos en temas'
+    en: 'Use categories to organize posts by themes'
+tags:
+  type: 'array'
+  label:
+    es: 'Etiquetas'
+    en: 'Tags'
+  help:
+    es: 'Usa etiquetas para resaltar palabras clave'
+    en: 'Tags are helpful as keywords'
+draft:
+  type: 'boolean'
+  label:
+    es: 'Borrador'
+    en: 'Draft'
+  help:
+    es: 'Este artículo aun no está listo para publicar'
+    en: "This post isn't ready to be published yet"
+order:
+  type: 'order'
+  label:
+    es: 'Orden'
+    en: 'Order'
+  help:
+    es: 'La posición del artículo en la lista de artículos'
+    en: 'The post position in the posts list'
+---

data/_includes/boolean.html

@@ -0,0 +1,30 @@
+{%- assign name = include.field[0] -%}
+{%- assign id = include.field[1].id | default: name -%}
+{%- assign label = include.field[1].label[site.locale] -%}
+{%- assign help = include.field[1].help[site.locale] -%}
+{%- assign autocomplete = include.field[1].autocomplete -%}
+
+<div class="form-check text-left">
+  <input
+    {% if help %}
+      aria-describedby="help-{{ id }}"
+    {% endif %}
+    {% if include.field[1].required %}
+      required
+    {% endif %}
+    type="checkbox"
+    name="{{ name }}"
+    id="{{ id }}"
+    {% if autocomplete %}
+      autocomplete="{{ autocomplete }}"
+    {% endif %}
+    class="form-check-input" />
+
+  <label class="form-check-label" for="{{ id }}">{{ label }}</label>
+
+  {%- if help -%}
+    <small id="help-{{ id }}" class="form-text">
+      {{ help }}
+    </small>
+  {%- endif -%}
+</div>

data/_includes/contact.html

@@ -0,0 +1,19 @@
+{% comment %}
+  Esta imagen obtiene una cookie desde la API de Sutty para autorizar el
+  envío del formulario.
+{% endcomment %}
+<img class="d-none" src="https://api.sutty.nl/v1/sites/{{ site.hostname }}/contact/cookie.png" />
+
+{% comment %}
+  El formulario se envía a la API.  La definición del formulario se
+  encuentra en _data/forms/contacto.yml
+{% endcomment %}
+<form action="https://api.sutty.nl/v1/sites/{{ site.hostname }}/contact/contacto"
+      method="post">
+  {%- for field in include.form -%}
+    {% assign template = field[1].type | append: '.html' %}
+    <div class="col{{ field[1].col | default: 12 | prepend: '-' }}">
+      {% include {{ template }} field=field %}
+    </div>
+  {%- endfor -%}
+</form>

data/_includes/content.html

@@ -0,0 +1 @@
+{% include text.html field=field %}

data/_includes/email.html

@@ -0,0 +1 @@
+{% include input.html field=field %}

data/_includes/file.html

@@ -0,0 +1,33 @@
+{%- assign name = include.field[0] -%}
+{%- assign id = include.field[1].id | default: name -%}
+{%- assign label = include.field[1]['path'].label[site.locale] -%}
+{%- assign help = include.field[1]['path'].help[site.locale] -%}
+{%- assign autocomplete = include.field[1].autocomplete -%}
+
+<div class="custom-file">
+  <input
+    {% if help %}
+      aria-describedby="help-{{ id }}"
+    {% endif %}
+    {% if include.field[1].required %}
+      required
+    {% endif %}
+    type="{{ include.field[1].type }}"
+    name="{{ name }}[path]"
+    id="{{ id }}_path"
+    {% if autocomplete %}
+      autocomplete="{{ autocomplete }}"
+    {% endif %}
+    class="custom-file-input" />
+
+  <label for="{{ id }}_path" class="custom-file-label">
+    {{ label }}
+    {% if include.field[1].required %}*{% endif %}
+  </label>
+
+  {%- if help -%}
+    <small id="help-{{ id }}" class="form-text">
+      {{ help }}
+    </small>
+  {%- endif -%}
+</div>

data/_includes/form/boolean.html

@@ -0,0 +1 @@
+../boolean.html

data/_includes/form/content.html

@@ -0,0 +1 @@
+../content.html

data/_includes/form/email.html

@@ -0,0 +1 @@
+../email.html

data/_includes/form/file.html

@@ -0,0 +1 @@
+../file.html

data/_includes/form/hidden.html

@@ -0,0 +1 @@
+../hidden.html

data/_includes/form/input.html

@@ -0,0 +1 @@
+../input.html

data/_includes/form/markdown_content.html

@@ -0,0 +1 @@
+../markdown_content.html

data/_includes/form/number.html

@@ -0,0 +1 @@
+../number.html

data/_includes/form/predefined_array.html

@@ -0,0 +1 @@
+../predefined_array.html

data/_includes/form/section.html

@@ -0,0 +1 @@
+../section.html

data/_includes/form/separator.html

@@ -0,0 +1 @@
+../separator.html

data/_includes/form/string.html

@@ -0,0 +1 @@
+../string.html

data/_includes/form/submit.html

@@ -0,0 +1 @@
+../submit.html

data/_includes/form/text.html

@@ -0,0 +1 @@
+../text.html

data/_includes/form/url.html

@@ -0,0 +1 @@
+../url.html

data/_includes/hidden.html

@@ -0,0 +1,5 @@
+{%- assign name = include.field[0] -%}
+{%- assign id = include.field[1].id | default: name -%}
+{%- assign value = include.field[1].value -%}
+
+<input type="hidden" value="{{ value }}" name="{{ name }}" id="{{ id }}" />

data/_includes/input.html

@@ -0,0 +1,33 @@
+{%- assign name = include.field[0] -%}
+{%- assign id = include.field[1].id | default: name -%}
+{%- assign label = include.field[1].label[site.locale] -%}
+{%- assign help = include.field[1].help[site.locale] -%}
+{%- assign autocomplete = include.field[1].autocomplete -%}
+
+<div class="form-group">
+  <label for="{{ id }}">
+    {{ label }}
+    {% if include.field[1].required %}*{% endif %}
+  </label>
+
+  <input
+    {% if help %}
+      aria-describedby="help-{{ id }}"
+    {% endif %}
+    {% if include.field[1].required %}
+      required
+    {% endif %}
+    type="{{ include.field[1].type }}"
+    name="{{ name }}"
+    id="{{ id }}"
+    {% if autocomplete %}
+      autocomplete="{{ autocomplete }}"
+    {% endif %}
+    class="form-control" />
+
+  {%- if help -%}
+    <small id="help-{{ id }}" class="form-text">
+      {{ help }}
+    </small>
+  {%- endif -%}
+</div>

data/_includes/markdown_content.html

@@ -0,0 +1 @@
+{% include text.html field=field %}

data/_includes/navbar.html

@@ -0,0 +1,29 @@
+<nav class="navbar navbar-expand-lg navbar-light bg-light d-print-block" role="navigation" aria-label="{{ site.i18n.menu.title }}">
+  <a class="navbar-brand" href="">
+    {% include_cached logo.html %}
+  </a>
+
+  {% comment %}
+    TODO: Add CSS-only hamburger menu.
+  {% endcomment %}
+  <ul class="navbar-nav d-print-none">
+    {%- for item in site.i18n.menu.items -%}
+      {% comment %}
+        This makes it hard to just cache the whole navbar, but we prefer
+        to mark the active item in code rather than with JS.
+      {% endcomment %}
+
+      <li class="nav-item">
+        <a class="nav-link{% if page.url == item.href %} active{% endif %}" href="{{ item.href }}">
+          {{ item.title }}
+
+          {%- if page.url == item.href -%}
+            <span class="sr-only">
+              {{ site.i18n.menu.active | default: '(current)' }}
+            </span>
+          {%- endif -%}
+        </a>
+      </li>
+    {%- endfor -%}
+  </ul>
+</nav>

data/_includes/number.html

@@ -0,0 +1 @@
+{% include input.html field=field %}

data/_includes/predefined_array.html

@@ -0,0 +1,39 @@
+{%- assign name = include.field[0] -%}
+{%- assign id = include.field[1].id | default: name -%}
+{%- assign label = include.field[1].label[site.locale] -%}
+{%- assign help = include.field[1].help[site.locale] -%}
+{%- assign autocomplete = include.field[1].autocomplete -%}
+
+<div class="form-group">
+  <label for="{{ id }}">
+    {{ label }}
+    {% if include.field[1].required %}*{% endif %}
+  </label>
+
+  <select
+    {% if help %}
+      aria-describedby="help-{{ id }}"
+    {% endif %}
+    {% if include.field[1].required %}
+      required
+    {% endif %}
+    name="{{ name }}"
+    id="{{ id }}"
+    {% if autocomplete %}
+      autocomplete="{{ autocomplete }}"
+    {% endif %}
+    class="form-control">
+
+    <option value="" selected></option>
+
+    {%- for option in include.field[1].values -%}
+      <option value="{{ option }}">{{ option }}</option>
+    {%- endfor -%}
+  </select>
+
+  {%- if help -%}
+    <small id="help-{{ id }}" class="form-text">
+      {{ help }}
+    </small>
+  {%- endif -%}
+</div>

data/_includes/section.html

@@ -0,0 +1 @@
+<h2 id="{{ include.field[0] }}">{{ include.field[1].title }}</h2>

data/_includes/separator.html

@@ -0,0 +1 @@
+<hr/>

data/_includes/string.html

@@ -0,0 +1,3 @@
+{% assign f = field %}
+{% assign f.type = 'text' %}
+{% include input.html field=f %}

data/_includes/submit.html

@@ -0,0 +1 @@
+<input type="submit" class="btn btn-success" value="{{ include.field[1].label[site.locale] }}" />

data/_includes/text.html

@@ -0,0 +1,32 @@
+{%- assign name = include.field[0] -%}
+{%- assign id = include.field[1].id | default: name -%}
+{%- assign label = include.field[1].label[site.locale] -%}
+{%- assign help = include.field[1].help[site.locale] -%}
+{%- assign autocomplete = include.field[1].autocomplete -%}
+
+<div class="form-group">
+  <label for="{{ id }}">
+    {% if include.field[1].required %}*{% endif %}
+    {{ label }}
+  </label>
+
+  <textarea
+    {% if help %}
+      aria-describedby="help-{{ id }}"
+    {% endif %}
+    {% if include.field[1].required %}
+      required
+    {% endif %}
+    name="{{ name }}"
+    id="{{ id }}"
+    {% if autocomplete %}
+      autocomplete="{{ autocomplete }}"
+    {% endif %}
+    class="form-control"></textarea>
+
+  {%- if .help -%}
+    <small id="help-{{ id }}" class="form-text">
+      {{ help }}
+    </small>
+  {%- endif -%}
+</div>

data/_includes/url.html

@@ -0,0 +1 @@
+{% include input.html field=field %}

data/_layouts/default.html

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="{{ site.lang }}" dir="{{ site.dir }}">
+  <head>
+    <meta charset="UTF-8">
+    <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"/>
+
+    <link href="assets/css/styles.css" rel="stylesheet">
+    <script defer type="text/javascript" src="assets/js/script.js"></script>
+
+    {% seo %}
+    {% feed_meta %}
+  </head>
+  <body class="background-mastodon mastodon-grey">
+    <main class="container vh-100 d-flex flex-column justify-content-between align-items-center d-print-block">
+      <nav class="mt-2">
+        {%- for locale in site.locales -%}
+          <a href="../{{ locale }}" class="p-2" lang="{{ locale }}">{{ site.data[locale].locale }}</a>
+        {%- endfor -%}
+      </nav>
+
+      {{ content }}
+
+      <footer class="align-self-end">
+        {{ site.data[site.lang].made_by | markdownify }}
+      </footer>
+    </main>
+  </body>
+</html>

data/_layouts/home.html

@@ -0,0 +1,23 @@
+---
+layout: default
+---
+
+<article>
+  <header>
+    <p><small>{{ site.data[site.lang].home.about }}</small></p>
+    <h1 id="t">{{ site.data[site.lang].home.title }}</h1>
+    <p id="d" class="lead">{{ site.data[site.lang].home.description }}</p>
+
+    <a href="" id="u"></a>
+  </header>
+
+  <footer class="mt-5">
+    <form method="get" action="{{ site.instance | default: 'https://todon.nl/' }}share">
+      {%- for field in site.data.forms.fediverse -%}
+        {%- assign template = field[1].type | append: '.html' -%}
+
+        {% include {{ template }} field=field %}
+      {%- endfor -%}
+    </form>
+  </footer>
+</article>

data/_layouts/post.html

@@ -0,0 +1,69 @@
+---
+layout: default
+---
+
+<article class="h-entry" itemscope itemtype="http://schema.org/Article">
+  <header>
+    <h1 class="p-name" itemprop="name headline">{{ page.title | escape }}</h1>
+
+    {%- if page.description -%}
+      <p class="lead p-summary" itemprop="description">{{ page.description | escape }}</p>
+    {%- endif -%}
+
+    {%- if page.image.path -%}
+      <picture>
+        {% for size in site.images.sizes %}
+          <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 }}" />
+      </picture>
+    {%- endif -%}
+
+    <p>
+      <time class="dt-published" datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
+        {%- assign date_format = site.i18n.date | default: "%b %-d, %Y" -%}
+        {{ page.date | date: date_format }}
+      </time>
+      {%- for author in page.author -%}
+        •
+        <span itemprop="author" itemscope itemtype="http://schema.org/Person">
+          <span class="p-author h-card" itemprop="name">
+            {{ author | escape }}
+          </span>
+        </span>
+      {%- endfor -%}
+    </p>
+  </header>
+
+  <div class="e-content" itemprop="articleBody">
+    {{ content }}
+  </div>
+
+  <footer>
+    <a class="u-url" itemprop="url" href="{{ page.url }}" hidden>
+      {{ site.url }}/{{ page.url }}
+    </a>
+
+    {%- if page.uuid -%}
+      <span hidden itemprop="identifier">{{ page.uuid }}</span>
+    {%- endif -%}
+
+    {%- if page.license.url -%}
+      <p itemprop="license" itemtype="http://schema.org/CreativeWork">
+        <a rel="license" itemprop="url" href="{{ page.license.url }}">
+          <span itemprop="articleBody">
+            {{ page.license.description }}
+          </span>
+        </a>
+      </p>
+    {%- endif -%}
+
+    {%- if page.tags %}
+      <span itemprop="keywords" hidden>{{ page.tags | join: ', ' }}</span>
+      {%- for tag in page.tags -%}
+        <span hidden class="h-category">{{ tag }}</span>
+      {%- endfor -%}
+    {%- endif -%}
+  </footer>
+</article>

data/_sass/helpers.scss

@@ -0,0 +1,39 @@
+@each $color, $_ in $colors {
+  .background-#{$color} {
+    background-color: var(--#{$color});
+  }
+
+  .#{$color} {
+    color: var(--#{$color});
+
+    ::-moz-selection,
+    ::selection {
+      background: var(--#{$color});
+      color: white;
+    }
+
+    svg {
+      * {
+        fill: var(--#{$color});
+      }
+    }
+
+    .form-control {
+      border-color: var(--#{$color});
+    }
+
+    .btn {
+      background-color: var(--#{$color});
+      color: white;
+      border-color: var(--#{$color});
+    }
+
+    hr {
+      border-color: var(--#{$color});
+    }
+
+    a {
+      color: var(--#{$color});
+    }
+  }
+}

data/assets/css/styles.scss

@@ -0,0 +1,23 @@
+---
+# Ponemos un frontmatter porque queremos que Jekyll procese este archivo
+---
+
+$mastodon: #191b22;
+$mastodon-grey: #9baec8;
+$success: $mastodon-grey;
+
+$colors: (
+  "transparent": transparent,
+  "mastodon": $mastodon,
+  "mastodon-grey": $mastodon-grey
+);
+
+/*
+ * XXX: Solo importar los archivos necesarios de bootstrap para
+ * facilitar la reducción de CSS.  Por ahora pedimos todo para poder
+ * empezar a trabajar en el HTML sin pensar en CSS.
+ *
+ * Los archivos se encuentran en node_modules/bootstrap/scss
+ */
+@import "bootstrap/scss/bootstrap";
+@import "helpers";

data/assets/js/script.js

@@ -0,0 +1,36 @@
+---
+---
+
+// https://stackoverflow.com/a/7090123
+const searchToObject = () => {
+  var pairs = window.location.search.substring(1).split("&"),
+    obj = {},
+    pair,
+    i;
+
+  for (i in pairs) {
+    if (pairs[i] === "") continue;
+
+    pair = pairs[i].split("=");
+    obj[decodeURIComponent(pair[0])] = decodeURIComponent(pair[1]);
+  }
+
+  return obj;
+}
+
+
+document.addEventListener('DOMContentLoaded', e => {
+  const urlShared = searchToObject();
+
+  ['t','d','u'].forEach(field => {
+    if (urlShared[field] === undefined) return;
+
+    document.querySelector(`#${field}`).innerText = urlShared[field];
+  });
+
+  document.querySelector('#text').value = Object.values(urlShared).join("\n\n");
+
+  document.querySelector('form').addEventListener('submit', e => {
+    e.target.action = document.querySelector('#instance').value + '/share';
+  });
+});

metadata

@@ -0,0 +1,229 @@
+--- !ruby/object:Gem::Specification
+name: share-to-fediverse-jekyll-theme
+version: !ruby/object:Gem::Version
+  version: 0.1.1
+platform: ruby
+authors:
+- f
+autorequire:
+bindir: bin
+cert_chain: []
+date: 2020-06-17 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: jekyll
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.0'
+- !ruby/object:Gem::Dependency
+  name: jekyll-relative-urls
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.0'
+- !ruby/object:Gem::Dependency
+  name: jekyll-feed
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.9'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.9'
+- !ruby/object:Gem::Dependency
+  name: jekyll-seo-tag
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.1'
+- !ruby/object:Gem::Dependency
+  name: jekyll-images
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.2'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.2'
+- !ruby/object:Gem::Dependency
+  name: jekyll-include-cache
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: jekyll-data
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.1'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.1'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.1'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '12.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '12.0'
+description:
+email:
+- f@sutty.nl
+executables: []
+extensions: []
+extra_rdoc_files:
+- README.md
+- LICENSE.txt
+files:
+- LICENSE.txt
+- README.md
+- _config.yml
+- _data/en.yml
+- _data/es.yml
+- _data/forms/contacto.yml
+- _data/forms/fediverse.yml
+- _data/layouts/post.yml
+- _includes/boolean.html
+- _includes/contact.html
+- _includes/content.html
+- _includes/email.html
+- _includes/file.html
+- _includes/form/boolean.html
+- _includes/form/content.html
+- _includes/form/email.html
+- _includes/form/file.html
+- _includes/form/hidden.html
+- _includes/form/input.html
+- _includes/form/markdown_content.html
+- _includes/form/number.html
+- _includes/form/predefined_array.html
+- _includes/form/section.html
+- _includes/form/separator.html
+- _includes/form/string.html
+- _includes/form/submit.html
+- _includes/form/text.html
+- _includes/form/url.html
+- _includes/hidden.html
+- _includes/input.html
+- _includes/markdown_content.html
+- _includes/navbar.html
+- _includes/number.html
+- _includes/predefined_array.html
+- _includes/section.html
+- _includes/separator.html
+- _includes/string.html
+- _includes/submit.html
+- _includes/text.html
+- _includes/url.html
+- _layouts/default.html
+- _layouts/home.html
+- _layouts/post.html
+- _sass/helpers.scss
+- assets/css/styles.scss
+- assets/js/script.js
+homepage: https://0xacab.org/sutty/jekyll/share-to-fediverse-jekyll-theme
+licenses:
+- Nonstandard
+metadata:
+  bug_tracker_uri: https://0xacab.org/sutty/jekyll/share-to-fediverse-jekyll-theme/issues
+  homepage_uri: https://0xacab.org/sutty/jekyll/share-to-fediverse-jekyll-theme
+  source_code_uri: https://0xacab.org/sutty/jekyll/share-to-fediverse-jekyll-theme
+  changelog_uri: https://0xacab.org/sutty/jekyll/share-to-fediverse-jekyll-theme/-/blob/master/CHANGELOG.md
+  documentation_uri: https://rubydoc.info/gems/share-to-fediverse-jekyll-theme
+post_install_message:
+rdoc_options:
+- "--title"
+- share-to-fediverse-jekyll-theme - A share to Fediverse microwebsite
+- "--main"
+- README.md
+- "--line-numbers"
+- "--inline-source"
+- "--quiet"
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.0.3
+signing_key:
+specification_version: 4
+summary: A share to Fediverse microwebsite
+test_files: []