bold-brew/docs/index.html
Vito Castellano d47e603778
add gtag
2025-03-01 12:04:50 +01:00

411 lines
No EOL
22 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bold Brew - Homebrew TUI Manager</title>
<meta name="description" content="Bold Brew (bbrew): A modern TUI interface that simplifies Homebrew package management on macOS. Visually search, install, update and remove packages with our elegant Terminal User Interface. The perfect tool for macOS developers.">
<meta name="keywords" content="bbrew, Bold Brew, Homebrew, Brew, macOS, TUI, package manager">
<meta name="author" content="Valkyrie00">
<meta name="robots" content="index, follow">
<!-- OpenGraph Tags -->
<meta property="og:title" content="Bold Brew - Homebrew TUI Manager">
<meta property="og:description" content="A modern TUI interface for managing Homebrew packages on macOS. Effortlessly install, search, update, and remove packages.">
<meta property="og:image" content="https://bold-brew.com/assets/logo/bbrew-logo-rounded.png">
<meta property="og:url" content="https://bold-brew.com">
<meta property="og:type" content="website">
<!-- Twitter Card Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Bold Brew - Homebrew TUI Manager">
<meta name="twitter:description" content="A modern TUI interface for managing Homebrew packages on macOS.">
<meta name="twitter:image" content="https://bold-brew.com/assets/logo/bbrew-logo-rounded.png">
<link rel="canonical" href="https://bold-brew.com">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="styles.css" rel="stylesheet">
<link rel="icon" href="assets/ico/bbrew-16.ico" sizes="16x16" type="image/x-icon">
<link rel="icon" href="assets/ico/bbrew-24.ico" sizes="24x24" type="image/x-icon">
<link rel="icon" href="assets/ico/bbrew-32.ico" sizes="32x32" type="image/x-icon">
<link rel="icon" href="assets/ico/bbrew-48.ico" sizes="48x48" type="image/x-icon">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "SoftwareApplication",
"name": "Bold Brew (bbrew)",
"operatingSystem": "macOS",
"applicationCategory": "DeveloperApplication",
"description": "Bold Brew: A modern TUI interface for managing Homebrew packages on macOS. Effortlessly install, search, update, and remove packages with an elegant and intuitive interface.",
"url": "https://github.com/Valkyrie00/bold-brew",
"author": {
"@type": "Person",
"name": "Valkyrie00"
}
}
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-MM4FCW9XZM"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-MM4FCW9XZM');
</script>
</head>
<body>
<main>
<section class="hero-section">
<div class="hero-bg-overlay"></div>
<div class="container">
<div class="hero-content">
<img src="assets/bbrew-logo-nobg.png" alt="Bold Brew Logo" class="logo-img animate-pulse">
<h1 class="display-4">Bold Brew</h1>
<h2 class="tagline"><code>bbrew</code></h2>
<p class="lead">A fast and practical TUI that simplifies your Homebrew package management on macOS, making installations and updates effortless</p>
<div class="badges">
<img src="https://img.shields.io/github/v/release/Valkyrie00/bold-brew" alt="Version">
<img src="https://img.shields.io/github/license/Valkyrie00/bold-brew" alt="License">
<img src="https://img.shields.io/github/actions/workflow/status/Valkyrie00/bold-brew/release.yml" alt="Build Status">
<img src="https://img.shields.io/github/downloads/Valkyrie00/bold-brew/total" alt="Downloads">
</div>
<div class="hero-cta">
<a href="#install" class="btn-primary">Start Now</a>
<a href="https://github.com/Valkyrie00/bold-brew" class="btn-secondary">View on GitHub</a>
</div>
</div>
</div>
</section>
<section class="install-section" id="install">
<div class="container">
<h2>Installation</h2>
<p class="lead text-center mb-4">Get started with Bold Brew in just a few simple commands</p>
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="install-card">
<div class="install-step">
<div class="step-header">
<div class="step-number">1</div>
<h5>Install Bold Brew</h5>
</div>
<div class="code-block">
<pre><code><span class="prompt">></span> brew install Valkyrie00/homebrew-bbrew/bbrew</code></pre>
<button class="copy-btn" onclick="copyToClipboard(this)">
<span class="copy-icon"></span>
<span class="copy-text">Copy</span>
</button>
</div>
<p class="install-note"><i>This installs Bold Brew directly from the repository via Homebrew</i></p>
</div>
<div class="install-step">
<div class="step-header">
<div class="step-number">2</div>
<h5>Run Bold Brew</h5>
</div>
<div class="code-block">
<pre><code><span class="prompt">></span> bbrew</code></pre>
<button class="copy-btn" onclick="copyToClipboard(this)">
<span class="copy-icon"></span>
<span class="copy-text">Copy</span>
</button>
</div>
</div>
</div>
<div class="alternative-install">
<div class="divider">
<span>OR</span>
</div>
<p class="text-center">Download the latest version directly from GitHub</p>
<div class="text-center">
<a class="btn-download" href="https://github.com/Valkyrie00/bold-brew/releases" target="_blank">
<span class="download-icon"></span>
Download Latest Release
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="screenshots-section">
<div class="container">
<h2>Screenshots</h2>
<p class="lead text-center mb-4">Explore the Bold Brew interface and its features</p>
<div class="row justify-content-center">
<div class="col-md-4 mb-4">
<div class="screenshot-card">
<img src="assets/screenshots/bbrew-main-screenshot.png" alt="Main Dashboard" class="img-fluid" loading="lazy" width="400" height="300">
<div class="screenshot-caption">
<p>Main Dashboard</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="screenshot-card">
<img src="assets/screenshots/bbrew-installed-screenshot.png" alt="Handle Installed Packages" class="img-fluid" loading="lazy" width="400" height="300">
<div class="screenshot-caption">
<p>Handle Installed Packages</p>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="screenshot-card">
<img src="assets/screenshots/bbrew-search-screenshot.png" alt="Search for Packages" class="img-fluid" loading="lazy" width="400" height="300">
<div class="screenshot-caption">
<p>Search for Packages</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="features-section">
<div class="container">
<h2>Features</h2>
<p class="lead text-center mb-5">Discover what makes Bold Brew the perfect tool for managing your Homebrew packages</p>
<div class="row justify-content-center">
<div class="col-md-6 col-lg-3 mb-4">
<div class="feature-card">
<div class="feature-icon">
<span class="icon">⚙️</span>
</div>
<h3>Install & Remove</h3>
<p>Easily install new packages or remove existing ones with a simple, intuitive interface</p>
</div>
</div>
<div class="col-md-6 col-lg-3 mb-4">
<div class="feature-card">
<div class="feature-icon">
<span class="icon">🔍</span>
</div>
<h3>Search Packages</h3>
<p>Quickly find and explore new packages available in the Homebrew ecosystem</p>
</div>
</div>
<div class="col-md-6 col-lg-3 mb-4">
<div class="feature-card">
<div class="feature-icon">
<span class="icon"></span>
</div>
<h3>Update Packages</h3>
<p>Keep your packages up to date with visual update management and notifications</p>
</div>
</div>
<div class="col-md-6 col-lg-3 mb-4">
<div class="feature-card">
<div class="feature-icon">
<span class="icon">🔄</span>
</div>
<h3>Manage Dependencies</h3>
<p>View and handle package dependencies with a clear visual representation</p>
</div>
</div>
</div>
<div class="row justify-content-center mt-4">
<div class="col-lg-8">
<div class="feature-summary">
<p>Bold Brew provides a modern and intuitive TUI (Text User Interface) for Homebrew, making package management on macOS more efficient than ever before.</p>
</div>
</div>
</div>
</div>
</section>
<section class="seo-content">
<div class="container">
<h2>Manage Homebrew Packages on macOS with Bold Brew</h2>
<div class="row">
<div class="col-lg-8 mx-auto">
<p><strong>Bold Brew</strong> transforms the way developers manage <strong>Homebrew packages on macOS</strong> with its elegant Terminal User Interface. Stop struggling with complex command-line syntax and enjoy a streamlined package management experience.</p>
<h3>Why macOS Users Choose Bold Brew</h3>
<p>Managing your <strong>Homebrew ecosystem</strong> has never been easier. Bold Brew provides real-time visual feedback for installations, updates, and package removals—all while maintaining the speed and efficiency you expect from terminal-based applications.</p>
<h3>Key Benefits for macOS Developers</h3>
<ul>
<li><strong>Faster package discovery</strong> with intuitive search functionality</li>
<li><strong>Simplified dependency management</strong> with visual relationship mapping</li>
<li><strong>Streamlined updates</strong> for all installed Homebrew packages</li>
<li><strong>One-click installations</strong> without memorizing complex commands</li>
</ul>
<p>Built specifically for <strong>macOS users</strong> who rely on <strong>Homebrew</strong>, Bold Brew integrates perfectly with your development workflow while reducing cognitive load and increasing productivity.</p>
</div>
</div>
</div>
</section>
<section class="about-section" id="about">
<div class="container">
<h2>About Bold Brew for macOS</h2>
<div class="row justify-content-center">
<div class="col-lg-8">
<p class="lead">The modern Homebrew package manager that macOS developers have been waiting for</p>
<h3>The Bold Brew Advantage</h3>
<p>Bold Brew was designed from the ground up to address the limitations of traditional Homebrew management. By providing a Terminal User Interface (TUI), Bold Brew combines the efficiency of command-line operations with intuitive visual feedback.</p>
<h3>Homebrew Integration</h3>
<p>As a dedicated Homebrew TUI manager for macOS, Bold Brew seamlessly integrates with your existing Homebrew installation. All operations—from searching the formula repository to managing casks—are visualized through an elegant interface while preserving the speed and reliability of Homebrew's core functionality.</p>
<div class="compatibility-info">
<h4>System Requirements</h4>
<ul>
<li>macOS 10.15 Catalina or newer</li>
<li>Homebrew installation</li>
<li>Terminal with true color support</li>
</ul>
</div>
<p>Whether you're a seasoned developer or new to macOS package management, Bold Brew streamlines your workflow and makes Homebrew more accessible than ever before.</p>
</div>
</div>
</div>
</section>
<section class="faq-section">
<div class="container">
<h2>FAQ</h2>
<p class="lead text-center mb-5">Frequently asked questions about Bold Brew</p>
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="accordion faq-accordion" id="faqAccordion">
<div class="faq-item">
<div class="faq-question" data-bs-toggle="collapse" data-bs-target="#faq1">
<h5>What is Bold Brew?</h5>
<div class="faq-icon">
<span class="plus">+</span>
<span class="minus"></span>
</div>
</div>
<div id="faq1" class="faq-answer collapse show" data-bs-parent="#faqAccordion">
<p>It's a Text User Interface for managing Homebrew packages on macOS.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question" data-bs-toggle="collapse" data-bs-target="#faq2">
<h5>How do I install Bold Brew?</h5>
<div class="faq-icon">
<span class="plus">+</span>
<span class="minus"></span>
</div>
</div>
<div id="faq2" class="faq-answer collapse" data-bs-parent="#faqAccordion">
<p>You can install it through Homebrew or by downloading the latest release from GitHub.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question" data-bs-toggle="collapse" data-bs-target="#faq3">
<h5>How do I update Bold Brew?</h5>
<div class="faq-icon">
<span class="plus">+</span>
<span class="minus"></span>
</div>
</div>
<div id="faq3" class="faq-answer collapse" data-bs-parent="#faqAccordion">
<p>Run <code>brew upgrade bbrew</code> to update the application to the latest version.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question" data-bs-toggle="collapse" data-bs-target="#faq4">
<h5>How do I remove Bold Brew?</h5>
<div class="faq-icon">
<span class="plus">+</span>
<span class="minus"></span>
</div>
</div>
<div id="faq4" class="faq-answer collapse" data-bs-parent="#faqAccordion">
<p>Use <code>brew remove bbrew</code> if you need to uninstall it from your system.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question" data-bs-toggle="collapse" data-bs-target="#faq5">
<h5>Does it work on Linux or Windows?</h5>
<div class="faq-icon">
<span class="plus">+</span>
<span class="minus"></span>
</div>
</div>
<div id="faq5" class="faq-answer collapse" data-bs-parent="#faqAccordion">
<p>Currently, Bold Brew is designed for macOS since it depends on the Homebrew package manager.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question" data-bs-toggle="collapse" data-bs-target="#faq6">
<h5>Where can I report issues or request features?</h5>
<div class="faq-icon">
<span class="plus">+</span>
<span class="minus"></span>
</div>
</div>
<div id="faq6" class="faq-answer collapse" data-bs-parent="#faqAccordion">
<p>Feel free to open an issue on the project's GitHub <a href="https://github.com/Valkyrie00/bold-brew" class="link-accent">repository</a>.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer>
<div class="container">
<p>&copy; 2024 Bold Brew | <a href="https://github.com/Valkyrie00/bold-brew">GitHub</a></p>
</div>
</footer>
<script>
document.addEventListener('DOMContentLoaded', function() {
const menuToggle = document.querySelector('.mobile-menu-toggle');
const mainNav = document.querySelector('.main-nav');
menuToggle.addEventListener('click', function() {
mainNav.classList.toggle('show');
});
document.querySelectorAll('.nav-list a').forEach(link => {
link.addEventListener('click', () => {
if (mainNav.classList.contains('show')) {
mainNav.classList.remove('show');
}
});
});
});
function copyToClipboard(button) {
const preEl = button.parentElement.querySelector('pre');
const codeText = preEl.textContent;
const cleanText = codeText.replace(/^>\s/, '');
navigator.clipboard.writeText(cleanText).then(() => {
const copyText = button.querySelector('.copy-text');
copyText.textContent = 'Copied!';
setTimeout(() => {
copyText.textContent = 'Copy';
}, 2000);
});
}
</script>
</body>
</html>