Compare commits

..

3 Commits

Author SHA1 Message Date
phaleixo
2854c5010c bug pt-br 2025-06-01 12:16:32 -03:00
phaleixo
294a6b6a6b modified: index.html
modified:   scripts/index.js
2025-06-01 11:03:13 -03:00
phaleixo
5dff456bae modified: index.html
modified:   scripts/index.js
	new file:   styles/icons/debian-brands-solid.svg
	renamed:    image/banner/banner_debian12_emerald.png -> styles/images/banner/banner_debian12_emerald.png
	new file:   tailwind.config.js
2025-06-01 10:07:27 -03:00
5 changed files with 172 additions and 191 deletions

View File

@ -6,21 +6,10 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pós-Instalação do Debian 12</title> <title>Pós-Instalação do Debian 12</title>
<script src="https://cdn.tailwindcss.com"></script> <script src="https://cdn.tailwindcss.com"></script>
<script src="./tailwind.config.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<script> <link rel="stylesheet" href="styles/">
tailwind.config = {
theme: {
extend: {
colors: {
debian: '#A80030',
debianEmerald: '#05475c',
debianLight: '#d63368',
debianDark: '#7a0022',
}
}
}
}
</script>
</head> </head>
<body class="bg-stone-200 font-sans antialiased"> <body class="bg-stone-200 font-sans antialiased">
@ -28,8 +17,8 @@
<div class="container mx-auto px-4 py-4"> <div class="container mx-auto px-4 py-4">
<div class="flex flex-col md:flex-row justify-between items-center"> <div class="flex flex-col md:flex-row justify-between items-center">
<div class="flex items-center mb-4 md:mb-0"> <div class="flex items-center mb-4 md:mb-0">
<i class="fab fa-linux text-3xl mr-3"></i> <img src="styles/icons/debian-brands-solid.svg" alt="Ícone Debian" class="h-8 w-8 mr-3 invert">
<h1 class="text-2xl md:text-3xl font-bold" data-i18n="title">Pós-Instalação do Debian 12</h1> <h1 class="text-2xl md:text-3xl font-bold " data-i18n="title">Pós-Instalação do Debian 12</h1>
</div> </div>
<div class="flex items-center space-x-4"> <div class="flex items-center space-x-4">
<a href="https://github.com/phaleixo/after_install_debian_12" target="_blank" <a href="https://github.com/phaleixo/after_install_debian_12" target="_blank"
@ -55,105 +44,90 @@
</div> </div>
</div> </div>
</header> </header>
<section class="bg-debianEmerald text-white py-12 relative overflow-hidden"> <section class="bg-debianEmerald text-white py-12 relative overflow-hidden">
<div class="absolute inset-0 bg-cover bg-center opacity-100" <div class="absolute inset-0 bg-cover bg-center opacity-100"
style="background-image: url('image/banner/banner_debian12_emerald.png');"></div> style="background-image: url('styles/images/banner/banner_debian12_emerald.png');"></div>
<div class="container mx-auto px-4 text-center relative z-10"> <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"></h2> <h2 class="text-3xl md:text-4xl font-bold mb-4" data-i18n="hero.title"></h2>
<p class="text-xl mb-8 max-w-3xl mx-auto" data-i18n="hero.subtitle"></p> <p class="text-xl mb-8 max-w-3xl mx-auto" data-i18n="hero.subtitle"></p>
<div class="flex flex-col sm:flex-row justify-center gap-4"> <div class="flex flex-col sm:flex-row justify-center gap-4">
<a href="https://www.debian.org/download" target="_blank" <a href="https://www.debian.org/download" target="_blank"
class="bg-white text-debian px-6 py-3 rounded-lg font-bold hover:bg-gray-100 transition"> class="bg-debian text-white px-6 py-3 rounded-lg font-bold hover:bg-white hover:text-debian transition">
<i class="fas fa-download mr-2"></i> <span data-i18n="hero.download">Baixar Debian 12</span> <i class="fas fa-download mr-2"></i> <span data-i18n="hero.download"></span>
</a> </a>
<a href="#scripts" <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"> 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> <i class="fas fa-code mr-2"></i> <span data-i18n="hero.viewScripts"></span>
</a> </a>
</div> </div>
</div> </div>
</section> </section>
<main class="container mx-auto px-4 py-12"> <main class="container mx-auto px-4 py-12">
<section id="download" class="mb-16 bg-white rounded-xl shadow-md p-6"> <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="flex flex-col md:flex-row items-center">
<div class=" mb-6 md:mb-0 md:pr-8"> <div class=" mb-6 md:mb-0 md:pr-8">
<h2 class="text-2xl font-bold text-debian mb-4" data-i18n="more.title"> <h2 class="text-2xl font-bold text-debian mb-4" data-i18n="more.title"></h2>
"Por que usar o Debian 12"</h2> <p class="text-gray-700 mb-4" data-i18n="more.description"></p>
<p class="text-gray-700 mb-4" data-i18n="more.description">"O Debian 12 Bookworm é a versão estável mais recente do sistema operacional Linux Debian, lançado em junho de 2023. É conhecido por sua estabilidade, amplo suporte a ambientes de desktop e uma vasta coleção de mais de 64 mil pacotes de software atualizados."</p>
<a href="https://www.debian.org/" target="_blank" <a href="https://www.debian.org/" target="_blank"
class="inline-block bg-debian text-white px-6 py-3 rounded-lg font-semibold hover:bg-debianDark transition"> class="inline-block bg-debian text-white px-6 py-3 rounded-lg font-semibold hover:bg-debianDark transition">
<i class="fas fa-info-circle mr-2"></i> <span data-i18n="more.button">Mais informações</span> <i class="fas fa-info-circle mr-2"></i> <span data-i18n="more.button"></span>
</a> </a>
</div> </div>
</div> </div>
</section> </section>
<section class="mb-16 bg-white rounded-xl shadow-md p-6"> <section class="mb-16 bg-white rounded-xl shadow-md p-6">
<div class="flex flex-col md:flex-row items-center"> <div class="flex flex-col md:flex-row items-center">
<div class="text-debian text-xl mb-4"></div> <div class="text-debian text-xl mb-4"></div>
<i class="fas fa-code fa-2x text-debian mb-4"></i> <i class="fas fa-code fa-2x text-debian mb-4"></i>
</div> </div>
<div class=" mb-6 md:mb-0 md:pr-8"> <div class=" mb-6 md:mb-0 md:pr-8">
<h2 class="text-2xl font-bold text-debian mb-4" data-i18n="about.title"> <h2 class="text-2xl font-bold text-debian mb-4" data-i18n="about.title">
</h2> </h2>
<p class="text-gray-700 mb-4" data-i18n="about.description"></p> <p class="text-gray-700 mb-4" data-i18n="about.description"></p>
</div> </div>
</div> </div>
</section> </section>
<section class="mb-16"> <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 class="text-3xl font-bold text-debian mb-8 text-center" data-i18n="features.title"></h2>
</h2>
<div class="grid md:grid-cols-3 gap-6"> <div class="grid md:grid-cols-3 gap-6">
<div class="bg-white rounded-xl shadow-md p-6"> <div class="bg-white rounded-xl shadow-md p-6">
<div class="text-debian text-4xl mb-4"> <div class="text-debian text-4xl mb-4">
<i class="fas fa-box-open"></i> <i class="fas fa-box-open"></i>
</div> </div>
<h3 class="text-xl font-bold mb-2" data-i18n="features.packages.title">Pacotes Essenciais</h3> <h3 class="text-xl font-bold mb-2" data-i18n="features.packages.title"></h3>
<p class="text-gray-700" data-i18n="features.packages.description">Codecs, firmware, fontes e <p class="text-gray-700" data-i18n="features.packages.description"></p>
utilitários para tornar seu sistema totalmente funcional.</p>
</div> </div>
<div class="bg-white rounded-xl shadow-md p-6"> <div class="bg-white rounded-xl shadow-md p-6">
<div class="text-debian text-4xl mb-4"> <div class="text-debian text-4xl mb-4">
<i class="fas fa-paint-brush"></i> <i class="fas fa-paint-brush"></i>
</div> </div>
<h3 class="text-xl font-bold mb-2" data-i18n="features.customization.title">Personalização GNOME <h3 class="text-xl font-bold mb-2" data-i18n="features.customization.title"></h3>
</h3> <p class="text-gray-700" data-i18n="features.customization.description"></p>
<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>
<div class="bg-white rounded-xl shadow-md p-6"> <div class="bg-white rounded-xl shadow-md p-6">
<div class="text-debian text-4xl mb-4"> <div class="text-debian text-4xl mb-4">
<i class="fas fa-rocket"></i> <i class="fas fa-rocket"></i>
</div> </div>
<h3 class="text-xl font-bold mb-2" data-i18n="features.performance.title">Desempenho</h3> <h3 class="text-xl font-bold mb-2" data-i18n="features.performance.title"></h3>
<p class="text-gray-700" data-i18n="features.performance.description">Otimizações de drivers e <p class="text-gray-700" data-i18n="features.performance.description"></p>
remoção de bloat para um sistema mais rápido.</p>
</div> </div>
</div> </div>
</section> </section>
<section id="scripts" class="mb-16"> <section id="scripts" class="mb-16">
<h2 class="text-3xl font-bold text-debian mb-8 text-center" data-i18n="scripts.title">Scripts de <h2 class="text-3xl font-bold text-debian mb-8 text-center" data-i18n="scripts.title"></h2>
Pós-Instalação</h2>
<div class="bg-white rounded-xl shadow-md overflow-hidden mb-8"> <div class="bg-white rounded-xl shadow-md overflow-hidden mb-8">
<div class="p-6"> <div class="p-6">
<h3 class="text-xl font-bold text-debian mb-2" data-i18n="scripts.complete.title">Pós-Instalação <h3 class="text-xl font-bold text-debian mb-2" data-i18n="scripts.complete.title"></h3>
Completa</h3> <p class="text-gray-700 mb-4" data-i18n="scripts.complete.description"></p>
<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')" <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"> 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> <i class="fas fa-copy mr-2"></i> <span data-i18n="scripts.copy"></span>
</button> </button>
<div class="bg-gray-800 text-gray-100 p-4 rounded-lg overflow-x-auto"> <div class="bg-gray-800 text-gray-100 p-4 rounded-lg overflow-x-auto">
@ -162,17 +136,15 @@
</div> </div>
</div> </div>
</div> </div>
<h3 class="text-2xl font-bold text-debian mb-8 text-center" data-i18n="scripts.one"></h3>
<div class="grid md:grid-cols-2 gap-6"> <div class="grid md:grid-cols-2 gap-6">
<div class="bg-white rounded-xl shadow-md overflow-hidden"> <div class="bg-white rounded-xl shadow-md overflow-hidden">
<div class="p-6"> <div class="p-6">
<h3 class="text-xl font-bold text-debian mb-2" data-i18n="scripts.repos.title">Ativar <h3 class="text-xl font-bold text-debian mb-2" data-i18n="scripts.repos.title"></h3>
Repositórios</h3> <p class="text-gray-700 mb-4" data-i18n="scripts.repos.description"></p>
<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')" <button onclick="copyToClipboard('repos')"
class="bg-gray-200 text-gray-800 px-4 py-2 rounded hover:bg-gray-300 transition"> 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> <i class="fas fa-copy mr-2"></i> <span data-i18n="scripts.copy"></span>
</button> </button>
</div> </div>
<div class="bg-gray-800 text-gray-100 p-4 m-4 rounded-lg overflow-x-auto"> <div class="bg-gray-800 text-gray-100 p-4 m-4 rounded-lg overflow-x-auto">
@ -180,16 +152,13 @@
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> 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> </div>
<div class="bg-white rounded-xl shadow-md overflow-hidden"> <div class="bg-white rounded-xl shadow-md overflow-hidden">
<div class="p-6"> <div class="p-6">
<h3 class="text-xl font-bold text-debian mb-2" data-i18n="scripts.firefox.title">Firefox Atual <h3 class="text-xl font-bold text-debian mb-2" data-i18n="scripts.firefox.title"></h3>
</h3> <p class="text-gray-700 mb-4" data-i18n="scripts.firefox.description"></p>
<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')" <button onclick="copyToClipboard('firefox')"
class="bg-gray-200 text-gray-800 px-4 py-2 rounded hover:bg-gray-300 transition"> 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> <i class="fas fa-copy mr-2"></i> <span data-i18n="scripts.copy"></span>
</button> </button>
</div> </div>
<div class="bg-gray-800 text-gray-100 p-4 m-4 rounded-lg overflow-x-auto"> <div class="bg-gray-800 text-gray-100 p-4 m-4 rounded-lg overflow-x-auto">
@ -197,16 +166,13 @@
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> 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> </div>
<div class="bg-white rounded-xl shadow-md overflow-hidden"> <div class="bg-white rounded-xl shadow-md overflow-hidden">
<div class="p-6"> <div class="p-6">
<h3 class="text-xl font-bold text-debian mb-2" data-i18n="scripts.codecs.title">Codecs & Ajustes <h3 class="text-xl font-bold text-debian mb-2" data-i18n="scripts.codecs.title"></h3>
</h3> <p class="text-gray-700 mb-4" data-i18n="scripts.codecs.description"></p>
<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')" <button onclick="copyToClipboard('codecs')"
class="bg-gray-200 text-gray-800 px-4 py-2 rounded hover:bg-gray-300 transition"> 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> <i class="fas fa-copy mr-2"></i> <span data-i18n="scripts.copy"></span>
</button> </button>
</div> </div>
<div class="bg-gray-800 text-gray-100 p-4 m-4 rounded-lg overflow-x-auto"> <div class="bg-gray-800 text-gray-100 p-4 m-4 rounded-lg overflow-x-auto">
@ -217,30 +183,11 @@
<div class="bg-white rounded-xl shadow-md overflow-hidden"> <div class="bg-white rounded-xl shadow-md overflow-hidden">
<div class="p-6"> <div class="p-6">
<h3 class="text-xl font-bold text-debian mb-2" data-i18n="scripts.extensions.title">Extensões <h3 class="text-xl font-bold text-debian mb-2" data-i18n="scripts.remove.title"></h3>
GNOME</h3> <p class="text-gray-700 mb-4" data-i18n="scripts.remove.description"></p>
<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')" <button onclick="copyToClipboard('remove')"
class="bg-gray-200 text-gray-800 px-4 py-2 rounded hover:bg-gray-300 transition"> 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> <i class="fas fa-copy mr-2"></i> <span data-i18n="scripts.copy"></span>
</button> </button>
</div> </div>
<div class="bg-gray-800 text-gray-100 p-4 m-4 rounded-lg overflow-x-auto"> <div class="bg-gray-800 text-gray-100 p-4 m-4 rounded-lg overflow-x-auto">
@ -248,16 +195,63 @@
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> 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> </div>
</div>
<h3 class="text-2xl font-bold text-debian mb-8 mt-8 text-center" data-i18n="scripts.look"></h3>
<div class="grid md:grid-cols-2 gap-6">
<div class="bg-white rounded-xl shadow-md overflow-hidden"> <div class="bg-white rounded-xl shadow-md overflow-hidden">
<div class="p-6"> <div class="p-6">
<h3 class="text-xl font-bold text-debian mb-2" data-i18n="scripts.apps.title">Instalar <h3 class="text-xl font-bold text-debian mb-2" data-i18n="scripts.fonts.title"></h3>
Aplicativos</h3> <p class="text-gray-700 mb-4" data-i18n="scripts.fonts.description"></p>
<p class="text-gray-700 mb-4" data-i18n="scripts.apps.description">Instale aplicativos úteis via <button onclick="copyToClipboard('fonts')"
Flatpak incluindo GIMP, Inkscape e mais.</p> 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"></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"></h3>
<p class="text-gray-700 mb-4" data-i18n="scripts.wallpapers.description"></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"></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 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"></h3>
<p class="text-gray-700 mb-4" data-i18n="scripts.extensions.description"></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"></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>
<h3 class="text-2xl font-bold text-debian mb-8 mt-8 text-center" data-i18n="scripts.plus"></h3>
<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.apps.title"></h3>
<p class="text-gray-700 mb-4" data-i18n="scripts.apps.description"></p>
<button onclick="copyToClipboard('apps')" <button onclick="copyToClipboard('apps')"
class="bg-gray-200 text-gray-800 px-4 py-2 rounded hover:bg-gray-300 transition"> 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> <i class="fas fa-copy mr-2"></i> <span data-i18n="scripts.copy"></span>
</button> </button>
</div> </div>
<div class="bg-gray-800 text-gray-100 p-4 m-4 rounded-lg overflow-x-auto"> <div class="bg-gray-800 text-gray-100 p-4 m-4 rounded-lg overflow-x-auto">
@ -265,16 +259,13 @@
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> 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> </div>
<div class="bg-white rounded-xl shadow-md overflow-hidden"> <div class="bg-white rounded-xl shadow-md overflow-hidden">
<div class="p-6"> <div class="p-6">
<h3 class="text-xl font-bold text-debian mb-2" data-i18n="scripts.radeon.title">Radeon para <h3 class="text-xl font-bold text-debian mb-2" data-i18n="scripts.radeon.title"></h3>
AMDGPU</h3> <p class="text-gray-700 mb-4" data-i18n="scripts.radeon.description"></p>
<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')" <button onclick="copyToClipboard('radeon')"
class="bg-gray-200 text-gray-800 px-4 py-2 rounded hover:bg-gray-300 transition"> 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> <i class="fas fa-copy mr-2"></i> <span data-i18n="scripts.copy"></span>
</button> </button>
</div> </div>
<div class="bg-gray-800 text-gray-100 p-4 m-4 rounded-lg overflow-x-auto"> <div class="bg-gray-800 text-gray-100 p-4 m-4 rounded-lg overflow-x-auto">
@ -283,41 +274,8 @@
</div> </div>
</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> </section>
<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> </main>
<footer class="bg-debianEmerald text-white py-8"> <footer class="bg-debianEmerald text-white py-8">
@ -332,20 +290,21 @@
<p class="text-sm text-gray-300 mb-2 flex items-center justify-center space-x-1" data-i18n="footer.text2"> <p class="text-sm text-gray-300 mb-2 flex items-center justify-center space-x-1" data-i18n="footer.text2">
Developed by Developed by
<a href="https://github.com/phaleixo" target="_blank" <a href="https://github.com/phaleixo" target="_blank"
class="text-white hover:text-gray-300 transition-colors"> class="text-white hover:text-gray-300 transition-colors flex items-center space-x-1">
<i class="fab fa-github text-base mr-1"> </i> phaleixo <i class="fab fa-github text-base"></i>
<p>phaleixo@outlook.com.br</p> <span>phaleixo</span>
</a> </a>
</p> </p>
<p class="text-sm text-gray-300 mt-4" data-i18n="footer.disclaimer">Não afiliado ao Projeto Debian. Use por sua <p class="text-sm text-gray-300 flex items-center justify-center">
conta e risco.</p> phaleixo@outlook.com.br
</p>
<p class="text-sm text-gray-300 mt-4" data-i18n="footer.disclaimer"></p>
</div> </div>
</footer> </footer>
<div id="copyNotification" <div id="copyNotification"
class="fixed bottom-4 right-4 bg-debian text-white px-4 py-2 rounded-lg shadow-lg hidden"> 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 <i class="fas fa-check mr-2"></i> <span data-i18n="notification.copied"></span>
transferência!</span>
</div> </div>
<script src="scripts/index.js"></script> <script src="scripts/index.js"></script>

