Mnemex
- mnemex
- src
- cortexgraph
- web
- static
graph.html•6.2 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CortexGraph - Knowledge Graph</title>
<link rel="stylesheet" href="/style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap"
rel="stylesheet">
<style>
/* Graph-specific styles moved to style.css */
</style>
</head>
<body>
<div class="app-container">
<header class="app-header">
<div class="logo">
<a href="/"
style="text-decoration: none; color: inherit; display: flex; align-items: center; gap: 10px;">
<span class="logo-icon">⬡</span>
<h1>CortexGraph</h1>
</a>
</div>
<div class="header-controls">
<a href="/" class="btn-icon" aria-label="List View"
style="text-decoration: none; color: inherit; display: flex; align-items: center; justify-content: center;">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round">
<line x1="8" y1="6" x2="21" y2="6"></line>
<line x1="8" y1="12" x2="21" y2="12"></line>
<line x1="8" y1="18" x2="21" y2="18"></line>
<line x1="3" y1="6" x2="3.01" y2="6"></line>
<line x1="3" y1="12" x2="3.01" y2="12"></line>
<line x1="3" y1="18" x2="3.01" y2="18"></line>
</svg>
</a>
<button id="theme-toggle" class="btn-icon" aria-label="Toggle theme">
<svg class="icon-sun" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="5"></circle>
<line x1="12" y1="1" x2="12" y2="3"></line>
<line x1="12" y1="21" x2="12" y2="23"></line>
<line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
<line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
<line x1="1" y1="12" x2="3" y2="12"></line>
<line x1="21" y1="12" x2="23" y2="12"></line>
<line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
<line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
</svg>
<svg class="icon-moon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
</svg>
</button>
</div>
</header>
<div class="graph-container" id="graph-viz">
<div class="controls-panel">
<h3>Graph Controls</h3>
<div class="control-group">
<label>Search</label>
<input type="text" id="search-input" placeholder="Search content..." class="form-control">
</div>
<div class="control-group">
<label>Status</label>
<div class="checkbox-group">
<label><input type="checkbox" value="active" checked class="status-filter"> Active</label>
<label><input type="checkbox" value="archived" class="status-filter"> Archived</label>
</div>
</div>
<div class="control-group">
<label>Layout Force</label>
<input type="range" id="force-strength" min="1" max="100" value="10">
</div>
<button id="apply-filters" class="btn-primary full-width">Apply Filters</button>
</div>
<div class="zoom-controls">
<button id="zoom-in" class="btn-icon" aria-label="Zoom In">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="10"></circle>
<line x1="12" y1="8" x2="12" y2="16"></line>
<line x1="8" y1="12" x2="16" y2="12"></line>
</svg>
</button>
<button id="zoom-out" class="btn-icon" aria-label="Zoom Out">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="10"></circle>
<line x1="8" y1="12" x2="16" y2="12"></line>
</svg>
</button>
<button id="zoom-fit" class="btn-icon" aria-label="Fit to Screen">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round">
<path
d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3">
</path>
</svg>
</button>
</div>
<div class="node-detail-panel" id="node-details">
<!-- Details injected here -->
</div>
</div>
</div>
<script src="/lib/cytoscape.min.js"></script>
<script type="module" src="/js/graph.js"></script>
</body>
</html>
Latest Blog Posts
- MCP Moves to the Linux Foundation: Neutral Stewardship for Agentic InfrastructureBy Om-Shree-0709 on .mcpanthropicLinux Foundation
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/prefrontalsys/mnemex'
If you have feedback or need assistance with the MCP directory API, please join our Discord server