85 lines
3.0 KiB
HTML
85 lines
3.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Python Documentation - Auto Translator</title>
|
|
<link rel="stylesheet" href="/static/index.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css">
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/marked/9.1.6/marked.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
|
|
</head>
|
|
<body>
|
|
<aside class="sidebar" id="sidebar">
|
|
<div class="sidebar-header">
|
|
<h2 class="sidebar-title">Python Docs</h2>
|
|
</div>
|
|
|
|
<div class="sidebar-content" id="sidebarContent">
|
|
<!-- Navigation Tabs -->
|
|
<div class="nav-tabs">
|
|
<button class="nav-tab active" data-tab="docs">Docs</button>
|
|
<button class="nav-tab" data-tab="course">Course</button>
|
|
</div>
|
|
|
|
<!-- Docs Tab Content -->
|
|
<div id="docsTab" class="tab-content active">
|
|
<!-- Search form -->
|
|
<div class="search-form">
|
|
<!-- SearchBar component will be inserted here -->
|
|
</div>
|
|
|
|
<!-- Module list -->
|
|
<div class="module-list-container">
|
|
<h3 class="module-list-title">Available Modules</h3>
|
|
<div id="moduleList" class="module-list">
|
|
<div class="loading-modules">Loading modules...</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Course Tab Content -->
|
|
<div id="courseTab" class="tab-content" style="display: none;">
|
|
<div class="module-list-container">
|
|
<h3 class="module-list-title">Python Course</h3>
|
|
<div id="courseList" class="module-list">
|
|
<div class="loading-modules">Loading course...</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="theme-toggle-container">
|
|
<span class="theme-toggle-label">Toggle Theme</span>
|
|
<button class="theme-toggle" id="themeToggle" title="Toggle theme">
|
|
<span class="theme-toggle-sr">Toggle theme</span>
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
aria-hidden="true"
|
|
width="1em"
|
|
height="1em"
|
|
fill="currentColor"
|
|
class="theme-toggle__inner-moon"
|
|
viewBox="0 0 32 32"
|
|
>
|
|
<path d="M27.5 11.5v-7h-7L16 0l-4.5 4.5h-7v7L0 16l4.5 4.5v7h7L16 32l4.5-4.5h7v-7L32 16l-4.5-4.5zM16 25.4a9.39 9.39 0 1 1 0-18.8 9.39 9.39 0 1 1 0 18.8z" />
|
|
<circle cx="16" cy="16" r="8.1" />
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="resize-handle" id="resizeHandle"></div>
|
|
</aside>
|
|
<main class="content" id="content">
|
|
<div id="results" class="results-container">
|
|
<div class="welcome-message">
|
|
<h1>Python Documentation</h1>
|
|
<p>Search for any Python object in the sidebar to view its documentation.</p>
|
|
<p>Select a language to automatically translate the documentation.</p>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<script type="module" src="/static/app.js"></script>
|
|
</body>
|
|
</html>
|