aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorJesús <heckyel@hyperbola.info>2018-02-25 11:48:37 -0500
committerJesús <heckyel@hyperbola.info>2018-02-25 11:48:37 -0500
commitca86dcd3d6793a55ec9eb2dea51ccb57b2a87ff3 (patch)
treeac73ba990a88092f864bc8ca8367c7a9b81e7bb6
parentc30e11029154c3b788f747356c21bce974e24235 (diff)
downloadlibresocial-ca86dcd3d6793a55ec9eb2dea51ccb57b2a87ff3.tar.lz
libresocial-ca86dcd3d6793a55ec9eb2dea51ccb57b2a87ff3.tar.xz
libresocial-ca86dcd3d6793a55ec9eb2dea51ccb57b2a87ff3.zip
change URL gnusocial a newline on demo.html
-rw-r--r--README.md42
-rw-r--r--demo.html2
2 files changed, 22 insertions, 22 deletions
diff --git a/README.md b/README.md
index fab4c62..dfccdc2 100644
--- a/README.md
+++ b/README.md
@@ -42,7 +42,7 @@ Si usted es un experto puede reordenar sus directorios para mejor comodidad.
## Contributor
- Email: heckyel [at] riseup [dot] net
-- GNUSocial: https://gnusocial.net/heckyel
+- GNUSocial: https://quitter.cl/heckyel
## Hacking en Libre Social
@@ -54,19 +54,19 @@ Si usted es un experto puede reordenar sus directorios para mejor comodidad.
- Fuente:
Los íconos se localizan en 2 directorios __scr__ y __lab__.
-
- Explicando lo anterior:
-
+
+ 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.
-
+
- Edición de __metadata.json__
-
+
Si usted agrega una nueva imagen vectorial, debe editar el archivo __metadata.json__:
Ejemplo:
-
+
```html
, "glyphs":
{ "0xe800": "diaspora.svg"
@@ -85,42 +85,42 @@ Si usted es un experto puede reordenar sus directorios para mejor comodidad.
```
La imagen vectorial nueva lleva por nombre _nueva.svg_, y su número de __glyphs__ respectivo es __0xe811__.
También opcionalmente puede cambiar el __nombre de la fuente__, __copyright__, etc.
-
+
- Compilación:
- Para realizar la compilación debemos estar en el directorio __lab__ y luego abrir la terminal en ese directorio.
- Si usted agrega una nueva imagen vectorial, es necesario editar el archivo __metadata.json__
-
+
Ejemplo:
-
+
```html
./svgs2ttf metadata.json
```
-
+
- La salida de este comando, nos dará como resultado los siguientes archivos:
- libresocial.ttf
- libresocial.odf
- libresocial.woff
- libresocial.svg
-
+
- Añadimos las nuevas fuentes (libresocial.ttf, libresocial.woff y libresocial.svg) al directorio __fonts__
-
+
- Luego..., en el caso de haber agregado una nueva imagen vectorial, modifique el archivo _libresocial.css_ localizado en el directorio __css__:
-
+
Ejemplo:
-
+
Agregamos la imagen vectorial llamada __nueva__.svg a nuestra lista de íconos generada en pasos anteriores.
-
+
```html
.icon-nueva:before { content: '\e811'; } /* '[]' */
```
-
+
Por último usted agregaría el nombre del ícono _(icon-nueva)_ al archivo _demo.html_ para testear su nuevo ícono.
-
+
Ejemplo:
-
+
```html
<a class="nueva" href="#"><i class="icon-nueva"></i></a>
```
-
+
Listo. Hasta aquí ya tendría su ícono agregado a su fuente tipográfica.
diff --git a/demo.html b/demo.html
index 3dabdb1..7f1fb9c 100644
--- a/demo.html
+++ b/demo.html
@@ -22,4 +22,4 @@
<a class="xmpp" href="#"><i class="icon-xmpp"></i></a>
</div>
</body>
-</html>
+</html>