From d4723bd0835a10d9cb2116e96ab00b4b2aedb470 Mon Sep 17 00:00:00 2001 From: Santiago Soler Date: Mon, 22 Mar 2021 22:15:35 -0300 Subject: Initial commit --- .gitignore | 3 + Gemfile | 5 + Makefile | 8 + README.md | 131 +++++++++++++++ _config.yml | 10 ++ _includes/footer.html | 17 ++ _layouts/base.html | 40 +++++ _layouts/home.html | 29 ++++ _layouts/post.html | 11 ++ _posts/2021-03-22-mi-entrada-del-blog.md | 16 ++ assets/fira_code_v5.2/fira_code.css | 48 ++++++ assets/fira_code_v5.2/woff/FiraCode-Bold.woff | Bin 0 -> 140148 bytes assets/fira_code_v5.2/woff/FiraCode-Light.woff | Bin 0 -> 132208 bytes assets/fira_code_v5.2/woff/FiraCode-Medium.woff | Bin 0 -> 133592 bytes assets/fira_code_v5.2/woff/FiraCode-Regular.woff | Bin 0 -> 134276 bytes assets/fira_code_v5.2/woff/FiraCode-SemiBold.woff | Bin 0 -> 139652 bytes assets/fira_code_v5.2/woff/FiraCode-VF.woff | Bin 0 -> 130104 bytes assets/fira_code_v5.2/woff2/FiraCode-Bold.woff2 | Bin 0 -> 107384 bytes assets/fira_code_v5.2/woff2/FiraCode-Light.woff2 | Bin 0 -> 101840 bytes assets/fira_code_v5.2/woff2/FiraCode-Medium.woff2 | Bin 0 -> 102580 bytes assets/fira_code_v5.2/woff2/FiraCode-Regular.woff2 | Bin 0 -> 103168 bytes .../fira_code_v5.2/woff2/FiraCode-SemiBold.woff2 | Bin 0 -> 106852 bytes assets/fira_code_v5.2/woff2/FiraCode-VF.woff2 | Bin 0 -> 106228 bytes css/style.css | 176 +++++++++++++++++++++ feed.xml | 30 ++++ images/favicon.png | Bin 0 -> 2880 bytes images/favicon.svg | 90 +++++++++++ index.md | 13 ++ 28 files changed, 627 insertions(+) create mode 100644 .gitignore create mode 100644 Gemfile create mode 100644 Makefile create mode 100644 README.md create mode 100644 _config.yml create mode 100644 _includes/footer.html create mode 100644 _layouts/base.html create mode 100644 _layouts/home.html create mode 100644 _layouts/post.html create mode 100644 _posts/2021-03-22-mi-entrada-del-blog.md create mode 100644 assets/fira_code_v5.2/fira_code.css create mode 100644 assets/fira_code_v5.2/woff/FiraCode-Bold.woff create mode 100644 assets/fira_code_v5.2/woff/FiraCode-Light.woff create mode 100644 assets/fira_code_v5.2/woff/FiraCode-Medium.woff create mode 100644 assets/fira_code_v5.2/woff/FiraCode-Regular.woff create mode 100644 assets/fira_code_v5.2/woff/FiraCode-SemiBold.woff create mode 100644 assets/fira_code_v5.2/woff/FiraCode-VF.woff create mode 100644 assets/fira_code_v5.2/woff2/FiraCode-Bold.woff2 create mode 100644 assets/fira_code_v5.2/woff2/FiraCode-Light.woff2 create mode 100644 assets/fira_code_v5.2/woff2/FiraCode-Medium.woff2 create mode 100644 assets/fira_code_v5.2/woff2/FiraCode-Regular.woff2 create mode 100644 assets/fira_code_v5.2/woff2/FiraCode-SemiBold.woff2 create mode 100644 assets/fira_code_v5.2/woff2/FiraCode-VF.woff2 create mode 100644 css/style.css create mode 100644 feed.xml create mode 100644 images/favicon.png create mode 100644 images/favicon.svg create mode 100644 index.md diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..a9e1dc7 --- /dev/null +++ b/.gitignore @@ -0,0 +1,3 @@ +.jekyll-cache +Gemfile.lock +_site/ diff --git a/Gemfile b/Gemfile new file mode 100644 index 0000000..f5e7d15 --- /dev/null +++ b/Gemfile @@ -0,0 +1,5 @@ +# frozen_string_literal: true + +source "https://rubygems.org" + +gem "jekyll" diff --git a/Makefile b/Makefile new file mode 100644 index 0000000..51be92b --- /dev/null +++ b/Makefile @@ -0,0 +1,8 @@ +all: + bundle exec jekyll build + +serve: + bundle exec jekyll serve + +clean: + bundle exec jekyll clean diff --git a/README.md b/README.md new file mode 100644 index 0000000..25b3bde --- /dev/null +++ b/README.md @@ -0,0 +1,131 @@ +# Source code para construir tu página web en texto-plano.xyz + +Realizado con [Jekyll](https://jekyllrb.com) y un CSS propio, por +[~santisoler](https://texto-plano.xyz/~santisoler) + +## Como armar mi propio sitio web + +### Clonar el repositorio + +Comenzamos por clonar este repositorio utilizando `git`: + +``` +git clone https://git.texto-plano.xyz/santisoler/website-template mi-sitio-web +``` + +Entramos a la carpeta en la que clonamos el repositorio: + +``` +cd mi-sitio-web +``` + +Dentro de esta carpeta encontramos el código fuente para construir nuestro +sitio web. + +### Configurando el sitio + +Primero vamos a editar r el archivo `_config.yml`. +Vamos a configurar el título del sitio y el nickname del autor: + +``` +title: ~santisoler +author: ~santisoler +``` + +Dado que nuestro sitio en texto-plano no está alojado en el root del website, +es necesario configurar el baseurl, que en general debe ser igual a una barra +(`/`) seguida de nuestro nombre de usuario con el tilde: + +``` +baseurl: /~santisoler +``` + +Luego podemos editar el `index.md` para agregar contenido al home de nuestro +sitio. Por ejemplo, podemos escribir algo acerca de nosotros y listar nuestros +perfiles en la red. + +### Añadiendo contenido + +Podemos añadir contenido a nuestro sitio web a través de archivos Markdown. Por +ejemplo, si queremos añadir una nueva entrada a nuestro blog, debemos crear un +archivo en `_posts` cuyo nombre esté compuesto por la fecha de publicación +y luego un nombre sencillo, por ejemplo: + +``` +touch _posts/2021-03-22-mi-primer-posteo.md +``` + +Cada entrada del blog debe tener un header (en YAML) y luego el contenido (en +Markdown). Por ejemplo: + + --- + title: Mi primer posteo + layout: post + excerpt: | + Este es un resumen de mi posteo + --- + + Acá puedo escribir mi entrada del blog usando Markdown. + Puedo armar listas: + + - un elemento + - otro elemento + + O listas numeradas: + + 1. Primer elemento + 2. Segundo elemento + + + Con enlaces, por ejemplo a [Wikipedia](https://www.wikipedia.org). + + O bien podemos crear código: + + ``` + echo "Aguante texto-plano" + ``` + +### Construir el sitio + +Una vez que generamos contenido nuevo, vamos a proceder a construir el sitio +web. Esto lo podemos hacer a través de Jekyll: + +``` +bundle exec jekyll serve +``` + +Este comando generará una carpeta `_site` que contiene todos los archivos +necesarios para servir nuestro sitio web. +Lo único que queda para que lo publiquemos es copiar todos los archivos de esa +carpeta en `~/public_html/`. + +``` +cp -r _site/* ~/public_html/ +``` + +A veces será necesario quitar el sitio web viejo que está siendo servido +y reemplazarlo por el nuevo: + +**USAR ESTE COMANDO CON CUIDADO!** + +``` +rm -r ~/public_html/* +cp -r _site/* ~/public_html/ +``` + +Recuerda que cada vez que creemos una nueva entrada de nuestro blog o hagamos +cualquier modificación a nuestro sitio, lo haremos en los archivos ubicados en +`mi-sitio-web`. Mientras que el contenido de `~/public_html` solo será aquel +que cree automáticamente Jekyll. + + + +## Licencia + +Contenido bajo +[Licencia Creative Commons Atribución 4.0 Internacional][cc-by]. + +[![CC BY 4.0][cc-by-image]][cc-by] + +[cc-by]: https://creativecommons.org/licenses/by/4.0/deed.es +[cc-by-image]: https://i.creativecommons.org/l/by/4.0/88x31.png diff --git a/_config.yml b/_config.yml new file mode 100644 index 0000000..f01e4d5 --- /dev/null +++ b/_config.yml @@ -0,0 +1,10 @@ +title: FIXME +author: FIXME + +# Configura la url base. En texto-plano en general debe ser igual a una barra +# y luego tu nombre de usuario con el tilde. Por ejemplo: +# baseurl : /~santisoler +baseurl: /FIXME + +# If you want to show posts excerpt on the home page set this to true +show-excerpt: true diff --git a/_includes/footer.html b/_includes/footer.html new file mode 100644 index 0000000..95a7a35 --- /dev/null +++ b/_includes/footer.html @@ -0,0 +1,17 @@ + diff --git a/_layouts/base.html b/_layouts/base.html new file mode 100644 index 0000000..dec11b7 --- /dev/null +++ b/_layouts/base.html @@ -0,0 +1,40 @@ + + + + + {{ site.title }} + + + + + + + + {{ content }} + + + {% include footer.html %} + diff --git a/_layouts/home.html b/_layouts/home.html new file mode 100644 index 0000000..654be00 --- /dev/null +++ b/_layouts/home.html @@ -0,0 +1,29 @@ +--- +layout: base +--- + +
+

