me dejaron cocinar demaciado
This commit is contained in:
19
layouts/_default/baseof.html
Normal file
19
layouts/_default/baseof.html
Normal file
@@ -0,0 +1,19 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>{{ .Title }}</title>
|
||||
<link rel="stylesheet" href="{{ "css/main.css" | resources.Get | css.PostCSS | resources.Minify | resources.Fingerprint | relURL }}">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
{{ block "main" . }}{{ end }}
|
||||
</main>
|
||||
<br>
|
||||
<footer class="text-center text-sm text-gray-500 mt-12 py-6 border-t">
|
||||
© {{ now.Year }} Mi Nombre
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
167
layouts/_default/index.html
Normal file
167
layouts/_default/index.html
Normal file
@@ -0,0 +1,167 @@
|
||||
{{ define "main" }}
|
||||
<nav class="bg-gray-800 fixed w-full top-0 z-1">
|
||||
<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>
|
||||
<!-- Desktop Menu -->
|
||||
<div class="hidden md:flex">
|
||||
<a
|
||||
href="/Blog"
|
||||
target="_blank"
|
||||
class="text-gray-300 hover:text-white px-3 py-2"
|
||||
>Blog</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>
|
||||
<!-- Mobile Menu Button -->
|
||||
<div class="md:hidden">
|
||||
<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>
|
||||
<!-- Off-canvas Menu -->
|
||||
<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="/Blog"
|
||||
target="_blank"
|
||||
class="text-gray-300 hover:text-white px-3 py-2"
|
||||
>Blog</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>
|
||||
<div
|
||||
class="rounded flex justify-center items-center h-screen w-screen bg-[repeating-linear-gradient(transparent,transparent_27px,#333_28px)] bg-[size:100%_28px] shadow-[0_4px_6px_-1px_rgb(107,114,128)]"
|
||||
>
|
||||
<div class="bg-cyan-200 border-2 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"
|
||||
>
|
||||
{{ .Site.Params.author }}
|
||||
</p>
|
||||
</div>
|
||||
<p class="font-mono font-light">
|
||||
{{ if .Site.Params.leyenda }} {{ .Site.Params.leyenda }} {{ end }}
|
||||
</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">
|
||||
<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)]"
|
||||
>
|
||||
<div class="px-6 py-4 flex flex-col sm:flex-row justify-between">
|
||||
<span
|
||||
class="inline-block bg-gray-200 border rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2 mb-2 sm:mb-0"
|
||||
>
|
||||
<div class="font-bold text-black text-xl">Portfolio</div>
|
||||
</span>
|
||||
<span
|
||||
class="inline-block bg-gray-200 border rounded-full px-3 py-1 text-sm font-semibold text-gray-700 mr-2"
|
||||
>
|
||||
<p class="text-black text-sm md:text-xl">
|
||||
Algunos proyectos que he estado haciendo
|
||||
</p>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
17
layouts/partials/css.html
Normal file
17
layouts/partials/css.html
Normal file
@@ -0,0 +1,17 @@
|
||||
{{ with (templates.Defer (dict "key" "global")) }}
|
||||
{{ with resources.Get "css/main.css" }}
|
||||
{{ $opts := dict
|
||||
"minify" hugo.IsProduction
|
||||
"inlineImports" true
|
||||
}}
|
||||
{{ with . | css.TailwindCSS $opts }}
|
||||
{{ if hugo.IsProduction }}
|
||||
{{ with . | fingerprint }}
|
||||
<link rel="stylesheet" href="{{ .RelPermalink }}" integrity="{{ .Data.Integrity }}" crossorigin="anonymous">
|
||||
{{ end }}
|
||||
{{ else }}
|
||||
<link rel="stylesheet" href="{{ .RelPermalink }}">
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
Reference in New Issue
Block a user