libresocial

Libre Social

Descripción

Fuentes de Letra [Fonts] para Redes sociales Libres y otros servicios descentralizados que apoyan el uso de Software Libre.

Utilización

Copie los directorios css y fonts con sus archivos a su proyecto, y agregue una línea al head de su archivo html.

Ejemplo:

<link href="css/libresocial.css" rel="stylesheet"/>

Si usted es un experto puede reordenar sus directorios para mejor comodidad.

Log de Cambios

• v1.1.4 - Agrega LibreGit
• v1.1.3 - Minor fix
• v1.1.2 - Agrega PeerTube y PixelFed
• v1.1.1 - Agrega Liberapay y Matrix
• v1.1.0 - publicación inicial

Iconos disponibles

• Copyleft
• Diaspora
• Friendica
• GitLab
• GNUSocial
• Hubzilla
• Liberapay
• Libregit
• Mastodon
• Matrix
• MediaGoblin
• Notabug
• PeerTube
• PixelFed
• Pump
• Tox
• XMPP

Hacking en Libre Social

• Dependencias
  • FontForge (Se necesita de una versión >= 20140101)
  • Python >= 2.6 or 3
  • Sassc

Instrucciones

• Fuente: Los íconos se localizan en 2 directorios scr y lab.

  Explicando lo anterior:

  scr: aquí se encuentran los archivos de imagen vectorial con sus cuadrículas para ayudar a la edición futura de los mismos; así mismo encontrará un archivo llamado template.svg el cual es una plantilla para crear futuras imágenes vectoriales que luego serán íconos.

  lab: aquí se encuentran los archivos de imagen vectorial listos para su compilación.

Compilación:

• Para compilar se facilita el archivo build.sh

Ejemplo:

sh build.sh

• La salida de este comando, almacenará los archivos en dist:

  dist/
  ├── css
  │   └── libresocial.css
  └── fonts
      ├── libresocial.otf
      ├── libresocial.svg
      ├── libresocial.ttf
      └── libresocial.woff
  

Nueva imagen vectorial

• Si usted agrega una nueva imagen vectorial, es necesario editar el archivo metadata.json

Edición de metadata.json

Ejemplo:

"glyphs": {
  "0xe800": "copyleft.svg",
  "0xe801": "diaspora.svg",
  "0xe802": "friendica.svg",
  "0xe803": "gitlab.svg",
  "0xe804": "gnusocial.svg",
  "0xe805": "hubzilla.svg",
  "0xe806": "liberapay.svg",
  "0xe807": "libregit.svg",
  "0xe808": "mastodon.svg",
  "0xe809": "matrix.svg",
  "0xe810": "mediagoblin.svg",
  "0xe811": "notabug.svg",
  "0xe812": "peertube.svg",
  "0xe813": "pixelfed.svg",
  "0xe814": "pump.svg",
  "0xe815": "sourcehut.svg",
  "0xe816": "tox.svg",
  "0xe817": "xmpp.svg",
  "0xe820": "nueva.svg"
},

La imagen vectorial nueva lleva por nombre nueva.svg, y su número de glyphs respectivo es 0xe820. También opcionalmente puede cambiar el nombre de la fuente, copyright, etc.

Editando libresocial.scss

1. Después de agregar la nueva imagen vectorial, modifique el archivo libresocial.scss localizado en el directorio scss:

2. Agregamos la imagen vectorial llamada nueva.svg a nuestra lista de íconos.

   .icon-nueva:before {
       content: "\e820";
   }
   

3. Por último usted agregaría el nombre de la clase icon-nueva al archivo demo.html para testear su nuevo ícono.

   <a class="nueva" href="#"><i class="icon-nueva"></i></a>
   

4. Compilar LibreSocial

   bash build.sh
   

Contributor

• heckyel

Licencia

• La fuente Libre Social esta bajo la Licencia AGPLv3