updated footer link with button

pull/981/head
harshalmore31 3 days ago
parent dd7ac00dcb
commit 310302619b

@ -55,16 +55,6 @@ extra:
link: https://www.linkedin.com/company/swarms-corp/ link: https://www.linkedin.com/company/swarms-corp/
footer_links: footer_links:
"Getting Started":
- title: "Installation"
url: "https://docs.swarms.world/en/latest/swarms/install/install/"
- title: "Quickstart"
url: "https://docs.swarms.world/en/latest/quickstart/"
- title: "Environment Setup"
url: "https://docs.swarms.world/en/latest/swarms/install/env/"
- title: "Basic Agent Example"
url: "https://docs.swarms.world/en/latest/swarms/examples/basic_agent/"
"Core Capabilities": "Core Capabilities":
- title: "Agents" - title: "Agents"
@ -82,29 +72,67 @@ extra:
- title: "Swarm Router" - title: "Swarm Router"
url: "https://docs.swarms.world/en/latest/swarms/structs/swarm_router/" url: "https://docs.swarms.world/en/latest/swarms/structs/swarm_router/"
"Popular Multi-Agent Patterns":
"Templates & Applications": - title: "Mixture of Agents (MoA)"
- title: "Examples Overview" url: "https://docs.swarms.world/en/latest/swarms/structs/moa/"
url: "https://docs.swarms.world/en/latest/examples/index/" - title: "Sequential Workflow"
- title: "Cookbook" url: "https://docs.swarms.world/en/latest/swarms/examples/sequential_example/"
url: "https://docs.swarms.world/en/latest/examples/cookbook_index/" - title: "Concurrent Workflow"
- title: "Templates" url: "https://docs.swarms.world/en/latest/swarms/examples/concurrent_workflow/"
url: "https://docs.swarms.world/en/latest/examples/templates/" - title: "Hierarchical Swarm"
- title: "Paper Implementations" url: "https://docs.swarms.world/en/latest/swarms/examples/hierarchical_swarm_example/"
- title: "Group Chat"
url: "https://docs.swarms.world/en/latest/swarms/examples/groupchat_example/"
- title: "Agent Rearrange"
url: "https://docs.swarms.world/en/latest/swarms/structs/agent_rearrange/"
- title: "Deep Research Swarm"
url: "https://docs.swarms.world/en/latest/swarms/structs/deep_research_swarm/"
- title: "MALT Framework"
url: "https://docs.swarms.world/en/latest/swarms/structs/malt/"
"Popular Tools & Integrations":
- title: "MCP (Model Context Protocol)"
url: "https://docs.swarms.world/en/latest/swarms/examples/agent_with_mcp/"
- title: "OpenAI Tools & Function Calling"
url: "https://docs.swarms.world/en/latest/swarms/examples/agent_structured_outputs/"
- title: "Web Search (Exa, Serper)"
url: "https://docs.swarms.world/en/latest/swarms_tools/search/"
- title: "Browser Automation"
url: "https://docs.swarms.world/en/latest/swarms/examples/swarms_of_browser_agents/"
- title: "Vision & Image Processing"
url: "https://docs.swarms.world/en/latest/swarms/examples/vision_processing/"
- title: "Crypto APIs (CoinGecko, HTX)"
url: "https://docs.swarms.world/en/latest/swarms/examples/agent_with_tools/"
- title: "Yahoo Finance"
url: "https://docs.swarms.world/en/latest/swarms/examples/yahoo_finance/"
- title: "Structured Outputs"
url: "https://docs.swarms.world/en/latest/swarms/agents/structured_outputs/"
"Paper Implementations":
- title: "Paper Implementations Overview"
url: "https://docs.swarms.world/en/latest/examples/paper_implementations/" url: "https://docs.swarms.world/en/latest/examples/paper_implementations/"
- title: "MALT (Multi-Agent Learning Task)"
url: "https://github.com/kyegomez/swarms/blob/master/examples/single_agent/reasoning_agent_examples/malt_example.py"
"Contributors": - title: "MAI-DxO (Medical AI Diagnosis)"
- title: "Contributing" url: "https://github.com/The-Swarm-Corporation/Open-MAI-Dx-Orchestrator"
url: "https://docs.swarms.world/en/latest/contributors/main/" - title: "AI-CoScientist Research Framework"
- title: "Code Style Guide" url: "https://github.com/The-Swarm-Corporation/AI-CoScientist"
url: "https://docs.swarms.world/en/latest/swarms/framework/code_cleanliness/" - title: "Mixture of Agents (MoA)"
- title: "Adding Documentation" url: "https://github.com/kyegomez/swarms/blob/master/examples/multi_agent/mixture_of_agents_example.py"
url: "https://docs.swarms.world/en/latest/contributors/docs/" - title: "Agent-as-a-Judge Evaluation"
- title: "Bounty Program" url: "https://github.com/kyegomez/swarms/blob/master/examples/single_agent/reasoning_agent_examples/agent_judge_example.py"
url: "https://docs.swarms.world/en/latest/corporate/bounty_program/" - title: "Swarms of Browser Agents"
- title: "Support" url: "https://docs.swarms.world/en/latest/examples/swarms_of_browser_agents/"
url: "https://docs.swarms.world/en/latest/swarms/support/" - title: "Swarms DAO Governance"
url: "https://docs.swarms.world/en/latest/examples/swarms_dao/"
- title: "Deep Research Swarm Examples"
url: "https://github.com/kyegomez/swarms/tree/master/examples/multi_agent/deep_research_examples"
- title: "Hierarchical Swarm Examples"
url: "https://github.com/kyegomez/swarms/tree/master/examples/multi_agent/hiearchical_swarm"
- title: "All Examples Repository"
url: "https://github.com/kyegomez/swarms/tree/master/examples"
- title: "Research Papers Collection"
url: "https://github.com/kyegomez/awesome-multi-agent-papers"
"Community": "Community":
- title: "Twitter" - title: "Twitter"
@ -122,8 +150,6 @@ extra:
- title: "Onboarding Session" - title: "Onboarding Session"
url: "https://cal.com/swarms/swarms-onboarding-session" url: "https://cal.com/swarms/swarms-onboarding-session"
analytics: analytics:
provider: google provider: google
property: G-MPE9C65596 property: G-MPE9C65596

