añadida paginas de proyecto y CV
This commit is contained in:
@@ -5,8 +5,7 @@
|
||||
<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 }}">
|
||||
<link rel="stylesheet" href="{{ "css/styles.css" | relURL }}">
|
||||
|
||||
<link rel="stylesheet" href="/css/styles.css">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
27
layouts/partials/carousel.html
Normal file
27
layouts/partials/carousel.html
Normal file
@@ -0,0 +1,27 @@
|
||||
<div class="rounded-t-full bg-sky-600">.</div>
|
||||
<div class="flex justify-center gap-2 p-8 bg-sky-600">
|
||||
{{ range .pngFiles }}
|
||||
<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({{.}})">
|
||||
<img src="{{ . }}" alt="Carousel Image" class="
|
||||
h-[20rem] rounded">
|
||||
</button>
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="rounded-b-full bg-sky-600 shadow-xl/30 mb-4">.</div>
|
||||
|
||||
{{ range .pngFiles }}
|
||||
<dialog id="{{ . }}" 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({{.}})" hidden>
|
||||
<img src="{{ . }}" alt="Carousel Image" class="
|
||||
mt-2 p-1 bg-white border-2
|
||||
h-[80%] rounded-md opacity-100">
|
||||
</dialog>
|
||||
{{ end }}
|
||||
<script>
|
||||
function openmodal(id){
|
||||
let dialog = document.getElementById(id);
|
||||
dialog.toggleAttribute("hidden");
|
||||
}
|
||||
</script>
|
||||
@@ -16,7 +16,7 @@
|
||||
>
|
||||
<a
|
||||
class="text-gray-300 hover:text-white px-3 py-2 muted"
|
||||
title="Under Construction 🚧👷♂️🏗️"
|
||||
href="https://fedesrv.ddns.net/git/fede/CV/media/branch/master/AltaCV_Template.pdf"
|
||||
target="_blank"
|
||||
>CV</a
|
||||
>
|
||||
|
||||
@@ -2,12 +2,11 @@
|
||||
<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"
|
||||
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 }}"
|
||||
src="{{path.Join .Path .Params.image}}"
|
||||
alt="{{ .Title }}"
|
||||
class="w-full h-48 object-cover"
|
||||
/>
|
||||
|
||||
13
layouts/partials/separador.html
Normal file
13
layouts/partials/separador.html
Normal file
@@ -0,0 +1,13 @@
|
||||
<div class="flex justify-center">
|
||||
<div class="flex w-100 ">
|
||||
<hr class="w-[50%] mt-6">
|
||||
<p class="text-4xl">
|
||||
{{if .text}}
|
||||
{{.text}}
|
||||
{{else}}
|
||||
o
|
||||
{{end}}
|
||||
</p>
|
||||
<hr class="w-[50%] mt-6">
|
||||
</div>
|
||||
</div>
|
||||
@@ -34,9 +34,9 @@
|
||||
</div>
|
||||
|
||||
<!-- Contenido del post -->
|
||||
<div class="prose prose-lg max-w-none mb-12">
|
||||
<article>
|
||||
{{ .Content }}
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Botón de volver -->
|
||||
<a
|
||||
|
||||
42
layouts/proyectos/single.html
Normal file
42
layouts/proyectos/single.html
Normal file
@@ -0,0 +1,42 @@
|
||||
{{ define "main" }}
|
||||
{{ partial "nav.html" .}}
|
||||
|
||||
{{ $filePath := .File.Path }}
|
||||
{{ $dirPath := path.Dir $filePath }}
|
||||
{{ $projectRoot := "content" }}
|
||||
{{ $fullDirPath := path.Join $projectRoot $dirPath }}
|
||||
{{ $files := readDir $fullDirPath }}
|
||||
|
||||
{{$pngs := slice}}
|
||||
{{range $files}}
|
||||
{{if strings.Contains .Name "index.png"}} {{continue}} {{end}}
|
||||
{{if strings.Contains .Name "png" }} {{$pngs = $pngs | append .Name}} {{end}}
|
||||
{{if strings.Contains .Name "gif" }} {{$pngs = $pngs | append .Name}} {{end}}
|
||||
{{end}}
|
||||
<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">{{.Title}}</header>
|
||||
|
||||
{{ partial "separador.html" }}
|
||||
|
||||
<div class="flex flex-col justify-center w-fit mx-auto mt-2">
|
||||
{{ partial "carousel.html" (dict "pngFiles" $pngs) }}
|
||||
</div>
|
||||
{{ partial "separador.html" }}
|
||||
<div class="flex justify-center mt-2">
|
||||
<article>{{ .Content }}</article>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bg-sky-300 rounded-b-full shadow-md">
|
||||
<p>.</p>
|
||||
</div>
|
||||
|
||||
{{ end }}
|
||||
Reference in New Issue
Block a user