diff --git a/_data/locale.toml b/_data/locale.toml index 219ac84..a117be8 100644 --- a/_data/locale.toml +++ b/_data/locale.toml @@ -84,3 +84,8 @@ es = "aún NO optimizo el sitio para verlo en celulares o pantallas más chicas. [button-author] en = "button by" es = "botón hecho por" + +# post tags +[posts] +en = "all" +es = "todos" diff --git a/_img/blog_avatar.xcf b/_img/blog_avatar.xcf new file mode 100644 index 0000000..3e7ebb8 Binary files /dev/null and b/_img/blog_avatar.xcf differ diff --git a/_includes/blog_sidebar.njk b/_includes/blog_sidebar.njk index 859e52b..b20a643 100644 --- a/_includes/blog_sidebar.njk +++ b/_includes/blog_sidebar.njk @@ -1,4 +1,10 @@ -
{{ post.date | date("dd/MM/yyyy") }}
{#Debug: {{ post.date }} -> {{ post.date | date("dd/MM/yyyy") }}
#} diff --git a/css/main.scss b/css/main.scss index 0133fa5..fbd1d4a 100644 --- a/css/main.scss +++ b/css/main.scss @@ -210,6 +210,7 @@ body { } } + // homepage .welcome-aside-left { width: max-content; @@ -325,8 +326,7 @@ body { h1, h2, h3, h4, h5, h6 { margin: 2px 4px; } p { margin: 8px 4px; } ul { - /* TODO: better list image - list-style-image: url(/img/icons/apple.png); */ + list-style-image: url(/img/icons/pichu.gif); list-style-type: disc; li { font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; @@ -340,6 +340,7 @@ body { } } + // guestbook .guestbook-wrapper { width: 100%; margin: 12px 2px 2px 2px; @@ -351,6 +352,57 @@ body { min-height: 100vh; } } + + $sm: 10%; // sidebar margin + + // blog index + #blog-sidebar { + display: flex; + flex-direction: column; + width: 240px; + + p, li { + font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; + font-size: 11px; + } + + h1,h2,h3,h4,h5,h6 { + font-size: 16px; + text-decoration: none; + border-bottom: 1px dashed mp.$border; + max-width: 50%; + } + + .true-content { + margin: 6px ($sm - 5%) 6px $sm; + + } + + .blog-avatar-wrapper { + width: 100%; + #avatar { + // border: 1px solid mp.$border; + display: block; + margin: 24px auto 6px auto; + } + } + + .tag-list-wrapper { + width: 100%; + margin: 6px ($sm - 5%) 6px $sm; + ul { + margin: 6px 0px; + li { + list-style-image: url("/img/icons/kittycat.gif"); + padding: 2px 0px; + } + } + } + } + + #feed { + margin: 12px; + } } footer { diff --git a/en/blog/2025/2025-10-18-inaugural-post.md b/en/blog/2025/2025-10-18-inaugural-post.md index a96745f..fea8652 100644 --- a/en/blog/2025/2025-10-18-inaugural-post.md +++ b/en/blog/2025/2025-10-18-inaugural-post.md @@ -2,6 +2,9 @@ title: my test post layout: post tags: test + +description: | + welcome to my website!!! --- # wait diff --git a/en/blog/index.md b/en/blog/index.md index 05a1049..3a35201 100644 --- a/en/blog/index.md +++ b/en/blog/index.md @@ -1,4 +1,12 @@ --- title: blog -layout: under_construction +layout: recent_feed +cycling_tag: posts +sidebar: blog +flight: + img: /img/gifcities/mimi.gif + url: / --- +# blog + +welcome to my blog. at this stage of my website you will most likely find scarce postings but i try my best!! diff --git a/es/blog/2025/2025-10-18-inaugural-post.md b/es/blog/2025/2025-10-18-inaugural-post.md index da14d35..57d0c74 100644 --- a/es/blog/2025/2025-10-18-inaugural-post.md +++ b/es/blog/2025/2025-10-18-inaugural-post.md @@ -3,6 +3,9 @@ title: mi post de prueba slug_override: post inaugural layout: post tags: test + +description: | + bienvenid@ a mi sitio!! --- # esperad diff --git a/es/blog/index.md b/es/blog/index.md index 05a1049..b4ac55f 100644 --- a/es/blog/index.md +++ b/es/blog/index.md @@ -1,4 +1,9 @@ --- title: blog -layout: under_construction +layout: recent_feed +cycling_tag: posts +sidebar: blog --- +# blog + +bienvenido a mi blog <3 ahora mismo probablemente no tenga mucho publicado pero con el tiempo se acumulará... diff --git a/img/blog-avatar.jpg b/img/blog-avatar.jpg new file mode 100644 index 0000000..5a8d08e Binary files /dev/null and b/img/blog-avatar.jpg differ diff --git a/img/icons/rose.gif b/img/icons/rose.gif new file mode 100644 index 0000000..ad4ecad Binary files /dev/null and b/img/icons/rose.gif differ