View File

@ -1,19 +1,20 @@
// Language translations // Language translations
const translations = { const translations = {
pt: { pt: {
"title": "Pós-Instalação do Debian 12", "title": "Pós-Instalação do Debian",
"hero.title": "Otimize Sua Experiência com o Debian 12", "hero.title": "Otimize Sua Experiência com o Debian",
"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.", "hero.subtitle": "Uma coleção de scripts para personalizar e melhorar sua instalação do Debian Stable com aplicativos essenciais, codecs, ajustes e muito mais.",
"hero.download": "Baixar Debian 12", "hero.download": "Baixar Debian",
"hero.viewScripts": "Ver Scripts", "hero.viewScripts": "Ver Scripts",
"more.title": "Por que usar o Debian 12", "more.title": "Por que usar o Debian Stable",
"more.description": "O Debian 12 Bookworm é a versão estável mais recente do sistema operacional Linux Debian, lançado em junho de 2023. É conhecido por sua estabilidade, amplo suporte a ambientes de desktop e uma vasta coleção de mais de 64 mil pacotes de software atualizados.", "more.description": "O Debian 12 Bookworm é a versão estável mais recente do sistema operacional Linux Debian, lançado em junho de 2023. É conhecido por sua estabilidade, amplo suporte a ambientes de desktop e uma vasta coleção de mais de 64 mil pacotes de software.",
"more.button": "Mais informações", "more.button": "Mais informações",
"about.title": "Como usar os Scripts:", "about.title": "Porque usar os Scripts:",
"about.description": "Tudo será feito utilizando o terminal, é só copiar, clicando no botao do script que deseja e colar no terminal.", "about.description": "Apesar do Debian ser muito confiável, pode ser trabalhoso deixá-lo pronto para uso pessoal ou para trabalho.Estes scripts ajudam a tornar a pós-instalação com GNOME e Xfce mais simples .Tudo será feito utilizando o terminal, é só copiar e colar no terminal.",
"scripts.title": "Scripts de Pós-Instalação", "scripts.title": "Scripts de Pós-Instalação",
"scripts.complete.title": "Pós-Instalação Completa", "scripts.complete.title": "Pós-Instalação base para GNOME e Xfce",
"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.", "scripts.one":"Instalar Scripts individualmente",
"scripts.complete.description": "Ativa os repositórios contrib e non-free,instala suporte ao Flatpak com o repositório Flathub, altera o Firefox ESR para a versão de lançamento atual, instala codecs multimídia, firmware, fontes e utilitários úteis e remove aplicativos pré-instalados desnecessários para limpar seu sistema.",
"scripts.repos.title": "Ativar Repositórios", "scripts.repos.title": "Ativar Repositórios",
"scripts.repos.description": "Ative os repositórios contrib e non-free e instale suporte ao Flatpak com o repositório Flathub.", "scripts.repos.description": "Ative os repositórios contrib e non-free e instale suporte ao Flatpak com o repositório Flathub.",
"scripts.firefox.title": "Firefox Atual", "scripts.firefox.title": "Firefox Atual",
@ -25,6 +26,8 @@ const translations = {
"scripts.remove.title": "Remover Apps Desnecessários", "scripts.remove.title": "Remover Apps Desnecessários",
"scripts.remove.description": "Remova aplicativos pré-instalados desnecessários para limpar seu sistema.", "scripts.remove.description": "Remova aplicativos pré-instalados desnecessários para limpar seu sistema.",
"scripts.apps.title": "Instalar Aplicativos", "scripts.apps.title": "Instalar Aplicativos",
"scripts.look":"Melhorar Aparência",
"scripts.plus":"Adicionais",
"scripts.apps.description": "Instale aplicativos úteis via Flatpak incluindo GIMP, Inkscape e mais.", "scripts.apps.description": "Instale aplicativos úteis via Flatpak incluindo GIMP, Inkscape e mais.",
"scripts.radeon.title": "Radeon para AMDGPU", "scripts.radeon.title": "Radeon para AMDGPU",
"scripts.radeon.description": "Mude do driver Radeon para AMDGPU para melhor desempenho com certas GPUs AMD.", "scripts.radeon.description": "Mude do driver Radeon para AMDGPU para melhor desempenho com certas GPUs AMD.",
@ -36,8 +39,8 @@ const translations = {
"features.title": "O Que Está Incluído", "features.title": "O Que Está Incluído",
"features.packages.title": "Pacotes Essenciais", "features.packages.title": "Pacotes Essenciais",
"features.packages.description": "Codecs, firmware, fontes e utilitários para tornar seu sistema totalmente funcional.", "features.packages.description": "Codecs, firmware, fontes e utilitários para tornar seu sistema totalmente funcional.",
"features.customization.title": "Personalização GNOME", "features.customization.title": "Personalização",
"features.customization.description": "Extensões e ajustes para melhorar sua experiência com o desktop GNOME.", "features.customization.description": "Extensões e ajustes para melhorar sua experiência com o desktop GNOME ou Xfce.",
"features.performance.title": "Desempenho", "features.performance.title": "Desempenho",
"features.performance.description": "Otimizações de drivers e remoção de bloat para um sistema mais rápido.", "features.performance.description": "Otimizações de drivers e remoção de bloat para um sistema mais rápido.",
"footer.text": "Scripts de Pós-Instalação do Debian 12", "footer.text": "Scripts de Pós-Instalação do Debian 12",
@ -46,19 +49,20 @@ const translations = {
"notification.copied": "Copiado para a área de transferência!" "notification.copied": "Copiado para a área de transferência!"
}, },
es: { es: {
"title": "Post-Instalación para Debian 12", "title": "Post-Instalación para Debian",
"hero.title": "Optimiza tu Experiencia con Debian 12", "hero.title": "Optimiza tu Experiencia con Debian",
"hero.subtitle": "Una colección de scripts para personalizar y mejorar tu instalación de Debian 12 con aplicaciones esenciales, códecs, ajustes y más.", "hero.subtitle": "Una colección de scripts para personalizar y mejorar tu instalación de Debian Stable con aplicaciones esenciales, códecs, ajustes y más.",
"hero.download": "Descargar Debian 12", "hero.download": "Descargar Debian",
"hero.viewScripts": "Ver Scripts", "hero.viewScripts": "Ver Scripts",
"more.title": "Por qué usar Debian 12", "more.title": "Por qué usar Debian Stable",
"more.description": "Debian 12 Bookworm es la versión estable más reciente del sistema operativo Linux Debian, lanzado en junio de 2023. Se destaca por su estabilidad, amplio soporte para entornos de escritorio y una vasta colección de más de 64 mil paquetes de software actualizados.", "more.description": "Debian 12 Bookworm es la versión estable más reciente del sistema operativo Linux Debian, lanzado en junio de 2023. Se destaca por su estabilidad, amplio soporte para entornos de escritorio y una vasta colección de más de 64 mil paquetes de software.",
"more.button": "Más información", "more.button": "Más información",
"about.title": "Cómo usar los Scripts:", "about.title": "Por qué usar los Scripts:",
"about.description": "Todo se hará utilizando la terminal, solo tienes que copiar, haciendo clic en el botón del script que desees, y pegar en la terminal.", "about.description": "Aunque Debian es muy fiable, puede ser laborioso dejarlo listo para uso personal o para el trabajo. Estos scripts ayudan a simplificar la post-instalación más sencilla con GNOME y Xfce. Todo se hará usando la terminal; solo tienes que copiar y pegar en la terminal.",
"scripts.title": "Scripts de Post-Instalación", "scripts.title": "Scripts de Post-Instalación",
"scripts.complete.title": "Post-Instalación Completa", "scripts.one":"Instalar Scripts individualmente",
"scripts.complete.description": "Ejecuta todos los cambios recomendados incluyendo activación de repositorios, instalación de códecs, extensiones GNOME e instalación de aplicaciones.", "scripts.complete.title": "Post-instalación base para GNOME y Xfce",
"scripts.complete.description": "Activa los repositorios contrib y non-free, instala soporte para Flatpak con el repositorio Flathub, cambia Firefox ESR por la versión de lanzamiento actual, instala códecs multimedia, firmware, fuentes y utilidades útiles, y elimina aplicaciones preinstaladas innecesarias para limpiar tu sistema.",
"scripts.repos.title": "Activar Repositorios", "scripts.repos.title": "Activar Repositorios",
"scripts.repos.description": "Activa los repositorios contrib y non-free e instala soporte para Flatpak con el repositorio Flathub.", "scripts.repos.description": "Activa los repositorios contrib y non-free e instala soporte para Flatpak con el repositorio Flathub.",
"scripts.firefox.title": "Firefox Actual", "scripts.firefox.title": "Firefox Actual",
@ -70,6 +74,8 @@ const translations = {
"scripts.remove.title": "Eliminar Apps Innecesarios", "scripts.remove.title": "Eliminar Apps Innecesarios",
"scripts.remove.description": "Elimina aplicaciones preinstaladas innecesarias para limpiar tu sistema.", "scripts.remove.description": "Elimina aplicaciones preinstaladas innecesarias para limpiar tu sistema.",
"scripts.apps.title": "Instalar Aplicaciones", "scripts.apps.title": "Instalar Aplicaciones",
"scripts.look":"Mejorar Apariencia",
"scripts.plus":"Adicionales",
"scripts.apps.description": "Instala aplicaciones útiles via Flatpak incluyendo GIMP, Inkscape y más.", "scripts.apps.description": "Instala aplicaciones útiles via Flatpak incluyendo GIMP, Inkscape y más.",
"scripts.radeon.title": "Radeon a AMDGPU", "scripts.radeon.title": "Radeon a AMDGPU",
"scripts.radeon.description": "Cambia del controlador Radeon a AMDGPU para mejor rendimiento con ciertas GPUs AMD.", "scripts.radeon.description": "Cambia del controlador Radeon a AMDGPU para mejor rendimiento con ciertas GPUs AMD.",
@ -81,8 +87,8 @@ const translations = {
"features.title": "Qué está Incluido", "features.title": "Qué está Incluido",
"features.packages.title": "Paquetes Esenciales", "features.packages.title": "Paquetes Esenciales",
"features.packages.description": "Códecs, firmware, fuentes y utilidades para hacer tu sistema completamente funcional.", "features.packages.description": "Códecs, firmware, fuentes y utilidades para hacer tu sistema completamente funcional.",
"features.customization.title": "Personalización GNOME", "features.customization.title": "Personalización",
"features.customization.description": "Extensiones y ajustes para mejorar tu experiencia con el escritorio GNOME.", "features.customization.description": "Extensiones y ajustes para mejorar tu experiencia con el escritorio GNOME y Xfce.",
"features.performance.title": "Rendimiento", "features.performance.title": "Rendimiento",
"features.performance.description": "Optimizaciones de controladores y eliminación de bloat para un sistema más rápido.", "features.performance.description": "Optimizaciones de controladores y eliminación de bloat para un sistema más rápido.",
"footer.text": "Scripts de Post-Instalación para Debian 12", "footer.text": "Scripts de Post-Instalación para Debian 12",
@ -91,19 +97,20 @@ const translations = {
"notification.copied": "¡Copiado al portapapeles!" "notification.copied": "¡Copiado al portapapeles!"
}, },
en: { en: {
"title": "Debian 12 Post-Installation", "title": "Debian Post-Installation",
"hero.title": "Optimize Your Debian 12 Experience", "hero.title": "Optimize Your Debian Experience",
"hero.subtitle": "A collection of scripts to customize and enhance your Debian 12 installation with essential apps, codecs, tweaks, and more.", "hero.subtitle": "A collection of scripts to customize and enhance your Debian Stable installation with essential apps, codecs, tweaks, and more.",
"hero.download": "Download Debian 12", "hero.download": "Download Debian",
"hero.viewScripts": "View Scripts", "hero.viewScripts": "View Scripts",
"more.title": "Why use Debian 12", "more.title": "Why use Debian ",
"more.description": "The Debian 12 Bookworm is the latest stable version of the Debian Linux operating system, released in June 2023. It's known for its stability, broad support for desktop environments, and a vast collection of over 64,000 updated software packages.", "more.description": "The Debian 12 Bookworm is the latest stable version of the Debian Linux operating system, released in June 2023. It's known for its stability, broad support for desktop environments, and a vast collection of over 64,000 software packages.",
"more.button": "More information", "more.button": "More information",
"about.title": "How to Use the Scripts:", "about.title": "Why to Use the Scripts:",
"about.description": "Everything will be done using the terminal. Just copy by clicking the button of the desired script and paste it into the terminal.", "about.description": "Despite Debian being very reliable, getting it ready for personal or work use can be cumbersome. These scripts help make simpler post-Installation with GNOME and Xfce. Everything will be done using the terminal; just copy and paste into the terminal.",
"scripts.title": "Post-Installation Scripts", "scripts.title": "Post-Installation Scripts",
"scripts.complete.title": "Complete Post-Installation", "scripts.one":"Install Scripts Individually",
"scripts.complete.description": "Run all recommended changes including repository activation, codecs installation, GNOME extensions, and app installations.", "scripts.complete.title": "Base Post-Installation for GNOME and Xfce",
"scripts.complete.description": "Activates the contrib and non-free repositories, installs Flatpak support with the Flathub repository, switches Firefox ESR to the current release version, installs multimedia codecs, firmware, fonts, and useful utilities, and removes unnecessary pre-installed applications to clean up your system.",
"scripts.repos.title": "Activate Repositories", "scripts.repos.title": "Activate Repositories",
"scripts.repos.description": "Activate contrib and non-free repositories and install Flatpak support with Flathub.", "scripts.repos.description": "Activate contrib and non-free repositories and install Flatpak support with Flathub.",
"scripts.firefox.title": "Firefox Current", "scripts.firefox.title": "Firefox Current",
@ -115,6 +122,8 @@ const translations = {
"scripts.remove.title": "Remove Unneeded Apps", "scripts.remove.title": "Remove Unneeded Apps",
"scripts.remove.description": "Remove unnecessary pre-installed applications to clean up your system.", "scripts.remove.description": "Remove unnecessary pre-installed applications to clean up your system.",
"scripts.apps.title": "Install Apps", "scripts.apps.title": "Install Apps",
"scripts.look":"Improve Appearance",
"scripts.plus":"additional",
"scripts.apps.description": "Install useful applications via Flatpak including GIMP, Inkscape, and more.", "scripts.apps.description": "Install useful applications via Flatpak including GIMP, Inkscape, and more.",
"scripts.radeon.title": "Radeon to AMDGPU", "scripts.radeon.title": "Radeon to AMDGPU",
"scripts.radeon.description": "Switch from Radeon to AMDGPU driver for better performance with certain AMD GPUs.", "scripts.radeon.description": "Switch from Radeon to AMDGPU driver for better performance with certain AMD GPUs.",
@ -126,8 +135,8 @@ const translations = {
"features.title": "What's Included", "features.title": "What's Included",
"features.packages.title": "Essential Packages", "features.packages.title": "Essential Packages",
"features.packages.description": "Codecs, firmware, fonts, and utilities to make your system fully functional.", "features.packages.description": "Codecs, firmware, fonts, and utilities to make your system fully functional.",
"features.customization.title": "GNOME Customization", "features.customization.title": "Customization",
"features.customization.description": "Extensions and tweaks to enhance your GNOME desktop experience.", "features.customization.description": "Extensions and tweaks to enhance your GNOME or Xfce desktop experience.",
"features.performance.title": "Performance", "features.performance.title": "Performance",
"features.performance.description": "Driver optimizations and bloat removal for a faster system.", "features.performance.description": "Driver optimizations and bloat removal for a faster system.",
"footer.text": "Debian 12 Post-Installation Scripts", "footer.text": "Debian 12 Post-Installation Scripts",

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 4.9 KiB

View File

Before

Width:  |  Height:  |  Size: 203 KiB

After

Width:  |  Height:  |  Size: 203 KiB

12
tailwind.config.js Normal file
View File

@ -0,0 +1,12 @@
tailwind.config = {
theme: {
extend: {
colors: {
debian: '#A80030',
debianEmerald: '#05475c',
debianLight: '#d63368',
debianDark: '#7a0022',
}
}
}
};