-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathHTML.html
More file actions
88 lines (83 loc) · 3.8 KB
/
HTML.html
File metadata and controls
88 lines (83 loc) · 3.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="GitCode Viewer - Browse and read Git repositories with syntax highlighting" />
<title>GitCode Viewer</title>
<link rel="stylesheet" href="/styles/main.css" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
</head>
<body>
<nav class="navbar" role="navigation" aria-label="Main navigation">
<div class="navbar-brand">
<svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true" role="img">
<circle cx="16" cy="16" r="14" fill="none" stroke="currentColor" stroke-width="2"/>
<path d="M10 16 L14 20 L22 12" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round"/>
</svg>
<span class="brand-text">GitCode Viewer</span>
</div>
<ul class="navbar-menu">
<li><a href="#features" class="nav-link">Features</a></li>
<li><a href="#languages" class="nav-link">Languages</a></li>
<li><a href="https://github.com/nicepkg/gitcode-viewer" class="nav-link" target="_blank" rel="noopener noreferrer">GitHub</a></li>
</ul>
</nav>
<main>
<section class="hero" aria-labelledby="hero-title">
<h1 id="hero-title">Read Code, Anywhere</h1>
<p class="hero-subtitle">Clone, browse, and read Git repositories on your Android device with full syntax highlighting.</p>
<div class="hero-actions">
<a href="#download" class="btn btn-primary">Download APK</a>
<a href="#features" class="btn btn-secondary">Learn More</a>
</div>
</section>
<section id="features" class="features" aria-labelledby="features-title">
<h2 id="features-title">Features</h2>
<div class="feature-grid">
<article class="feature-card">
<h3>Git Integration</h3>
<p>Clone and pull repositories with authentication support. Manage multiple repos with ease.</p>
</article>
<article class="feature-card">
<h3>Syntax Highlighting</h3>
<p>CodeMirror 6 powered viewer with 30+ language grammars and multiple editor themes.</p>
</article>
<article class="feature-card">
<h3>Markdown Preview</h3>
<p>Rich Markdown rendering with Mermaid diagrams, math equations, and code blocks.</p>
</article>
<article class="feature-card">
<h3>Offline First</h3>
<p>All repositories are stored locally. Browse code without an internet connection.</p>
</article>
</div>
</section>
<section id="languages" class="languages" aria-labelledby="lang-title">
<h2 id="lang-title">Supported Languages</h2>
<table class="lang-table" role="table">
<thead>
<tr><th scope="col">Language</th><th scope="col">Extensions</th><th scope="col">Highlighting</th><th scope="col">Folding</th></tr>
</thead>
<tbody>
<tr><td>TypeScript</td><td>.ts, .tsx</td><td>Full</td><td>Yes</td></tr>
<tr><td>Python</td><td>.py, .pyi</td><td>Full</td><td>Yes</td></tr>
<tr><td>Rust</td><td>.rs</td><td>Full</td><td>Yes</td></tr>
<tr><td>Go</td><td>.go</td><td>Full</td><td>Yes</td></tr>
<tr><td>Java</td><td>.java</td><td>Full</td><td>Yes</td></tr>
<tr><td>Kotlin</td><td>.kt, .kts</td><td>Full</td><td>Yes</td></tr>
<tr><td>Swift</td><td>.swift</td><td>Full</td><td>Yes</td></tr>
</tbody>
</table>
</section>
</main>
<footer class="footer" role="contentinfo">
<p>© 2025 GitCode Viewer. Built with React Native & CodeMirror.</p>
<nav aria-label="Footer navigation">
<a href="/privacy">Privacy</a>
<a href="/terms">Terms</a>
</nav>
</footer>
<script type="module" src="/scripts/main.js"></script>
</body>
</html>