← Back to GitHub
THEMES [CTRL+T]
⚡ LOKI TERMINAL READY ⚡
Select an option above to see the code examples and documentation.
Use the theme selector in the top-right to try different cyberpunk themes.
`,
zero_effort: `# Zero-effort Click enhancement
import cyberpunk_cli # Just add this line!
import click
@click.command()
@click.option('--env', help='Environment')
def deploy(env):
"""Deploy application"""
print(f"Deploying to {env}")
# Now has cyberpunk interface automatically!`,
decorator: `# Full @cyberpunk framework
from cyberpunk_cli import cyberpunk, option
@cyberpunk(theme="loki", theme_switching=True)
@option('--env', help='Target environment')
@option('--force', is_flag=True, help='Force deployment')
def deploy(env, force):
"""Professional CLI with cyberpunk interface"""
if force:
print(f"Force deploying to {env}")
else:
print(f"Deploying to {env}")`,
click_integration: `# Enhance existing Click apps
from cyberpunk_cli import enhance_click_app
import click
@click.group()
def cli():
"""Existing CLI application"""
pass
@cli.command()
def build():
"""Build project"""
pass
# Add cyberpunk interface
enhanced_cli = enhance_click_app(cli, theme="loki")`,
themes: `# Theme system
from cyberpunk_cli import cyberpunk
# Loki theme (default) - Green/gold Nordic mythology
@cyberpunk(theme="loki")
# Matrix theme - Digital rain cyberpunk
@cyberpunk(theme="matrix")
# Fallout theme - Vault-Tec retro terminal
@cyberpunk(theme="fallout")
# Tron theme - Neon blue grid
@cyberpunk(theme="tron")
# Runtime theme switching with Ctrl+T
# Persistent theme preferences`,
examples: `# DevOps Tool Example
@cyberpunk(theme="loki")
@option('--env', help='Environment')
def devops_tool(env):
"""DevOps deployment tool"""
pass
# Game Debug Console
@cyberpunk(theme="matrix", theme_switching=False)
def game_console():
"""In-game debug terminal"""
pass
# CI/CD Pipeline
@cyberpunk(theme="fallout")
def ci_pipeline():
"""Continuous integration tool"""
pass`,
github: `# GitHub Repository
https://github.com/CambrianTech/cyberpunk-cli
# Key Features:
✓ Zero-effort Click integration
✓ Professional @cyberpunk decorator
✓ Multiple retro themes
✓ Mouse + keyboard support
✓ Theme switching (Ctrl+T)
✓ Responsive terminal UI
✓ Easy installation: pip install cyberpunk-cli
# Built by Cambrian
# MIT License`
},
setTheme: function(theme) {
this.currentTheme = theme;
if (document.body) {
document.body.className = `cyberpunk-theme-${theme}`;
}
const output = document.getElementById('output');
if (output) {
const themeName = theme.charAt(0).toUpperCase() + theme.slice(1);
output.innerHTML = `
⚡ THEME SWITCHED TO ${themeName.toUpperCase()} ⚡
Theme successfully changed. Try the different menu options!
Each theme has unique colors and styling inspired by cyberpunk aesthetics.
`;
}
},
selectOption: function(option, event) {
const output = document.getElementById('output');
if (!output) return;
const code = this.examples[option] || 'Option not found';
output.innerHTML = `
⚡ EXECUTING: ${option.toUpperCase().replace('_', ' ')} ⚡
${code}
Copy this code and try it in your own projects!
`;
// Remove selection from all items
document.querySelectorAll('.cyberpunk-menu-item').forEach(item => {
item.classList.remove('selected');
});
// Add selection to clicked item
if (event && event.target) {
event.target.closest('.cyberpunk-menu-item').classList.add('selected');
}
if (option === 'github') {
setTimeout(() => {
window.open('https://github.com/CambrianTech/cyberpunk-cli', '_blank');
}, 1000);
}
if (option === 'examples') {
setTimeout(() => {
window.location.href = 'examples.html';
}, 1000);
}
},
init: function() {
// Auto-update version with build timestamp
this.updateVersion();
// Keyboard shortcuts
document.addEventListener('keydown', (e) => {
if (e.ctrlKey && e.key === 't') {
e.preventDefault();
const themes = ['loki', 'matrix', 'fallout', 'tron'];
const currentIndex = themes.indexOf(this.currentTheme);
const nextIndex = (currentIndex + 1) % themes.length;
this.setTheme(themes[nextIndex]);
}
});
// Initial load message
setTimeout(() => {
const output = document.getElementById('output');
if (output) {
output.innerHTML = `
⚡ CYBERPUNK CLI LIVE DEMO INITIALIZED ⚡
Try clicking the menu options above to see code examples.
Switch themes using the buttons or Ctrl+T keyboard shortcut.
Install: pip install cyberpunk-cli
`;
}
}, 1000);
},
updateVersion: async function() {
// Show current deployment time
const now = new Date();
const deployTime = now.toLocaleString('en-US', {
month: 'short',
day: 'numeric',
hour: 'numeric',
minute: '2-digit',
hour12: true
});
const deployEl = document.getElementById('deploy-time');
if (deployEl) {
deployEl.textContent = deployTime;
deployEl.title = `Page loaded: ${now.toLocaleString()}`;
}
// Fetch version from package.json
try {
const response = await fetch('./package.json');
const packageData = await response.json();
const versionEl = document.getElementById('version-info');
if (versionEl && packageData.version) {
versionEl.textContent = `v${packageData.version}`;
versionEl.title = `Beta v${packageData.version} - Active development with continuum`;
}
} catch (error) {
console.log('Could not fetch version from package.json');
// Fallback to static version
const versionEl = document.getElementById('version-info');
if (versionEl) {
versionEl.title = `Beta v0.1.7 - Active development with continuum`;
}
}
}
};
// Initialize when page loads
document.addEventListener('DOMContentLoaded', () => {
CyberpunkDemo.init();
});
// Make globally accessible for onclick handlers
window.CyberpunkDemo = CyberpunkDemo;