mirror of
https://github.com/phaleixo/after_install_debian_12.git
synced 2025-12-05 21:49:44 -03:00
modified: index.html
This commit is contained in:
phaleixo
parent
7b5cbfce58
commit
ced6c8bcfb
346
index.html
346
index.html
@ -1,5 +1,6 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="pt">
|
<html lang="pt">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
@ -21,6 +22,7 @@
|
|||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="bg-stone-200 font-sans antialiased">
|
<body class="bg-stone-200 font-sans antialiased">
|
||||||
<header class="bg-debianEmerald text-white shadow-lg">
|
<header class="bg-debianEmerald text-white shadow-lg">
|
||||||
<div class="container mx-auto px-4 py-4">
|
<div class="container mx-auto px-4 py-4">
|
||||||
@ -30,17 +32,23 @@
|
|||||||
<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" class="bg-transparent border-2 border-white text-white px-4 py-2 rounded-lg font-semibold hover:bg-white hover:text-debianEmerald transition">
|
<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
|
<i class="fab fa-github mr-2"></i> GitHub
|
||||||
</a>
|
</a>
|
||||||
<div class="relative text-white">
|
<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">
|
<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>
|
<i class="fas fa-globe text-lg"></i>
|
||||||
</button>
|
</button>
|
||||||
<div id="languageDropdown" class="hidden absolute right-0 mt-2 w-40 bg-white rounded-md shadow-lg z-10">
|
<div id="languageDropdown"
|
||||||
<a href="#" data-lang="pt" class="block px-4 py-2 text-gray-800 hover:bg-gray-100">🇧🇷 Português</a>
|
class="hidden absolute right-0 mt-2 w-40 bg-white rounded-md shadow-lg z-20">
|
||||||
<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="pt" class="block px-4 py-2 text-gray-800 hover:bg-gray-100">🇧🇷
|
||||||
<a href="#" data-lang="en" class="block px-4 py-2 text-gray-800 hover:bg-gray-100">🇺🇸 English</a>
|
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>
|
</div>
|
||||||
@ -49,15 +57,20 @@
|
|||||||
</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" style="background-image: url('image/banner/banner_debian12_emerald.png');"></div>
|
<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">
|
<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>
|
<h2 class="text-3xl md:text-4xl font-bold mb-4" data-i18n="hero.title">Otimize Sua Experiência com o Debian
|
||||||
<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>
|
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">
|
<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">
|
<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>
|
<i class="fas fa-download mr-2"></i> <span data-i18n="hero.download">Baixar Debian 12</span>
|
||||||
</a>
|
</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">
|
<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>
|
<i class="fas fa-code mr-2"></i> <span data-i18n="hero.viewScripts">Ver Scripts</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
@ -68,9 +81,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="md:w-1/2 mb-6 md:mb-0 md:pr-8">
|
<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>
|
<h2 class="text-2xl font-bold text-debian mb-4" data-i18n="download.title">Baixar Debian 12 GNOME
|
||||||
<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>
|
</h2>
|
||||||
<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">
|
<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>
|
<i class="fas fa-download mr-2"></i> <span data-i18n="download.button">Baixar ISO</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
@ -82,46 +98,57 @@ https://www.debian.org/download.pt.html</code></pre>
|
|||||||
</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>
|
<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="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">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>
|
<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>
|
||||||
<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>
|
<h3 class="text-xl font-bold mb-2" data-i18n="features.customization.title">Personalização GNOME
|
||||||
<p class="text-gray-700" data-i18n="features.customization.description">Extensões e ajustes para melhorar sua experiência com o desktop GNOME.</p>
|
</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>
|
||||||
<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">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>
|
<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>
|
||||||
</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 Pós-Instalação</h2>
|
<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="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 Completa</h3>
|
<h3 class="text-xl font-bold text-debian mb-2" data-i18n="scripts.complete.title">Pós-Instalação
|
||||||
<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>
|
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">
|
<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>
|
<i class="fas fa-copy mr-2"></i> <span data-i18n="scripts.copy">Copiar</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">
|
||||||
<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>
|
<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>
|
||||||
</div>
|
</div>
|
||||||
@ -129,118 +156,154 @@ https://www.debian.org/download.pt.html</code></pre>
|
|||||||
<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 Repositórios</h3>
|
<h3 class="text-xl font-bold text-debian mb-2" data-i18n="scripts.repos.title">Ativar
|
||||||
<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>
|
Repositórios</h3>
|
||||||
<button onclick="copyToClipboard('repos')" class="bg-gray-200 text-gray-800 px-4 py-2 rounded hover:bg-gray-300 transition">
|
<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>
|
<i class="fas fa-copy mr-2"></i> <span data-i18n="scripts.copy">Copiar</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">
|
||||||
<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>
|
<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>
|
</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>
|
<h3 class="text-xl font-bold text-debian mb-2" data-i18n="scripts.firefox.title">Firefox Atual
|
||||||
<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>
|
</h3>
|
||||||
<button onclick="copyToClipboard('firefox')" class="bg-gray-200 text-gray-800 px-4 py-2 rounded hover:bg-gray-300 transition">
|
<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>
|
<i class="fas fa-copy mr-2"></i> <span data-i18n="scripts.copy">Copiar</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">
|
||||||
<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>
|
<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>
|
</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>
|
<h3 class="text-xl font-bold text-debian mb-2" data-i18n="scripts.codecs.title">Codecs & Ajustes
|
||||||
<p class="text-gray-700 mb-4" data-i18n="scripts.codecs.description">Instale codecs multimídia, firmware, fontes e utilitários úteis.</p>
|
</h3>
|
||||||
<button onclick="copyToClipboard('codecs')" class="bg-gray-200 text-gray-800 px-4 py-2 rounded hover:bg-gray-300 transition">
|
<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>
|
<i class="fas fa-copy mr-2"></i> <span data-i18n="scripts.copy">Copiar</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">
|
||||||
<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>
|
<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>
|
</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.extensions.title">Extensões GNOME</h3>
|
<h3 class="text-xl font-bold text-debian mb-2" data-i18n="scripts.extensions.title">Extensões
|
||||||
<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>
|
GNOME</h3>
|
||||||
<button onclick="copyToClipboard('extensions')" class="bg-gray-200 text-gray-800 px-4 py-2 rounded hover:bg-gray-300 transition">
|
<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>
|
<i class="fas fa-copy mr-2"></i> <span data-i18n="scripts.copy">Copiar</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">
|
||||||
<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>
|
<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>
|
</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.remove.title">Remover Apps Desnecessários</h3>
|
<h3 class="text-xl font-bold text-debian mb-2" data-i18n="scripts.remove.title">Remover Apps
|
||||||
<p class="text-gray-700 mb-4" data-i18n="scripts.remove.description">Remova aplicativos pré-instalados desnecessários para limpar seu sistema.</p>
|
Desnecessários</h3>
|
||||||
<button onclick="copyToClipboard('remove')" class="bg-gray-200 text-gray-800 px-4 py-2 rounded hover:bg-gray-300 transition">
|
<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>
|
<i class="fas fa-copy mr-2"></i> <span data-i18n="scripts.copy">Copiar</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">
|
||||||
<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>
|
<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>
|
</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.apps.title">Instalar Aplicativos</h3>
|
<h3 class="text-xl font-bold text-debian mb-2" data-i18n="scripts.apps.title">Instalar
|
||||||
<p class="text-gray-700 mb-4" data-i18n="scripts.apps.description">Instale aplicativos úteis via Flatpak incluindo GIMP, Inkscape e mais.</p>
|
Aplicativos</h3>
|
||||||
<button onclick="copyToClipboard('apps')" class="bg-gray-200 text-gray-800 px-4 py-2 rounded hover:bg-gray-300 transition">
|
<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>
|
<i class="fas fa-copy mr-2"></i> <span data-i18n="scripts.copy">Copiar</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">
|
||||||
<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>
|
<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>
|
</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 AMDGPU</h3>
|
<h3 class="text-xl font-bold text-debian mb-2" data-i18n="scripts.radeon.title">Radeon para
|
||||||
<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>
|
AMDGPU</h3>
|
||||||
<button onclick="copyToClipboard('radeon')" class="bg-gray-200 text-gray-800 px-4 py-2 rounded hover:bg-gray-300 transition">
|
<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>
|
<i class="fas fa-copy mr-2"></i> <span data-i18n="scripts.copy">Copiar</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">
|
||||||
<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>
|
<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>
|
</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.fonts.title">Instalar Fontes</h3>
|
<h3 class="text-xl font-bold text-debian mb-2" data-i18n="scripts.fonts.title">Instalar Fontes
|
||||||
<p class="text-gray-700 mb-4" data-i18n="scripts.fonts.description">Instale e configure fontes adicionais para melhor tipografia.</p>
|
</h3>
|
||||||
<button onclick="copyToClipboard('fonts')" class="bg-gray-200 text-gray-800 px-4 py-2 rounded hover:bg-gray-300 transition">
|
<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>
|
<i class="fas fa-copy mr-2"></i> <span data-i18n="scripts.copy">Copiar</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">
|
||||||
<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>
|
<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>
|
</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.wallpapers.title">Instalar Papéis de Parede</h3>
|
<h3 class="text-xl font-bold text-debian mb-2" data-i18n="scripts.wallpapers.title">Instalar
|
||||||
<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>
|
Papéis de Parede</h3>
|
||||||
<button onclick="copyToClipboard('wallpapers')" class="bg-gray-200 text-gray-800 px-4 py-2 rounded hover:bg-gray-300 transition">
|
<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>
|
<i class="fas fa-copy mr-2"></i> <span data-i18n="scripts.copy">Copiar</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">
|
||||||
<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>
|
<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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -250,23 +313,28 @@ https://www.debian.org/download.pt.html</code></pre>
|
|||||||
<footer class="bg-debianEmerald text-white py-8">
|
<footer class="bg-debianEmerald text-white py-8">
|
||||||
<div class="container mx-auto px-4 text-center">
|
<div class="container mx-auto px-4 text-center">
|
||||||
<div class="flex justify-center space-x-6 mb-6">
|
<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">
|
<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>
|
<i class="fab fa-github"></i>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<p class="mb-2" data-i18n="footer.text">Pós-Instalação do Debian 12</p>
|
<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">
|
<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" class="text-white hover:text-gray-300 transition-colors">
|
<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
|
<i class="fab fa-github text-base mr-1"></i> phaleixo
|
||||||
</a>
|
</a>
|
||||||
</p>
|
</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>
|
<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>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
<div id="copyNotification" class="fixed bottom-4 right-4 bg-debian text-white px-4 py-2 rounded-lg shadow-lg hidden">
|
<div id="copyNotification"
|
||||||
<i class="fas fa-check mr-2"></i> <span data-i18n="notification.copied">Copiado para a área de transferência!</span>
|
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>
|
</div>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
@ -311,6 +379,7 @@ https://www.debian.org/download.pt.html</code></pre>
|
|||||||
"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",
|
||||||
|
"footer.text2": "Desenvolvido por",
|
||||||
"footer.disclaimer": "Não afiliado ao Projeto Debian. Use por sua conta e risco.",
|
"footer.disclaimer": "Não afiliado ao Projeto Debian. Use por sua conta e risco.",
|
||||||
"notification.copied": "Copiado para a área de transferência!"
|
"notification.copied": "Copiado para a área de transferência!"
|
||||||
},
|
},
|
||||||
@ -353,6 +422,7 @@ https://www.debian.org/download.pt.html</code></pre>
|
|||||||
"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",
|
||||||
|
"footer.text2": "Desarrollado por",
|
||||||
"footer.disclaimer": "No afiliado al Proyecto Debian. Úsalo bajo tu propio riesgo.",
|
"footer.disclaimer": "No afiliado al Proyecto Debian. Úsalo bajo tu propio riesgo.",
|
||||||
"notification.copied": "¡Copiado al portapapeles!"
|
"notification.copied": "¡Copiado al portapapeles!"
|
||||||
},
|
},
|
||||||
@ -395,6 +465,7 @@ https://www.debian.org/download.pt.html</code></pre>
|
|||||||
"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",
|
||||||
|
"footer.text2": "Developed by",
|
||||||
"footer.disclaimer": "Not affiliated with the Debian Project. Use at your own risk.",
|
"footer.disclaimer": "Not affiliated with the Debian Project. Use at your own risk.",
|
||||||
"notification.copied": "Copied to clipboard!"
|
"notification.copied": "Copied to clipboard!"
|
||||||
}
|
}
|
||||||
@ -404,63 +475,162 @@ https://www.debian.org/download.pt.html</code></pre>
|
|||||||
|
|
||||||
// Função para aplicar as traduções
|
// Função para aplicar as traduções
|
||||||
function applyTranslations(lang) {
|
function applyTranslations(lang) {
|
||||||
document.querySelectorAll('[data-i18n]').forEach(element => {
|
console.log('Aplicando traduções para:', lang); // Debug
|
||||||
|
|
||||||
|
if (!translations[lang]) {
|
||||||
|
console.error('Idioma não encontrado:', lang);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Seleciona todos os elementos com data-i18n
|
||||||
|
const elements = document.querySelectorAll('[data-i18n]');
|
||||||
|
console.log('Elementos encontrados:', elements.length); // Debug
|
||||||
|
|
||||||
|
elements.forEach(element => {
|
||||||
const key = element.getAttribute('data-i18n');
|
const key = element.getAttribute('data-i18n');
|
||||||
if (translations[lang] && translations[lang][key]) {
|
|
||||||
element.textContent = translations[lang][key];
|
if (translations[lang][key]) {
|
||||||
|
// Trata diferentes tipos de elementos
|
||||||
|
if (element.tagName === 'INPUT' && element.type === 'submit') {
|
||||||
|
element.value = translations[lang][key];
|
||||||
|
} else if (element.tagName === 'INPUT' && element.hasAttribute('placeholder')) {
|
||||||
|
element.placeholder = translations[lang][key];
|
||||||
|
} else {
|
||||||
|
// Para elementos regulares, preserva HTML interno se necessário
|
||||||
|
if (element.innerHTML.includes('<')) {
|
||||||
|
// Se tem HTML interno, substitui apenas o texto
|
||||||
|
const tempDiv = document.createElement('div');
|
||||||
|
tempDiv.innerHTML = element.innerHTML;
|
||||||
|
|
||||||
|
// Encontra o nó de texto principal
|
||||||
|
const textNode = tempDiv.firstChild;
|
||||||
|
if (textNode && textNode.nodeType === Node.TEXT_NODE) {
|
||||||
|
textNode.textContent = translations[lang][key];
|
||||||
|
element.innerHTML = tempDiv.innerHTML;
|
||||||
|
} else {
|
||||||
|
// Se não encontrar nó de texto, substitui tudo
|
||||||
|
element.textContent = translations[lang][key];
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
element.textContent = translations[lang][key];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
console.warn('Chave de tradução não encontrada:', key, 'para idioma:', lang);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
// Atualiza o atributo lang do HTML
|
// Atualiza o atributo lang do HTML
|
||||||
document.documentElement.lang = lang;
|
document.documentElement.lang = lang;
|
||||||
currentLang = lang;
|
currentLang = lang;
|
||||||
|
|
||||||
|
console.log('Traduções aplicadas com sucesso para:', lang); // Debug
|
||||||
}
|
}
|
||||||
|
|
||||||
// Language switcher functionality
|
// Language switcher functionality
|
||||||
document.addEventListener('DOMContentLoaded', function() {
|
document.addEventListener('DOMContentLoaded', function () {
|
||||||
// Aplica as traduções iniciais com base no lang do HTML ou padrão
|
console.log('DOM carregado, inicializando sistema de idiomas'); // Debug
|
||||||
const initialLang = document.documentElement.lang || 'pt';
|
|
||||||
applyTranslations(initialLang);
|
// Aplica as traduções iniciais
|
||||||
|
applyTranslations(currentLang);
|
||||||
|
|
||||||
const languageDropdownButton = document.getElementById('languageDropdownButton');
|
const languageDropdownButton = document.getElementById('languageDropdownButton');
|
||||||
const languageDropdown = document.getElementById('languageDropdown');
|
const languageDropdown = document.getElementById('languageDropdown');
|
||||||
|
|
||||||
languageDropdownButton.addEventListener('click', function() {
|
if (!languageDropdownButton || !languageDropdown) {
|
||||||
|
console.error('Elementos do dropdown não encontrados');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Toggle dropdown
|
||||||
|
languageDropdownButton.addEventListener('click', function (e) {
|
||||||
|
e.preventDefault();
|
||||||
languageDropdown.classList.toggle('hidden');
|
languageDropdown.classList.toggle('hidden');
|
||||||
|
console.log('Dropdown toggled'); // Debug
|
||||||
});
|
});
|
||||||
|
|
||||||
// Adiciona event listener para os links de idioma
|
// Adiciona event listener para os links de idioma
|
||||||
document.querySelectorAll('#languageDropdown a').forEach(link => {
|
const languageLinks = document.querySelectorAll('#languageDropdown a[data-lang]');
|
||||||
link.addEventListener('click', function(event) {
|
console.log('Links de idioma encontrados:', languageLinks.length); // Debug
|
||||||
event.preventDefault(); // Evita o comportamento padrão do link
|
|
||||||
|
languageLinks.forEach(link => {
|
||||||
|
link.addEventListener('click', function (event) {
|
||||||
|
event.preventDefault();
|
||||||
|
event.stopPropagation();
|
||||||
|
|
||||||
const selectedLang = this.getAttribute('data-lang');
|
const selectedLang = this.getAttribute('data-lang');
|
||||||
applyTranslations(selectedLang);
|
console.log('Idioma selecionado:', selectedLang); // Debug
|
||||||
languageDropdown.classList.add('hidden'); // Esconde o dropdown após a seleção
|
|
||||||
|
if (selectedLang && selectedLang !== currentLang) {
|
||||||
|
applyTranslations(selectedLang);
|
||||||
|
|
||||||
|
// Feedback visual opcional
|
||||||
|
this.style.backgroundColor = '#f3f4f6';
|
||||||
|
setTimeout(() => {
|
||||||
|
this.style.backgroundColor = '';
|
||||||
|
}, 200);
|
||||||
|
}
|
||||||
|
|
||||||
|
languageDropdown.classList.add('hidden');
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
// Close dropdown when clicking outside
|
// Fecha dropdown ao clicar fora
|
||||||
document.addEventListener('click', function(event) {
|
document.addEventListener('click', function (event) {
|
||||||
if (!languageDropdownButton.contains(event.target) && !languageDropdown.contains(event.target)) {
|
if (!languageDropdownButton.contains(event.target) &&
|
||||||
|
!languageDropdown.contains(event.target)) {
|
||||||
languageDropdown.classList.add('hidden');
|
languageDropdown.classList.add('hidden');
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
console.log('Sistema de idiomas inicializado com sucesso');
|
||||||
});
|
});
|
||||||
|
|
||||||
// Copy to clipboard function (já existente e funcional)
|
// Copy to clipboard function (mantida como estava)
|
||||||
function copyToClipboard(id) {
|
function copyToClipboard(id) {
|
||||||
const preElement = document.getElementById(id);
|
const preElement = document.getElementById(id);
|
||||||
const textToCopy = preElement.textContent || preElement.innerText; // Get text from pre tag
|
if (!preElement) {
|
||||||
|
console.error('Elemento não encontrado:', id);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const textToCopy = preElement.textContent || preElement.innerText;
|
||||||
|
|
||||||
navigator.clipboard.writeText(textToCopy).then(() => {
|
navigator.clipboard.writeText(textToCopy).then(() => {
|
||||||
const notification = document.getElementById('copyNotification');
|
const notification = document.getElementById('copyNotification');
|
||||||
notification.classList.remove('hidden');
|
if (notification) {
|
||||||
setTimeout(() => {
|
notification.classList.remove('hidden');
|
||||||
notification.classList.add('hidden');
|
setTimeout(() => {
|
||||||
}, 2000);
|
notification.classList.add('hidden');
|
||||||
|
}, 2000);
|
||||||
|
}
|
||||||
}).catch(err => {
|
}).catch(err => {
|
||||||
console.error('Failed to copy text: ', err);
|
console.error('Falha ao copiar texto:', err);
|
||||||
|
|
||||||
|
// Fallback para navegadores mais antigos
|
||||||
|
const textArea = document.createElement('textarea');
|
||||||
|
textArea.value = textToCopy;
|
||||||
|
document.body.appendChild(textArea);
|
||||||
|
textArea.focus();
|
||||||
|
textArea.select();
|
||||||
|
|
||||||
|
try {
|
||||||
|
document.execCommand('copy');
|
||||||
|
const notification = document.getElementById('copyNotification');
|
||||||
|
if (notification) {
|
||||||
|
notification.classList.remove('hidden');
|
||||||
|
setTimeout(() => {
|
||||||
|
notification.classList.add('hidden');
|
||||||
|
}, 2000);
|
||||||
|
}
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Fallback de cópia também falhou:', err);
|
||||||
|
}
|
||||||
|
|
||||||
|
document.body.removeChild(textArea);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
Loading…
x
Reference in New Issue
Block a user