añadida pagina para los posts
This commit is contained in:
@@ -1,3 +1,4 @@
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
|
||||
@@ -2,7 +2,6 @@
|
||||
"htmlElements": {
|
||||
"tags": [
|
||||
"a",
|
||||
"article",
|
||||
"blockquote",
|
||||
"body",
|
||||
"br",
|
||||
@@ -40,19 +39,21 @@
|
||||
"classes": [
|
||||
"absolute",
|
||||
"animate-bounce",
|
||||
"antialiased",
|
||||
"bg-[radial-gradient(circle,rgba(0,0,0,0)_0%,rgba(0,0,0,0.5)_70%,#ffffff_100%),repeating-linear-gradient(45deg,#000000,#000000_10px,#ffffff_10px,#ffffff_20px)]",
|
||||
"bg-[repeating-linear-gradient(transparent,transparent_27px,#333_28px)]",
|
||||
"bg-[size:100%_28px]",
|
||||
"bg-black",
|
||||
"bg-blue-300",
|
||||
"bg-cyan-200",
|
||||
"bg-gray-200",
|
||||
"bg-gray-800",
|
||||
"bg-slate-800",
|
||||
"bg-sky-200",
|
||||
"bg-white",
|
||||
"border",
|
||||
"border-2",
|
||||
"border-3",
|
||||
"border-4",
|
||||
"border-black",
|
||||
"border-gray-400",
|
||||
"border-t",
|
||||
"bottom-8",
|
||||
@@ -62,20 +63,23 @@
|
||||
"dark:bg-black",
|
||||
"dark:bg-emerald-500",
|
||||
"dark:border-white",
|
||||
"duration-100",
|
||||
"duration-200",
|
||||
"duration-300",
|
||||
"ease-in",
|
||||
"ease-in-out",
|
||||
"ease-linear",
|
||||
"fixed",
|
||||
"flex",
|
||||
"flex-col",
|
||||
"font-bold",
|
||||
"font-light",
|
||||
"font-medium",
|
||||
"font-mono",
|
||||
"font-sans",
|
||||
"font-semibold",
|
||||
"font-serif",
|
||||
"font-thin",
|
||||
"gap-2",
|
||||
"gap-4",
|
||||
"gap-6",
|
||||
"grayscale",
|
||||
"grid",
|
||||
@@ -83,49 +87,61 @@
|
||||
"h-16",
|
||||
"h-48",
|
||||
"h-6",
|
||||
"h-80",
|
||||
"h-auto",
|
||||
"h-screen",
|
||||
"hidden",
|
||||
"highlight",
|
||||
"hover:-translate-y-1",
|
||||
"hover:-translate-y-2",
|
||||
"hover:grayscale-0",
|
||||
"hover:rotate-z-2",
|
||||
"hover:scale-105",
|
||||
"hover:scale-120",
|
||||
"hover:shadow-[0_8px_0_black]",
|
||||
"hover:shadow-xl",
|
||||
"hover:text-blue-700",
|
||||
"hover:text-blue-900",
|
||||
"hover:text-white",
|
||||
"hover:z-2",
|
||||
"inline-block",
|
||||
"italic",
|
||||
"items-center",
|
||||
"justify-between",
|
||||
"justify-center",
|
||||
"lg:grid-cols-3",
|
||||
"lg:px-32",
|
||||
"lg:text-5xl",
|
||||
"m-4",
|
||||
"max-w-4xl",
|
||||
"max-w-none",
|
||||
"mb-12",
|
||||
"mb-2",
|
||||
"mb-4",
|
||||
"mb-6",
|
||||
"md-4",
|
||||
"mb-8",
|
||||
"md:flex",
|
||||
"md:grid-cols-2",
|
||||
"md:hidden",
|
||||
"md:px-16",
|
||||
"md:text-4xl",
|
||||
"md:text-xl",
|
||||
"mr-2",
|
||||
"mt-12",
|
||||
"mt-6",
|
||||
"muted",
|
||||
"mx-auto",
|
||||
"object-cover",
|
||||
"overflow-hidden",
|
||||
"p-12",
|
||||
"p-2",
|
||||
"p-4",
|
||||
"p-5",
|
||||
"p-8",
|
||||
"pt-16",
|
||||
"pt-4",
|
||||
"prose",
|
||||
"prose-lg",
|
||||
"px-2",
|
||||
"px-3",
|
||||
"px-4",
|
||||
"px-6",
|
||||
"py-1",
|
||||
"py-16",
|
||||
"py-2",
|
||||
"py-4",
|
||||
"py-6",
|
||||
@@ -134,21 +150,26 @@
|
||||
"rounded",
|
||||
"rounded-full",
|
||||
"rounded-lg",
|
||||
"rounded-md",
|
||||
"rounded-t-lg",
|
||||
"self-center",
|
||||
"shadow-2xl",
|
||||
"shadow-[0_4px_0_black]",
|
||||
"shadow-[0_4px_6px_-1px_rgb(107,114,128)]",
|
||||
"shadow-md",
|
||||
"shadow-xl",
|
||||
"sm:flex",
|
||||
"sm:flex-row",
|
||||
"sm:mb-0",
|
||||
"sm:px-2",
|
||||
"text-2xl",
|
||||
"text-6xl",
|
||||
"text-4xl",
|
||||
"text-black",
|
||||
"text-blue-500",
|
||||
"text-blue-700",
|
||||
"text-center",
|
||||
"text-gray-300",
|
||||
"text-gray-500",
|
||||
"text-gray-600",
|
||||
"text-gray-700",
|
||||
"text-sm",
|
||||
"text-white",
|
||||
@@ -156,7 +177,8 @@
|
||||
"top-0",
|
||||
"top-16",
|
||||
"transform",
|
||||
"transition-shadow",
|
||||
"transform-3d",
|
||||
"transition-all",
|
||||
"transition-transform",
|
||||
"translate-x-full",
|
||||
"underline",
|
||||
@@ -168,7 +190,7 @@
|
||||
"w-full",
|
||||
"w-screen",
|
||||
"z-0",
|
||||
"z-1"
|
||||
"z-3"
|
||||
],
|
||||
"ids": [
|
||||
"almacenamiento-de-contratos-de-alquiler",
|
||||
|
||||
@@ -38,7 +38,10 @@
|
||||
</div>
|
||||
</div>
|
||||
<hr class="m-4" />
|
||||
<div class="flex justify-center p-8">
|
||||
|
||||
<!-- Aca esta la parte de abajo de la portada -->
|
||||
|
||||
<div class="flex justify-center p-8 flex-col items-center bg-sky-200 rounded-t-lg shadow-md">
|
||||
<div
|
||||
class="w-[80%] rounded-lg overflow-hidden border-2 shadow-2xl bg-[radial-gradient(circle,rgba(0,0,0,0)_0%,rgba(0,0,0,0.5)_70%,#ffffff_100%),repeating-linear-gradient(45deg,#000000,#000000_10px,#ffffff_10px,#ffffff_20px)]"
|
||||
>
|
||||
@@ -57,100 +60,7 @@
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container mx-auto px-4 py-8">
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
{{ range first 3 (where .Site.RegularPages "Section" "proyectos") }}
|
||||
<div
|
||||
class="bg-white rounded-lg shadow-md overflow-hidden border hover:shadow-xl transition-shadow duration-300"
|
||||
>
|
||||
{{ if .Params.image }}
|
||||
<img
|
||||
src="{{ .Params.image }}"
|
||||
alt="{{ .Title }}"
|
||||
class="w-full h-48 object-cover"
|
||||
/>
|
||||
{{ else }}
|
||||
<div
|
||||
class="w-full h-48 bg-gray-200 flex items-center justify-center"
|
||||
>
|
||||
<span class="text-gray-500">No image</span>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
<div class="p-4">
|
||||
<h2 class="text-xl font-bold mb-2">{{ .Title }}</h2>
|
||||
<p class="text-gray-700 mb-4">
|
||||
{{ with .Params.description }}{{ . | truncate 150 }}{{ else
|
||||
}}{{ .Summary | truncate 150 }}{{ end }}
|
||||
</p>
|
||||
|
||||
<div class="flex justify-between items-center">
|
||||
<a
|
||||
href="{{ .Permalink }}"
|
||||
class="text-blue-500 hover:text-blue-700"
|
||||
>Ver más</a
|
||||
>
|
||||
|
||||
{{ with .Params.tags }}
|
||||
<div class="flex flex-wrap">
|
||||
{{ range first 2 . }}
|
||||
<span
|
||||
class="text-xs bg-gray-200 rounded-full px-2 py-1 mr-1 mb-1"
|
||||
>
|
||||
{{ . }}
|
||||
</span>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="container mx-auto px-4 py-8">
|
||||
<h2 class="text-2xl font-bold mb-6 text-center">Todos los Posts</h2>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
{{ range first 6 (where .Site.RegularPages "Section" "posts") }}
|
||||
<div
|
||||
class="bg-white rounded-lg shadow-md overflow-hidden border hover:shadow-xl transition-shadow duration-300"
|
||||
>
|
||||
{{ if .Params.image }}
|
||||
<img
|
||||
src="{{ .Params.image }}"
|
||||
alt="{{ .Title }}"
|
||||
class="w-full h-48 object-cover"
|
||||
/>
|
||||
{{ else }}
|
||||
<div
|
||||
class="w-full h-48 bg-gray-200 flex items-center justify-center"
|
||||
>
|
||||
<span class="text-gray-500">No image</span>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
<div class="p-4">
|
||||
<h2 class="text-xl font-bold mb-2">{{ .Title }}</h2>
|
||||
<p class="text-gray-700 mb-4">
|
||||
{{ with .Params.description }}{{ . | truncate 150 }}{{ else
|
||||
}}{{ .Summary | truncate 150 }}{{ end }}
|
||||
</p>
|
||||
|
||||
<div class="flex justify-between items-center">
|
||||
<a
|
||||
href="{{ .Permalink }}"
|
||||
class="text-blue-500 hover:text-blue-700"
|
||||
>Leer más</a
|
||||
>
|
||||
|
||||
<span class="text-sm text-gray-500"
|
||||
>{{ .Date.Format "Jan 2, 2006" }}</span
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{partial "proyectos.html" .}}
|
||||
{{partial "posts.html" .}}
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<nav class="bg-gray-800 fixed w-full top-0 z-1">
|
||||
<nav class="bg-gray-800 fixed w-full top-0 z-3">
|
||||
<div class="mx-auto px-4">
|
||||
<div class="flex items-center justify-between h-16">
|
||||
<div class="flex items-center">
|
||||
|
||||
56
layouts/partials/posts.html
Normal file
56
layouts/partials/posts.html
Normal file
@@ -0,0 +1,56 @@
|
||||
<div class="container mx-auto px-4 py-8">
|
||||
<h2 class="text-2xl font-bold mb-6 text-center">Todos los Posts</h2>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
{{ range first 6 (where .Site.RegularPages "Section" "posts") }}
|
||||
<div
|
||||
class="
|
||||
bg-white rounded-lg
|
||||
border-4 border-black
|
||||
shadow-[0_4px_0_black]
|
||||
hover:shadow-[0_8px_0_black]
|
||||
hover:-translate-y-1
|
||||
hover:scale-105
|
||||
transition-all duration-100 ease-linear
|
||||
overflow-hidden
|
||||
transform
|
||||
mx-auto
|
||||
hover:z-2
|
||||
"
|
||||
>
|
||||
{{ if .Params.image }}
|
||||
<img
|
||||
src="{{ .Params.image }}"
|
||||
alt="{{ .Title }}"
|
||||
class="w-full h-48 object-cover"
|
||||
/>
|
||||
{{ else }}
|
||||
<div
|
||||
class="w-full h-48 bg-gray-200 flex items-center justify-center"
|
||||
>
|
||||
<span class="text-gray-500 font-mono text-sm">No image</span>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
<div class="p-4">
|
||||
<h2 class="text-xl font-bold mb-2">{{ .Title }}</h2>
|
||||
<p class="text-gray-700 mb-4 font-sans">
|
||||
{{ with .Params.description }}{{ . | truncate 150 }}{{ else
|
||||
}}{{ .Summary | truncate 150 }}{{ end }}
|
||||
</p>
|
||||
|
||||
<div class="flex justify-between items-center">
|
||||
<a
|
||||
href="{{ .Permalink }}"
|
||||
class="text-blue-700 underline hover:text-blue-900 font-medium"
|
||||
>Leer más</a
|
||||
>
|
||||
|
||||
<span class="text-sm text-gray-600 font-mono">
|
||||
{{ .Date.Format "Jan 2, 2006" }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
52
layouts/partials/proyectos.html
Normal file
52
layouts/partials/proyectos.html
Normal file
@@ -0,0 +1,52 @@
|
||||
<div class="container mx-auto px-4 py-8">
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
{{ range first 3 (where .Site.RegularPages "Section" "proyectos") }}
|
||||
<div
|
||||
class="hover:scale-120 hover:z-2 transform-3d hover:rotate-z-2 duration-100 hover:-translate-y-2
|
||||
bg-white rounded-lg shadow-md overflow-hidden border-3 hover:shadow-xl ease-in"
|
||||
>
|
||||
{{ if .Params.image }}
|
||||
<img
|
||||
src="{{ .Params.image }}"
|
||||
alt="{{ .Title }}"
|
||||
class="w-full h-48 object-cover"
|
||||
/>
|
||||
{{ else }}
|
||||
<div
|
||||
class="w-full h-48 bg-gray-200 flex items-center justify-center"
|
||||
>
|
||||
<span class="text-gray-500">No image</span>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
<div class="p-4">
|
||||
<h2 class="text-xl font-bold mb-2">{{ .Title }}</h2>
|
||||
<p class="text-gray-700 mb-4">
|
||||
{{ with .Params.description }}{{ . | truncate 150 }}{{ else
|
||||
}}{{ .Summary | truncate 150 }}{{ end }}
|
||||
</p>
|
||||
|
||||
<div class="flex justify-between items-center">
|
||||
<a
|
||||
href="{{ .Permalink }}"
|
||||
class="text-blue-500 hover:text-blue-700"
|
||||
>Ver más</a
|
||||
>
|
||||
|
||||
{{ with .Params.tags }}
|
||||
<div class="flex flex-wrap">
|
||||
{{ range first 2 . }}
|
||||
<span
|
||||
class="text-xs bg-gray-200 rounded-full px-2 py-1 mr-1 mb-1"
|
||||
>
|
||||
{{ . }}
|
||||
</span>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,18 +1,59 @@
|
||||
{{ define "main" }}
|
||||
{{ partial "nav.html" .}}
|
||||
<div class="pt-16 shadow-md">
|
||||
<div class="bg-blue-300 p-12"></div>
|
||||
<div class="bg-blue-300">
|
||||
<div class="bg-white rounded-md flex flex-col items-center px-2 py-6 max-w-4xl mx-auto">
|
||||
<!-- Portada del post -->
|
||||
<div class="w-full mb-8 overflow-hidden rounded-lg shadow-xl border-4 border-black">
|
||||
{{ if .Params.image }}
|
||||
<img alt="" src="{{.Params.Image | relURL}}"
|
||||
style="object-fit: cover;"
|
||||
class="w-screen h-80 object-cover"
|
||||
<img
|
||||
src="{{ .Params.Image | relURL }}"
|
||||
alt="{{ .Title }}"
|
||||
class="w-full h-auto object-cover"
|
||||
/>
|
||||
{{ else }}
|
||||
<div class="bg-gray-200 text-gray-600 font-mono text-center py-16">
|
||||
No image
|
||||
</div>
|
||||
{{ end }}
|
||||
<div class="flex pt-4 gap-2 md-4 text-center flex-col bg-slate-800 text-white">
|
||||
<h1 class="font-bold text-6xl antialiased underline font-sans">{{ .Title }}</h1>
|
||||
<p class="text-xl font-thin italic">Fecha: {{ .Date.Format "02 Jan 2006" }}</p>
|
||||
</div>
|
||||
|
||||
<!-- Título -->
|
||||
<h1 class="text-4xl font-bold mb-4 text-center">{{ .Title }}</h1>
|
||||
|
||||
<!-- Metadata -->
|
||||
<div class="text-sm text-gray-600 mb-6 font-mono flex gap-4 justify-center">
|
||||
<span>Publicado el: {{ .Date.Format "Jan 2, 2006" }}</span>
|
||||
{{ with .Params.tags }}
|
||||
<div class="flex gap-2">
|
||||
{{ range . }}
|
||||
<span class="px-2 py-1 bg-gray-200 rounded-full">#{{ . }}</span>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
<!-- Contenido del post -->
|
||||
<div class="prose prose-lg max-w-none mb-12">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
|
||||
<!-- Botón de volver -->
|
||||
<a
|
||||
href="/"
|
||||
class="
|
||||
inline-block mt-6
|
||||
border-2 border-black bg-white px-6 py-2
|
||||
shadow-[0_4px_0_black]
|
||||
hover:shadow-[0_8px_0_black]
|
||||
hover:-translate-y-1
|
||||
transition-all duration-100 ease-linear
|
||||
font-medium
|
||||
"
|
||||
>
|
||||
← Volver
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<article class=" sm:px-2 md:px-16 lg:px-32">
|
||||
<div>{{ .Content }}</div>
|
||||
</article>
|
||||
<div class="bg-blue-300 p-5"></div>
|
||||
{{ end }}
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -1,7 +1,7 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta name="generator" content="Hugo 0.147.5">
|
||||
<meta name="generator" content="Hugo 0.147.7">
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Blog Fede</title>
|
||||
@@ -13,7 +13,7 @@
|
||||
<body>
|
||||
<main>
|
||||
|
||||
<nav class="bg-gray-800 fixed w-full top-0 z-1">
|
||||
<nav class="bg-gray-800 fixed w-full top-0 z-3">
|
||||
<div class="mx-auto px-4">
|
||||
<div class="flex items-center justify-between h-16">
|
||||
<div class="flex items-center">
|
||||
@@ -161,7 +161,10 @@
|
||||
</div>
|
||||
</div>
|
||||
<hr class="m-4" />
|
||||
<div class="flex justify-center p-8">
|
||||
|
||||
|
||||
|
||||
<div class="flex justify-center p-8 flex-col items-center bg-sky-200 rounded-t-lg shadow-md">
|
||||
<div
|
||||
class="w-[80%] rounded-lg overflow-hidden border-2 shadow-2xl bg-[radial-gradient(circle,rgba(0,0,0,0)_0%,rgba(0,0,0,0.5)_70%,#ffffff_100%),repeating-linear-gradient(45deg,#000000,#000000_10px,#ffffff_10px,#ffffff_20px)]"
|
||||
>
|
||||
@@ -180,12 +183,12 @@
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container mx-auto px-4 py-8">
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg shadow-md overflow-hidden border hover:shadow-xl transition-shadow duration-300"
|
||||
class="hover:scale-120 hover:z-2 transform-3d hover:rotate-z-2 duration-100 hover:-translate-y-2
|
||||
bg-white rounded-lg shadow-md overflow-hidden border-3 hover:shadow-xl ease-in"
|
||||
>
|
||||
|
||||
<div
|
||||
@@ -214,7 +217,8 @@
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg shadow-md overflow-hidden border hover:shadow-xl transition-shadow duration-300"
|
||||
class="hover:scale-120 hover:z-2 transform-3d hover:rotate-z-2 duration-100 hover:-translate-y-2
|
||||
bg-white rounded-lg shadow-md overflow-hidden border-3 hover:shadow-xl ease-in"
|
||||
>
|
||||
|
||||
<div
|
||||
@@ -243,7 +247,8 @@
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg shadow-md overflow-hidden border hover:shadow-xl transition-shadow duration-300"
|
||||
class="hover:scale-120 hover:z-2 transform-3d hover:rotate-z-2 duration-100 hover:-translate-y-2
|
||||
bg-white rounded-lg shadow-md overflow-hidden border-3 hover:shadow-xl ease-in"
|
||||
>
|
||||
|
||||
<div
|
||||
@@ -273,12 +278,25 @@
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container mx-auto px-4 py-8">
|
||||
<h2 class="text-2xl font-bold mb-6 text-center">Todos los Posts</h2>
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg shadow-md overflow-hidden border hover:shadow-xl transition-shadow duration-300"
|
||||
class="
|
||||
bg-white rounded-lg
|
||||
border-4 border-black
|
||||
shadow-[0_4px_0_black]
|
||||
hover:shadow-[0_8px_0_black]
|
||||
hover:-translate-y-1
|
||||
hover:scale-105
|
||||
transition-all duration-100 ease-linear
|
||||
overflow-hidden
|
||||
transform
|
||||
mx-auto
|
||||
hover:z-2
|
||||
"
|
||||
>
|
||||
|
||||
<img
|
||||
@@ -290,7 +308,7 @@
|
||||
|
||||
<div class="p-4">
|
||||
<h2 class="text-xl font-bold mb-2">Coord Keeper</h2>
|
||||
<p class="text-gray-700 mb-4">
|
||||
<p class="text-gray-700 mb-4 font-sans">
|
||||
<h1 id="motivacion">Motivacion</h1>
|
||||
<p>He notado que en versiones actuales de minecraft han puesto mucha informacion en el menu de debug (el <!-- raw HTML omitted -->f3<!-- raw HTML omitted -->) lo que lo hace cada vez más …</!--></!--></p>
|
||||
</p>
|
||||
@@ -298,19 +316,31 @@
|
||||
<div class="flex justify-between items-center">
|
||||
<a
|
||||
href="https://fedesrv.ddns.net/posts/coord-keeper/"
|
||||
class="text-blue-500 hover:text-blue-700"
|
||||
class="text-blue-700 underline hover:text-blue-900 font-medium"
|
||||
>Leer más</a
|
||||
>
|
||||
|
||||
<span class="text-sm text-gray-500"
|
||||
>Mar 19, 2025</span
|
||||
>
|
||||
<span class="text-sm text-gray-600 font-mono">
|
||||
Mar 19, 2025
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg shadow-md overflow-hidden border hover:shadow-xl transition-shadow duration-300"
|
||||
class="
|
||||
bg-white rounded-lg
|
||||
border-4 border-black
|
||||
shadow-[0_4px_0_black]
|
||||
hover:shadow-[0_8px_0_black]
|
||||
hover:-translate-y-1
|
||||
hover:scale-105
|
||||
transition-all duration-100 ease-linear
|
||||
overflow-hidden
|
||||
transform
|
||||
mx-auto
|
||||
hover:z-2
|
||||
"
|
||||
>
|
||||
|
||||
<img
|
||||
@@ -322,7 +352,7 @@
|
||||
|
||||
<div class="p-4">
|
||||
<h2 class="text-xl font-bold mb-2">Sistema Alquileres DevLog n1</h2>
|
||||
<p class="text-gray-700 mb-4">
|
||||
<p class="text-gray-700 mb-4 font-sans">
|
||||
<h1 id="que-es-esto">¿Que es esto?</h1>
|
||||
<p>Estas son pequeñas updates que voy a estar haciendo sobre el proyecto final mio de “Ingenieria de Software” (asi se llama la …</p>
|
||||
</p>
|
||||
@@ -330,19 +360,31 @@
|
||||
<div class="flex justify-between items-center">
|
||||
<a
|
||||
href="https://fedesrv.ddns.net/posts/sist_alquileres_devlog_1/"
|
||||
class="text-blue-500 hover:text-blue-700"
|
||||
class="text-blue-700 underline hover:text-blue-900 font-medium"
|
||||
>Leer más</a
|
||||
>
|
||||
|
||||
<span class="text-sm text-gray-500"
|
||||
>Nov 10, 2024</span
|
||||
>
|
||||
<span class="text-sm text-gray-600 font-mono">
|
||||
Nov 10, 2024
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg shadow-md overflow-hidden border hover:shadow-xl transition-shadow duration-300"
|
||||
class="
|
||||
bg-white rounded-lg
|
||||
border-4 border-black
|
||||
shadow-[0_4px_0_black]
|
||||
hover:shadow-[0_8px_0_black]
|
||||
hover:-translate-y-1
|
||||
hover:scale-105
|
||||
transition-all duration-100 ease-linear
|
||||
overflow-hidden
|
||||
transform
|
||||
mx-auto
|
||||
hover:z-2
|
||||
"
|
||||
>
|
||||
|
||||
<img
|
||||
@@ -354,7 +396,7 @@
|
||||
|
||||
<div class="p-4">
|
||||
<h2 class="text-xl font-bold mb-2">Fix Screen Tear x11</h2>
|
||||
<p class="text-gray-700 mb-4">
|
||||
<p class="text-gray-700 mb-4 font-sans">
|
||||
<h1 id="que-es-el-screen-tear">¿Que es el screen tear?</h1>
|
||||
<p>buenas, Si alguna vez instalaron un wm liviano en linux que no use wayland seguramente habrán notado que al momento de mover …</p>
|
||||
</p>
|
||||
@@ -362,31 +404,43 @@
|
||||
<div class="flex justify-between items-center">
|
||||
<a
|
||||
href="https://fedesrv.ddns.net/posts/fix_screen_tear_xfce/"
|
||||
class="text-blue-500 hover:text-blue-700"
|
||||
class="text-blue-700 underline hover:text-blue-900 font-medium"
|
||||
>Leer más</a
|
||||
>
|
||||
|
||||
<span class="text-sm text-gray-500"
|
||||
>Nov 9, 2024</span
|
||||
>
|
||||
<span class="text-sm text-gray-600 font-mono">
|
||||
Nov 9, 2024
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg shadow-md overflow-hidden border hover:shadow-xl transition-shadow duration-300"
|
||||
class="
|
||||
bg-white rounded-lg
|
||||
border-4 border-black
|
||||
shadow-[0_4px_0_black]
|
||||
hover:shadow-[0_8px_0_black]
|
||||
hover:-translate-y-1
|
||||
hover:scale-105
|
||||
transition-all duration-100 ease-linear
|
||||
overflow-hidden
|
||||
transform
|
||||
mx-auto
|
||||
hover:z-2
|
||||
"
|
||||
>
|
||||
|
||||
<div
|
||||
class="w-full h-48 bg-gray-200 flex items-center justify-center"
|
||||
>
|
||||
<span class="text-gray-500">No image</span>
|
||||
<span class="text-gray-500 font-mono text-sm">No image</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="p-4">
|
||||
<h2 class="text-xl font-bold mb-2">String Interpolation</h2>
|
||||
<p class="text-gray-700 mb-4">
|
||||
<p class="text-gray-700 mb-4 font-sans">
|
||||
<h1 id="que-es">¿Que es?</h1>
|
||||
<p>Es un proceso de evaluado, en el cual se reemplazan placeholders en <code>string</code> por valores, en nuestro caso, de variables en momento de …</p>
|
||||
</p>
|
||||
@@ -394,31 +448,43 @@
|
||||
<div class="flex justify-between items-center">
|
||||
<a
|
||||
href="https://fedesrv.ddns.net/posts/string-interpolation/"
|
||||
class="text-blue-500 hover:text-blue-700"
|
||||
class="text-blue-700 underline hover:text-blue-900 font-medium"
|
||||
>Leer más</a
|
||||
>
|
||||
|
||||
<span class="text-sm text-gray-500"
|
||||
>Oct 24, 2023</span
|
||||
>
|
||||
<span class="text-sm text-gray-600 font-mono">
|
||||
Oct 24, 2023
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg shadow-md overflow-hidden border hover:shadow-xl transition-shadow duration-300"
|
||||
class="
|
||||
bg-white rounded-lg
|
||||
border-4 border-black
|
||||
shadow-[0_4px_0_black]
|
||||
hover:shadow-[0_8px_0_black]
|
||||
hover:-translate-y-1
|
||||
hover:scale-105
|
||||
transition-all duration-100 ease-linear
|
||||
overflow-hidden
|
||||
transform
|
||||
mx-auto
|
||||
hover:z-2
|
||||
"
|
||||
>
|
||||
|
||||
<div
|
||||
class="w-full h-48 bg-gray-200 flex items-center justify-center"
|
||||
>
|
||||
<span class="text-gray-500">No image</span>
|
||||
<span class="text-gray-500 font-mono text-sm">No image</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="p-4">
|
||||
<h2 class="text-xl font-bold mb-2">Anuncio Aoc 2023</h2>
|
||||
<p class="text-gray-700 mb-4">
|
||||
<p class="text-gray-700 mb-4 font-sans">
|
||||
<h1 id="que-es-advent-of-code">¿Que es Advent of Code?</h1>
|
||||
<p>Son un grupo de puzzles de programacion presentados en forma de calendario que suelen ser utizados como:</p>
|
||||
<ul>
|
||||
@@ -428,31 +494,43 @@
|
||||
<div class="flex justify-between items-center">
|
||||
<a
|
||||
href="https://fedesrv.ddns.net/posts/anuncio-aoc-2023/"
|
||||
class="text-blue-500 hover:text-blue-700"
|
||||
class="text-blue-700 underline hover:text-blue-900 font-medium"
|
||||
>Leer más</a
|
||||
>
|
||||
|
||||
<span class="text-sm text-gray-500"
|
||||
>Oct 3, 2023</span
|
||||
>
|
||||
<span class="text-sm text-gray-600 font-mono">
|
||||
Oct 3, 2023
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg shadow-md overflow-hidden border hover:shadow-xl transition-shadow duration-300"
|
||||
class="
|
||||
bg-white rounded-lg
|
||||
border-4 border-black
|
||||
shadow-[0_4px_0_black]
|
||||
hover:shadow-[0_8px_0_black]
|
||||
hover:-translate-y-1
|
||||
hover:scale-105
|
||||
transition-all duration-100 ease-linear
|
||||
overflow-hidden
|
||||
transform
|
||||
mx-auto
|
||||
hover:z-2
|
||||
"
|
||||
>
|
||||
|
||||
<div
|
||||
class="w-full h-48 bg-gray-200 flex items-center justify-center"
|
||||
>
|
||||
<span class="text-gray-500">No image</span>
|
||||
<span class="text-gray-500 font-mono text-sm">No image</span>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="p-4">
|
||||
<h2 class="text-xl font-bold mb-2">Bootloader Incident</h2>
|
||||
<p class="text-gray-700 mb-4">
|
||||
<p class="text-gray-700 mb-4 font-sans">
|
||||
<h1 id="el-inicio-de-la-catastrofe">El inicio de la catastrofe</h1>
|
||||
<p>En pocas palabras, <strong>Nunca Corten Un <code>pacman -Syu</code></strong>.<br>
|
||||
Si utilizan <strong>arch</strong> sabrán que se pueden configurar ‘hooks’ antes …</p>
|
||||
@@ -461,18 +539,20 @@ Si utilizan <strong>arch</strong> sabrán que se pueden configurar ‘hooks&
|
||||
<div class="flex justify-between items-center">
|
||||
<a
|
||||
href="https://fedesrv.ddns.net/posts/bootloaderincident/"
|
||||
class="text-blue-500 hover:text-blue-700"
|
||||
class="text-blue-700 underline hover:text-blue-900 font-medium"
|
||||
>Leer más</a
|
||||
>
|
||||
|
||||
<span class="text-sm text-gray-500"
|
||||
>Sep 26, 2023</span
|
||||
>
|
||||
<span class="text-sm text-gray-600 font-mono">
|
||||
Sep 26, 2023
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</main>
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
<body>
|
||||
<main>
|
||||
|
||||
<nav class="bg-gray-800 fixed w-full top-0 z-1">
|
||||
<nav class="bg-gray-800 fixed w-full top-0 z-3">
|
||||
<div class="mx-auto px-4">
|
||||
<div class="flex items-center justify-between h-16">
|
||||
<div class="flex items-center">
|
||||
@@ -122,15 +122,36 @@
|
||||
}
|
||||
</script>
|
||||
|
||||
<div class="pt-16 shadow-md">
|
||||
<div class="bg-blue-300 p-12"></div>
|
||||
<div class="bg-blue-300">
|
||||
<div class="bg-white rounded-md flex flex-col items-center px-2 py-6 max-w-4xl mx-auto">
|
||||
|
||||
<div class="flex pt-4 gap-2 md-4 text-center flex-col bg-slate-800 text-white">
|
||||
<h1 class="font-bold text-6xl antialiased underline font-sans">Anuncio Aoc 2023</h1>
|
||||
<p class="text-xl font-thin italic">Fecha: 03 Oct 2023</p>
|
||||
<div class="w-full mb-8 overflow-hidden rounded-lg shadow-xl border-4 border-black">
|
||||
|
||||
<div class="bg-gray-200 text-gray-600 font-mono text-center py-16">
|
||||
No image
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<article class=" sm:px-2 md:px-16 lg:px-32">
|
||||
<div><h1 id="que-es-advent-of-code">¿Que es Advent of Code?</h1>
|
||||
|
||||
|
||||
<h1 class="text-4xl font-bold mb-4 text-center">Anuncio Aoc 2023</h1>
|
||||
|
||||
|
||||
<div class="text-sm text-gray-600 mb-6 font-mono flex gap-4 justify-center">
|
||||
<span>Publicado el: Oct 3, 2023</span>
|
||||
|
||||
<div class="flex gap-2">
|
||||
|
||||
<span class="px-2 py-1 bg-gray-200 rounded-full">#old_blog</span>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="prose prose-lg max-w-none mb-12">
|
||||
<h1 id="que-es-advent-of-code">¿Que es Advent of Code?</h1>
|
||||
<p>Son un grupo de puzzles de programacion presentados en forma de calendario que suelen ser utizados como:</p>
|
||||
<ul>
|
||||
<li>Preparacion de entrevistas.</li>
|
||||
@@ -140,8 +161,27 @@
|
||||
</ul>
|
||||
<h1 id="que-tengo-pensado">Que tengo pensado</h1>
|
||||
<p>Cerca de fin de año voy a hacer todos los dias de esa edicion de advent of code usando <code>zig</code> como un ejercicio para aprender ese lenguaje de programacion <code>(aunque de forma básica)</code>.</p>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="
|
||||
inline-block mt-6
|
||||
border-2 border-black bg-white px-6 py-2
|
||||
shadow-[0_4px_0_black]
|
||||
hover:shadow-[0_8px_0_black]
|
||||
hover:-translate-y-1
|
||||
transition-all duration-100 ease-linear
|
||||
font-medium
|
||||
"
|
||||
>
|
||||
← Volver
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-blue-300 p-5"></div>
|
||||
|
||||
</main>
|
||||
<br>
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
<body>
|
||||
<main>
|
||||
|
||||
<nav class="bg-gray-800 fixed w-full top-0 z-1">
|
||||
<nav class="bg-gray-800 fixed w-full top-0 z-3">
|
||||
<div class="mx-auto px-4">
|
||||
<div class="flex items-center justify-between h-16">
|
||||
<div class="flex items-center">
|
||||
@@ -122,15 +122,36 @@
|
||||
}
|
||||
</script>
|
||||
|
||||
<div class="pt-16 shadow-md">
|
||||
<div class="bg-blue-300 p-12"></div>
|
||||
<div class="bg-blue-300">
|
||||
<div class="bg-white rounded-md flex flex-col items-center px-2 py-6 max-w-4xl mx-auto">
|
||||
|
||||
<div class="flex pt-4 gap-2 md-4 text-center flex-col bg-slate-800 text-white">
|
||||
<h1 class="font-bold text-6xl antialiased underline font-sans">Bootloader Incident</h1>
|
||||
<p class="text-xl font-thin italic">Fecha: 26 Sep 2023</p>
|
||||
<div class="w-full mb-8 overflow-hidden rounded-lg shadow-xl border-4 border-black">
|
||||
|
||||
<div class="bg-gray-200 text-gray-600 font-mono text-center py-16">
|
||||
No image
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<article class=" sm:px-2 md:px-16 lg:px-32">
|
||||
<div><h1 id="el-inicio-de-la-catastrofe">El inicio de la catastrofe</h1>
|
||||
|
||||
|
||||
<h1 class="text-4xl font-bold mb-4 text-center">Bootloader Incident</h1>
|
||||
|
||||
|
||||
<div class="text-sm text-gray-600 mb-6 font-mono flex gap-4 justify-center">
|
||||
<span>Publicado el: Sep 26, 2023</span>
|
||||
|
||||
<div class="flex gap-2">
|
||||
|
||||
<span class="px-2 py-1 bg-gray-200 rounded-full">#old_blog</span>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="prose prose-lg max-w-none mb-12">
|
||||
<h1 id="el-inicio-de-la-catastrofe">El inicio de la catastrofe</h1>
|
||||
<p>En pocas palabras, <strong>Nunca Corten Un <code>pacman -Syu</code></strong>.<br>
|
||||
Si utilizan <strong>arch</strong> sabrán que se pueden configurar ‘hooks’ antes y despues de las operaciones con el comando <code>pacman</code>, uno de estos era responsable de actualizar la entrada en el bootloader (uso systemd-boot btw). Al haber cortado sin querer este proceso me quedé sin entrada en el bootloader para linux y solo podia volver al menu de la <strong>UEFI</strong>.</p>
|
||||
<h1 id="posibles-soluciones">Posibles Soluciones</h1>
|
||||
@@ -138,8 +159,27 @@ Si utilizan <strong>arch</strong> sabrán que se pueden configurar ‘hooks&
|
||||
<p>Consiste en reinstalar linux desde 0. ( pero no desde scratch 😳 ). Obviamente es una terrible idea pero es una a la que en otro momento antes de haber aprendido a usar arch hubiera solucionado de esa forma.</p>
|
||||
<h2 id="lo-que-termine-haciendo">Lo que termine haciendo</h2>
|
||||
<p>Gracias a que tenia una lectora de dvds con un dvd de Linux, pude utilizar <code>mount</code> y <code>chroot</code> para acceder a la particion con todos mis datos, una vez en este punto reinstalé el kernel (<code>pacman -S linux</code>) para que se activen los hooks que corresponden a actualizar la información sobre las opciones de arranque del bootloader.</p>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="
|
||||
inline-block mt-6
|
||||
border-2 border-black bg-white px-6 py-2
|
||||
shadow-[0_4px_0_black]
|
||||
hover:shadow-[0_8px_0_black]
|
||||
hover:-translate-y-1
|
||||
transition-all duration-100 ease-linear
|
||||
font-medium
|
||||
"
|
||||
>
|
||||
← Volver
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-blue-300 p-5"></div>
|
||||
|
||||
</main>
|
||||
<br>
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
<body>
|
||||
<main>
|
||||
|
||||
<nav class="bg-gray-800 fixed w-full top-0 z-1">
|
||||
<nav class="bg-gray-800 fixed w-full top-0 z-3">
|
||||
<div class="mx-auto px-4">
|
||||
<div class="flex items-center justify-between h-16">
|
||||
<div class="flex items-center">
|
||||
@@ -122,26 +122,63 @@
|
||||
}
|
||||
</script>
|
||||
|
||||
<div class="pt-16 shadow-md">
|
||||
<div class="bg-blue-300 p-12"></div>
|
||||
<div class="bg-blue-300">
|
||||
<div class="bg-white rounded-md flex flex-col items-center px-2 py-6 max-w-4xl mx-auto">
|
||||
|
||||
<img alt="" src="/cover.png"
|
||||
style="object-fit: cover;"
|
||||
class="w-screen h-80 object-cover"
|
||||
<div class="w-full mb-8 overflow-hidden rounded-lg shadow-xl border-4 border-black">
|
||||
|
||||
<img
|
||||
src="/cover.png"
|
||||
alt="Coord Keeper"
|
||||
class="w-full h-auto object-cover"
|
||||
/>
|
||||
|
||||
<div class="flex pt-4 gap-2 md-4 text-center flex-col bg-slate-800 text-white">
|
||||
<h1 class="font-bold text-6xl antialiased underline font-sans">Coord Keeper</h1>
|
||||
<p class="text-xl font-thin italic">Fecha: 19 Mar 2025</p>
|
||||
</div>
|
||||
|
||||
|
||||
<h1 class="text-4xl font-bold mb-4 text-center">Coord Keeper</h1>
|
||||
|
||||
|
||||
<div class="text-sm text-gray-600 mb-6 font-mono flex gap-4 justify-center">
|
||||
<span>Publicado el: Mar 19, 2025</span>
|
||||
|
||||
<div class="flex gap-2">
|
||||
|
||||
<span class="px-2 py-1 bg-gray-200 rounded-full">#DevLog</span>
|
||||
|
||||
</div>
|
||||
<article class=" sm:px-2 md:px-16 lg:px-32">
|
||||
<div><h1 id="motivacion">Motivacion</h1>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="prose prose-lg max-w-none mb-12">
|
||||
<h1 id="motivacion">Motivacion</h1>
|
||||
<p>He notado que en versiones actuales de minecraft han puesto mucha informacion en el menu de debug (el <!-- raw HTML omitted -->f3<!-- raw HTML omitted -->) lo que lo hace cada vez más hostil al jugador promedio intentar encontrar la linea con las coordenadas de donde esta y poderse comunicar con la gente en el mismo servidor, es obvio que esto es totalmente intencionado. Entiendo que el objetivo es que uses las herramientas dadas por los diseñadores del videojuego para poder localizarte. Pero yo necesito una forma de poder guardar las coordenadas localmente en mi computadora. aunque podria haber usado un block de notas para almacenarlas me decidí por hacer algo más inproductivo…. hacer una app de react.</p>
|
||||
<p>Así que presento Coord-Keeper una app nefasta de React para guardar, compartir y importar Coordenas de minecraft. !!!11!!!</p>
|
||||
<p>Esta disponible en <a href="/coords">Coord-keeper</a></p>
|
||||
<p>su <a href="/git/fede/coord-keeper">codigo fuente</a> esta en mi instancia de gitea.</p>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="
|
||||
inline-block mt-6
|
||||
border-2 border-black bg-white px-6 py-2
|
||||
shadow-[0_4px_0_black]
|
||||
hover:shadow-[0_8px_0_black]
|
||||
hover:-translate-y-1
|
||||
transition-all duration-100 ease-linear
|
||||
font-medium
|
||||
"
|
||||
>
|
||||
← Volver
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-blue-300 p-5"></div>
|
||||
|
||||
</main>
|
||||
<br>
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
<body>
|
||||
<main>
|
||||
|
||||
<nav class="bg-gray-800 fixed w-full top-0 z-1">
|
||||
<nav class="bg-gray-800 fixed w-full top-0 z-3">
|
||||
<div class="mx-auto px-4">
|
||||
<div class="flex items-center justify-between h-16">
|
||||
<div class="flex items-center">
|
||||
@@ -122,15 +122,36 @@
|
||||
}
|
||||
</script>
|
||||
|
||||
<div class="pt-16 shadow-md">
|
||||
<div class="bg-blue-300 p-12"></div>
|
||||
<div class="bg-blue-300">
|
||||
<div class="bg-white rounded-md flex flex-col items-center px-2 py-6 max-w-4xl mx-auto">
|
||||
|
||||
<div class="flex pt-4 gap-2 md-4 text-center flex-col bg-slate-800 text-white">
|
||||
<h1 class="font-bold text-6xl antialiased underline font-sans">Diseño de Software Incident</h1>
|
||||
<p class="text-xl font-thin italic">Fecha: 22 Sep 2023</p>
|
||||
<div class="w-full mb-8 overflow-hidden rounded-lg shadow-xl border-4 border-black">
|
||||
|
||||
<div class="bg-gray-200 text-gray-600 font-mono text-center py-16">
|
||||
No image
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<article class=" sm:px-2 md:px-16 lg:px-32">
|
||||
<div><h1 id="instanciacion-del-sqlconnection">Instanciacion del SqlConnection</h1>
|
||||
|
||||
|
||||
<h1 class="text-4xl font-bold mb-4 text-center">Diseño de Software Incident</h1>
|
||||
|
||||
|
||||
<div class="text-sm text-gray-600 mb-6 font-mono flex gap-4 justify-center">
|
||||
<span>Publicado el: Sep 22, 2023</span>
|
||||
|
||||
<div class="flex gap-2">
|
||||
|
||||
<span class="px-2 py-1 bg-gray-200 rounded-full">#old_blog</span>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="prose prose-lg max-w-none mb-12">
|
||||
<h1 id="instanciacion-del-sqlconnection">Instanciacion del SqlConnection</h1>
|
||||
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-csharp" data-lang="csharp"><span style="display:flex;"><span><span style="color:#66d9ef">using</span> (<span style="color:#66d9ef">var</span> connection = <span style="color:#66d9ef">new</span> SqlConnection(configuration.GetConnectionString(<span style="color:#e6db74">"DefaultConnection"</span>)))
|
||||
</span></span></code></pre></div><p>Eso genera un sql connection que va a existir hasta que salga del scope del programa.</p>
|
||||
<h1 id="creacion-del-sqlcommand">Creacion del SqlCommand</h1>
|
||||
@@ -196,8 +217,27 @@
|
||||
<h1 id="notas">Notas</h1>
|
||||
<blockquote>
|
||||
<p>" Si compila y anda, aprueba " ~Laureano</p></blockquote>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="
|
||||
inline-block mt-6
|
||||
border-2 border-black bg-white px-6 py-2
|
||||
shadow-[0_4px_0_black]
|
||||
hover:shadow-[0_8px_0_black]
|
||||
hover:-translate-y-1
|
||||
transition-all duration-100 ease-linear
|
||||
font-medium
|
||||
"
|
||||
>
|
||||
← Volver
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-blue-300 p-5"></div>
|
||||
|
||||
</main>
|
||||
<br>
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
<body>
|
||||
<main>
|
||||
|
||||
<nav class="bg-gray-800 fixed w-full top-0 z-1">
|
||||
<nav class="bg-gray-800 fixed w-full top-0 z-3">
|
||||
<div class="mx-auto px-4">
|
||||
<div class="flex items-center justify-between h-16">
|
||||
<div class="flex items-center">
|
||||
@@ -122,20 +122,38 @@
|
||||
}
|
||||
</script>
|
||||
|
||||
<div class="pt-16 shadow-md">
|
||||
<div class="bg-blue-300 p-12"></div>
|
||||
<div class="bg-blue-300">
|
||||
<div class="bg-white rounded-md flex flex-col items-center px-2 py-6 max-w-4xl mx-auto">
|
||||
|
||||
<img alt="" src="/cover.jpg"
|
||||
style="object-fit: cover;"
|
||||
class="w-screen h-80 object-cover"
|
||||
<div class="w-full mb-8 overflow-hidden rounded-lg shadow-xl border-4 border-black">
|
||||
|
||||
<img
|
||||
src="/cover.jpg"
|
||||
alt="Fix Screen Tear x11"
|
||||
class="w-full h-auto object-cover"
|
||||
/>
|
||||
|
||||
<div class="flex pt-4 gap-2 md-4 text-center flex-col bg-slate-800 text-white">
|
||||
<h1 class="font-bold text-6xl antialiased underline font-sans">Fix Screen Tear x11</h1>
|
||||
<p class="text-xl font-thin italic">Fecha: 09 Nov 2024</p>
|
||||
</div>
|
||||
|
||||
|
||||
<h1 class="text-4xl font-bold mb-4 text-center">Fix Screen Tear x11</h1>
|
||||
|
||||
|
||||
<div class="text-sm text-gray-600 mb-6 font-mono flex gap-4 justify-center">
|
||||
<span>Publicado el: Nov 9, 2024</span>
|
||||
|
||||
<div class="flex gap-2">
|
||||
|
||||
<span class="px-2 py-1 bg-gray-200 rounded-full">#Fix</span>
|
||||
|
||||
</div>
|
||||
<article class=" sm:px-2 md:px-16 lg:px-32">
|
||||
<div><h1 id="que-es-el-screen-tear">¿Que es el screen tear?</h1>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="prose prose-lg max-w-none mb-12">
|
||||
<h1 id="que-es-el-screen-tear">¿Que es el screen tear?</h1>
|
||||
<p>buenas, Si alguna vez instalaron un wm liviano en linux que no use wayland seguramente habrán notado que al momento de mover una ventana en el escritorio o ver un video sucede algo de este estilo.</p>
|
||||
<p><img src="https://qph.cf2.quoracdn.net/main-qimg-4994dca8fc9979e8a10d3422cb5f7bcb" alt="Imagen sacada de google donde se demuestra el screen tear"></p>
|
||||
<p>Donde la imagen se ve recortada por algunos milisegundos. A mi se me hace muy molesto a la vista cuando estoy mucho tiempo (relativamente) delante de la pantalla.</p>
|
||||
@@ -178,8 +196,27 @@ EndSection
|
||||
EndSection
|
||||
</code></pre><p>Demostracion de como queda</p>
|
||||
<p><img src="./tear.gif" alt="demo tear resuelto"></p>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="
|
||||
inline-block mt-6
|
||||
border-2 border-black bg-white px-6 py-2
|
||||
shadow-[0_4px_0_black]
|
||||
hover:shadow-[0_8px_0_black]
|
||||
hover:-translate-y-1
|
||||
transition-all duration-100 ease-linear
|
||||
font-medium
|
||||
"
|
||||
>
|
||||
← Volver
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-blue-300 p-5"></div>
|
||||
|
||||
</main>
|
||||
<br>
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
<body>
|
||||
<main>
|
||||
|
||||
<nav class="bg-gray-800 fixed w-full top-0 z-1">
|
||||
<nav class="bg-gray-800 fixed w-full top-0 z-3">
|
||||
<div class="mx-auto px-4">
|
||||
<div class="flex items-center justify-between h-16">
|
||||
<div class="flex items-center">
|
||||
@@ -122,15 +122,36 @@
|
||||
}
|
||||
</script>
|
||||
|
||||
<div class="pt-16 shadow-md">
|
||||
<div class="bg-blue-300 p-12"></div>
|
||||
<div class="bg-blue-300">
|
||||
<div class="bg-white rounded-md flex flex-col items-center px-2 py-6 max-w-4xl mx-auto">
|
||||
|
||||
<div class="flex pt-4 gap-2 md-4 text-center flex-col bg-slate-800 text-white">
|
||||
<h1 class="font-bold text-6xl antialiased underline font-sans">Imagenes: Color a b&w</h1>
|
||||
<p class="text-xl font-thin italic">Fecha: 23 Sep 2023</p>
|
||||
<div class="w-full mb-8 overflow-hidden rounded-lg shadow-xl border-4 border-black">
|
||||
|
||||
<div class="bg-gray-200 text-gray-600 font-mono text-center py-16">
|
||||
No image
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<article class=" sm:px-2 md:px-16 lg:px-32">
|
||||
<div><h1 id="gimp">Gimp</h1>
|
||||
|
||||
|
||||
<h1 class="text-4xl font-bold mb-4 text-center">Imagenes: Color a b&w</h1>
|
||||
|
||||
|
||||
<div class="text-sm text-gray-600 mb-6 font-mono flex gap-4 justify-center">
|
||||
<span>Publicado el: Sep 23, 2023</span>
|
||||
|
||||
<div class="flex gap-2">
|
||||
|
||||
<span class="px-2 py-1 bg-gray-200 rounded-full">#old_blog</span>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="prose prose-lg max-w-none mb-12">
|
||||
<h1 id="gimp">Gimp</h1>
|
||||
<p>Hay varias formas de pasar una imagen a blanco y negro. yo prefiero la de usar <strong>Gimp</strong> con la opcion de <code>Color > Desaturacion > Color a gama de grises</code>. Pero voy a listar un par de métodos alternativos para obtener el ~mismo resultado.<br>
|
||||
<img src="/fedecomp.png" alt="Comparación"></p>
|
||||
<h1 id="imagemagick">ImageMagick</h1>
|
||||
@@ -144,8 +165,27 @@
|
||||
<h1 id="opcion-web">Opcion web</h1>
|
||||
<p>Existe <a href="https://pinetools.com/es/imagen-escala-grises">esta</a> pagina en la cual para generar la imagen en gama de grises solo hay que poner la imagen y darle a <strong>Aplicar</strong>.<br>
|
||||
<img src="/gamaDeGrises.jpg" alt="Gama de grises demo"></p>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="
|
||||
inline-block mt-6
|
||||
border-2 border-black bg-white px-6 py-2
|
||||
shadow-[0_4px_0_black]
|
||||
hover:shadow-[0_8px_0_black]
|
||||
hover:-translate-y-1
|
||||
transition-all duration-100 ease-linear
|
||||
font-medium
|
||||
"
|
||||
>
|
||||
← Volver
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-blue-300 p-5"></div>
|
||||
|
||||
</main>
|
||||
<br>
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
<body>
|
||||
<main>
|
||||
|
||||
<nav class="bg-gray-800 fixed w-full top-0 z-1">
|
||||
<nav class="bg-gray-800 fixed w-full top-0 z-3">
|
||||
<div class="mx-auto px-4">
|
||||
<div class="flex items-center justify-between h-16">
|
||||
<div class="flex items-center">
|
||||
@@ -122,19 +122,59 @@
|
||||
}
|
||||
</script>
|
||||
|
||||
<div class="pt-16 shadow-md">
|
||||
<div class="bg-blue-300 p-12"></div>
|
||||
<div class="bg-blue-300">
|
||||
<div class="bg-white rounded-md flex flex-col items-center px-2 py-6 max-w-4xl mx-auto">
|
||||
|
||||
<div class="flex pt-4 gap-2 md-4 text-center flex-col bg-slate-800 text-white">
|
||||
<h1 class="font-bold text-6xl antialiased underline font-sans">RetroArchivements</h1>
|
||||
<p class="text-xl font-thin italic">Fecha: 22 Sep 2023</p>
|
||||
<div class="w-full mb-8 overflow-hidden rounded-lg shadow-xl border-4 border-black">
|
||||
|
||||
<div class="bg-gray-200 text-gray-600 font-mono text-center py-16">
|
||||
No image
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<article class=" sm:px-2 md:px-16 lg:px-32">
|
||||
<div><p>Hace ya un par de dias que estoy usando un <a href="https://retroachievements.org/user/fedpo2">servicio</a> que implementa una api para trackear tu progreso en distintos juegos retro y no tan retro.</p>
|
||||
|
||||
|
||||
<h1 class="text-4xl font-bold mb-4 text-center">RetroArchivements</h1>
|
||||
|
||||
|
||||
<div class="text-sm text-gray-600 mb-6 font-mono flex gap-4 justify-center">
|
||||
<span>Publicado el: Sep 22, 2023</span>
|
||||
|
||||
<div class="flex gap-2">
|
||||
|
||||
<span class="px-2 py-1 bg-gray-200 rounded-full">#old_blog</span>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="prose prose-lg max-w-none mb-12">
|
||||
<p>Hace ya un par de dias que estoy usando un <a href="https://retroachievements.org/user/fedpo2">servicio</a> que implementa una api para trackear tu progreso en distintos juegos retro y no tan retro.</p>
|
||||
<p>Uno de los que estoy jugando es <code>Kirby's dream land 2</code><br>
|
||||
<img src="https://media.retroachievements.org/Images/046585.png" alt="kirby"></p>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="
|
||||
inline-block mt-6
|
||||
border-2 border-black bg-white px-6 py-2
|
||||
shadow-[0_4px_0_black]
|
||||
hover:shadow-[0_8px_0_black]
|
||||
hover:-translate-y-1
|
||||
transition-all duration-100 ease-linear
|
||||
font-medium
|
||||
"
|
||||
>
|
||||
← Volver
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-blue-300 p-5"></div>
|
||||
|
||||
</main>
|
||||
<br>
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
<body>
|
||||
<main>
|
||||
|
||||
<nav class="bg-gray-800 fixed w-full top-0 z-1">
|
||||
<nav class="bg-gray-800 fixed w-full top-0 z-3">
|
||||
<div class="mx-auto px-4">
|
||||
<div class="flex items-center justify-between h-16">
|
||||
<div class="flex items-center">
|
||||
@@ -122,15 +122,36 @@
|
||||
}
|
||||
</script>
|
||||
|
||||
<div class="pt-16 shadow-md">
|
||||
<div class="bg-blue-300 p-12"></div>
|
||||
<div class="bg-blue-300">
|
||||
<div class="bg-white rounded-md flex flex-col items-center px-2 py-6 max-w-4xl mx-auto">
|
||||
|
||||
<div class="flex pt-4 gap-2 md-4 text-center flex-col bg-slate-800 text-white">
|
||||
<h1 class="font-bold text-6xl antialiased underline font-sans">Primer Post</h1>
|
||||
<p class="text-xl font-thin italic">Fecha: 22 Sep 2023</p>
|
||||
<div class="w-full mb-8 overflow-hidden rounded-lg shadow-xl border-4 border-black">
|
||||
|
||||
<div class="bg-gray-200 text-gray-600 font-mono text-center py-16">
|
||||
No image
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<article class=" sm:px-2 md:px-16 lg:px-32">
|
||||
<div><h1 id="buenas">buenas</h1>
|
||||
|
||||
|
||||
<h1 class="text-4xl font-bold mb-4 text-center">Primer Post</h1>
|
||||
|
||||
|
||||
<div class="text-sm text-gray-600 mb-6 font-mono flex gap-4 justify-center">
|
||||
<span>Publicado el: Sep 22, 2023</span>
|
||||
|
||||
<div class="flex gap-2">
|
||||
|
||||
<span class="px-2 py-1 bg-gray-200 rounded-full">#old_blog</span>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="prose prose-lg max-w-none mb-12">
|
||||
<h1 id="buenas">buenas</h1>
|
||||
<p>buenas
|
||||
Luego de sufrir bastante con el nginx y su <em>Reverse Proxy</em>, finalmente me decidí por poner la pagina del blog en el <strong>WebRoot</strong> y el <em>gitea</em> en un subfolder.</p>
|
||||
<h2 id="como-funciona-esto">Como funciona esto</h2>
|
||||
@@ -141,8 +162,27 @@ Luego de sufrir bastante con el nginx y su <em>Reverse Proxy</em>, finalmente me
|
||||
</span></span></code></pre></div><p>se genera el html de la paginas del blog las cuales copio usando rsync dentro de la intranet de mi casa</p>
|
||||
<blockquote>
|
||||
<p>Luraschi no me robes las llaves del ssh🙏.</p></blockquote>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="
|
||||
inline-block mt-6
|
||||
border-2 border-black bg-white px-6 py-2
|
||||
shadow-[0_4px_0_black]
|
||||
hover:shadow-[0_8px_0_black]
|
||||
hover:-translate-y-1
|
||||
transition-all duration-100 ease-linear
|
||||
font-medium
|
||||
"
|
||||
>
|
||||
← Volver
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-blue-300 p-5"></div>
|
||||
|
||||
</main>
|
||||
<br>
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
<body>
|
||||
<main>
|
||||
|
||||
<nav class="bg-gray-800 fixed w-full top-0 z-1">
|
||||
<nav class="bg-gray-800 fixed w-full top-0 z-3">
|
||||
<div class="mx-auto px-4">
|
||||
<div class="flex items-center justify-between h-16">
|
||||
<div class="flex items-center">
|
||||
@@ -122,20 +122,38 @@
|
||||
}
|
||||
</script>
|
||||
|
||||
<div class="pt-16 shadow-md">
|
||||
<div class="bg-blue-300 p-12"></div>
|
||||
<div class="bg-blue-300">
|
||||
<div class="bg-white rounded-md flex flex-col items-center px-2 py-6 max-w-4xl mx-auto">
|
||||
|
||||
<img alt="" src="/cover2.png"
|
||||
style="object-fit: cover;"
|
||||
class="w-screen h-80 object-cover"
|
||||
<div class="w-full mb-8 overflow-hidden rounded-lg shadow-xl border-4 border-black">
|
||||
|
||||
<img
|
||||
src="/cover2.png"
|
||||
alt="Sistema Alquileres DevLog n1"
|
||||
class="w-full h-auto object-cover"
|
||||
/>
|
||||
|
||||
<div class="flex pt-4 gap-2 md-4 text-center flex-col bg-slate-800 text-white">
|
||||
<h1 class="font-bold text-6xl antialiased underline font-sans">Sistema Alquileres DevLog n1</h1>
|
||||
<p class="text-xl font-thin italic">Fecha: 10 Nov 2024</p>
|
||||
</div>
|
||||
|
||||
|
||||
<h1 class="text-4xl font-bold mb-4 text-center">Sistema Alquileres DevLog n1</h1>
|
||||
|
||||
|
||||
<div class="text-sm text-gray-600 mb-6 font-mono flex gap-4 justify-center">
|
||||
<span>Publicado el: Nov 10, 2024</span>
|
||||
|
||||
<div class="flex gap-2">
|
||||
|
||||
<span class="px-2 py-1 bg-gray-200 rounded-full">#DevLog</span>
|
||||
|
||||
</div>
|
||||
<article class=" sm:px-2 md:px-16 lg:px-32">
|
||||
<div><h1 id="que-es-esto">¿Que es esto?</h1>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="prose prose-lg max-w-none mb-12">
|
||||
<h1 id="que-es-esto">¿Que es esto?</h1>
|
||||
<p>Estas son pequeñas updates que voy a estar haciendo sobre el proyecto final mio de “Ingenieria de Software” (asi se llama la materia). El cual consiste de un sistema de gestion de alquileres. Pensado para tener varios tipos de usuario como un propietario que carge las propiedades que desea publicar siempre y cuando este verificado que le pertenecen a él y un inquilino el cual podra efectuar busquedas de propiedades para alquilas, ver el estado de los alquileres, y pagar los alquileres que sean correpondientes.</p>
|
||||
<p>Ahí arriba describi solo 2 o 3 de los casi 26 casos de uso que tengo descriptos. Además voy a reutilizar los conocimiento que adquirí haciendo el panel de control para la materia de base de datos.</p>
|
||||
<blockquote>
|
||||
@@ -156,8 +174,27 @@
|
||||
<p>Un requisito que considero muy importante es almacenamiento de los contratos de alquiler. En una primera instancia pense que almacenarlos en un campo blob de mysql podia ser factible pero entre lo que escuché sobre que hace los backups de la base de datos gigantes y el hecho de que estaria haciendo una query a la base de datos para obtener, ponele, 3MB me parece un montón</p>
|
||||
<p>Almacenarlos con un fileserver simple como <a href="https://github.com/svenstaro/miniserve">Miniserve</a> que es una excelente herramienta si bien para casos donde tenes un solo servidor pareceria masomenos pasable al final termina no siendo tan buena idea si llegas a necesitar algo minimanente distribuido o que maneje permisos.</p>
|
||||
<p>Así fue como luego de preguntarle a un amigo y a chatgpt. me decidí por darle una oportunidad a <a href="https://min.io/">Minio</a> que es una alternativa “S3 pero hosteado en casa”. tengo mucho que aprender aún sobre s3 porque tengo solo una idea general de como funciona. Así que voy a dejar una update de esto en unos dias o semanas (no hay chances que sea consistente publicando acá) sobre como va esto. bye.</p>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="
|
||||
inline-block mt-6
|
||||
border-2 border-black bg-white px-6 py-2
|
||||
shadow-[0_4px_0_black]
|
||||
hover:shadow-[0_8px_0_black]
|
||||
hover:-translate-y-1
|
||||
transition-all duration-100 ease-linear
|
||||
font-medium
|
||||
"
|
||||
>
|
||||
← Volver
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-blue-300 p-5"></div>
|
||||
|
||||
</main>
|
||||
<br>
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
<body>
|
||||
<main>
|
||||
|
||||
<nav class="bg-gray-800 fixed w-full top-0 z-1">
|
||||
<nav class="bg-gray-800 fixed w-full top-0 z-3">
|
||||
<div class="mx-auto px-4">
|
||||
<div class="flex items-center justify-between h-16">
|
||||
<div class="flex items-center">
|
||||
@@ -122,15 +122,36 @@
|
||||
}
|
||||
</script>
|
||||
|
||||
<div class="pt-16 shadow-md">
|
||||
<div class="bg-blue-300 p-12"></div>
|
||||
<div class="bg-blue-300">
|
||||
<div class="bg-white rounded-md flex flex-col items-center px-2 py-6 max-w-4xl mx-auto">
|
||||
|
||||
<div class="flex pt-4 gap-2 md-4 text-center flex-col bg-slate-800 text-white">
|
||||
<h1 class="font-bold text-6xl antialiased underline font-sans">String Interpolation</h1>
|
||||
<p class="text-xl font-thin italic">Fecha: 24 Oct 2023</p>
|
||||
<div class="w-full mb-8 overflow-hidden rounded-lg shadow-xl border-4 border-black">
|
||||
|
||||
<div class="bg-gray-200 text-gray-600 font-mono text-center py-16">
|
||||
No image
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<article class=" sm:px-2 md:px-16 lg:px-32">
|
||||
<div><h1 id="que-es">¿Que es?</h1>
|
||||
|
||||
|
||||
<h1 class="text-4xl font-bold mb-4 text-center">String Interpolation</h1>
|
||||
|
||||
|
||||
<div class="text-sm text-gray-600 mb-6 font-mono flex gap-4 justify-center">
|
||||
<span>Publicado el: Oct 24, 2023</span>
|
||||
|
||||
<div class="flex gap-2">
|
||||
|
||||
<span class="px-2 py-1 bg-gray-200 rounded-full">#old_blog</span>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="prose prose-lg max-w-none mb-12">
|
||||
<h1 id="que-es">¿Que es?</h1>
|
||||
<p>Es un proceso de evaluado, en el cual se reemplazan placeholders en <code>string</code> por valores, en nuestro caso, de variables en momento de ejecución.</p>
|
||||
<h1 id="sintaxis">Sintaxis</h1>
|
||||
<pre><code>var manzanas = 4;
|
||||
@@ -141,8 +162,27 @@ Console.WriteLine($"Vendí {manzanas + bananas} frutas");
|
||||
</code></pre>
|
||||
<blockquote>
|
||||
<p>Basicamente son plantillas.</p></blockquote>
|
||||
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
<a
|
||||
href="/"
|
||||
class="
|
||||
inline-block mt-6
|
||||
border-2 border-black bg-white px-6 py-2
|
||||
shadow-[0_4px_0_black]
|
||||
hover:shadow-[0_8px_0_black]
|
||||
hover:-translate-y-1
|
||||
transition-all duration-100 ease-linear
|
||||
font-medium
|
||||
"
|
||||
>
|
||||
← Volver
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-blue-300 p-5"></div>
|
||||
|
||||
</main>
|
||||
<br>
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -1 +1 @@
|
||||
{"Target":"/css/main.min.dc22361d05be50226d448c602cf46b05c1baa7be57747253d76a643f7a66ec3f.css","MediaType":"text/css","Data":{"Integrity":"sha256-3CI2HQW+UCJtRIxgLPRrBcG6p75XdHJT12pkP3pm7D8="}}
|
||||
{"Target":"/css/main.min.c67feb5b0ffe441a09f6855db3c483315a9033f837475b2fecdcd272c1306b4f.css","MediaType":"text/css","Data":{"Integrity":"sha256-xn/rWw/+RBoJ9oVds8SDMVqQM/g3R1sv7NzScsEwa08="}}
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user