g_it/site
g_it/site
1
0
Fork 0
Code Issues Releases 1 Wiki Activity Actions

fgixes to CSS and home page.

Browse source
This commit is contained in:
g* 2025-06-14 22:07:10 +02:00
commit 8cc8917aa8
43 changed files with 1126 additions and 340 deletions
Download patch file Download diff file Expand all files Collapse all files

52
docs/index.md
View file

@ -2,36 +2,42 @@
title: Gugulethu Hlekwayo
description: "i'm a writer..."
hide:
- toc
- navigation
- footer
- toc
- navigation
- footer
---
<link href="src/stylesheets/index.css" rel="stylesheet">
<style>
@import url(/src/stylesheets/_index.css);
</style>
<div class="container">
<div class="top-row" style="display: inline-block">
<h2>hi, i'm g* and i write<br></h2>
<p id="hover-text">...</span></p>
<div style="background-color:#EFE5DC; width: 70%; height: 10px; margin-top: 1em"></div>
</div>
<div class="columns">
<div id="visual-hover" class="image-container">
<img src="src/gugulet.hu-visual-face-1276x1276.webp" >
<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='/visual'>
<div id='visual-hover' class='face'>
<img src='/src/gugulet.hu-visual-face-1276x1276.webp' >
</div>
<div id="technical-hover" class="image-container">
<img src="src/gugulet.hu-technical-face-1276x1276.webp" >
</a>
<a href='/technical'>
<div id='technical-hover' class='face'>
<img src='/src/gugulet.hu-technical-face-1276x1276.webp' >
</div>
<div id="writing-hover" class="image-container">
<img src="src/gugulet.hu-writing-face-1276x1276.webp" >
</a>
<a href='/writing'>
<div id='writing-hover' class='face'>
<img src='/src/gugulet.hu-writing-face-1276x1276.webp' >
</div>
</div>
</a>
</div>
<script src="src/js/index-text.js"></script>>
<div id="loader">
<div><img src="src/gugulet.hu-site-logo-350x350.png"></div>
<div id='loader'>
<div><img src='/src/gugulet.hu-site-logo-350x350.png'></div>
</div>
<script src="src/js/loader.js"></script>
<script src='/src/js/faces-intro.js'></script>
<script src='/src/js/hover-text.js'></script>
<script src='/src/js/page-loader.js'></script>