coderrrrr.site/index.html

118 lines
4.6 KiB
HTML

<html lang="en-US" data-theme="mocha">
<head>
<link rel="icon" type="image/x-icon" href="">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="viewport-fit=cover">
<title>coderrrrr</title>
<!-- IndieWeb Part Start -->
<link href="https://github.com/turbomaster95" rel="me"></a>
<link href="https://usr.cloud/@coder" rel="me">
<link rel="pgpkey" href="/assets/key.asc">
<link rel="webmention" href="https://webmention.io/coder.is-a.dev/webmention" />
<link rel="openid.delegate" href="https://coder.is-a.dev/" />
<link rel="openid.server" href="https://indieauth.com/openid" />
<link rel="authorization_endpoint" href="https://indieauth.com/auth" />
<link rel="token_endpoint" href="https://tokens.indieauth.com/token" />
<script defer src="https://melonking.net/scripts/swatchTime.js"></script>
<!-- IndieWeb Part End -->
<!-- Styling Part Start -->
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />
<script src="https://unpkg.com/lucide@latest"></script>
<link href="https://cdn.jsdelivr.net/npm/@catppuccin/daisyui@2/themes.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.jsdelivr.net/npm/theme-change@2.0.2/index.js"></script>
<link rel="stylesheet" href="css/theme.css">
<style>
@font-face {
font-display: swap;
font-family: 'Libre Baskerville';
font-style: normal;
font-weight: 400;
src: url('/assets/LibreBaskerville-Medium.ttf');
}
@font-face {
font-display: swap;
font-family: 'Libre Baskerville Italic';
font-style: italic;
font-weight: 400;
src: url('/assets/LibreBaskerville-MediumItalic.ttf');
}
</style>
<!-- Styling Part End -->
</head>
<body>
<a href="https://notbyai.fyi">
<div
class="hover-3d fixed left-1/2 -translate-x-1/2 bottom-24 md:bottom-6 md:right-6 md:left-auto md:translate-x-0 z-40 cursor-pointer hover:scale-110">
<!-- content -->
<div>
<div class="theme-badge w-[131px] h-[42px] bg-contain bg-no-repeat bg-center" aria-label="Not By AI badge">
</div>
</div>
<!-- 8 empty divs needed for the 3D effect -->
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</a>
<h1>Hi, I'm Deva.</h1>
<div
class="dock fixed bottom-4 left-1/2 -translate-x-1/2 w-11/12 max-w-lg md:w-auto px-2 rounded-2xl border-2 border-base-300 shadow-xl z-50">
<button class="hover:scale-110">
<i data-lucide="home"></i>
</button>
<button class="hover:scale-110">
<i data-lucide="mail"></i>
</button>
<button class="hover:scale-110">
<i data-lucide="send"></i>
</button>
<div class="dropdown dropdown-top dropdown-end">
<div tabindex="0" role="button"
class="btn btn-ghost hover:scale-110 flex items-center justify-center h-full m-0 p-0 border-none shadow-none min-h-0">
<i data-lucide="palette" class="size-6"></i>
</div>
<ul tabindex="0"
class="dropdown-content menu bg-base-200 rounded-box z-[1] w-48 p-2 shadow-2xl border border-base-300 mb-3 overflow-hidden">
<li><input type="radio" name="theme-dropdown"
class="theme-controller btn btn-sm btn-ghost justify-start font-normal" aria-label="Mocha 🐾" value="mocha"
checked /></li>
<li><input type="radio" name="theme-dropdown"
class="theme-controller btn btn-sm btn-ghost justify-start font-normal" aria-label="Darky 🌙"
value="darky" /></li>
<li><input type="radio" name="theme-dropdown"
class="theme-controller btn btn-sm btn-ghost justify-start font-normal" aria-label="Nord ❄️" value="nord" />
</li>
<li><input type="radio" name="theme-dropdown"
class="theme-controller btn btn-sm btn-ghost justify-start font-normal" aria-label="Tokyo Night 🌃"
value="tokyonight" /></li>
<li><input type="radio" name="theme-dropdown"
class="theme-controller btn btn-sm btn-ghost justify-start font-normal" aria-label="Rosé Pine 🌹"
value="rosepine" /></li>
<li><input type="radio" name="theme-dropdown"
class="theme-controller btn btn-sm btn-ghost justify-start font-normal" aria-label="Everforest 🌲"
value="everforest" /></li>
</ul>
</div>
</div>
<script>
lucide.createIcons();
</script>
</body>
<!-- <span id="swatchClock-nolink">@000</span> -->
</html>