@ -19,13 +19,22 @@
<h4 class="md-footer-links__title">{{ section_name }}</h4> <h4 class="md-footer-links__title">{{ section_name }}</h4>
<ul class="md-footer-links__list"> <ul class="md-footer-links__list">
{% for link in links %} {% for link in links %}
<li class="md-footer-links__item"> <li class="md-footer-links__item{% if loop.index > 4 %} md-footer-links__item--hidden{% endif %}">
<a href="{{ link.url }}" class="md-footer-links__link"> <a href="{{ link.url }}" class="md-footer-links__link">
{{ link.title }} {{ link.title }}
</a> </a>
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>
{% if links|length > 4 %}
<button type="button" class="md-footer-links__toggle"
onclick="toggleFooterLinks(this)"
data-text-more="Show {{ links|length - 4 }} more"
data-text-less="Show less">
<span class="md-footer-links__toggle-text">Show {{ links|length - 4 }} more</span>
<span class="md-footer-links__toggle-icon"></span>
</button>
{% endif %}
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
@ -114,6 +123,45 @@
color: var(--md-accent-fg-color); color: var(--md-accent-fg-color);
} }
/* Hidden footer items */
.md-footer-links__item--hidden {
display: none;
}
/* Toggle button styles */
.md-footer-links__toggle {
background: none;
border: 0.05rem solid;
border-radius: 0.2rem;
cursor: pointer;
display: flex;
align-items: center;
gap: 0.3rem;
font-size: 0.64rem;
font-weight: 500;
margin-top: 0.8rem;
padding: 0.4rem 0.8rem;
text-transform: uppercase;
letter-spacing: 0.05em;
transition: all 150ms ease;
width: auto;
min-width: fit-content;
}
.md-footer-links__toggle:hover {
transform: translateY(-1px);
}
.md-footer-links__toggle-icon {
font-size: 0.5rem;
transition: transform 200ms ease;
line-height: 1;
}
.md-footer-links__toggle--expanded .md-footer-links__toggle-icon {
transform: rotate(180deg);
}
/* Light Mode (Default) */ /* Light Mode (Default) */
[data-md-color-scheme="default"] .md-footer-custom { [data-md-color-scheme="default"] .md-footer-custom {
background: #ffffff; background: #ffffff;
@ -134,6 +182,18 @@
color: #1976d2; color: #1976d2;
} }
[data-md-color-scheme="default"] .md-footer-links__toggle {
border-color: #e1e5e9;
color: #636c76;
background: #ffffff;
}
[data-md-color-scheme="default"] .md-footer-links__toggle:hover {
border-color: #1976d2;
color: #1976d2;
background: #f8f9fa;
}
/* Dark Mode (Slate) */ /* Dark Mode (Slate) */
[data-md-color-scheme="slate"] .md-footer-custom { [data-md-color-scheme="slate"] .md-footer-custom {
background: #1F2129; background: #1F2129;
@ -154,6 +214,18 @@
color: #42a5f5; color: #42a5f5;
} }
[data-md-color-scheme="slate"] .md-footer-links__toggle {
border-color: #404040;
color: #9ca3af;
background: #1F2129;
}
[data-md-color-scheme="slate"] .md-footer-links__toggle:hover {
border-color: #42a5f5;
color: #42a5f5;
background: #2a2d38;
}
/* Company Information Section - Base */ /* Company Information Section - Base */
.md-footer-company { .md-footer-company {
padding: 1.5rem 0; padding: 1.5rem 0;
@ -292,4 +364,30 @@
} }
} }
</style> </style>
<script>
function toggleFooterLinks(button) {
// Find the parent section
const section = button.closest('.md-footer-links__section');
const hiddenItems = section.querySelectorAll('.md-footer-links__item--hidden');
const toggleText = button.querySelector('.md-footer-links__toggle-text');
const isExpanded = button.classList.contains('md-footer-links__toggle--expanded');
if (isExpanded) {
// Hide items
hiddenItems.forEach(item => {
item.style.display = 'none';
});
toggleText.textContent = button.getAttribute('data-text-more');
button.classList.remove('md-footer-links__toggle--expanded');
} else {
// Show items
hiddenItems.forEach(item => {
item.style.display = 'block';
});
toggleText.textContent = button.getAttribute('data-text-less');
button.classList.add('md-footer-links__toggle--expanded');
}
}
</script>
{% endblock %} {% endblock %}
Loading…
Cancel
Save