# Libre Social
### Descripción

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

[![builds.sr.ht status](https://builds.sr.ht/~heckyel/libresocial/commits/.build.yml.svg)](https://builds.sr.ht/~heckyel/libresocial/commits/.build.yml?)

## 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:

``` html
<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

![libresocial.png](libresocial_preview.png?raw=true)


## 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:

```bash
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:

```json
"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.

    ```scss
    .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.

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

4. Compilar LibreSocial

    ```html
    bash build.sh
    ```

## Contributor

- [heckyel](http://heckyel.i2p/)

## Licencia
- La fuente Libre Social esta bajo la Licencia [AGPLv3](LICENSE)