comparison COBRAxy/docs/index.html @ 542:fcdbc81feb45 draft

Uploaded

541:fa93040a75af

    
    .sidebar-nav a:hover {
      color: var(--theme-color);
    }
    
    .app-name-link {
      color: var(--theme-color) !important;
      font-weight: 600;
    }
    

      loadSidebar: true,
      loadNavbar: false,
      subMaxLevel: 3,
      auto2top: true,
      
      // Search plugin
      search: {
        maxAge: 86400000, // Expiration time, the default one day
        paths: 'auto',
        placeholder: 'Search documentation...',

  <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-bash.min.js"></script>
  <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-python.min.js"></script>
  <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-yaml.min.js"></script>
  <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-xml.min.js"></script>
  <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-json.min.js"></script>
</body>
</html>

542:fcdbc81feb45

    
    .sidebar-nav a:hover {
      color: var(--theme-color);
    }
    
    /* Main category styling - bold and larger */
    .sidebar-nav > ul > li > a,
    .sidebar-nav > ul > li > strong > a {
      font-weight: 700 !important;
      font-size: 1.1em !important;
      color: var(--theme-color) !important;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      margin-top: 1em;
      display: block;
    }
    
    /* Sub-items styling - normal weight and smaller */
    .sidebar-nav > ul > li > ul > li > a {
      font-weight: 400 !important;
      font-size: 0.95em !important;
      color: var(--text-color-base) !important;
      padding-left: 1.5em;
    }
    
    /* Collapsible arrows */
    .sidebar-nav > ul > li.folder > a::before {
      content: '▶';
      display: inline-block;
      margin-right: 0.5em;
      transition: transform 0.2s;
      font-size: 0.7em;
    }
    
    .sidebar-nav > ul > li.folder.open > a::before {
      transform: rotate(90deg);
    }
    
    /* Hide sub-items by default */
    .sidebar-nav > ul > li.folder > ul {
      display: none;
    }
    
    .sidebar-nav > ul > li.folder.open > ul {
      display: block;
    }
    
    .app-name-link {
      color: var(--theme-color) !important;
      font-weight: 600;
    }
    

      loadSidebar: true,
      loadNavbar: false,
      subMaxLevel: 3,
      auto2top: true,
      
      // Sidebar configuration
      alias: {
        '/.*/_sidebar.md': '/_sidebar.md'
      },
      sidebarDisplayLevel: 1, // Expand sidebar to level 1 by default
      
      // Search plugin
      search: {
        maxAge: 86400000, // Expiration time, the default one day
        paths: 'auto',
        placeholder: 'Search documentation...',

  <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-bash.min.js"></script>
  <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-python.min.js"></script>
  <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-yaml.min.js"></script>
  <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-xml.min.js"></script>
  <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-json.min.js"></script>
  
  <!-- Sidebar collapse script -->
  <script>
    window.addEventListener('load', function() {
      // Wait for sidebar to be rendered
      setTimeout(function() {
        const sidebar = document.querySelector('.sidebar-nav');
        if (!sidebar) return;
        
        // Mark items with sub-lists as folders
        const items = sidebar.querySelectorAll('ul > li');
        items.forEach(item => {
          const hasSublist = item.querySelector('ul');
          if (hasSublist) {
            item.classList.add('folder');
            
            // Get the main link
            const mainLink = item.querySelector('a');
            if (mainLink) {
              // Create a toggle button for the arrow
              const arrow = mainLink.querySelector('::before') || mainLink;
              
              // Add click handler that allows navigation but also toggles on second click
              let clickCount = 0;
              let clickTimer = null;
              
              mainLink.addEventListener('click', function(e) {
                clickCount++;
                
                if (clickCount === 1) {
                  // First click: navigate to the page
                  clickTimer = setTimeout(function() {
                    clickCount = 0;
                  }, 300);
                  // Don't prevent default, allow navigation
                  item.classList.add('open');
                } else if (clickCount === 2) {
                  // Second click: toggle the folder
                  clearTimeout(clickTimer);
                  clickCount = 0;
                  e.preventDefault();
                  item.classList.toggle('open');
                }
              });
            }
          }
        });
        
        // Open the active section by default
        const activeLink = sidebar.querySelector('li.active');
        if (activeLink) {
          let parent = activeLink.parentElement;
          while (parent && parent.tagName === 'UL') {
            const parentLi = parent.parentElement;
            if (parentLi && parentLi.classList.contains('folder')) {
              parentLi.classList.add('open');
            }
            parent = parentLi ? parentLi.parentElement : null;
          }
        }
      }, 300);
    });
  </script>
</body>
</html>