---
title: i'm a writer
description: "i'm a writer..."
hide:
     - toc
     - navigation
---

<link href="/src/stylesheets/_index.css" rel="stylesheet">
<style>
     footer {
          display: none !important;
     }
</style>

<div class='hero-text'>
     <h2>hi, i'm g* and i write</h2>
     <h4 id='hover-text'>...</h4>
     <div class='accent-divider'></div>
</div>
<div class='faces'>
     <!-- <a href='#'> -->
          <div id='visual-hover' class='face'>
               <img src='/src/gugulet.hu-visual-face-1276x1276.webp' >
          </div>
     <!-- </a>
     <a href='#'> -->
          <div id='technical-hover' class='face'>
               <img src='/src/gugulet.hu-technical-face-1276x1276.webp' >
          </div>
     <!-- </a>
     <a href='#'> -->
          <div id='writing-hover' class='face'>
               <img src='/src/gugulet.hu-writing-face-1276x1276.webp' >
          </div>
     <!-- </a> -->
</div>

<div id='loader'>
     <div><img src='/src/gugulet.hu-site-logo-350x350.png'></div>
     <script src='/src/js/loader.js'></script>
</div>

<script src='/src/js/index.js'></script>