añadida paginas de proyecto y CV
This commit is contained in:
270
public/proyectos/coordkeeper/index.html
Normal file
270
public/proyectos/coordkeeper/index.html
Normal file
@@ -0,0 +1,270 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>CoordKeeper</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/AltaCV_Template.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"
|
||||
title="Under Construction 🚧👷♂️🏗️"
|
||||
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>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<style>
|
||||
@font-face {
|
||||
font-family: 'MiFuente';
|
||||
src: url('/calamity.ttf') format('truetype');
|
||||
}
|
||||
header{
|
||||
font-family: 'MiFuente', sans-serif;
|
||||
}
|
||||
</style>
|
||||
<div class="mt-16 bg-sky-300">
|
||||
<header class="text-center text-6xl pt-5">CoordKeeper</header>
|
||||
|
||||
<div class="flex justify-center">
|
||||
<div class="flex w-100 ">
|
||||
<hr class="w-[50%] mt-6">
|
||||
<p class="text-4xl">
|
||||
|
||||
o
|
||||
|
||||
</p>
|
||||
<hr class="w-[50%] mt-6">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="flex flex-col justify-center w-fit mx-auto mt-2">
|
||||
<div class="rounded-t-full bg-sky-600">.</div>
|
||||
<div class="flex justify-center gap-2 p-8 bg-sky-600">
|
||||
|
||||
<button class="p-1 rounded bg-white transform hover:scale-120
|
||||
transition-all duration-100 ease-linear border-2 hover:z-2 active:z-0" onclick="openmodal("1.gif")">
|
||||
<img src="1.gif" alt="Carousel Image" class="
|
||||
h-[20rem] rounded">
|
||||
</button>
|
||||
|
||||
<button class="p-1 rounded bg-white transform hover:scale-120
|
||||
transition-all duration-100 ease-linear border-2 hover:z-2 active:z-0" onclick="openmodal("1.png")">
|
||||
<img src="1.png" alt="Carousel Image" class="
|
||||
h-[20rem] rounded">
|
||||
</button>
|
||||
|
||||
<button class="p-1 rounded bg-white transform hover:scale-120
|
||||
transition-all duration-100 ease-linear border-2 hover:z-2 active:z-0" onclick="openmodal("2.png")">
|
||||
<img src="2.png" alt="Carousel Image" class="
|
||||
h-[20rem] rounded">
|
||||
</button>
|
||||
|
||||
</div>
|
||||
<div class="rounded-b-full bg-sky-600 shadow-xl/30 mb-4">.</div>
|
||||
|
||||
|
||||
<dialog id="1.gif" class="fixed inset-0 flex items-center justify-center
|
||||
z-50 w-full h-full bg-black bg-opacity-50"
|
||||
style="background-color: rgba(0,0,0,0.2);" onclick="openmodal("1.gif")" hidden>
|
||||
<img src="1.gif" alt="Carousel Image" class="
|
||||
mt-2 p-1 bg-white border-2
|
||||
h-[80%] rounded-md opacity-100">
|
||||
</dialog>
|
||||
|
||||
<dialog id="1.png" class="fixed inset-0 flex items-center justify-center
|
||||
z-50 w-full h-full bg-black bg-opacity-50"
|
||||
style="background-color: rgba(0,0,0,0.2);" onclick="openmodal("1.png")" hidden>
|
||||
<img src="1.png" alt="Carousel Image" class="
|
||||
mt-2 p-1 bg-white border-2
|
||||
h-[80%] rounded-md opacity-100">
|
||||
</dialog>
|
||||
|
||||
<dialog id="2.png" class="fixed inset-0 flex items-center justify-center
|
||||
z-50 w-full h-full bg-black bg-opacity-50"
|
||||
style="background-color: rgba(0,0,0,0.2);" onclick="openmodal("2.png")" hidden>
|
||||
<img src="2.png" alt="Carousel Image" class="
|
||||
mt-2 p-1 bg-white border-2
|
||||
h-[80%] rounded-md opacity-100">
|
||||
</dialog>
|
||||
|
||||
<script>
|
||||
function openmodal(id){
|
||||
let dialog = document.getElementById(id);
|
||||
dialog.toggleAttribute("hidden");
|
||||
}
|
||||
</script>
|
||||
|
||||
</div>
|
||||
<div class="flex justify-center">
|
||||
<div class="flex w-100 ">
|
||||
<hr class="w-[50%] mt-6">
|
||||
<p class="text-4xl">
|
||||
|
||||
o
|
||||
|
||||
</p>
|
||||
<hr class="w-[50%] mt-6">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex justify-center mt-2">
|
||||
<article><p>es una aplicación web desarrollada con React diseñada específicamente para jugadores de Minecraft. Esta herramienta permite a los usuarios almacenar, organizar y gestionar fácilmente las coordenadas de ubicaciones importantes dentro del juego.</p>
|
||||
<h2 id="características">Características</h2>
|
||||
<ul>
|
||||
<li>Almacenamiento de coordenadas X, Y, Z de lugares importantes</li>
|
||||
<li>Organización por Dimensiones</li>
|
||||
<li>Interfaz intuitiva y fácil de usar</li>
|
||||
<li>Acceso rápido a tus coordenadas guardadas</li>
|
||||
</ul>
|
||||
<p>Ya no tendrás que depender de notas dispersas o capturas de pantalla para recordar dónde encontraste ese templo submarino o aquella cueva de diamantes. CoordKeeper mantiene toda esta información organizada en un solo lugar.</p>
|
||||
<p>Visita el <a href="https://git.sr.ht/~fedpo/Coord-Keeper-Minecraft">repositorio</a> para más información o para contribuir al proyecto.</p>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-sky-300 rounded-b-full shadow-md">
|
||||
<p>.</p>
|
||||
</div>
|
||||
|
||||
|
||||
</main>
|
||||
<br>
|
||||
<footer class="text-center text-sm text-gray-500 mt-12 py-6 border-t">
|
||||
© 2025 Federico Polidoro
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user