sashaastiadi/www_mycelium
1
0
Fork 1
forked from hero/www_hero_project
Code Pull Requests Activity

edit indigo

Browse Source
This commit is contained in:
sasha-astiadi
2024-08-19 17:59:44 +02:00
parent dcb68faf24
commit a135d7f598
13 changed files with 33 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
templates/partials/technology3.html
View File

@@ -10,7 +10,7 @@
<div class="-mx-4 flex overflow-x-auto sm:mx-0">
<div class="flex-auto border-b border-gray-200 px-4 sm:px-0">
<div class="-mb-px flex space-x-10" aria-orientation="horizontal" role="tablist">
<!-- Current: "border-indigo-500 text-indigo-400", Default: "border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700" -->
<!-- Current: "border-indigo-400 text-indigo-400", Default: "border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700" -->
<button id="features-tab-1" class="whitespace-nowrap border-b-2 border-transparent py-6 text-base font-medium text-gray-50 hover:border-gray-300 hover:text-gray-50" aria-controls="features-panel-1" role="tab" type="button">3Nodes</button>
<button id="features-tab-2" class="whitespace-nowrap border-b-2 border-transparent py-6 text-base font-medium text-gray-50 hover:border-gray-300 hover:text-gray-50" aria-controls="features-panel-2" role="tab" type="button">Zero-OS</button>
<button id="features-tab-3" class="whitespace-nowrap border-b-2 border-transparent py-6 text-base font-medium text-gray-50 hover:border-gray-300 hover:text-gray-50" aria-controls="features-panel-3" role="tab" type="button">Mycelium</button>
@@ -144,17 +144,17 @@
tabs.forEach((tab, index) => {
tab.addEventListener('click', function () {
tabs.forEach(t => t.classList.remove('border-indigo-500', 'text-indigo-500'));
tabs.forEach(t => t.classList.remove('border-indigo-400', 'text-indigo-400'));
panels.forEach(panel => panel.style.display = 'none');
tab.classList.add('border-indigo-500', 'text-indigo-500');
tab.classList.add('border-indigo-400', 'text-indigo-400');
const panelId = tab.getAttribute('aria-controls');
document.getElementById(panelId).style.display = 'block';
});
// Hide all panels except the first one on load
if (index === 0) {
tab.classList.add('border-indigo-500', 'text-indigo-500');
tab.classList.add('border-indigo-400', 'text-indigo-400');
panels[index].style.display = 'block';
} else {
panels[index].style.display = 'none';