683 lines
23 KiB
HTML
683 lines
23 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta name="generator" content="Hugo 0.155.3">
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Blog Fede</title>
|
|
<link rel="stylesheet" href="/css/main.css">
|
|
<link rel="stylesheet" href="/css/styles.css">
|
|
|
|
</head>
|
|
<body>
|
|
<main>
|
|
|
|
<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">
|
|
<a href="/" class="text-white font-bold text-xl"
|
|
>Fede Landing Site</a
|
|
>
|
|
</div>
|
|
|
|
<div class="hidden md:flex">
|
|
<a
|
|
href="/git"
|
|
target="_blank"
|
|
class="text-gray-300 hover:text-white px-3 py-2"
|
|
>Git</a
|
|
>
|
|
<a
|
|
class="text-gray-300 hover:text-white px-3 py-2 muted"
|
|
href="https://fedesrv.ddns.net/git/fede/CV/media/branch/master/Federico_Polidoro_CV.pdf"
|
|
target="_blank"
|
|
>CV</a
|
|
>
|
|
<a
|
|
href="https://github.com/fedpo2"
|
|
target="_blank"
|
|
class="text-gray-300 hover:text-white px-3 py-2"
|
|
>GitHub</a
|
|
>
|
|
<a
|
|
href="mailto:federico.nicolas.polidoro@gmail.com"
|
|
target="_blank"
|
|
class="text-gray-300 hover:text-white px-3 py-2"
|
|
>Email</a
|
|
>
|
|
<a
|
|
href="https://www.linkedin.com/in/federico-polidoro-40137a25b/"
|
|
target="_blank"
|
|
class="text-gray-300 hover:text-white px-3 py-2"
|
|
>LinkedIn</a
|
|
>
|
|
</div>
|
|
|
|
<div class="md:hidden cursor-context-menu">
|
|
<button
|
|
onclick="toggleOffCanvas()"
|
|
class="border px-2 py-1 rounded text-white"
|
|
>
|
|
<svg
|
|
class="h-6 w-6"
|
|
fill="none"
|
|
viewBox="0 0 24 24"
|
|
stroke="currentColor"
|
|
>
|
|
<path
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
stroke-width="2"
|
|
d="M0 6h25M0 12h25M0 18h25"
|
|
/>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
id="offCanvas"
|
|
class="fixed top-16 right-0 w-64 h-screen bg-gray-800 transform translate-x-full transition-transform duration-200 ease-in-out"
|
|
>
|
|
<div class="flex flex-col p-4">
|
|
<a
|
|
href="/git"
|
|
target="_blank"
|
|
class="text-gray-300 hover:text-white px-3 py-2"
|
|
>Git</a
|
|
>
|
|
<a
|
|
class="text-gray-300 hover:text-white px-3 py-2 muted"
|
|
href="https://fedesrv.ddns.net/git/fede/CV/media/branch/master/Federico_Polidoro_CV.pdf"
|
|
target="_blank"
|
|
>CV</a
|
|
>
|
|
<a
|
|
href="https://github.com/fedpo2"
|
|
target="_blank"
|
|
class="text-gray-300 hover:text-white px-3 py-2"
|
|
>GitHub</a
|
|
>
|
|
<a
|
|
href="mailto:federico.nicolas.polidoro@gmail.com"
|
|
target="_blank"
|
|
class="text-gray-300 hover:text-white px-3 py-2"
|
|
>Email</a
|
|
>
|
|
<a
|
|
href="https://www.linkedin.com/in/federico-polidoro-40137a25b/"
|
|
target="_blank"
|
|
class="text-gray-300 hover:text-white px-3 py-2"
|
|
>LinkedIn</a
|
|
>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<script>
|
|
function toggleOffCanvas() {
|
|
const offCanvas = document.getElementById("offCanvas");
|
|
offCanvas.classList.toggle("translate-x-full");
|
|
}
|
|
</script>
|
|
|
|
<div
|
|
class="rounded flex dark:bg-black justify-center items-center h-screen w-full bg-[repeating-linear-gradient(transparent,transparent_27px,#333_28px)] dark:bg-[repeating-linear-gradient(transparent,transparent_27px,#aaa_28px)] bg-[size:100%_28px] shadow-[0_4px_6px_-1px_rgb(107,114,128)]"
|
|
>
|
|
<div
|
|
class="bg-cyan-200 dark:bg-emerald-500 border-2 dark:border-white rounded-lg p-2"
|
|
>
|
|
<div class="flex flex-col sm:flex-row items-center">
|
|
<img
|
|
src="fede.jpg"
|
|
class="w-22 object-cover rounded-lg border-4 border-gray-400 grayscale hover:grayscale-0 z-0"
|
|
/>
|
|
|
|
<div class="hidden sm:flex flex-col items-center p-2">
|
|
<div class="w-[2px] h-16 bg-black"></div>
|
|
</div>
|
|
<p
|
|
class="underline font-serif font-bold text-2xl md:text-4xl lg:text-5xl self-center"
|
|
>
|
|
Federico Polidoro
|
|
</p>
|
|
</div>
|
|
<p class="font-mono font-light">
|
|
Estudiante de ingenieria en sistemas
|
|
</p>
|
|
</div>
|
|
<div class="absolute bottom-8 flex justify-center w-full animate-bounce">
|
|
<svg width="40" height="20" viewBox="0 0 40 20">
|
|
<defs>
|
|
<linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color: #ff0000" />
|
|
<stop offset="100%" style="stop-color: #ffff00" />
|
|
</linearGradient>
|
|
</defs>
|
|
<path d="M0 0 L20 20 L40 0 Z" fill="url(#grad)" />
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<hr class="m-4" />
|
|
|
|
<div class="flex justify-center p-8 flex-col items-center bg-teal-200 rounded-t-lg shadow-md">
|
|
<p
|
|
class="underline font-serif font-bold text-2xl md:text-4xl lg:text-5xl self-center"
|
|
>
|
|
Sitemap
|
|
</p>
|
|
|
|
<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
|
|
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
|
|
"
|
|
>
|
|
<a href="/url" class="block w-86 h-48">
|
|
|
|
|
|
<div class="w-full h-48 border border-gray-200 flex flex-col justify-center items-center p-5">
|
|
<span class="text-gray-700 font-mono text-lg font-medium leading-tight">
|
|
Acortador
|
|
</span>
|
|
<p class="text-gray-400 font-mono text-sm line-clamp-2 bg-grey-300 p-1 rounded-lg">
|
|
/url
|
|
</p>
|
|
</div>
|
|
|
|
</a>
|
|
</div>
|
|
|
|
<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
|
|
"
|
|
>
|
|
<a href="/git" class="block w-86 h-48">
|
|
|
|
|
|
<div class="w-full h-48 border border-gray-200 flex flex-col justify-center items-center p-5">
|
|
<span class="text-gray-700 font-mono text-lg font-medium leading-tight">
|
|
Gitea
|
|
</span>
|
|
<p class="text-gray-400 font-mono text-sm line-clamp-2 bg-grey-300 p-1 rounded-lg">
|
|
/git
|
|
</p>
|
|
</div>
|
|
|
|
</a>
|
|
</div>
|
|
|
|
<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
|
|
"
|
|
>
|
|
<a href="/ircc" class="block w-86 h-48">
|
|
|
|
|
|
<div class="w-full h-48 border border-gray-200 flex flex-col justify-center items-center p-5">
|
|
<span class="text-gray-700 font-mono text-lg font-medium leading-tight">
|
|
Irc
|
|
</span>
|
|
<p class="text-gray-400 font-mono text-sm line-clamp-2 bg-grey-300 p-1 rounded-lg">
|
|
/ircc
|
|
</p>
|
|
</div>
|
|
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<hr class="m-4" />
|
|
|
|
|
|
<div class="flex justify-center p-8 flex-col items-center bg-sky-200 rounded-t-lg shadow-md">
|
|
<p
|
|
class="underline font-serif font-bold text-2xl md:text-4xl lg:text-5xl self-center"
|
|
>
|
|
Portfolio
|
|
</p>
|
|
<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="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"
|
|
>
|
|
<a
|
|
href="https://fedesrv.ddns.net/proyectos/url-short/"
|
|
>
|
|
|
|
<img
|
|
src="/proyectos/url-short/image.png"
|
|
alt="Url Short"
|
|
class="w-full h-48 object-cover"
|
|
/>
|
|
|
|
|
|
<div class="p-4">
|
|
<h2 class="text-xl font-bold mb-2">Url Short</h2>
|
|
<p class="text-gray-700 mb-4">
|
|
<p>Finalmente me decidi por realizar mi primer proyecto usando go. Este es un acortador de urls el cual permite registar las urls en una base de datos …</p>
|
|
</p>
|
|
|
|
<div class="flex justify-between items-center">
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
|
|
<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"
|
|
>
|
|
<a
|
|
href="https://fedesrv.ddns.net/proyectos/paneldb/"
|
|
>
|
|
|
|
<div
|
|
class="w-full h-48 bg-gray-200 flex items-center justify-center"
|
|
>
|
|
<span class="text-gray-500">No image</span>
|
|
</div>
|
|
|
|
|
|
<div class="p-4">
|
|
<h2 class="text-xl font-bold mb-2">Panel Web</h2>
|
|
<p class="text-gray-700 mb-4">
|
|
<p>Este panel web es una herramienta de visualización y análisis de datos para una cadena hotelera, desarrollado como trabajo final para el curso de Base …</p>
|
|
</p>
|
|
|
|
<div class="flex justify-between items-center">
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
|
|
<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"
|
|
>
|
|
<a
|
|
href="https://fedesrv.ddns.net/proyectos/controlstock/"
|
|
>
|
|
|
|
<div
|
|
class="w-full h-48 bg-gray-200 flex items-center justify-center"
|
|
>
|
|
<span class="text-gray-500">No image</span>
|
|
</div>
|
|
|
|
|
|
<div class="p-4">
|
|
<h2 class="text-xl font-bold mb-2">Gestor de Stock</h2>
|
|
<p class="text-gray-700 mb-4">
|
|
<p>Este sistema de gestión de inventario está desarrollado en C# utilizando Windows Forms. La aplicación permite administrar eficientemente el stock de …</p>
|
|
</p>
|
|
|
|
<div class="flex justify-between items-center">
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
|
|
<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"
|
|
>
|
|
<a
|
|
href="https://fedesrv.ddns.net/proyectos/coordkeeper/"
|
|
>
|
|
|
|
<img
|
|
src="/proyectos/coordkeeper/index.png"
|
|
alt="CoordKeeper"
|
|
class="w-full h-48 object-cover"
|
|
/>
|
|
|
|
|
|
<div class="p-4">
|
|
<h2 class="text-xl font-bold mb-2">CoordKeeper</h2>
|
|
<p class="text-gray-700 mb-4">
|
|
<p>es una aplicación web desarrollada con React diseñada específicamente para jugadores de Minecraft. Esta herramienta permite a los usuarios almacenar, …</p>
|
|
</p>
|
|
|
|
<div class="flex justify-between items-center">
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
</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
|
|
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
|
|
src="cover.png"
|
|
alt="Coord Keeper"
|
|
class="w-full h-48 object-cover"
|
|
/>
|
|
|
|
|
|
<div class="p-4">
|
|
<h2 class="text-xl font-bold mb-2">Coord Keeper</h2>
|
|
<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>
|
|
|
|
<div class="flex justify-between items-center">
|
|
<a
|
|
href="https://fedesrv.ddns.net/posts/coord-keeper/"
|
|
class="text-blue-700 underline hover:text-blue-900 font-medium"
|
|
>Leer más</a
|
|
>
|
|
|
|
<span class="text-sm text-gray-600 font-mono">
|
|
Mar 19, 2025
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<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
|
|
"
|
|
>
|
|
|
|
<img
|
|
src="cover2.png"
|
|
alt="Sistema Alquileres DevLog n1"
|
|
class="w-full h-48 object-cover"
|
|
/>
|
|
|
|
|
|
<div class="p-4">
|
|
<h2 class="text-xl font-bold mb-2">Sistema Alquileres DevLog n1</h2>
|
|
<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>
|
|
|
|
<div class="flex justify-between items-center">
|
|
<a
|
|
href="https://fedesrv.ddns.net/posts/sist_alquileres_devlog_1/"
|
|
class="text-blue-700 underline hover:text-blue-900 font-medium"
|
|
>Leer más</a
|
|
>
|
|
|
|
<span class="text-sm text-gray-600 font-mono">
|
|
Nov 10, 2024
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<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
|
|
"
|
|
>
|
|
|
|
<img
|
|
src="cover.jpg"
|
|
alt="Fix Screen Tear x11"
|
|
class="w-full h-48 object-cover"
|
|
/>
|
|
|
|
|
|
<div class="p-4">
|
|
<h2 class="text-xl font-bold mb-2">Fix Screen Tear x11</h2>
|
|
<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>
|
|
|
|
<div class="flex justify-between items-center">
|
|
<a
|
|
href="https://fedesrv.ddns.net/posts/fix_screen_tear_xfce/"
|
|
class="text-blue-700 underline hover:text-blue-900 font-medium"
|
|
>Leer más</a
|
|
>
|
|
|
|
<span class="text-sm text-gray-600 font-mono">
|
|
Nov 9, 2024
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<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
|
|
"
|
|
>
|
|
|
|
<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>
|
|
|
|
|
|
<div class="p-4">
|
|
<h2 class="text-xl font-bold mb-2">String Interpolation</h2>
|
|
<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>
|
|
|
|
<div class="flex justify-between items-center">
|
|
<a
|
|
href="https://fedesrv.ddns.net/posts/string-interpolation/"
|
|
class="text-blue-700 underline hover:text-blue-900 font-medium"
|
|
>Leer más</a
|
|
>
|
|
|
|
<span class="text-sm text-gray-600 font-mono">
|
|
Oct 24, 2023
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<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
|
|
"
|
|
>
|
|
|
|
<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>
|
|
|
|
|
|
<div class="p-4">
|
|
<h2 class="text-xl font-bold mb-2">Anuncio Aoc 2023</h2>
|
|
<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>
|
|
<li>Preparacion de …</li></ul>
|
|
</p>
|
|
|
|
<div class="flex justify-between items-center">
|
|
<a
|
|
href="https://fedesrv.ddns.net/posts/anuncio-aoc-2023/"
|
|
class="text-blue-700 underline hover:text-blue-900 font-medium"
|
|
>Leer más</a
|
|
>
|
|
|
|
<span class="text-sm text-gray-600 font-mono">
|
|
Oct 3, 2023
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<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
|
|
"
|
|
>
|
|
|
|
<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>
|
|
|
|
|
|
<div class="p-4">
|
|
<h2 class="text-xl font-bold mb-2">Bootloader Incident</h2>
|
|
<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>
|
|
</p>
|
|
|
|
<div class="flex justify-between items-center">
|
|
<a
|
|
href="https://fedesrv.ddns.net/posts/bootloaderincident/"
|
|
class="text-blue-700 underline hover:text-blue-900 font-medium"
|
|
>Leer más</a
|
|
>
|
|
|
|
<span class="text-sm text-gray-600 font-mono">
|
|
Sep 26, 2023
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</main>
|
|
<br>
|
|
<footer class="text-center text-sm text-gray-500 mt-12 py-6 border-t">
|
|
© 2026 Federico Polidoro
|
|
</footer>
|
|
</body>
|
|
</html>
|