mirror of
https://github.com/litruv/lit.ruv.wtf.git
synced 2026-07-24 18:56:02 +10:00
Redesign: Replace site with interactive terminal interface
- New xterm.js-based terminal with retro CRT aesthetics - Matrix chat integration with real-time messaging - Bluesky social media integration - Interactive commands (help, about, chat, bluesky, privacy, etc.) - Responsive design with mobile support - Privacy policy command - Quick navigation links (Docs, GitHub, Bluesky) - Preserved all image assets (blocks, items, particles, icons) - Updated README and package.json with new features
This commit is contained in:
59
website/index.html
Normal file
59
website/index.html
Normal file
@@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Lit.ruv.wtf Terminal</title>
|
||||
<meta name="description" content="Interactive terminal interface for Lit.ruv.wtf - A retro-styled command line experience with chat, documentation, and more.">
|
||||
|
||||
<!-- Favicons -->
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/icons/16.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/icons/32.png">
|
||||
<link rel="icon" type="image/png" sizes="48x48" href="/icons/48.png">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/icons/180.png">
|
||||
|
||||
<!-- Open Graph / Social Media -->
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="https://lit.ruv.wtf/">
|
||||
<meta property="og:title" content="Lit.ruv.wtf Terminal">
|
||||
<meta property="og:description" content="Interactive terminal interface with chat, docs, and retro vibes">
|
||||
<meta property="og:image" content="https://lit.ruv.wtf/banner.webp">
|
||||
|
||||
<!-- Twitter Card -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:url" content="https://lit.ruv.wtf/">
|
||||
<meta name="twitter:title" content="Lit.ruv.wtf Terminal">
|
||||
<meta name="twitter:description" content="Interactive terminal interface with chat, docs, and retro vibes">
|
||||
<meta name="twitter:image" content="https://lit.ruv.wtf/banner.webp">
|
||||
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/xterm@5.3.0/css/xterm.min.css" />
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="terminal-header">
|
||||
<div class="header-left">
|
||||
<span class="terminal-title">LIT.RUV.WTF TERMINAL</span>
|
||||
<span class="header-links">
|
||||
<a href="/docs/" target="_blank" class="header-link">Docs</a>
|
||||
<a href="https://github.com/litruv" target="_blank" class="header-link">GitHub</a>
|
||||
<a href="https://bsky.app/profile/lit.mates.dev" target="_blank" class="header-link">Bluesky</a>
|
||||
</span>
|
||||
</div>
|
||||
<div class="header-right">
|
||||
<span class="system-time" id="systemTime"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div id="terminal"></div>
|
||||
<div class="status-bar">
|
||||
<span class="status-left">Ready</span>
|
||||
<span class="status-right">Type 'help' for available commands</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/xterm@5.3.0/lib/xterm.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/xterm-addon-fit@0.8.0/lib/xterm-addon-fit.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/xterm-addon-web-links@0.9.0/lib/xterm-addon-web-links.min.js"></script>
|
||||
<script src="terminal.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user