comparison COBRAxy/docs/index.html @ 492:4ed95023af20 draft

Uploaded
author francesco_lapi
date Tue, 30 Sep 2025 14:02:17 +0000
parents
children
comparison
equal deleted inserted replaced
491:7a413a5ec566 492:4ed95023af20
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>COBRAxy Documentation</title>
6 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
7 <meta name="description" content="COBRAxy - A Python toolkit for metabolic flux analysis and visualization">
8 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
9 <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@4/lib/themes/dark.css">
10 <style>
11 :root {
12 --theme-color: #4CAF50;
13 --text-color-base: #e1e4e8;
14 --background-color: #0d1117;
15 --sidebar-background: #161b22;
16 --code-background: #21262d;
17 }
18
19 body {
20 background-color: var(--background-color);
21 color: var(--text-color-base);
22 }
23
24 .sidebar {
25 background-color: var(--sidebar-background);
26 border-right: 1px solid #30363d;
27 }
28
29 .sidebar-nav a {
30 color: var(--text-color-base);
31 }
32
33 .sidebar-nav a:hover {
34 color: var(--theme-color);
35 }
36
37 .app-name-link {
38 color: var(--theme-color) !important;
39 font-weight: 600;
40 }
41
42 .app-name img {
43 max-height: 50px;
44 max-width: 250px;
45 margin-right: 10px;
46 vertical-align: middle;
47 }
48
49 .sidebar > h1 > img {
50 max-height: 50px;
51 width: auto;
52 }
53
54 .markdown-section {
55 background-color: var(--background-color);
56 color: var(--text-color-base);
57 }
58
59 .markdown-section code {
60 background-color: var(--code-background);
61 color: #f0f6fc;
62 border-radius: 6px;
63 padding: 0.2em 0.4em;
64 border: 1px solid #30363d;
65 }
66
67 .markdown-section pre {
68 background-color: var(--code-background);
69 border: 1px solid #30363d;
70 }
71
72 .markdown-section pre > code {
73 background-color: var(--code-background);
74 color: #f0f6fc;
75 }
76
77 .markdown-section table {
78 border-collapse: collapse;
79 border: 1px solid #30363d;
80 }
81
82 .markdown-section th,
83 .markdown-section td {
84 border: 1px solid #30363d;
85 background-color: var(--code-background);
86 }
87
88 .markdown-section th {
89 background-color: #21262d;
90 font-weight: 600;
91 }
92 </style>
93 </head>
94 <body>
95 <div id="app"></div>
96 <script>
97 window.$docsify = {
98 name: 'COBRAxy',
99 logo: './_media/logo.png',
100 loadSidebar: true,
101 loadNavbar: false,
102 subMaxLevel: 3,
103 auto2top: true,
104
105 // Search plugin
106 search: {
107 maxAge: 86400000, // Expiration time, the default one day
108 paths: 'auto',
109 placeholder: 'Search documentation...',
110 noData: 'No results found.',
111 depth: 3
112 },
113
114 // Copy code plugin
115 copyCode: {
116 buttonText: 'Copy',
117 errorText: 'Error',
118 successText: 'Copied'
119 },
120
121 // Zoom image plugin
122 zoom: {
123 selector: '.medium-zoom-image',
124 delay: 1000,
125 options: {
126 bgColor: 'rgba(0,0,0,0.8)',
127 zIndex: 99999
128 }
129 },
130
131 // Tabs plugin
132 tabs: {
133 persist: true,
134 sync: true,
135 theme: 'classic',
136 tabComments: true,
137 tabHeadings: true
138 }
139 }
140 </script>
141
142 <!-- Core Docsify -->
143 <script src="//cdn.jsdelivr.net/npm/docsify@4"></script>
144
145 <!-- Search plugin -->
146 <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/search.min.js"></script>
147
148 <!-- Copy code plugin -->
149 <script src="//cdn.jsdelivr.net/npm/docsify-copy-code@2"></script>
150
151 <!-- Zoom image plugin -->
152 <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/zoom-image.min.js"></script>
153
154 <!-- Tabs plugin -->
155 <script src="//cdn.jsdelivr.net/npm/docsify-tabs@1"></script>
156
157 <!-- Code syntax highlighting -->
158 <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-bash.min.js"></script>
159 <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-python.min.js"></script>
160 <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-yaml.min.js"></script>
161 <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-xml.min.js"></script>
162 <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-json.min.js"></script>
163 </body>
164 </html>