Skip to content

Commit 1f38232

Browse files
gcclinuxgcclinux
committed
updated gh_pages
1 parent 7cd149a commit 1f38232

File tree

7 files changed

+210
-66
lines changed

7 files changed

+210
-66
lines changed

‎docs-site/public/banner.png‎

886 KB
Loading

‎docs-site/src/App.tsx‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@ import NomnomlGuide from './pages/docs/NomnomlGuide'
1212
import TemplatesGuide from './pages/docs/TemplatesGuide'
1313
import MermaidGuide from './pages/docs/MermaidGuide'
1414
import CustomThemes from './pages/docs/CustomThemes'
15+
import GitIntegration from './pages/docs/GitIntegration'
1516

1617
function App() {
1718
const location = useLocation()
@@ -33,7 +34,8 @@ function App() {
3334
<Route path="docs/nomnoml-guide" element={<NomnomlGuide />} />
3435
<Route path="docs/templates-guide" element={<TemplatesGuide />} />
3536
<Route path="docs/mermaid-guide" element={<MermaidGuide />} />
36-
<Route path="docs/custom-themes" element={<CustomThemes />} />
37+
<Route path="docs/custom-themes" element={<CustomThemes />} />
38+
<Route path="docs/git-integration" element={<GitIntegration />} />
3739
</Route>
3840
</Routes>
3941
)

‎docs-site/src/index.css‎

Lines changed: 41 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
:root {
2-
--primary-color: #4a90e2;
3-
--primary-dark: #357abd;
2+
--primary-color: #10b981;
3+
--primary-dark: #059669;
44
--secondary-color: #50c878;
55
--text-color: #333;
66
--text-light: #666;
@@ -59,7 +59,12 @@ a:hover {
5959
text-decoration: underline;
6060
}
6161

62-
h1, h2, h3, h4, h5, h6 {
62+
h1,
63+
h2,
64+
h3,
65+
h4,
66+
h5,
67+
h6 {
6368
margin-bottom: 1rem;
6469
font-weight: 600;
6570
line-height: 1.3;
@@ -81,7 +86,8 @@ p {
8186
margin-bottom: 1rem;
8287
}
8388

84-
ul, ol {
89+
ul,
90+
ol {
8591
margin-left: 2rem;
8692
margin-bottom: 1rem;
8793
}
@@ -97,16 +103,44 @@ img {
97103
padding: 0 2rem;
98104
}
99105

106+
/* Shared Page Header Styles */
107+
.page-header {
108+
background: linear-gradient(135deg, #10b981 0%, #047857 100%);
109+
color: white;
110+
padding: 4rem 0;
111+
text-align: center;
112+
}
113+
114+
.page-header h1 {
115+
font-size: 3rem;
116+
margin-bottom: 1rem;
117+
}
118+
119+
.page-header p {
120+
font-size: 1.2rem;
121+
opacity: 0.9;
122+
max-width: 600px;
123+
margin: 0 auto;
124+
}
125+
100126
@media (max-width: 768px) {
101127
.container {
102128
padding: 0 1rem;
103129
}
104-
130+
105131
h1 {
106132
font-size: 2rem;
107133
}
108-
134+
109135
h2 {
110136
font-size: 1.5rem;
111137
}
112-
}
138+
139+
.page-header h1 {
140+
font-size: 2rem;
141+
}
142+
143+
.page-header p {
144+
font-size: 1rem;
145+
}
146+
}

‎docs-site/src/pages/Features.css‎

Lines changed: 4 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -2,24 +2,7 @@
22
min-height: 100vh;
33
}
44

5-
.page-header {
6-
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
7-
color: white;
8-
padding: 4rem 0;
9-
text-align: center;
10-
}
11-
12-
.page-header h1 {
13-
font-size: 3rem;
14-
margin-bottom: 1rem;
15-
}
165

17-
.page-header p {
18-
font-size: 1.2rem;
19-
opacity: 0.9;
20-
max-width: 600px;
21-
margin: 0 auto;
22-
}
236

247
.features-detailed {
258
padding: 4rem 0;
@@ -74,19 +57,13 @@
7457
}
7558

7659
@media (max-width: 768px) {
77-
.page-header h1 {
78-
font-size: 2rem;
79-
}
80-
81-
.page-header p {
82-
font-size: 1rem;
83-
}
84-
60+
61+
8562
.feature-detail {
8663
padding: 1.5rem;
8764
}
88-
65+
8966
.feature-detail-content h2 {
9067
font-size: 1.5rem;
9168
}
92-
}
69+
}

‎docs-site/src/pages/Home.css‎

Lines changed: 44 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,39 +1,59 @@
11
.hero {
2-
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
2+
background: linear-gradient(135deg, #10b981 0%, #047857 100%);
33
color: white;
4-
padding: 6rem 0;
4+
padding: 4rem 0 6rem;
55
text-align: center;
6+
position: relative;
7+
overflow: visible;
8+
}
9+
10+
11+
12+
.hero-banner-container {
13+
margin-top: 0;
14+
margin-bottom: 3rem;
15+
position: relative;
16+
z-index: 10;
17+
padding: 10px;
18+
background: rgba(255, 255, 255, 0.1);
19+
border-radius: 16px;
20+
backdrop-filter: blur(10px);
21+
border: 1px solid rgba(255, 255, 255, 0.2);
22+
display: inline-block;
23+
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
24+
}
25+
26+
.hero-banner {
27+
max-width: 100%;
28+
border-radius: 12px;
29+
display: block;
30+
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
631
}
732

833
.hero-content {
9-
max-width: 800px;
34+
max-width: 900px;
1035
margin: 0 auto;
1136
}
1237

1338
.hero-title {
14-
font-size: 4rem;
15-
margin-bottom: 1rem;
16-
font-weight: 700;
17-
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
39+
display: none;
1840
}
1941

2042
.hero-subtitle {
21-
font-size: 1.5rem;
22-
margin-bottom: 1rem;
23-
font-weight: 500;
43+
display: none;
2444
}
2545

2646
.hero-description {
27-
font-size: 1.1rem;
28-
margin-bottom: 2rem;
29-
opacity: 0.9;
47+
display: none;
3048
}
3149

3250
.hero-buttons {
3351
display: flex;
3452
gap: 1rem;
3553
justify-content: center;
3654
flex-wrap: wrap;
55+
position: relative;
56+
z-index: 11;
3757
}
3858

3959
.hero-buttons .btn-primary {
@@ -76,16 +96,16 @@
7696

7797
.btn-primary {
7898
background-color: white;
79-
color: #667eea !important;
99+
color: #10b981 !important;
80100
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
81101
}
82102

83103
.btn-primary:hover {
84104
transform: translateY(-2px);
85105
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
86106
text-decoration: none !important;
87-
color: #5570d6 !important;
88-
background-color: #f8f9ff;
107+
color: #047857 !important;
108+
background-color: #f0fdf4;
89109
}
90110

91111
.btn-secondary {
@@ -96,7 +116,7 @@
96116

97117
.btn-secondary:hover {
98118
background-color: white;
99-
color: #667eea;
119+
color: #10b981;
100120
text-decoration: none;
101121
}
102122

@@ -118,7 +138,8 @@
118138
}
119139

120140
.features-preview {
121-
padding: 5rem 0;
141+
padding: 12rem 0 5rem;
142+
/* Increased top padding to clear the banner */
122143
background-color: var(--bg-color);
123144
}
124145

@@ -200,7 +221,7 @@
200221

201222
.cta {
202223
padding: 5rem 0;
203-
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
224+
background: linear-gradient(135deg, #10b981 0%, #047857 100%);
204225
color: white;
205226
text-align: center;
206227
}
@@ -224,17 +245,17 @@
224245
.hero-title {
225246
font-size: 2.5rem;
226247
}
227-
248+
228249
.hero-subtitle {
229250
font-size: 1.2rem;
230251
}
231-
252+
232253
.section-title {
233254
font-size: 2rem;
234255
}
235-
256+
236257
.features-grid,
237258
.generators-grid {
238259
grid-template-columns: 1fr;
239260
}
240-
}
261+
}

‎docs-site/src/pages/Home.tsx‎

Lines changed: 4 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -8,14 +8,10 @@ export default function Home() {
88
<section className="hero">
99
<div className="container">
1010
<div className="hero-content">
11-
<h1 className="hero-title">EasyEdit</h1>
12-
<p className="hero-subtitle">
13-
A Powerful Markdown Editor with UML & Mermaid Diagram Support
14-
</p>
15-
<p className="hero-description">
16-
Create beautiful documents, diagrams, and notes with ease.
17-
Built for Linux with advanced features for developers and writers.
18-
</p>
11+
<div className="hero-banner-container">
12+
<img src="/EasyEdit/banner.png" alt="EasyEdit Preview" className="hero-banner" />
13+
</div>
14+
1915
<div className="hero-buttons">
2016
<Link to="/docs" className="btn btn-secondary">
2117
📚 Documentation

0 commit comments

Comments
 (0)