Skip to content

Commit e8041a6

Browse files
anhnh2002anhnh2002
committed
refresh CodeWiki branding and homepage
1 parent 01d0b85 commit e8041a6

14 files changed

Lines changed: 543 additions & 59 deletions

‎README.md‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,9 @@
1-
<h1 align="center">CodeWiki</h1>
1+
<p align="center">
2+
<picture>
3+
<source media="(prefers-color-scheme: dark)" srcset="./img/black-background-logo.png">
4+
<img src="./img/white-background-logo.png" alt="CodeWiki" width="560">
5+
</picture>
6+
</p>
27

38
<p align="center">
49
<strong>Repository-level documentation for large codebases, written by AI agents from the dependency graph.</strong>

‎codewiki/cli/html_generator.py‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
"""
44

55
import json
6+
import shutil
67
from pathlib import Path
78
from typing import Optional, Dict, Any
89

@@ -165,6 +166,12 @@ def generate(
165166
output_path.parent.mkdir(parents=True, exist_ok=True)
166167
safe_write(output_path, html_content)
167168

169+
# Keep the branded viewer self-contained when it is published elsewhere.
170+
icon_path = self.template_dir / "codewiki-icon.png"
171+
icon_output_path = output_path.parent / "codewiki-icon.png"
172+
if icon_path.exists() and icon_path.resolve() != icon_output_path.resolve():
173+
shutil.copyfile(icon_path, icon_output_path)
174+
168175
def _build_info_content(self, metadata: Optional[Dict[str, Any]]) -> str:
169176
"""
170177
Build HTML content for repo info section.

‎codewiki/src/fe/templates.py‎

