turnercodeflex/dotfiles
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: update all branch references from main to dev

Browse Source 
Update all URLs and branch references throughout the documentation
to use 'dev' as the default branch instead of 'main'.

Files updated:
- README.md
- docs/ONE_LINE_INSTALL.md
- docs/WEB_INSTALL_PAGE.html

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Eric Turner
2025-08-02 21:21:55 -06:00
parent 27a497a044
commit ce2b7e0194
5 changed files with 1842 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

473
docs/WEB_INSTALL_PAGE.html Normal file
View File

@@ -0,0 +1,473 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Modern Dotfiles Management System - One-Line Install</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
background: linear-gradient(135deg, #0f1419 0%, #1a2332 100%);
color: #e6e6e6;
line-height: 1.6;
min-height: 100vh;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 2rem;
}
.header {
text-align: center;
margin-bottom: 3rem;
}
.title {
font-size: 2.5rem;
color: #64ffda;
margin-bottom: 1rem;
text-shadow: 0 0 20px rgba(100, 255, 218, 0.3);
}
.subtitle {
font-size: 1.2rem;
color: #8892b0;
margin-bottom: 2rem;
}
.install-section {
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(100, 255, 218, 0.2);
border-radius: 12px;
padding: 2rem;
margin: 2rem 0;
backdrop-filter: blur(10px);
}
.install-title {
color: #64ffda;
font-size: 1.5rem;
margin-bottom: 1rem;
display: flex;
align-items: center;
gap: 0.5rem;
}
.install-code {
background: #0d1117;
border: 1px solid #30363d;
border-radius: 8px;
padding: 1.5rem;
margin: 1rem 0;
position: relative;
overflow-x: auto;
}
.install-code code {
color: #e6e6e6;
font-size: 1.1rem;
font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
white-space: nowrap;
}
.copy-button {
position: absolute;
top: 1rem;
right: 1rem;
background: #238636;
color: white;
border: none;
border-radius: 6px;
padding: 0.5rem 1rem;
cursor: pointer;
font-family: inherit;
font-size: 0.9rem;
transition: all 0.2s;
}
.copy-button:hover {
background: #2ea043;
transform: translateY(-1px);
}
.copy-button.copied {
background: #64ffda;
color: #0f1419;
}
.features-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin: 3rem 0;
}
.feature-card {
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(139, 146, 176, 0.2);
border-radius: 8px;
padding: 1.5rem;
transition: transform 0.2s, border-color 0.2s;
}
.feature-card:hover {
transform: translateY(-2px);
border-color: rgba(100, 255, 218, 0.4);
}
.feature-title {
color: #64ffda;
font-size: 1.2rem;
margin-bottom: 0.5rem;
display: flex;
align-items: center;
gap: 0.5rem;
}
.feature-description {
color: #8892b0;
font-size: 0.95rem;
}
.profiles-section {
margin: 3rem 0;
}
.profile-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 1.5rem;
margin-top: 2rem;
}
.profile-card {
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(139, 146, 176, 0.15);
border-radius: 8px;
padding: 1.5rem;
}
.profile-name {
color: #ff6b6b;
font-weight: bold;
font-size: 1.1rem;
margin-bottom: 0.5rem;
}
.profile-use-case {
color: #64ffda;
font-size: 0.9rem;
margin-bottom: 1rem;
}
.profile-packages {
color: #8892b0;
font-size: 0.85rem;
line-height: 1.4;
}
.quick-start {
background: linear-gradient(135deg, rgba(100, 255, 218, 0.1) 0%, rgba(255, 107, 107, 0.1) 100%);
border: 1px solid rgba(100, 255, 218, 0.3);
border-radius: 12px;
padding: 2rem;
margin: 3rem 0;
}
.demo-steps {
margin: 2rem 0;
}
.demo-step {
background: rgba(0, 0, 0, 0.3);
border-left: 4px solid #64ffda;
padding: 1rem;
margin: 1rem 0;
border-radius: 0 8px 8px 0;
}
.demo-step-title {
color: #64ffda;
font-weight: bold;
margin-bottom: 0.5rem;
}
.demo-step-command {
background: #0d1117;
padding: 0.5rem;
border-radius: 4px;
margin: 0.5rem 0;
font-family: monospace;
color: #e6e6e6;
}
.emoji {
font-style: normal;
}
.warning {
background: rgba(255, 193, 7, 0.1);
border: 1px solid rgba(255, 193, 7, 0.3);
border-radius: 8px;
padding: 1rem;
margin: 1rem 0;
color: #ffc107;
}
@media (max-width: 768px) {
.container {
padding: 1rem;
}
.title {
font-size: 2rem;
}
.install-code code {
font-size: 1rem;
}
.copy-button {
position: static;
margin-top: 1rem;
width: 100%;
}
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<h1 class="title"><span class="emoji">🚀</span> Modern Dotfiles Management System</h1>
<p class="subtitle">Intelligent, adaptive terminal configuration that thinks for itself</p>
</div>
<div class="install-section">
<h2 class="install-title"><span class="emoji">⚡</span> One-Line Installation</h2>
<p style="margin-bottom: 1rem; color: #8892b0;">Copy and paste this command into your terminal:</p>
<div class="install-code">
<code id="install-command">curl -fsSL https://raw.git.turnersrus.com/razzam21/dotfiles/dev/install-web.sh | bash</code>
<button class="copy-button" onclick="copyToClipboard('install-command', this)">Copy</button>
</div>
<div class="warning">
<strong><span class="emoji">⚠️</span> Security Note:</strong> Always review scripts before running them. You can inspect the installer at:
<a href="https://raw.git.turnersrus.com/razzam21/dotfiles/dev/install-web.sh" style="color: #64ffda;">install-web.sh</a>
</div>
</div>
<div class="quick-start">
<h2 class="install-title"><span class="emoji">🎯</span> What Happens Next</h2>
<div class="demo-steps">
<div class="demo-step">
<div class="demo-step-title">1. <span class="emoji">🔍</span> Auto-Detection</div>
<p>System analyzes your machine and suggests the best profile (server, dev, personal, etc.)</p>
</div>
<div class="demo-step">
<div class="demo-step-title">2. <span class="emoji">📦</span> Smart Installation</div>
<p>Installs only the packages you need based on your machine type</p>
</div>
<div class="demo-step">
<div class="demo-step-title">3. <span class="emoji">🔗</span> Configuration</div>
<p>Sets up universal aliases and shortcuts that work everywhere</p>
</div>
<div class="demo-step">
<div class="demo-step-title">4. <span class="emoji">✅</span> Ready to Use</div>
<p>Restart your shell and enjoy your new supercharged terminal</p>
</div>
</div>
</div>
<div class="profiles-section">
<h2 class="install-title"><span class="emoji">🤖</span> Adaptive Machine Profiles</h2>
<p style="margin-bottom: 2rem; color: #8892b0;">The system automatically detects your machine type and installs appropriate tools:</p>
<div class="profile-grid">
<div class="profile-card">
<div class="profile-name"><span class="emoji">🖥️</span> Server</div>
<div class="profile-use-case">Production servers, minimal VMs</div>
<div class="profile-packages">
<strong>Packages:</strong> curl, git, vim, sshuttle, ripgrep, fd<br>
<strong>Perfect for:</strong> System administration, log analysis
</div>
</div>
<div class="profile-card">
<div class="profile-name"><span class="emoji">💻</span> Development</div>
<div class="profile-use-case">Full development machines</div>
<div class="profile-packages">
<strong>Packages:</strong> All tools + Claude AI, Gemini CLI, Docker, modern CLI tools<br>
<strong>Perfect for:</strong> Primary development workstations
</div>
</div>
<div class="profile-card">
<div class="profile-name"><span class="emoji">⚡</span> Dev-Lite</div>
<div class="profile-use-case">Lightweight development</div>
<div class="profile-packages">
<strong>Packages:</strong> Development tools without heavy packages<br>
<strong>Perfect for:</strong> Cloud VMs, resource-constrained machines
</div>
</div>
<div class="profile-card">
<div class="profile-name"><span class="emoji">🏠</span> Personal</div>
<div class="profile-use-case">Personal machines</div>
<div class="profile-packages">
<strong>Packages:</strong> Everything + personal productivity tools<br>
<strong>Perfect for:</strong> Personal laptops, home workstations
</div>
</div>
<div class="profile-card">
<div class="profile-name"><span class="emoji">🔧</span> Minimal</div>
<div class="profile-use-case">Bare essentials</div>
<div class="profile-packages">
<strong>Packages:</strong> curl, git, vim only<br>
<strong>Perfect for:</strong> Emergency access, extremely limited environments
</div>
</div>
</div>
</div>
<div class="features-grid">
<div class="feature-card">
<div class="feature-title"><span class="emoji">🎯</span> Smart Package Management</div>
<div class="feature-description">
Automatically installs packages from npm, GitHub releases, and system repositories.
Only installs what you need based on your machine type.
</div>
</div>
<div class="feature-card">
<div class="feature-title"><span class="emoji">🔄</span> Intelligent Sync</div>
<div class="feature-description">
Daily auto-sync with rate limiting. Updates only when needed, runs in background
to avoid blocking terminal startup.
</div>
</div>
<div class="feature-card">
<div class="feature-title"><span class="emoji">⚡</span> Fast Updates</div>
<div class="feature-description">
Efficient update checking (2-5 seconds) vs traditional npm update (30-60 seconds).
Only updates packages that actually need it.
</div>
</div>
<div class="feature-card">
<div class="feature-title"><span class="emoji">🌍</span> Universal Shortcuts</div>
<div class="feature-description">
Same aliases and shortcuts work on all machines. Navigate, manage files,
and use git with consistent commands everywhere.
</div>
</div>
<div class="feature-card">
<div class="feature-title"><span class="emoji">🛡️</span> Safe Reset</div>
<div class="feature-description">
Complete reset capability back to vanilla state. Multiple reset levels
with automatic backups for peace of mind.
</div>
</div>
<div class="feature-card">
<div class="feature-title"><span class="emoji">🔧</span> Cross-Platform</div>
<div class="feature-description">
Works on Linux (Ubuntu, CentOS, Debian), macOS, and WSL.
Automatically detects OS and uses appropriate package managers.
</div>
</div>
</div>
<div class="install-section">
<h2 class="install-title"><span class="emoji">🎮</span> Quick Commands You'll Love</h2>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1rem; margin-top: 1rem;">
<div>
<h4 style="color: #64ffda; margin-bottom: 0.5rem;">Universal Navigation</h4>
<div class="demo-step-command">l # Enhanced ls -lah</div>
<div class="demo-step-command">.. # cd ..</div>
<div class="demo-step-command">... # cd ../..</div>
</div>
<div>
<h4 style="color: #64ffda; margin-bottom: 0.5rem;">Git Shortcuts</h4>
<div class="demo-step-command">g # git</div>
<div class="demo-step-command">gs # git status</div>
<div class="demo-step-command">ga # git add</div>
</div>
<div>
<h4 style="color: #64ffda; margin-bottom: 0.5rem;">System Management</h4>
<div class="demo-step-command">dotstatus # Show system status</div>
<div class="demo-step-command">dotupdate # Update packages</div>
<div class="demo-step-command">dotprofile # Show machine profile</div>
</div>
<div>
<h4 style="color: #64ffda; margin-bottom: 0.5rem;">Development Tools</h4>
<div class="demo-step-command">claude # Claude AI CLI</div>
<div class="demo-step-command">tm # Task Master</div>
<div class="demo-step-command">ports # Show open ports</div>
</div>
</div>
</div>
<div class="install-section">
<h2 class="install-title"><span class="emoji">🚀</span> Ready to Get Started?</h2>
<p style="margin-bottom: 1rem; color: #8892b0;">Copy the command above and paste it into your terminal. Installation takes about 30 seconds.</p>
<div class="install-code">
<code id="install-command-2">curl -fsSL https://raw.git.turnersrus.com/razzam21/dotfiles/dev/install-web.sh | bash</code>
<button class="copy-button" onclick="copyToClipboard('install-command-2', this)">Copy</button>
</div>
<p style="margin-top: 1rem; color: #8892b0; font-size: 0.9rem;">
<span class="emoji">📚</span> <strong>Want to learn more first?</strong>
Check out the <a href="https://git.turnersrus.com/razzam21/dotfiles" style="color: #64ffda;">Git repository</a>
for full documentation and source code.
</p>
</div>
</div>
<script>
function copyToClipboard(elementId, button) {
const element = document.getElementById(elementId);
const text = element.textContent;
navigator.clipboard.writeText(text).then(function() {
button.textContent = 'Copied!';
button.classList.add('copied');
setTimeout(function() {
button.textContent = 'Copy';
button.classList.remove('copied');
}, 2000);
}, function(err) {
console.error('Could not copy text: ', err);
// Fallback for older browsers
const textarea = document.createElement('textarea');
textarea.value = text;
document.body.appendChild(textarea);
textarea.select();
document.execCommand('copy');
document.body.removeChild(textarea);
button.textContent = 'Copied!';
button.classList.add('copied');
setTimeout(function() {
button.textContent = 'Copy';
button.classList.remove('copied');
}, 2000);
});
}
</script>
</body>
</html>