{{ site.title }}

+ +

+ Sitio de {{ site.author }} en + texto-plano.xyz +

+
+ +
+ +

Blog

+ + + + {{ content }} +
diff --git a/_layouts/post.html b/_layouts/post.html new file mode 100644 index 0000000..6cb2dc3 --- /dev/null +++ b/_layouts/post.html @@ -0,0 +1,11 @@ +--- +layout: base +--- + +
+

{{ page.title }}

+ +

{{ page.date | date: "%Y-%m-%d" }}

+ + {{ content }} +
diff --git a/_posts/2021-03-22-mi-entrada-del-blog.md b/_posts/2021-03-22-mi-entrada-del-blog.md new file mode 100644 index 0000000..313019c --- /dev/null +++ b/_posts/2021-03-22-mi-entrada-del-blog.md @@ -0,0 +1,16 @@ +--- +title: Mi primera entrada del blog +layout: post +excerpt: | + Este es un resumen de mi entrada del blog +--- + +Acá podemos escribir el contenido de mi entrada del blog utilizando +[Markdown](https://es.wikipedia.org/wiki/Markdown) + +Recordá colocar `layout: post` en el header de cada entrada del blog +y colocar la fecha de publicación en su nombre, por ejemplo: + +``` +2021-03-22-un-nombre-sencillo.md +``` diff --git a/assets/fira_code_v5.2/fira_code.css b/assets/fira_code_v5.2/fira_code.css new file mode 100644 index 0000000..d215f82 --- /dev/null +++ b/assets/fira_code_v5.2/fira_code.css @@ -0,0 +1,48 @@ +@font-face { + font-family: 'Fira Code'; + src: url('woff2/FiraCode-Light.woff2') format('woff2'), + url("woff/FiraCode-Light.woff") format("woff"); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: 'Fira Code'; + src: url('woff2/FiraCode-Regular.woff2') format('woff2'), + url("woff/FiraCode-Regular.woff") format("woff"); + font-weight: 400; + font-style: normal; +} + +@font-face { + font-family: 'Fira Code'; + src: url('woff2/FiraCode-Medium.woff2') format('woff2'), + url("woff/FiraCode-Medium.woff") format("woff"); + font-weight: 500; + font-style: normal; +} + +@font-face { + font-family: 'Fira Code'; + src: url('woff2/FiraCode-SemiBold.woff2') format('woff2'), + url("woff/FiraCode-SemiBold.woff") format("woff"); + font-weight: 600; + font-style: normal; +} + +@font-face { + font-family: 'Fira Code'; + src: url('woff2/FiraCode-Bold.woff2') format('woff2'), + url("woff/FiraCode-Bold.woff") format("woff"); + font-weight: 700; + font-style: normal; +} + +@font-face { + font-family: 'Fira Code VF'; + src: url('woff2/FiraCode-VF.woff2') format('woff2-variations'), + url('woff/FiraCode-VF.woff') format('woff-variations'); + /* font-weight requires a range: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide#Using_a_variable_font_font-face_changes */ + font-weight: 300 700; + font-style: normal; +} \ No newline at end of file diff --git a/assets/fira_code_v5.2/woff/FiraCode-Bold.woff b/assets/fira_code_v5.2/woff/FiraCode-Bold.woff new file mode 100644 index 0000000..d7c2099 Binary files /dev/null and b/assets/fira_code_v5.2/woff/FiraCode-Bold.woff differ diff --git a/assets/fira_code_v5.2/woff/FiraCode-Light.woff b/assets/fira_code_v5.2/woff/FiraCode-Light.woff new file mode 100644 index 0000000..9e99c41 Binary files /dev/null and b/assets/fira_code_v5.2/woff/FiraCode-Light.woff differ diff --git a/assets/fira_code_v5.2/woff/FiraCode-Medium.woff b/assets/fira_code_v5.2/woff/FiraCode-Medium.woff new file mode 100644 index 0000000..4ffa82d Binary files /dev/null and b/assets/fira_code_v5.2/woff/FiraCode-Medium.woff differ diff --git a/assets/fira_code_v5.2/woff/FiraCode-Regular.woff b/assets/fira_code_v5.2/woff/FiraCode-Regular.woff new file mode 100644 index 0000000..01a6bfc Binary files /dev/null and b/assets/fira_code_v5.2/woff/FiraCode-Regular.woff differ diff --git a/assets/fira_code_v5.2/woff/FiraCode-SemiBold.woff b/assets/fira_code_v5.2/woff/FiraCode-SemiBold.woff new file mode 100644 index 0000000..a46df49 Binary files /dev/null and b/assets/fira_code_v5.2/woff/FiraCode-SemiBold.woff differ diff --git a/assets/fira_code_v5.2/woff/FiraCode-VF.woff b/assets/fira_code_v5.2/woff/FiraCode-VF.woff new file mode 100644 index 0000000..f7ac814 Binary files /dev/null and b/assets/fira_code_v5.2/woff/FiraCode-VF.woff differ diff --git a/assets/fira_code_v5.2/woff2/FiraCode-Bold.woff2 b/assets/fira_code_v5.2/woff2/FiraCode-Bold.woff2 new file mode 100644 index 0000000..b76a82d Binary files /dev/null and b/assets/fira_code_v5.2/woff2/FiraCode-Bold.woff2 differ diff --git a/assets/fira_code_v5.2/woff2/FiraCode-Light.woff2 b/assets/fira_code_v5.2/woff2/FiraCode-Light.woff2 new file mode 100644 index 0000000..5084487 Binary files /dev/null and b/assets/fira_code_v5.2/woff2/FiraCode-Light.woff2 differ diff --git a/assets/fira_code_v5.2/woff2/FiraCode-Medium.woff2 b/assets/fira_code_v5.2/woff2/FiraCode-Medium.woff2 new file mode 100644 index 0000000..f5b273d Binary files /dev/null and b/assets/fira_code_v5.2/woff2/FiraCode-Medium.woff2 differ diff --git a/assets/fira_code_v5.2/woff2/FiraCode-Regular.woff2 b/assets/fira_code_v5.2/woff2/FiraCode-Regular.woff2 new file mode 100644 index 0000000..c856e7b Binary files /dev/null and b/assets/fira_code_v5.2/woff2/FiraCode-Regular.woff2 differ diff --git a/assets/fira_code_v5.2/woff2/FiraCode-SemiBold.woff2 b/assets/fira_code_v5.2/woff2/FiraCode-SemiBold.woff2 new file mode 100644 index 0000000..7fa2ac3 Binary files /dev/null and b/assets/fira_code_v5.2/woff2/FiraCode-SemiBold.woff2 differ diff --git a/assets/fira_code_v5.2/woff2/FiraCode-VF.woff2 b/assets/fira_code_v5.2/woff2/FiraCode-VF.woff2 new file mode 100644 index 0000000..64ffe43 Binary files /dev/null and b/assets/fira_code_v5.2/woff2/FiraCode-VF.woff2 differ diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..fa60005 --- /dev/null +++ b/css/style.css @@ -0,0 +1,176 @@ +/* ---------------------- */ +/* General configurations */ +/* ---------------------- */ +body { + font-family: "Fira Code", monospace; + background-color: #282c34; + color: #f3f3f3; +} + +nav, +header, +main, +footer { + max-width: 900px; + margin: auto; +} + +h1, +h2, +h3, +h4 { + margin-top: 1.6em; + margin-bottom: 1em; +} + +h1 { + font-size: 30pt; + text-align: center; +} + +h2 { + font-size: 18pt; +} + +h3 { + font-size: 16pt; +} + +h4 { + font-size: 14pt; + font-weight: 400; +} + +p { + font-size: 12pt; + line-height: 1.5em; +} + +a { + color: #61adf5; + text-decoration: none; +} + +a:hover { + color: #c678dd; +} + +li { + line-height: 1.7em; + font-size: 12pt; +} + +pre { + padding-left: 20px; + margin-top: 2em; + margin-bottom: 2em; +} + +code { + color: #98c379; +} + +pre code { + font-size: 12pt; + font-weight: 500; +} + +dd { + display: normal; +} + +/* ------ */ +/* Navbar */ +/* ------ */ + +nav { + display: flex; +} + +nav ul { + width: 100%; + list-style: none; + display: flex; + justify-content: space-between; + align-items: center; + padding: 0; +} + +.nav-item { + text-align: center; + width: 3em; + height: 1.5em; + padding: 5%; + font-size: 14pt; + font-weight: 500; +} + +.nav-item a { + color: #e5c07b; +} + +.nav-item a:hover { + color: #e06c75; +} + +/* ---------------- */ +/* Header and main */ +/* ---------------- */ + +header { + margin-top: 80px; + margin-bottom: 110px; +} + +header h1, +header h2 { + text-align: center; +} + +header h1 { + font-size: 54pt; + margin-top: 1em; + margin-bottom: 0.6em; +} + +header h2 { + font-size: 20pt; + font-weight: 400; + margin-top: 0px; + margin-bottom: 0px; +} + +/* ---- */ +/* Home */ +/* ---- */ + +ul.posts-list { + list-style: none; +} + +ul.posts-list h2 { + margin-top: 1.6em; + margin-bottom: 0.7em; +} + +.date { + text-align: right; +} + +/* ------ */ +/* Footer */ +/* ------ */ +footer { + border-top: 1px solid #dedede; + padding-top: 25px; + padding-bottom: 8px; + margin-top: 100px; + text-align: center; + line-height: 1.3em; +} + +footer p { + font-size: 10pt; + margin-top: 0px; + margin-bottom: 0px; +} diff --git a/feed.xml b/feed.xml new file mode 100644 index 0000000..a6628bd --- /dev/null +++ b/feed.xml @@ -0,0 +1,30 @@ +--- +layout: null +--- + + + + {{ site.title | xml_escape }} + {{ site.description | xml_escape }} + {{ site.url }}{{ site.baseurl }}/ + + {{ site.time | date_to_rfc822 }} + {{ site.time | date_to_rfc822 }} + Jekyll v{{ jekyll.version }} + {% for post in site.posts limit:10 %} + + {{ post.title | xml_escape }} + {{ post.content | xml_escape }} + {{ post.date | date_to_rfc822 }} + {{ post.url | prepend: site.baseurl | prepend: site.url }} + {{ post.url | prepend: site.baseurl | prepend: site.url }} + {% for tag in post.tags %} + {{ tag | xml_escape }} + {% endfor %} + {% for cat in post.categories %} + {{ cat | xml_escape }} + {% endfor %} + + {% endfor %} + + diff --git a/images/favicon.png b/images/favicon.png new file mode 100644 index 0000000..80f3261 Binary files /dev/null and b/images/favicon.png differ diff --git a/images/favicon.svg b/images/favicon.svg new file mode 100644 index 0000000..76185c7 --- /dev/null +++ b/images/favicon.svg @@ -0,0 +1,90 @@ + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + diff --git a/index.md b/index.md new file mode 100644 index 0000000..dc12ce2 --- /dev/null +++ b/index.md @@ -0,0 +1,13 @@ +--- +layout: home +--- + +# Acerca de + +Acá escribo algo acerca de mí. + +## Mis perfiles en la red + +- Gopherhole: [~miusuario](https://gopher.tildeverse.org/texto-plano.xyz/1/~miusuario) +- Mail: miusuario arroba texto-plano.xyz +- [Clave pública GPG](url_a_mi_clave_publica) -- cgit v1.2.3