Lines changed: 26 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -11,10 +11,11 @@
1111
<meta charset="UTF-8">
1212
<meta name="viewport" content="width=device-width, initial-scale=1.0">
1313
<title>CodeWiki - GitHub Repository Documentation Generator</title>
14+
<link rel="icon" type="image/png" href="https://fsoft-ai4code.github.io/CodeWiki/img/icon.png">
1415
<style>
1516
:root {
16-
--primary-color: #2563eb;
17-
--secondary-color: #f1f5f9;
17+
--primary-color: #e06600;
18+
--secondary-color: #f2f5f8;
1819
--text-color: #334155;
1920
--border-color: #e2e8f0;
2021
--success-color: #10b981;
@@ -32,7 +33,9 @@
3233
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
3334
line-height: 1.6;
3435
color: var(--text-color);
35-
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
36+
background:
37+
radial-gradient(circle at 80% 15%, rgba(255, 122, 0, .18), transparent 26rem),
38+
#071526;
3639
min-height: 100vh;
3740
padding: 20px;
3841
}
@@ -47,7 +50,7 @@
4750
}
4851
4952
.header {
50-
background: var(--primary-color);
53+
background: linear-gradient(135deg, #0b1e35, #12375e);
5154
color: white;
5255
padding: 2rem;
5356
text-align: center;
@@ -58,6 +61,12 @@
5861
margin-bottom: 0.5rem;
5962
font-weight: 700;
6063
}
64+
65+
.header-logo {
66+
width: min(360px, 78%);
67+
height: auto;
68+
margin-bottom: 0.75rem;
69+
}
6170
6271
.header p {
6372
font-size: 1.1rem;
@@ -108,7 +117,7 @@
108117
}
109118
110119
.btn:hover {
111-
background: #1d4ed8;
120+
background: #bc5000;
112121
transform: translateY(-1px);
113122
}
114123
@@ -207,7 +216,7 @@
207216
<body>
208217
<div class="container">
209218
<div class="header">
210-
<h1>📚 CodeWiki</h1>
219+
<img class="header-logo" src="https://fsoft-ai4code.github.io/CodeWiki/img/black-background-logo.png" alt="CodeWiki">
211220
<p>Generate comprehensive documentation for any GitHub repository</p>
212221
</div>
213222
@@ -327,10 +336,11 @@
327336
<meta charset="UTF-8">
328337
<meta name="viewport" content="width=device-width, initial-scale=1.0">
329338
<title>{{ title }}</title>
339+
<link rel="icon" type="image/png" href="https://fsoft-ai4code.github.io/CodeWiki/img/icon.png">
330340
<script src="https://cdn.jsdelivr.net/npm/mermaid@11.9.0/dist/mermaid.min.js"></script>
331341
<style>
332342
:root {
333-
--primary-color: #2563eb;
343+
--primary-color: #d95f00;
334344
--secondary-color: #f1f5f9;
335345
--text-color: #334155;
336346
--border-color: #e2e8f0;
@@ -379,6 +389,14 @@
379389
margin-bottom: 30px;
380390
text-decoration: none;
381391
}
392+
393+
.logo img {
394+
width: 32px;
395+
height: 32px;
396+
object-fit: contain;
397+
vertical-align: middle;
398+
margin-right: 8px;
399+
}
382400
383401
.nav-section {
384402
margin-bottom: 25px;
@@ -570,7 +588,7 @@
570588
<body>
571589
<div class="container">
572590
<nav class="sidebar">
573-
<a href="/static-docs/{{ job_id }}/overview.md" class="logo">📚 {{ repo_name }}</a>
591+
<a href="/static-docs/{{ job_id }}/overview.md" class="logo"><img src="https://fsoft-ai4code.github.io/CodeWiki/img/icon.png" alt="CodeWiki">{{ repo_name }}</a>
574592
575593
{% if metadata and metadata.generation_info %}
576594
<div style="margin: 20px 0; padding: 15px; background: #f8fafc; border-radius: 8px; border: 1px solid #e2e8f0;">

‎codewiki/templates/github_pages/codewiki-icon.png‎

545 KB
Loading

‎codewiki/templates/github_pages/viewer_template.html‎

Lines changed: 23 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<title>{{TITLE}}</title>
7+
<link rel="icon" type="image/png" href="codewiki-icon.png">
78
<script>
89
// Apply persisted theme before first paint to avoid a flash of the wrong theme
910
(function() {
@@ -26,8 +27,8 @@
2627
<script src="https://cdn.jsdelivr.net/npm/marked-gfm-heading-id@3.1.3/lib/index.umd.js"></script>
2728
<style>
2829
:root {
29-
--primary-color: #2563eb;
30-
--active-nav-bg: #2563eb;
30+
--primary-color: #d95f00;
31+
--active-nav-bg: #0d2b50;
3132
--active-nav-text: #ffffff;
3233
--secondary-color: #f1f5f9;
3334
--text-color: #334155;
@@ -50,8 +51,8 @@
5051

5152
html[data-theme="dark"] {
5253
color-scheme: dark;
53-
--primary-color: #60a5fa;
54-
--active-nav-bg: #1d4ed8;
54+
--primary-color: #ff9a2e;
55+
--active-nav-bg: #c45100;
5556
--active-nav-text: #ffffff;
5657
--secondary-color: #111827;
5758
--text-color: #cbd5e1;
@@ -146,6 +147,20 @@
146147
min-width: 0;
147148
}
148149

150+
.logo-mark {
151+
width: 34px;
152+
height: 34px;
153+
flex: 0 0 34px;
154+
object-fit: contain;
155+
}
156+
157+
.logo-title {
158+
overflow: hidden;
159+
color: var(--heading-color);
160+
text-overflow: ellipsis;
161+
white-space: nowrap;
162+
}
163+
149164
.theme-toggle {
150165
flex-shrink: 0;
151166
width: 34px;
@@ -901,7 +916,10 @@
901916
<div class="container">
902917
<nav class="sidebar" id="sidebar">
903918
<div class="sidebar-top">
904-
<div class="logo">📚 {{TITLE}}</div>
919+
<div class="logo">
920+
<img class="logo-mark" src="codewiki-icon.png" alt="CodeWiki">
921+
<span class="logo-title">{{TITLE}}</span>
922+
</div>
905923
<button class="theme-toggle" id="theme-toggle" type="button" aria-label="Toggle dark mode">🌙</button>
906924
</div>
907925
{{REPO_LINK}}

‎docs/codewiki-icon.png‎

545 KB
Loading

‎docs/index.html‎

Lines changed: 23 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<title>CodeWiki</title>
7+
<link rel="icon" type="image/png" href="codewiki-icon.png">
78
<script>
89
// Apply persisted theme before first paint to avoid a flash of the wrong theme
910
(function() {
@@ -26,8 +27,8 @@
2627
<script src="https://cdn.jsdelivr.net/npm/marked-gfm-heading-id@3.1.3/lib/index.umd.js"></script>
2728
<style>
2829
:root {
29-
--primary-color: #2563eb;
30-
--active-nav-bg: #2563eb;
30+
--primary-color: #d95f00;
31+
--active-nav-bg: #0d2b50;
3132
--active-nav-text: #ffffff;
3233
--secondary-color: #f1f5f9;
3334
--text-color: #334155;
@@ -50,8 +51,8 @@
5051

5152
html[data-theme="dark"] {
5253
color-scheme: dark;
53-
--primary-color: #60a5fa;
54-
--active-nav-bg: #1d4ed8;
54+
--primary-color: #ff9a2e;
55+
--active-nav-bg: #c45100;
5556
--active-nav-text: #ffffff;
5657
--secondary-color: #111827;
5758
--text-color: #cbd5e1;
@@ -146,6 +147,20 @@
146147
min-width: 0;
147148
}
148149

150+
.logo-mark {
151+
width: 34px;
152+
height: 34px;
153+
flex: 0 0 34px;
154+
object-fit: contain;
155+
}
156+
157+
.logo-title {
158+
overflow: hidden;
159+
color: var(--heading-color);
160+
text-overflow: ellipsis;
161+
white-space: nowrap;
162+
}
163+
149164
.theme-toggle {
150165
flex-shrink: 0;
151166
width: 34px;
@@ -901,7 +916,10 @@
901916
<div class="container">
902917
<nav class="sidebar" id="sidebar">
903918
<div class="sidebar-top">
904-
<div class="logo">📚 CodeWiki</div>
919+
<div class="logo">
920+
<img class="logo-mark" src="codewiki-icon.png" alt="CodeWiki">
921+
<span class="logo-title">CodeWiki</span>
922+
</div>
905923
<button class="theme-toggle" id="theme-toggle" type="button" aria-label="Toggle dark mode">🌙</button>
906924
</div>
907925

‎guides/README.md‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
<p align="center">
2+
<img src="../img/vertical-logo.png" alt="CodeWiki" width="220">
3+
</p>
4+
15
# Guides
26

37
Hand-written guides for CodeWiki 2.0. The `docs/` folder next to this one is

‎img/black-background-logo.png‎

977 KB
Loading

‎img/grey-logo.png‎

742 KB
Loading

0 commit comments

Comments
 (0)