104 lines
4.0 KiB
HTML
104 lines
4.0 KiB
HTML
{{define "landing"}}
|
|
<!doctype html>
|
|
<html lang="en" class="dark">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="color-scheme" content="dark light" />
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, height=device-height, initial-scale=1.0"
|
|
/>
|
|
<title>Guz</title>
|
|
<link rel="stylesheet" href="/assets/out.css" />
|
|
</head>
|
|
<body class="">
|
|
<div class="w-full h-dvh md:flex items-center justify-center p-5">
|
|
<div class="relative md:max-w-[65rem] md:grid grid-cols-2 gap-5">
|
|
<header class="w-full h-full md:h-min mb-5 md:m-0">
|
|
<img
|
|
src="/assets/photo.jpg"
|
|
class="w-full h-full object-cover"
|
|
alt=""
|
|
/>
|
|
</header>
|
|
<main class="flex flex-col">
|
|
<h1>
|
|
Someone who's trying to improve
|
|
<ul class="word-carousel inline-block translate-y-[20%]">
|
|
<li class="text-cyan-10">their code</li>
|
|
<li class="text-purple-10">their art</li>
|
|
<li class="text-grass-10">their music</li>
|
|
<li class="text-red-10">their games</li>
|
|
<li class="text-yellow-10">their photos</li>
|
|
<li class="text-text">themselves</li>
|
|
</ul>
|
|
</h1>
|
|
<p class="text-xl">
|
|
Software Engineer since I learned that Java is a programming
|
|
language and not just a fancy world in a blocky game's title. Also
|
|
digital artist, hobbist photographer, generalist, friend and lover
|
|
during free time. Dabbling between and mashing together art and tech
|
|
is my passion.
|
|
</p>
|
|
<section
|
|
class="flex gap-1 md:flex-col w-full h-full justify-end items-center md:items-start my-5 md:my-0"
|
|
>
|
|
<h2 class="mb-0">Contact</h2>
|
|
<a href="mailto:contact@guz.one">contact@guz.one</a>
|
|
</section>
|
|
<span class="w-28 absolute right-0 bottom-0 hidden md:block">
|
|
{{template "svg-013"}}
|
|
</span>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
<!-- <nav class="bg-red-500 sticky top-0 left-0"> -->
|
|
<!-- <details> -->
|
|
<!-- <summary> -->
|
|
<!-- <span class="block w-10"> {{template "svg-013"}} </span> -->
|
|
<!-- </summary> -->
|
|
<!-- <ul> -->
|
|
<!-- <li><a>Code</a></li> -->
|
|
<!-- <li><a>Art</a></li> -->
|
|
<!-- <li><a>Music</a></li> -->
|
|
<!-- <li><a>Games</a></li> -->
|
|
<!-- <li><a>Photos</a></li> -->
|
|
<!-- <li><a>Contact</a></li> -->
|
|
<!-- </ul> -->
|
|
<!-- </details> -->
|
|
<!-- </nav> -->
|
|
<!-- <article class="p-5 grid"> -->
|
|
<!-- <h2 class="text-3xl">Projects</h2> -->
|
|
<!-- <article> -->
|
|
<!-- <img src="/assets/banner.jpg" alt="" /> -->
|
|
<!-- <h3 class="text-xl">Smalltrip</h3> -->
|
|
<!-- <p> -->
|
|
<!-- A small package to help on your routes, fully compatible to Go's -->
|
|
<!-- standard library net/http. -->
|
|
<!-- </p> -->
|
|
<!-- </article> -->
|
|
<!-- <article> -->
|
|
<!-- <img src="/assets/banner.jpg" alt="" /> -->
|
|
<!-- <h3 class="text-xl">Kois.work</h3> -->
|
|
<!-- <p> -->
|
|
<!-- Lorem ipsum dolor sit amet consectetur adipisicing elit. Rem -->
|
|
<!-- consequatur asperiores officia sed ullam facere! Soluta in deleniti -->
|
|
<!-- quibusdam fuga autem recusandae minima, reiciendis iste ut. Libero -->
|
|
<!-- pariatur quis non! -->
|
|
<!-- </p> -->
|
|
<!-- </article> -->
|
|
<!-- <article> -->
|
|
<!-- <img src="/assets/banner.jpg" alt="" /> -->
|
|
<!-- <h3 class="text-xl">Depgraph</h3> -->
|
|
<!-- <p> -->
|
|
<!-- Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis -->
|
|
<!-- quaerat, ad fugiat nam sit magni neque? Eos cupiditate necessitatibus -->
|
|
<!-- vero minus ducimus quae tempore nulla aliquid nobis, dolore impedit -->
|
|
<!-- nostrum. -->
|
|
<!-- </p> -->
|
|
<!-- </article> -->
|
|
<!-- </article> -->
|
|
</body>
|
|
</html>
|
|
{{end}}
|