phaleixo a9aead8740 modified: index.html
renamed:    scripts/scripts.js -> scripts/index.js
2025-05-31 14:25:04 -03:00

343 lines
22 KiB
HTML

<!DOCTYPE html>
<html lang="pt">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pós-Instalação do Debian 12</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<script>
tailwind.config = {
theme: {
extend: {
colors: {
debian: '#A80030',
debianEmerald: '#05475c',
debianLight: '#d63368',
debianDark: '#7a0022',
}
}
}
}
</script>
</head>
<body class="bg-stone-200 font-sans antialiased">
<header class="bg-debianEmerald text-white shadow-lg">
<div class="container mx-auto px-4 py-4">
<div class="flex flex-col md:flex-row justify-between items-center">
<div class="flex items-center mb-4 md:mb-0">
<i class="fab fa-linux text-3xl mr-3"></i>
<h1 class="text-2xl md:text-3xl font-bold" data-i18n="title">Pós-Instalação do Debian 12</h1>
</div>
<div class="flex items-center space-x-4">
<a href="https://github.com/phaleixo/after_install_debian_12" target="_blank"
class="bg-transparent border-2 border-white text-white px-4 py-2 rounded-lg font-semibold hover:bg-white hover:text-debianEmerald transition">
<i class="fab fa-github mr-2"></i> GitHub
</a>
<div class="relative text-white">
<button id="languageDropdownButton"
class="flex items-center space-x-2 focus:outline-none bg-transparent border-2 border-white text-white px-4 py-2 rounded-lg font-semibold hover:bg-white hover:text-debianEmerald transition">
<i class="fas fa-globe text-lg"></i>
</button>
<div id="languageDropdown"
class="hidden absolute right-0 mt-2 w-40 bg-white rounded-md shadow-lg z-20">
<a href="#" data-lang="pt" class="block px-4 py-2 text-gray-800 hover:bg-gray-100">🇧🇷
Português</a>
<a href="#" data-lang="es" class="block px-4 py-2 text-gray-800 hover:bg-gray-100">🇪🇸
Español</a>
<a href="#" data-lang="en" class="block px-4 py-2 text-gray-800 hover:bg-gray-100">🇺🇸
English</a>
</div>
</div>
</div>
</div>
</div>
</header>
<section class="bg-debianEmerald text-white py-12 relative overflow-hidden">
<div class="absolute inset-0 bg-cover bg-center opacity-100"
style="background-image: url('image/banner/banner_debian12_emerald.png');"></div>
<div class="container mx-auto px-4 text-center relative z-10">
<h2 class="text-3xl md:text-4xl font-bold mb-4" data-i18n="hero.title">Otimize Sua Experiência com o Debian
12 GNOME</h2>
<p class="text-xl mb-8 max-w-3xl mx-auto" data-i18n="hero.subtitle">Uma coleção de scripts para personalizar
e melhorar sua instalação do Debian 12 com aplicativos essenciais, codecs, ajustes e muito mais.</p>
<div class="flex flex-col sm:flex-row justify-center gap-4">
<a href="#download"
class="bg-white text-debian px-6 py-3 rounded-lg font-bold hover:bg-gray-100 transition">
<i class="fas fa-download mr-2"></i> <span data-i18n="hero.download">Baixar Debian 12</span>
</a>
<a href="#scripts"
class="bg-transparent border-2 border-white px-6 py-3 rounded-lg font-bold hover:bg-white hover:text-debian transition">
<i class="fas fa-code mr-2"></i> <span data-i18n="hero.viewScripts">Ver Scripts</span>
</a>
</div>
</div>
</section>
<main class="container mx-auto px-4 py-12">
<section id="download" class="mb-16 bg-white rounded-xl shadow-md p-6">
<div class="flex flex-col md:flex-row items-center">
<div class="md:w-1/2 mb-6 md:mb-0 md:pr-8">
<h2 class="text-2xl font-bold text-debian mb-4" data-i18n="download.title">Baixar Debian 12 GNOME
</h2>
<p class="text-gray-700 mb-4" data-i18n="download.description">Comece com a ISO live oficial do
Debian 12 GNOME para usar esses scripts de pós-instalação.</p>
<a href="https://www.debian.org/download.pt.html"
class="inline-block bg-debian text-white px-6 py-3 rounded-lg font-semibold hover:bg-debianDark transition">
<i class="fas fa-download mr-2"></i> <span data-i18n="download.button">Baixar ISO</span>
</a>
</div>
<div class="md:w-1/2 bg-gray-100 rounded-lg p-4">
<pre class="bg-gray-800 text-gray-100 p-4 rounded-lg overflow-x-auto"><code># Debian 12 GNOME ISO Oficial
https://www.debian.org/download.pt.html</code></pre>
</div>
</div>
</section>
<section class="mb-16">
<h2 class="text-3xl font-bold text-debian mb-8 text-center" data-i18n="features.title">O Que Está Incluído
</h2>
<div class="grid md:grid-cols-3 gap-6">
<div class="bg-white rounded-xl shadow-md p-6">
<div class="text-debian text-4xl mb-4">
<i class="fas fa-box-open"></i>
</div>
<h3 class="text-xl font-bold mb-2" data-i18n="features.packages.title">Pacotes Essenciais</h3>
<p class="text-gray-700" data-i18n="features.packages.description">Codecs, firmware, fontes e
utilitários para tornar seu sistema totalmente funcional.</p>
</div>
<div class="bg-white rounded-xl shadow-md p-6">
<div class="text-debian text-4xl mb-4">
<i class="fas fa-paint-brush"></i>
</div>
<h3 class="text-xl font-bold mb-2" data-i18n="features.customization.title">Personalização GNOME
</h3>
<p class="text-gray-700" data-i18n="features.customization.description">Extensões e ajustes para
melhorar sua experiência com o desktop GNOME.</p>
</div>
<div class="bg-white rounded-xl shadow-md p-6">
<div class="text-debian text-4xl mb-4">
<i class="fas fa-rocket"></i>
</div>
<h3 class="text-xl font-bold mb-2" data-i18n="features.performance.title">Desempenho</h3>
<p class="text-gray-700" data-i18n="features.performance.description">Otimizações de drivers e
remoção de bloat para um sistema mais rápido.</p>
</div>
</div>
</section>
<section id="scripts" class="mb-16">
<h2 class="text-3xl font-bold text-debian mb-8 text-center" data-i18n="scripts.title">Scripts de
Pós-Instalação</h2>
<div class="bg-white rounded-xl shadow-md overflow-hidden mb-8">
<div class="p-6">
<h3 class="text-xl font-bold text-debian mb-2" data-i18n="scripts.complete.title">Pós-Instalação
Completa</h3>
<p class="text-gray-700 mb-4" data-i18n="scripts.complete.description">Execute todas as alterações
recomendadas incluindo ativação de repositórios, instalação de codecs, extensões GNOME e
instalação de aplicativos.</p>
<button onclick="copyToClipboard('complete')"
class="bg-gray-200 text-gray-800 px-4 py-2 rounded mr-2 hover:bg-gray-300 transition mb-4">
<i class="fas fa-copy mr-2"></i> <span data-i18n="scripts.copy">Copiar</span>
</button>
<div class="bg-gray-800 text-gray-100 p-4 rounded-lg overflow-x-auto">
<pre id="complete"
class="text-sm"><code>curl -o pos_install_complete.sh https://raw.githubusercontent.com/phaleixo/after_install_debian_12/main/pos_install_complete.sh && chmod +x pos_install_complete.sh && ./pos_install_complete.sh && rm pos_install_complete.sh</code></pre>
</div>
</div>
</div>
<div class="grid md:grid-cols-2 gap-6">
<div class="bg-white rounded-xl shadow-md overflow-hidden">
<div class="p-6">
<h3 class="text-xl font-bold text-debian mb-2" data-i18n="scripts.repos.title">Ativar
Repositórios</h3>
<p class="text-gray-700 mb-4" data-i18n="scripts.repos.description">Ative os repositórios
contrib e non-free e instale suporte ao Flatpak com o repositório Flathub.</p>
<button onclick="copyToClipboard('repos')"
class="bg-gray-200 text-gray-800 px-4 py-2 rounded hover:bg-gray-300 transition">
<i class="fas fa-copy mr-2"></i> <span data-i18n="scripts.copy">Copiar</span>
</button>
</div>
<div class="bg-gray-800 text-gray-100 p-4 m-4 rounded-lg overflow-x-auto">
<pre id="repos"
class="text-sm"><code>curl -o activating_repo_apps.sh https://raw.githubusercontent.com/phaleixo/after_install_debian_12/main/activating_repo_apps.sh && chmod +x activating_repo_apps.sh && ./activating_repo_apps.sh && rm activating_repo_apps.sh</code></pre>
</div>
</div>
<div class="bg-white rounded-xl shadow-md overflow-hidden">
<div class="p-6">
<h3 class="text-xl font-bold text-debian mb-2" data-i18n="scripts.firefox.title">Firefox Atual
</h3>
<p class="text-gray-700 mb-4" data-i18n="scripts.firefox.description">Mude do Firefox ESR para a
versão de lançamento atual.</p>
<button onclick="copyToClipboard('firefox')"
class="bg-gray-200 text-gray-800 px-4 py-2 rounded hover:bg-gray-300 transition">
<i class="fas fa-copy mr-2"></i> <span data-i18n="scripts.copy">Copiar</span>
</button>
</div>
<div class="bg-gray-800 text-gray-100 p-4 m-4 rounded-lg overflow-x-auto">
<pre id="firefox"
class="text-sm"><code>curl -o change_firefox_esr_to_firefox.sh https://raw.githubusercontent.com/phaleixo/after_install_debian_12/main/change_firefox_esr_to_firefox.sh && chmod +x change_firefox_esr_to_firefox.sh && ./change_firefox_esr_to_firefox.sh && rm change_firefox_esr_to_firefox.sh</code></pre>
</div>
</div>
<div class="bg-white rounded-xl shadow-md overflow-hidden">
<div class="p-6">
<h3 class="text-xl font-bold text-debian mb-2" data-i18n="scripts.codecs.title">Codecs & Ajustes
</h3>
<p class="text-gray-700 mb-4" data-i18n="scripts.codecs.description">Instale codecs multimídia,
firmware, fontes e utilitários úteis.</p>
<button onclick="copyToClipboard('codecs')"
class="bg-gray-200 text-gray-800 px-4 py-2 rounded hover:bg-gray-300 transition">
<i class="fas fa-copy mr-2"></i> <span data-i18n="scripts.copy">Copiar</span>
</button>
</div>
<div class="bg-gray-800 text-gray-100 p-4 m-4 rounded-lg overflow-x-auto">
<pre id="codecs"
class="text-sm"><code>curl -o codecs_and_tweaks_installer.sh https://raw.githubusercontent.com/phaleixo/after_install_debian_12/main/codecs_and_tweaks_installer.sh && chmod +x codecs_and_tweaks_installer.sh && ./codecs_and_tweaks_installer.sh && rm codecs_and_tweaks_installer.sh</code></pre>
</div>
</div>
<div class="bg-white rounded-xl shadow-md overflow-hidden">
<div class="p-6">
<h3 class="text-xl font-bold text-debian mb-2" data-i18n="scripts.extensions.title">Extensões
GNOME</h3>
<p class="text-gray-700 mb-4" data-i18n="scripts.extensions.description">Instale extensões úteis
do GNOME como Dash-to-Dock, Tiling Assistant e mais.</p>
<button onclick="copyToClipboard('extensions')"
class="bg-gray-200 text-gray-800 px-4 py-2 rounded hover:bg-gray-300 transition">
<i class="fas fa-copy mr-2"></i> <span data-i18n="scripts.copy">Copiar</span>
</button>
</div>
<div class="bg-gray-800 text-gray-100 p-4 m-4 rounded-lg overflow-x-auto">
<pre id="extensions"
class="text-sm"><code>curl -o install_extensions.sh https://raw.githubusercontent.com/phaleixo/after_install_debian_12/main/install_extensions.sh && chmod +x install_extensions.sh && ./install_extensions.sh && rm install_extensions.sh</code></pre>
</div>
</div>
<div class="bg-white rounded-xl shadow-md overflow-hidden">
<div class="p-6">
<h3 class="text-xl font-bold text-debian mb-2" data-i18n="scripts.remove.title">Remover Apps
Desnecessários</h3>
<p class="text-gray-700 mb-4" data-i18n="scripts.remove.description">Remova aplicativos
pré-instalados desnecessários para limpar seu sistema.</p>
<button onclick="copyToClipboard('remove')"
class="bg-gray-200 text-gray-800 px-4 py-2 rounded hover:bg-gray-300 transition">
<i class="fas fa-copy mr-2"></i> <span data-i18n="scripts.copy">Copiar</span>
</button>
</div>
<div class="bg-gray-800 text-gray-100 p-4 m-4 rounded-lg overflow-x-auto">
<pre id="remove"
class="text-sm"><code>curl -o unnecessary_apps_remover.sh https://raw.githubusercontent.com/phaleixo/after_install_debian_12/main/unnecessary_apps_remover.sh && chmod +x unnecessary_apps_remover.sh && ./unnecessary_apps_remover.sh && rm unnecessary_apps_remover.sh</code></pre>
</div>
</div>
<div class="bg-white rounded-xl shadow-md overflow-hidden">
<div class="p-6">
<h3 class="text-xl font-bold text-debian mb-2" data-i18n="scripts.apps.title">Instalar
Aplicativos</h3>
<p class="text-gray-700 mb-4" data-i18n="scripts.apps.description">Instale aplicativos úteis via
Flatpak incluindo GIMP, Inkscape e mais.</p>
<button onclick="copyToClipboard('apps')"
class="bg-gray-200 text-gray-800 px-4 py-2 rounded hover:bg-gray-300 transition">
<i class="fas fa-copy mr-2"></i> <span data-i18n="scripts.copy">Copiar</span>
</button>
</div>
<div class="bg-gray-800 text-gray-100 p-4 m-4 rounded-lg overflow-x-auto">
<pre id="apps"
class="text-sm"><code>curl -o install_apps.sh https://raw.githubusercontent.com/phaleixo/after_install_debian_12/main/install_apps.sh && chmod +x install_apps.sh && ./install_apps.sh && rm install_apps.sh</code></pre>
</div>
</div>
<div class="bg-white rounded-xl shadow-md overflow-hidden">
<div class="p-6">
<h3 class="text-xl font-bold text-debian mb-2" data-i18n="scripts.radeon.title">Radeon para
AMDGPU</h3>
<p class="text-gray-700 mb-4" data-i18n="scripts.radeon.description">Mude do driver Radeon para
AMDGPU para melhor desempenho com certas GPUs AMD.</p>
<button onclick="copyToClipboard('radeon')"
class="bg-gray-200 text-gray-800 px-4 py-2 rounded hover:bg-gray-300 transition">
<i class="fas fa-copy mr-2"></i> <span data-i18n="scripts.copy">Copiar</span>
</button>
</div>
<div class="bg-gray-800 text-gray-100 p-4 m-4 rounded-lg overflow-x-auto">
<pre id="radeon"
class="text-sm"><code>curl -o radeon_to_amdgpu.sh https://raw.githubusercontent.com/phaleixo/after_install_debian_12/main/radeon_to_amdgpu.sh && chmod +x radeon_to_amdgpu.sh && ./radeon_to_amdgpu.sh && rm radeon_to_amdgpu.sh</code></pre>
</div>
</div>
<div class="bg-white rounded-xl shadow-md overflow-hidden">
<div class="p-6">
<h3 class="text-xl font-bold text-debian mb-2" data-i18n="scripts.fonts.title">Instalar Fontes
</h3>
<p class="text-gray-700 mb-4" data-i18n="scripts.fonts.description">Instale e configure fontes
adicionais para melhor tipografia.</p>
<button onclick="copyToClipboard('fonts')"
class="bg-gray-200 text-gray-800 px-4 py-2 rounded hover:bg-gray-300 transition">
<i class="fas fa-copy mr-2"></i> <span data-i18n="scripts.copy">Copiar</span>
</button>
</div>
<div class="bg-gray-800 text-gray-100 p-4 m-4 rounded-lg overflow-x-auto">
<pre id="fonts"
class="text-sm"><code>curl -o fonts.sh https://raw.githubusercontent.com/phaleixo/after_install_debian_12/main/fonts.sh && chmod +x fonts.sh && ./fonts.sh && rm fonts.sh</code></pre>
</div>
</div>
<div class="bg-white rounded-xl shadow-md overflow-hidden">
<div class="p-6">
<h3 class="text-xl font-bold text-debian mb-2" data-i18n="scripts.wallpapers.title">Instalar
Papéis de Parede</h3>
<p class="text-gray-700 mb-4" data-i18n="scripts.wallpapers.description">Baixe e configure
papéis de parede adicionais para sua área de trabalho.</p>
<button onclick="copyToClipboard('wallpapers')"
class="bg-gray-200 text-gray-800 px-4 py-2 rounded hover:bg-gray-300 transition">
<i class="fas fa-copy mr-2"></i> <span data-i18n="scripts.copy">Copiar</span>
</button>
</div>
<div class="bg-gray-800 text-gray-100 p-4 m-4 rounded-lg overflow-x-auto">
<pre id="wallpapers"
class="text-sm"><code>curl -o wallpapers.sh https://raw.githubusercontent.com/phaleixo/after_install_debian_12/main/wallpapers.sh && chmod +x wallpapers.sh && ./wallpapers.sh && rm wallpapers.sh</code></pre>
</div>
</div>
</div>
</section>
</main>
<footer class="bg-debianEmerald text-white py-8">
<div class="container mx-auto px-4 text-center">
<div class="flex justify-center space-x-6 mb-6">
<a href="https://github.com/phaleixo/after_install_debian_12" target="_blank"
class="text-2xl hover:text-gray-300 transition">
<i class="fab fa-github"></i>
</a>
</div>
<p class="mb-2" data-i18n="footer.text">Pós-Instalação do Debian 12</p>
<p class="text-sm text-gray-300 mb-2 flex items-center justify-center space-x-1" data-i18n="footer.text2">
Developed by
<a href="https://github.com/phaleixo" target="_blank"
class="text-white hover:text-gray-300 transition-colors">
<i class="fab fa-github text-base mr-1"></i> phaleixo
</a>
</p>
<p class="text-sm text-gray-300" data-i18n="footer.disclaimer">Não afiliado ao Projeto Debian. Use por sua
conta e risco.</p>
</div>
</footer>
<div id="copyNotification"
class="fixed bottom-4 right-4 bg-debian text-white px-4 py-2 rounded-lg shadow-lg hidden">
<i class="fas fa-check mr-2"></i> <span data-i18n="notification.copied">Copiado para a área de
transferência!</span>
</div>
<script src="scripts/index.js"></script>
</body>
</html>