Machine Readiness
Stored receipt and evidence
24
80
0
0
0
Samples
Offer samples
No stored offer samples.
Samples
Action samples
No stored action samples.
Samples
Product samples
No stored product samples.
Document
robots.txt
Not stored for this site.
Document
llms.txt
<!doctype html>
<html lang="en" class="dark">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>NekoSuneVR | Developer Creator VRChat Music</title>
<meta name="description" content="NekoSuneVR developer and content creator hub with projects, livestream embed, Ko-fi support, and audio reactive music player.">
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config={darkMode:'class',theme:{extend:{fontFamily:{display:['Orbitron','system-ui'],body:['Rajdhani','system-ui']},boxShadow:{glow:'0 0 0 1px rgba(34,211,238,.2),0 0 30px rgba(34,211,238,.12)'}}}};
</script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@600;800&family=Rajdhani:wght@400;500;600;700&display=swap" rel="stylesheet">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4955628890915207"
crossorigin="anonymous"></script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-TWD7YRR7VS"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-TWD7YRR7VS');
</script>
<style>
:root{color-scheme:dark;--al-bass:0;--al-low:0;--al-mid:0;--al-treble:0;--al-energy:0;--al-glow:0;--al-hue:185;--al-bass-pulse:0;--al-rainbow-speed:14s}
body{font-family:Rajdhani,system-ui;background:#020617;overflow-x:hidden}
.matrix-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:calc(.22 + (var(--al-energy) * .22) + (var(--al-bass-pulse) * .08))}
.site-shell{position:relative;z-index:2}
.gridbg{position:relative;background-image:radial-gradient(circle at 10% 10%,rgba(255,0,102,calc(.06 + var(--al-bass)*.18)),transparent 34%),radial-gradient(circle at 85% 8%,rgba(34,211,238,calc(.09 + var(--al-treble)*.2)),transparent 34%),radial-gradient(circle at 75% 85%,rgba(168,85,247,calc(.07 + var(--al-mid)*.18)),transparent 36%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:auto,auto,auto,24px 24px,24px 24px}
.gridbg::before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(2,6,23,.2),rgba(2,6,23,calc(.62 - var(--al-energy)*.14)) 60%,rgba(2,6,23,.9))}
.gridbg::after{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.08;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.4) 0 1px,transparent 1px 3px)}
.glass{position:relative;background:linear-gradient(180deg,rgba(15,23,42,calc(.74 + var(--al-mid)*.08)),rgba(2,6,23,.84));border:1px solid rgba(148,163,184,calc(.16 + var(--al-energy)*.18));backdrop-filter:blur(14px);box-shadow:0 12px 40px rgba(2,6,23,.45),0 0 calc(10px + var(--al-glow) * 28px) rgba(34,211,238,.12),0 0 calc(6px + var(--al-bass) * 20px) rgba(244,63,94,.08),inset 0 1px 0 rgba(255,255,255,.03)}
.glass::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(calc(120deg + (var(--al-hue) * 1deg)/5),rgba(244,63,94,calc(.2 + var(--al-bass)*.35)),rgba(249,115,22,.22),rgba(234,179,8,.2),rgba(34,197,94,calc(.16 + var(--al-mid)*.24)),rgba(34,211,238,calc(.16 + var(--al-treble)*.34)),rgba(59,130,246,.24),rgba(168,85,247,.22),rgba(236,72,153,.25));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:calc(.5 + var(--al-energy)*.45)}
.title{font-family:Orbitron,sans-serif;letter-spacing:.08em}
.rainbow-text{display:inline-block;padding:.12em .28em .16em;border-radius:.55rem;border:1px solid rgba(255,255,255,.12);background:linear-gradient(90deg,#f43f5e,#f97316,#facc15,#22c55e,#22d3ee,#3b82f6,#a855f7,#ec4899);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:hueflow 14s linear infinite;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 0 calc(10px + var(--al-glow)*10px) rgba(34,211,238,.10),0 0 calc(8px + var(--al-mid)*10px) rgba(168,85,247,.08);filter:drop-shadow(0 0 8px rgba(34,211,238,.18)) drop-shadow(0 0 6px rgba(168,85,247,.10))}
.rainbow-pill{border:1px solid rgba(255,255,255,.10);background:linear-gradient(120deg,rgba(244,63,94,.12),rgba(250,204,21,.10),rgba(34,197,94,.08),rgba(34,211,238,.10),rgba(168,85,247,.12));background-size:240% 100%;animation:hueflow 18s linear infinite;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 0 14px rgba(34,211,238,.08),0 0 8px rgba(168,85,247,.06)}
.audio-reactive-page button,
.audio-reactive-page a.rainbow-pill,
.audio-reactive-page .track{position:relative;border-color:rgba(255,255,255,calc(.10 + var(--al-energy)*.10))}
.audio-reactive-page button,
.audio-reactive-page a.rainbow-pill{box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 0 calc(8px + var(--al-glow)*16px + var(--al-bass-pulse)*10px) rgba(34,211,238,.10),0 0 calc(6px + var(--al-mid)*14px) rgba(168,85,247,.08),0 0 calc(4px + var(--al-bass)*12px) rgba(244,63,94,.06)}
.audio-reactive-page button:hover,
.audio-reactive-page a.rainbow-pill:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 0 calc(12px + var(--al-glow)*20px + var(--al-bass-pulse)*14px) rgba(34,211,238,.14),0 0 calc(8px + var(--al-mid)*16px) rgba(168,85,247,.11),0 0 calc(6px + var(--al-bass)*14px) rgba(244,63,94,.08)}
.audio-reactive-page .track{box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 0 calc(6px + var(--al-energy)*10px) rgba(34,211,238,.05)}
.audio-reactive-page .track:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 0 calc(8px + var(--al-glow)*14px) rgba(34,211,238,.08),0 0 calc(4px + var(--al-bass-pulse)*10px) rgba(244,63,94,.05)}
.fancy-card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.fancy-card{box-shadow:0 0 calc(4px + var(--al-energy) * 10px) rgba(255,255,255,.03),0 0 calc(10px + var(--al-treble) * 28px) rgba(34,211,238,.09),0 0 calc(4px + var(--al-bass-pulse) * 14px) rgba(244,63,94,.08)}
.fancy-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.22);box-shadow:0 10px 26px rgba(34,211,238,.10),0 0 calc(14px + var(--al-glow) * 28px) rgba(168,85,247,.13),0 0 calc(8px + var(--al-bass-pulse) * 18px) rgba(244,63,94,.10)}
#viz{width:100%;height:220px;display:block;border-radius:14px;border:1px solid rgba(56,189,248,.26);background:linear-gradient(180deg,rgba(2,6,23,.95),rgba(15,23,42,.9));box-shadow:inset 0 0 30px rgba(34,211,238,.05),0 0 0 1px rgba(255,255,255,.02)}
#liveEmbed{
width:100%;
height:100%;
min-height:420px;
}
#liveFrameWrap{
aspect-ratio:16/9;
padding:0;
overflow:hidden;
}
#kofiframe{display:block;width:100%;}
.track.active{border-color:rgba(255,255,255,.28)!important;background:linear-gradient(90deg,rgba(244,63,94,.12),rgba(34,211,238,.12),rgba(168,85,247,.12))}
.layout-card{display:flex;flex-direction:column;height:100%}
.layout-section-body{flex:1}
.schedule-shell{border:1px solid rgba(30,41,59,.9);border-radius:1rem;overflow:hidden;background:rgba(2,6,23,.48)}
.schedule-shell table{width:100%;border-collapse:collapse}
.schedule-shell thead{background:rgba(15,23,42,.94)}
.schedule-shell th,.schedule-shell td{padding:.7rem .8rem;vertical-align:top}
.schedule-shell th{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#94a3b8}
.schedule-shell td{border-top:1px solid rgba(30,41,59,.9)}
.schedule-shell tbody tr:hover{background:rgba(15,23,42,.42)}
.youtube-groups{display:grid;gap:1rem}
.youtube-grid{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.youtube-card{display:block;overflow:hidden;border:1px solid rgba(51,65,85,.95);border-radius:1rem;background:rgba(2,6,23,.72);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.youtube-card:hover{transform:translateY(-2px);border-color:rgba(34,211,238,.35);box-shadow:0 10px 24px rgba(8,47,73,.28),0 0 18px rgba(34,211,238,.08)}
.youtube-thumb-wrap{position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(2,6,23,.98))}
.youtube-thumb{width:100%;height:100%;object-fit:cover}
.youtube-badge{position:absolute;left:.65rem;top:.65rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:.2rem .5rem;background:rgba(2,6,23,.75);font-size:.625rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#e2e8f0}
.youtube-meta{padding:.8rem}
.youtube-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.9rem;font-weight:700;line-height:1.3;color:#f8fafc}
.youtube-sub{margin-top:.35rem;font-size:.72rem;color:#94a3b8}
.youtube-group{border:1px solid rgba(30,41,59,.9);border-radius:1.25rem;background:rgba(2,6,23,.36);padding:1rem}
.youtube-empty{display:flex;align-items:center;justify-content:center;min-height:11rem;border:1px dashed rgba(71,85,105,.9);border-radius:1rem;background:rgba(2,6,23,.42);padding:1rem;text-align:center;color:#94a3b8}
.nav-shell{position:sticky;top:1rem;z-index:20;display:flex;flex-wrap:wrap;gap:.75rem;padding:.85rem;border:1px solid rgba(148,163,184,.14);border-radius:1.6rem;background:linear-gradient(180deg,rgba(15,23,42,.84),rgba(2,6,23,.9));backdrop-filter:blur(16px);box-shadow:0 10px 35px rgba(2,6,23,.35),0 0 calc(8px + var(--al-glow)*16px) rgba(34,211,238,.08),0 0 calc(6px + var(--al-mid)*12px) rgba(168,85,247,.06)}
.nav-chip{position:relative;display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 1.1rem;border:1px solid rgba(71,85,105,.9);border-radius:1.25rem;background:linear-gradient(180deg,rgba(15,23,42,.84),rgba(2,6,23,.92));color:#cbd5e1;font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease}
.nav-chip::before{content:"";width:.55rem;height:.55rem;border-radius:999px;background:rgba(71,85,105,.9);box-shadow:0 0 0 1px rgba(255,255,255,.04)}
.nav-chip:hover{transform:translateY(-1px);border-color:rgba(34,211,238,.28);color:#f8fafc}
.nav-chip.is-active{border-color:rgba(34,211,238,.45);background:linear-gradient(120deg,rgba(34,211,238,.16),rgba(59,130,246,.14),rgba(168,85,247,.14));color:#f8fafc;box-shadow:0 0 calc(12px + var(--al-glow)*14px) rgba(34,211,238,.12),0 0 calc(8px + var(--al-bass-pulse)*12px) rgba(244,63,94,.08)}
.nav-chip.is-active::before{background:rgba(34,211,238,.95);box-shadow:0 0 10px rgba(34,211,238,.55)}
.tab-panel{display:none}
.tab-panel.is-active{display:block}
.tab-grid{display:grid;gap:2rem}
.tab-grid--home{grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr)}
.tab-grid--live{
grid-template-columns: minmax(0, 1.6fr) minmax(320px, .6fr);
align-items:start;
}
.tab-stack{display:grid;gap:2rem}
.live-meta-grid{
display:flex;
flex-direction:column;
gap:1rem;
}
.live-stat-card{position:relative;overflow:hidden;border:1px solid rgba(30,41,59,.92);border-radius:1.25rem;background:linear-gradient(180deg,rgba(15,23,42,.88),rgba(2,6,23,.92));padding:1rem}
.live-stat-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(34,211,238,.10),transparent 42%),radial-gradient(circle at bottom left,rgba(168,85,247,.10),transparent 38%);pointer-events:none}
.live-channel{display:flex;gap:1rem;align-items:center}
.live-avatar{width:4rem;height:4rem;border-radius:1rem;object-fit:cover;border:1px solid rgba(148,163,184,.2);background:rgba(15,23,42,.9)}
.live-platform-badge{display:inline-flex;align-items:center;gap:.45rem;border:1px solid rgba(34,211,238,.24);border-radius:999px;padding:.35rem .7rem;background:rgba(8,47,73,.36);font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#bae6fd}
.live-platform-badge::before{content:"";width:.45rem;height:.45rem;border-radius:999px;background:rgba(34,211,238,.95);box-shadow:0 0 10px rgba(34,211,238,.4)}
.live-game-card{display:flex;gap:1rem;align-items:center}
.live-game-art{width:4.5rem;height:6rem;border-radius:1rem;object-fit:cover;border:1px solid rgba(148,163,184,.2);background:rgba(15,23,42,.9)}
.live-stat-card{
border-radius:1.2rem;
padding:1.2rem;
background:linear-gradient(180deg,rgba(15,23,42,.95),rgba(2,6,23,.95));
border:1px solid rgba(51,65,85,.8);
}
.live-stats-row{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:.6rem;
}
.live-stat-pill{
text-align:center;
padding:.9rem;
border-radius:.8rem;
background:rgba(2,6,23,.7);
border:1px solid rgba(71,85,105,.6);
}
.live-stat-pill strong{
font-size:1.2rem;
}
.live-status-online{
border-color:rgba(34,211,238,.6);
box-shadow:0 0 25px rgba(34,211,238,.25);
}
.live-status-offline{border-color:rgba(168,85,247,.2);background:rgba(24,24,39,.78)}
.kofi-scroll{max-height:34rem;overflow:auto}
.kofi-scroll iframe{display:block;min-height:712px}
input[type=range]{accent-color:#22d3ee}
.audio-reactive-page iframe{border-color:rgba(255,255,255,calc(.10 + var(--al-energy)*.12)) !important;box-shadow:0 0 calc(10px + var(--al-glow)*18px + var(--al-bass-pulse)*10px) rgba(34,211,238,.10),0 0 calc(8px + var(--al-mid)*14px) rgba(168,85,247,.08),0 0 calc(6px + var(--al-bass)*14px) rgba(244,63,94,.06)}
.audio-reactive-page .kofi-scroll,
.audio-reactive-page #liveFrameWrap{box-shadow:0 0 calc(8px + var(--al-glow)*14px) rgba(34,211,238,.06),0 0 calc(6px + var(--al-mid)*12px) rgba(168,85,247,.05)}
.audio-reactive-page .title{color:rgba(224,242,254,calc(.86 + var(--al-treble)*.12));text-shadow:0 0 calc(4px + var(--al-glow)*16px + var(--al-bass-pulse)*10px) rgba(34,211,238,.28),0 0 calc(3px + var(--al-bass-pulse)*10px) rgba(244,63,94,.12),0 0 calc(2px + var(--al-mid)*8px) rgba(168,85,247,.08)}
.audio-reactive-page .text-cyan-200,.audio-reactive-page .text-cyan-300{filter:drop-shadow(0 0 calc(1px + var(--al-treble)*6px) rgba(34,211,238,.25))}
@keyframes hueflow{0%{background-position:0% 50%}100%{background-position:220% 50%}}
@media (min-width:1280px){
.hall-layout{grid-template-columns:minmax(0,7fr) minmax(21rem,5fr);align-items:start}
.layout-projects{grid-column:1}
.layout-live{grid-column:2}
.layout-player{grid-column:1;grid-row:2 / span 3}
.layout-youtube{grid-column:1;grid-row:5}
.layout-schedule{grid-column:2;grid-row:2}
.layout-support{grid-column:2;grid-row:3}
.layout-links{grid-column:2;grid-row:4}
.kofi-scroll{max-height:27rem}
}
@media (max-width:767px){
.matrix-canvas{opacity:calc(.16 + (var(--al-bass-pulse) * .04))}
#viz{height:180px}
#liveEmbed{height:220px}
.kofi-scroll{max-height:24rem}
.kofi-scroll iframe{min-height:560px}
}
@media (max-width:639px){
.gridbg{background-size:auto,auto,18px 18px,18px 18px}
#liveEmbed{height:200px}
.kofi-scroll{max-height:20rem}
.kofi-scroll iframe{min-height:500px}
.youtube-grid{grid-template-columns:1fr}
}
@media (max-width:1023px){
.nav-shell{position:static}
.tab-grid--home,.tab-grid--live{grid-template-columns:1fr}
.live-meta-grid,.live-stats-row{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.rainbow-text{animation:none}.fancy-card{transition:none}}
</style>
</head>
<body class="audio-reactive-page gridbg text-slate-100 antialiased">
<canvas id="matrixBg" class="matrix-canvas" aria-hidden="true"></canvas>
<div class="site-shell mx-auto max-w-7xl px-4 py-6 sm:px-6 lg:px-8">
<header class="glass shadow-glow relative overflow-hidden rounded-3xl p-6 sm:p-8">
<div class="absolute -left-8 top-0 h-40 w-40 rounded-full bg-cyan-400/10 blur-3xl"></div>
<div class="absolute -right-8 bottom-0 h-40 w-40 rounded-full bg-indigo-400/10 blur-3xl"></div>
<div class="relative grid gap-6 lg:grid-cols-[1.1fr_.9fr]">
<div>
<div class="rainbow-pill mb-3 inline-flex rounded-full px-3 py-1 text-xs font-semibold tracking-widest text-slate-100">CREATOR + DEV HUB • RAINBOW MATRIX EDITION</div>
<h1 class="font-display text-3xl font-extrabold leading-tight sm:text-4xl lg:text-5xl">NekoSuneVR <span class="rainbow-text block">Developer / VRChat Creator / Music</span></h1>
<p class="mt-4 max-w-3xl text-base leading-relaxed text-slate-300 sm:text-lg">Modern dark homepage for your projects, livestream, support links, and a VRChat AudioLink inspired audio reactive music player with now playing + volume control.</p>
<div class="mt-5 flex flex-wrap gap-3">
<a class="rainbow-pill rounded-xl px-4 py-2 font-semibold hover:text-cyan-200" href="https://github.com/nekosunevr">GitHub</a>
<a class="rainbow-pill rounded-xl px-4 py-2 font-semibold hover:text-cyan-200" href="https://twitch.tv/nekosunevr">Twitch</a>
<a class="rainbow-pill rounded-xl px-4 py-2 font-semibold hover:text-cyan-200" href="https://youtube.com/@NekoSuneVR">YouTube</a>
<a class="rainbow-pill rounded-xl px-4 py-2 font-semibold text-cyan-100" href="https://ko-fi.com/nekosunevr">Support Me</a>
</div>
</div>
<div class="grid gap-4 sm:grid-cols-2">
<div class="glass rounded-2xl p-4">
<p class="text-xs uppercase tracking-[.18em] text-slate-400">Developer</p>
<p class="mt-2 text-lg font-semibold">Sites, tools, APIs, bots</p>
<p class="text-sm text-slate-300">Node.js, PHP, Python, backend systems, automation and creator platforms.</p>
</div>
<div class="glass rounded-2xl p-4">
<p class="text-xs uppercase tracking-[.18em] text-slate-400">Creator</p>
<p class="mt-2 text-lg font-semibold">VRChat, streams, media</p>
<p class="text-sm text-slate-300">Worlds, interactivity, community features, content and music projects.</p>
</div>
<div class="glass rounded-2xl p-4 sm:col-span-2">
<p class="text-xs uppercase tracking-[.18em] text-slate-400">Current focus</p>
<p class="mt-2 text-lg font-semibold">Building across NekoLive, VRChat tools, and music experiences</p>
</div>
</div>
</div>
</header>
<main class="mt-8 space-y-8">
<nav class="nav-shell glass" aria-label="Site sections">
<button type="button" class="nav-chip is-active" data-nav-target="home">Home</button>
<button type="button" class="nav-chip" data-nav-target="projects">Projects</button>
<button type="button" class="nav-chip" data-nav-target="live">Livestream</button>
<button type="button" class="nav-chip" data-nav-target="support">Support</button>
<button type="button" class="nav-chip" data-nav-target="videos">Videos</button>
</nav>
<section id="tab-home" class="tab-panel is-active" data-tab-panel="home">
<div class="tab-grid tab-grid--home">
<section class="glass rounded-3xl p-5 sm:p-6">
<div class="mb-4 flex items-center justify-between">
<h2 class="title text-lg font-bold text-cyan-200 sm:text-xl">VRChat AudioLink Style Player</h2><span class="text-xs uppercase tracking-[.2em] text-slate-400">Audio Reactive</span></div>
<canvas id="viz" height="180" aria-label="Audio reactive visualizer"></canvas>
<div class="mt-4 grid gap-4 md:grid-cols-[1.1fr_.9fr]">
<div class="rounded-2xl border border-slate-800 bg-slate-950/60 p-4">
<p class="text-xs uppercase tracking-[.18em] text-slate-400">Now Playing</p>
<p id="npTitle" class="mt-1 text-xl font-bold text-white">No track loaded</p>
<p id="npMeta" class="text-sm text-slate-300">Pick a song from the playlist.</p>
<div class="mt-3 flex justify-between text-xs text-slate-400"><span id="curT">0:00</span><span id="durT">0:00</span></div>
<input id="seek" type="range" min="0" max="100" value="0" class="w-full">
<div class="mt-4 flex flex-wrap gap-2">
<button id="prev" class="rounded-xl border border-slate-700 bg-slate-900 px-3 py-2 text-sm font-semibold">Prev</button>
<button id="play" class="rounded-xl border border-cyan-400/30 bg-cyan-400/10 px-4 py-2 text-sm font-semibold text-cyan-200">Play</button>
<button id="next" class="rounded-xl border border-slate-700 bg-slate-900 px-3 py-2 text-sm font-semibold">Next</button>
<button id="mute" class="rounded-xl border border-slate-700 bg-slate-900 px-3 py-2 text-sm font-semibold">Mute</button>
<button id="autoplayToggle" class="rounded-xl border border-slate-700 bg-slate-900 px-3 py-2 text-sm font-semibold">Autoplay Load: Off</button>
</div>
<label for="vol" class="mt-4 block text-xs uppercase tracking-[.18em] text-slate-400">Volume</label>
<input id="vol" type="range" min="0" max="100" value="70" class="w-full">
</div>
<div class="rounded-2xl border border-slate-800 bg-slate-950/60 p-4">
<div class="mb-3 flex items-center justify-between">
<p class="text-sm font-semibold uppercase tracking-[.18em] text-slate-300">Tracks</p><span id="plCount" class="text-xs text-slate-500">0 tracks</span></div>
<div id="playlist" class="max-h-80 space-y-2 overflow-auto pr-1"></div>
</div>
</div>
<audio id="audio" preload="metadata" crossorigin="anonymous"></audio>
<audio id="audioAlt" preload="metadata" crossorigin="anonymous" class="hidden"></audio>
</section>
<section class="tab-stack">
<section class="glass rounded-3xl p-5 sm:p-6">
<div class="mb-4 flex items-center justify-between">
<h2 class="title text-lg font-bold text-cyan-200 sm:text-xl">Music</h2><span class="text-xs uppercase tracking-[.2em] text-slate-400">Artist Hub</span></div>
<div class="grid gap-3 sm:grid-cols-2">
<a href="music/" class="fancy-card rounded-2xl border border-slate-800 bg-slate-950/60 p-4 hover:border-cyan-400/30">
<p class="text-xs uppercase tracking-widest text-cyan-300">Music</p>
<p class="mt-2 text-xl font-bold">Artist / Releases</p>
<p class="text-sm text-slate-300">Tracks, releases, remixes, and artist pages.</p>
</a>
<a href="https://youtube.com/@NekoSuneVR" class="fancy-card rounded-2xl border border-slate-800 bg-slate-950/60 p-4 hover:border-cyan-400/30">
<p class="text-xs uppercase tracking-widest text-cyan-300">YouTube</p>
<p class="mt-2 text-xl font-bold">Latest Uploads</p>
<p class="text-sm text-slate-300">Watch videos.</p>
</a>
</div>
</section>
<section class="glass rounded-3xl p-5 sm:p-6">
<div class="mb-4 flex items-center justify-between">
<h2 class="title text-lg font-bold text-cyan-200 sm:text-xl">Links</h2><span class="text-xs uppercase tracking-[.2em] text-slate-400">Community</span></div>
<div class="grid grid-cols-2 gap-3 text-sm">
<a href="https://discord.gg/D8aY6CQ4Jp" class="rainbow-pill fancy-card rounded-xl px-3 py-2 font-semibold hover:text-cyan-300">Discord</a>
<a href="https://kick.com/nekosunevr" class="rainbow-pill fancy-card rounded-xl px-3 py-2 font-semibold hover:text-cyan-300">Kick</a>
<a href="https://www.tiktok.com/@nekosunevr" class="rainbow-pill fancy-card rounded-xl px-3 py-2 font-semibold hover:text-cyan-300">TikTok</a>
<a href="https://instagram.com/nekosunevr" class="rainbow-pill fancy-card rounded-xl px-3 py-2 font-semibold hover:text-cyan-300">Instagram</a>
<a href="https://blog.nekosunevr.co.uk/" class="rainbow-pill fancy-card rounded-xl px-3 py-2 font-semibold hover:text-cyan-300">Blog</a>
</div>
</section>
</section>
</div>
</section>
<section id="tab-projects" class="tab-panel" data-tab-panel="projects">
<section class="glass rounded-3xl p-5 sm:p-6">
<div class="mb-4 flex items-center justify-between">
<h2 class="title text-lg font-bold text-cyan-200 sm:text-xl">Projects</h2><span class="text-xs uppercase tracking-[.2em] text-slate-400">Website + Creator</span></div>
<div class="grid gap-4 sm:grid-cols-2 xl:grid-cols-3">
<a href="https://nekolive.co.uk/" class="fancy-card rounded-2xl border border-slate-800 bg-slate-950/60 p-4 hover:border-cyan-400/30">
<p class="text-xs uppercase tracking-widest text-cyan-300">NekoLive</p>
<p class="mt-2 text-xl font-bold">Livestream Platform</p>
<p class="text-sm text-slate-300">Live video + creator tools with support Streamign on Twitch and Kick and VPZone to automaticly Embed your streams to this site with RTMP system too. its still a Community Project and hopely expand ferther to deph intergrate all platforms.</p>
</a>
<a href="https://nekont.nekosunevr.co.uk/" class="fancy-card rounded-2xl border border-slate-800 bg-slate-950/60 p-4 hover:border-cyan-400/30">
<p class="text-xs uppercase tracking-widest text-cyan-300">NekoNameTags</p>
<p class="mt-2 text-xl font-bold">NameTags Identity</p>
<p class="text-sm text-slate-300">Tags and profile tools, use for Games like OG VRChat Modding days 2022 before they added EAC on 2023 and Destroy modding groups but this tool now Expanded to Resonite, ChilloutVR, Minecraft and many more soon and even VRChat as External Tool.</p>
</a>
<a href="https://linkup.nekosunevr.co.uk/" class="fancy-card rounded-2xl border border-slate-800 bg-slate-950/60 p-4 hover:border-cyan-400/30">
<p class="text-xs uppercase tracking-widest text-cyan-300">LinkUP</p>
<p class="mt-2 text-xl font-bold">Link Hub</p>
<p class="text-sm text-slate-300">Connected creator links, social platforms and Get detals on VRChat for matchign Role Syncing and many more. huge project have linking system into one so still early stages add more platforms supported.</p>
</a>
<a href="https://spjoin.nekosunevr.co.uk" class="fancy-card rounded-2xl border border-slate-800 bg-slate-950/60 p-4 hover:border-cyan-400/30">
<p class="text-xs uppercase tracking-widest text-cyan-300">Spotify Listen Together</p>
<p class="mt-2 text-xl font-bold">live playback state, queue visibility, song requests.</p>
<p class="text-sm text-slate-300">This Fork Project from FlafyDev but i Enchanced it lot more stuff and Working at this time.</p>
</a>
<a href="music/" class="fancy-card rounded-2xl border border-slate-800 bg-slate-950/60 p-4 hover:border-cyan-400/30">
<p class="text-xs uppercase tracking-widest text-cyan-300">Music</p>
<p class="mt-2 text-xl font-bold">Artist / Releases</p>
<p class="text-sm text-slate-300">Music pages and releases of my Music cross Spotify, Soundcloud and many more places. sometimes i make music Exclusive into Pateron access / Ko-Fi access users only.</p>
</a>
<a href="nekosunecommunity/" class="fancy-card rounded-2xl border border-slate-800 bg-slate-950/60 p-4 hover:border-cyan-400/30">
<p class="text-xs uppercase tracking-widest text-cyan-300">NekoSune Community</p>
<p class="mt-2 text-xl font-bold">Community Projects / Chill and Events & Meetups</p>
<p class="text-sm text-slate-300">We Are LGBTQ Friendly Community with 100% of members are LGBTQ and Community collabs and Events on Gaming worlds and many more, We are Expanding this community bigger then <b>LGBT group (RefactorVR)</b> because that group has Huge issues and illegal actions they did hacking members, doxxing and cause problems. while this Community mine we all keep you all safe from any Toxic communitys and Toxic communitys always on blacklists. Stay Safe and choose wisely because we care about our members more then Toxic Groups.</p>
</a>
</div>
</section>
</section>
<section id="tab-live" class="tab-panel" data-tab-panel="live">
<div class="tab-grid tab-grid--live">
<section class="glass rounded-3xl p-5 sm:p-6">
<div class="mb-4 flex items-center justify-between">
<h2 class="title text-lg font-bold text-cyan-200 sm:text-xl">Livestream Embed</h2><span class="text-xs uppercase tracking-[.2em] text-slate-400">NekoSuneVR Goes Live</span></div>
<p class="mb-4 text-sm leading-relaxed text-slate-300">This is where NekoSuneVr goes live on Twitch, Kick, or YouTube powered by NekoLive.</p>
<div id="liveFrameWrap" class="rounded-2xl border border-slate-800 bg-black">
<iframe id="liveEmbed" class="w-full" allowfullscreen></iframe>
</div>
<!-- Stats BELOW video -->
<div id="liveStats" class="mt-4"></div>
</section>
<section class="glass rounded-3xl p-5 sm:p-6">
<div class="mb-4 flex items-center justify-between">
<h2 class="title text-lg font-bold text-cyan-200 sm:text-xl">Stream Schedule</h2><span class="text-xs uppercase tracking-[.2em] text-slate-400">Weekly</span></div>
<div id="scheduleTable" class="overflow-x-auto text-sm"></div>
</section>
</div>
</section>
<section id="tab-support" class="tab-panel" data-tab-panel="support">
<section class="glass rounded-3xl p-5 sm:p-6">
<div class="mb-4 flex items-center justify-between">
<h2 class="title text-lg font-bold text-cyan-200 sm:text-xl">Support Me</h2><span class="text-xs uppercase tracking-[.2em] text-slate-400">Ko-fi</span></div>
<p class="mb-4 text-sm text-slate-300">Support development, VRChat work, streaming, and music projects.</p>
<div class="kofi-scroll rounded-2xl border border-slate-800 bg-white/5">
<iframe id='kofiframe' src='https://ko-fi.com/nekosunevr/?hidefeed=true&widget=true&embed=true&preview=true' style='border:none;width:100%;padding:4px;background:#0f172a;' height='712' title='nekosunevr'></iframe>
</div>
</section>
</section>
<section id="tab-videos" class="tab-panel" data-tab-panel="videos">
<section class="glass rounded-3xl p-5 sm:p-6">
<div class="mb-4 flex items-center justify-between gap-3">
<div>
<h2 class="title text-lg font-bold text-cyan-200 sm:text-xl">Latest YouTube</h2>
<p class="mt-1 text-sm text-slate-300">21 latest uploads total: 7 normal videos, 7 shorts, and 7 VODs.</p>
</div>
<a href="https://youtube.com/@NekoSuneVR" target="_blank" rel="noopener noreferrer" class="rainbow-pill rounded-xl px-3 py-2 text-xs font-semibold uppercase tracking-[.18em] text-cyan-100">Open Channel</a>
</div>
<div id="youtubeFeed" class="youtube-groups">
<div class="youtube-empty">Loading videos...</div>
</div>
</section>
</section>
</main>
</div>
<script>
window.NEKO_TRACKS_URL = "data\/tracks.json?v=1775294053";
</script>
<script src="assets/js/page-nav.js?v=1775295948"></script>
<script src="assets/js/schedule.js?v=1775295948"></script>
<script src="assets/js/youtube-feed.js?v=1775295948"></script>
<script src="assets/js/matrix-bg.js?v=1775295949"></script>
<script src="assets/js/live-embed.js?v=1775295949"></script>
<script src="assets/js/audio-player.js?v=1775295949"></script>
</body>
</html>
Document
llms-full.txt
Not stored for this site.