80 lines
3.5 KiB
HTML
80 lines
3.5 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
|
<title>tanyesil</title>
|
||
|
|
<link id="favicon" rel="icon" href="/favicon.png" type="image/png">
|
||
|
|
<link rel="stylesheet" href="/style.css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<script src="/oneko.js"></script>
|
||
|
|
<header class="site-header">
|
||
|
|
<nav class="nav">
|
||
|
|
<ul>
|
||
|
|
<li><a href="https://tanyesil.com">Home</a></li>
|
||
|
|
<li><a href="https://tanyesil.com/about">About</a></li>
|
||
|
|
<li><a href="https://tanyesil.com/portfolio">Portfolio</a></li>
|
||
|
|
<li><a href="https://tanyesil.com/gems">Gems</a></li>
|
||
|
|
<li><a href="https://tanyesil.com/supersecret">Super Secret!!</a></li>
|
||
|
|
</ul>
|
||
|
|
</nav>
|
||
|
|
</header>
|
||
|
|
<div class="container">
|
||
|
|
<h1 class="title">TanYesil's Collection of </h1>
|
||
|
|
<div class="glitch">
|
||
|
|
<span aria-hidden="true">Little Gems!</span>Little Gems!
|
||
|
|
</div>
|
||
|
|
<div class="links">
|
||
|
|
<a href="https://batujk.com" class="retro-button">BatuJK</a>
|
||
|
|
<a href="https://tanyesil.com/gems/kakoune" class="retro-button">Kakoune</a>
|
||
|
|
<a href="https://ombi.tanyesil.com" class="retro-button">Plex Requests</a><br>
|
||
|
|
<a href="https://github.com/tylxr59/oneko.js/tree/main" class="retro-button">oneko.js</a>
|
||
|
|
<a href="http://tom7.org/index.html" class="retro-button">tom7.org</a>
|
||
|
|
<a href="https://tanyesil.com/portfolio" class="retro-button">Portfolio</a><br>
|
||
|
|
<a href="https://farside.link" class="retro-button">useful links</a>
|
||
|
|
</div>
|
||
|
|
<p class="intro">welcome to my website, this is a hub for things i host and <br>things i find worthy enough to share</p>
|
||
|
|
<!-- Central Content Area -->
|
||
|
|
<section class="content-area">
|
||
|
|
<h2>Gallery</h2>
|
||
|
|
<div class="gallery" id="gallery">
|
||
|
|
<ul class="image-grid">
|
||
|
|
<a href="https://twitter.com/AlpackyAlt"><img src="1.jpg" alt="Alpacky"></a>
|
||
|
|
<a href="https://twitter.com/pseudo___me"><img src="2.jpg" alt="Pseudo___me"></a>
|
||
|
|
<a href="https://twitter.com/kisumirei41"><img src="3.jpg" alt="kisumirei41"></a>
|
||
|
|
</ul>
|
||
|
|
<p> <br>some artists I have known and loved, please do check them out!!</p>
|
||
|
|
</div>
|
||
|
|
<div class="blog" id="blog">
|
||
|
|
<h2>Latest Blog Posts</h2>
|
||
|
|
<!-- hey it works so who's to blame -->
|
||
|
|
<b class= "blog-post-spacer">
|
||
|
|
<a href="gems/kakoune">
|
||
|
|
<article class="blog-post">
|
||
|
|
<h3>Kakoune is the Best</h3>
|
||
|
|
<p>the vibe alone is worth a shot, or maybe i am just overthinking
|
||
|
|
a simple text editor</p>
|
||
|
|
</article>
|
||
|
|
</a>
|
||
|
|
</b>
|
||
|
|
<a>
|
||
|
|
<article class="blog-post">
|
||
|
|
<h3>Summer 2024 reading list</h3>
|
||
|
|
<p>Upcoming post...</p>
|
||
|
|
</article>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<p class="intro">make sure you pet the cat before you head out</p>
|
||
|
|
<footer class="footer">
|
||
|
|
<p>© GPL2 2024 Tan Yesilkaya - Powered by
|
||
|
|
<a href="https://alpinelinux.org" class="footer">Alpine Linux</a>,
|
||
|
|
<a href="https://nixos.org" class="footer"> NixOS</a>
|
||
|
|
and love</p>
|
||
|
|
</footer>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|