pages update

United-Visions · Feb 19, 2025 · 58e9f36 · 58e9f36
1 parent e603b17
commit 58e9f36
Show file tree

Hide file tree

Showing 6 changed files with 937 additions and 171 deletions.
diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
@@ -1,20 +1,63 @@
 <!DOCTYPE html>
-<html lang="{{ page.lang | default: site.lang | default: "en" }}">
-
-{% include head.html %}
-
-<body>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{{ page.title }} - Trading Pal Documentation</title>
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/themes/prism-tomorrow.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="{{ '/assets/css/main.css' | relative_url }}">
+</head>
+<body class="bg-dark text-light">
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark border-bottom border-secondary">
+        <div class="container">
+            <a class="navbar-brand" href="{{ '/' | relative_url }}">Trading Pal</a>
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            <div class="collapse navbar-collapse" id="navbarNav">
+                <ul class="navbar-nav">
+                    <li class="nav-item">
+                        <a class="nav-link" href="{{ '/data_server.html' | relative_url }}">Data Server</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="{{ '/charts_display.html' | relative_url }}">Charts</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="{{ '/backtesting.html' | relative_url }}">Backtesting</a>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </nav>
 
-    {% include topnav.html %}
+    <main class="container py-5">
+        <div class="row">
+            <div class="col-md-3">
+                <div class="sidebar sticky-top">
+                    <div class="list-group">
+                        <a href="{{ '/data_server.html' | relative_url }}" class="list-group-item list-group-item-action bg-dark text-light border-secondary">Data Server</a>
+                        <a href="{{ '/charts_display.html' | relative_url }}" class="list-group-item list-group-item-action bg-dark text-light border-secondary">Charts Display</a>
+                        <a href="{{ '/backtesting.html' | relative_url }}" class="list-group-item list-group-item-action bg-dark text-light border-secondary">Backtesting</a>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-9">
+                <div class="content">
+                    {{ content }}
+                </div>
+            </div>
+        </div>
+    </main>
 
-    <div class="page-content">
-        <div class="wrapper">
-            {{ content }}
+    <footer class="footer mt-auto py-3 bg-dark border-top border-secondary">
+        <div class="container text-center">
+            <span class="text-muted">Trading Pal Documentation</span>
         </div>
-    </div>
+    </footer>
 
-    {% include footer.html %}
-    {% include js_files.html %}
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/prism.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/components/prism-json.min.js"></script>
 </body>
-
 </html>
diff --git a/docs/assets/css/main.scss b/docs/assets/css/main.scss
@@ -1,5 +1,109 @@
 ---
 ---
-@import "minima";
 
-// Add any custom styles below this line
+// Custom styles
+.content {
+    pre {
+        background: #1a1a1a;
+        padding: 1rem;
+        border-radius: 0.5rem;
+        margin: 1.5rem 0;
+    }
+
+    code {
+        color: #e83e8c;
+    }
+
+    h1, h2, h3, h4, h5, h6 {
+        margin-top: 2rem;
+        margin-bottom: 1rem;
+        color: #fff;
+    }
+
+    p {
+        line-height: 1.7;
+        margin-bottom: 1.5rem;
+    }
+}
+
+.sidebar {
+    position: sticky;
+    top: 2rem;
+
+    .list-group-item {
+        &:hover {
+            background-color: #2d2d2d !important;
+        }
+
+        &.active {
+            background-color: #0d6efd !important;
+        }
+    }
+}
+
+.navbar {
+    box-shadow: 0 2px 4px rgba(0,0,0,.2);
+}
+
+// API endpoint styling
+.api-endpoint {
+    background: #2d2d2d;
+    padding: 1rem;
+    border-radius: 0.5rem;
+    margin: 1rem 0;
+
+    .method {
+        color: #0d6efd;
+        font-weight: bold;
+    }
+
+    .path {
+        color: #28a745;
+    }
+}
+
+// Documentation sections
+.doc-section {
+    margin-bottom: 3rem;
+
+    .section-title {
+        border-bottom: 2px solid #0d6efd;
+        padding-bottom: 0.5rem;
+        margin-bottom: 1.5rem;
+    }
+}
+
+// Table styling
+table {
+    width: 100%;
+    margin-bottom: 1rem;
+    background-color: #2d2d2d;
+    border-radius: 0.5rem;
+    overflow: hidden;
+
+    th, td {
+        padding: 1rem;
+        border-bottom: 1px solid #1a1a1a;
+    }
+
+    th {
+        background-color: #1a1a1a;
+        color: #fff;
+    }
+}
+
+// Code block improvements
+.language-json {
+    .token.property {
+        color: #9cdcfe;
+    }
+    .token.string {
+        color: #ce9178;
+    }
+    .token.number {
+        color: #b5cea8;
+    }
+    .token.boolean {
+        color: #569cd6;
+    }
+}