add details below choose part, include concrete file filters , template, them
Browse files- index.html +24 -14
index.html
CHANGED
|
@@ -34,31 +34,41 @@
|
|
| 34 |
<div>
|
| 35 |
<label class="block text-sm font-medium text-gray-700 mb-2">File Filter</label>
|
| 36 |
<select id="file-filter" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
| 37 |
-
<option value="all">All Files</option>
|
| 38 |
-
<option value="code">Code Only (.js, .py, .java,
|
| 39 |
-
<option value="docs">Documentation Only (.md, .txt)</option>
|
| 40 |
-
<option value="
|
|
|
|
|
|
|
|
|
|
| 41 |
</select>
|
| 42 |
</div>
|
| 43 |
|
| 44 |
<div>
|
| 45 |
<label class="block text-sm font-medium text-gray-700 mb-2">Template</label>
|
| 46 |
<select id="template" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
| 47 |
-
<option value="default">Default</option>
|
| 48 |
-
<option value="documentation">Documentation</option>
|
| 49 |
-
<option value="portfolio">Portfolio</option>
|
| 50 |
-
<option value="minimal">Minimal</option>
|
| 51 |
-
|
|
|
|
|
|
|
|
|
|
| 52 |
</div>
|
| 53 |
|
| 54 |
<div>
|
| 55 |
<label class="block text-sm font-medium text-gray-700 mb-2">Theme</label>
|
| 56 |
<select id="theme" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
| 57 |
-
<option value="light">Light</option>
|
| 58 |
-
<option value="dark">Dark</option>
|
| 59 |
-
<option value="solarized">Solarized</option>
|
| 60 |
-
<option value="monokai">Monokai</option>
|
| 61 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
| 62 |
</div>
|
| 63 |
</div>
|
| 64 |
</div>
|
|
|
|
| 34 |
<div>
|
| 35 |
<label class="block text-sm font-medium text-gray-700 mb-2">File Filter</label>
|
| 36 |
<select id="file-filter" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
| 37 |
+
<option value="all">All Files (*.*)</option>
|
| 38 |
+
<option value="code">Code Only (.js, .ts, .py, .java, .cpp, .c, .h, .cs, .go, .rb, .php, .swift, .kt, .rs, .sh)</option>
|
| 39 |
+
<option value="docs">Documentation Only (.md, .txt, .rst, .adoc, .tex)</option>
|
| 40 |
+
<option value="config">Configuration (.json, .yaml, .yml, .toml, .xml, .ini)</option>
|
| 41 |
+
<option value="tests">Test Files (_test.js, .spec.js, test_*.py, *_test.go)</option>
|
| 42 |
+
<option value="styles">Styles (.css, .scss, .sass, .less)</option>
|
| 43 |
+
<option value="assets">Assets (.png, .jpg, .svg, .gif, .mp4, .woff, .ttf)</option>
|
| 44 |
</select>
|
| 45 |
</div>
|
| 46 |
|
| 47 |
<div>
|
| 48 |
<label class="block text-sm font-medium text-gray-700 mb-2">Template</label>
|
| 49 |
<select id="template" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
| 50 |
+
<option value="default">Default (Code-focused)</option>
|
| 51 |
+
<option value="documentation">Documentation (Readme-centric)</option>
|
| 52 |
+
<option value="portfolio">Portfolio (Visual showcase)</option>
|
| 53 |
+
<option value="minimal">Minimal (Clean and simple)</option>
|
| 54 |
+
<option value="academic">Academic (Research papers)</option>
|
| 55 |
+
<option value="blog">Blog (Markdown posts)</option>
|
| 56 |
+
<option value="api">API Reference (Swagger-like)</option>
|
| 57 |
+
</select>
|
| 58 |
</div>
|
| 59 |
|
| 60 |
<div>
|
| 61 |
<label class="block text-sm font-medium text-gray-700 mb-2">Theme</label>
|
| 62 |
<select id="theme" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
|
| 63 |
+
<option value="light">Light (GitHub-like)</option>
|
| 64 |
+
<option value="dark">Dark (Dracula)</option>
|
| 65 |
+
<option value="solarized">Solarized (Light/Dark)</option>
|
| 66 |
+
<option value="monokai">Monokai (Vibrant)</option>
|
| 67 |
+
<option value="github-dark">GitHub Dark</option>
|
| 68 |
+
<option value="material">Material Design</option>
|
| 69 |
+
<option value="nord">Nord (Arctic)</option>
|
| 70 |
+
<option value="ayu">Ayu (Mirage)</option>
|
| 71 |
+
</select>
|
| 72 |
</div>
|
| 73 |
</div>
|
| 74 |
</div>
|