@@ -6,60 +6,51 @@ nav_order: 1
66
77<style >
88.hero-section {
9- text-align : center ;
109 margin : 2rem 0 3rem 0 ;
11- padding : 3rem 2rem ;
12- background : linear-gradient (135deg , var (--jtd-body-bg ) 0% , rgba (138 , 180 , 248 , 0.05 ) 100% );
13- border-radius : 12px ;
10+ padding : 2rem ;
11+ background : var (--jtd-body-bg );
1412 border : 1px solid var (--jtd-border );
13+ border-radius : 8px ;
1514}
1615
1716.hero-section h1 {
1817 color : var (--jtd-accent );
1918 margin-bottom : 1rem ;
20- font-size : 3 rem ;
21- font-weight : 700 ;
19+ font-size : 2.5 rem ;
20+ font-weight : 600 ;
2221}
2322
2423.hero-section p {
25- font-size : 1.3 rem ;
24+ font-size : 1.1 rem ;
2625 color : var (--jtd-primary-text );
2726 margin-bottom : 2rem ;
28- max-width : 600px ;
29- margin-left : auto ;
30- margin-right : auto ;
31- line-height : 1.6 ;
27+ line-height : 1.5 ;
3228}
3329
3430.cta-buttons {
3531 display : flex ;
3632 gap : 1rem ;
37- justify-content : center ;
3833 flex-wrap : wrap ;
3934}
4035
4136.cta-button {
4237 display : inline-block ;
43- padding : 0.875 rem 2 rem ;
38+ padding : 0.75 rem 1.5 rem ;
4439 background : var (--jtd-accent );
4540 color : var (--jtd-body-bg ) !important ;
4641 text-decoration : none ;
47- border-radius : 8px ;
48- font-weight : 600 ;
49- font-size : 1.1rem ;
50- transition : all 0.2s ease ;
51- box-shadow : 0 2px 4px rgba (138 , 180 , 248 , 0.2 );
42+ border-radius : 4px ;
43+ font-weight : 500 ;
44+ transition : opacity 0.2s ease ;
5245}
5346
5447.cta-button :hover {
55- background : #9bb5f9 ;
56- transform : translateY (-2px );
57- box-shadow : 0 4px 12px rgba (138 , 180 , 248 , 0.4 );
48+ opacity : 0.9 ;
5849}
5950
6051.cta-button.secondary {
6152 background : transparent ;
62- border : 2 px solid var (--jtd-accent );
53+ border : 1 px solid var (--jtd-accent );
6354 color : var (--jtd-accent ) !important ;
6455}
6556
@@ -68,154 +59,29 @@ nav_order: 1
6859 color : var (--jtd-body-bg ) !important ;
6960}
7061
71- .features-grid {
72- display : grid ;
73- grid-template-columns : repeat (auto-fit , minmax (300px , 1fr ));
74- gap : 2rem ;
75- margin : 3rem 0 ;
76- }
77-
78- .feature-card {
79- padding : 2rem ;
80- background : var (--jtd-page-bg );
81- border : 1px solid var (--jtd-border );
82- border-radius : 8px ;
83- text-align : center ;
84- transition : transform 0.2s ease , box-shadow 0.2s ease ;
85- }
86-
87- .feature-card :hover {
88- transform : translateY (-2px );
89- box-shadow : 0 4px 12px rgba (138 , 180 , 248 , 0.1 );
90- }
91-
92- .feature-card h3 {
93- color : var (--jtd-accent );
94- margin-bottom : 1rem ;
95- font-size : 1.3rem ;
96- }
97-
98- .feature-card p {
99- color : var (--jtd-muted-text );
100- line-height : 1.6 ;
101- }
102-
103- .quick-start {
104- background : var (--jtd-body-bg );
105- border : 1px solid var (--jtd-border );
106- border-radius : 8px ;
107- padding : 2rem ;
108- margin : 3rem 0 ;
109- }
110-
111- .quick-start h2 {
112- color : var (--jtd-accent );
113- text-align : center ;
114- margin-bottom : 2rem ;
115- }
116-
117- .code-block {
118- background : #0b0c0d ;
119- border : 1px solid var (--jtd-border );
120- border-radius : 6px ;
121- padding : 1.5rem ;
122- margin : 1rem 0 ;
123- font-family : ' Monaco' , ' Menlo' , ' Ubuntu Mono' , monospace ;
124- font-size : 0.9rem ;
125- overflow-x : auto ;
126- }
127-
12862@media (max-width : 768px ) {
12963 .hero-section h1 {
130- font-size : 2.5 rem ;
64+ font-size : 2 rem ;
13165 }
13266
13367 .hero-section p {
134- font-size : 1.2 rem ;
68+ font-size : 1 rem ;
13569 }
13670
13771 .cta-buttons {
13872 flex-direction : column ;
139- align-items : center ;
140- }
141-
142- .features-grid {
143- grid-template-columns : 1fr ;
14473 }
14574}
14675</style >
14776
14877<div class =" hero-section " >
14978 <h1 >gitfetch</h1 >
150- <p >A beautiful, neofetch-style CLI tool for displaying your GitHub, GitLab, Gitea, Forgejo, Codeberg, and Sourcehut statistics in the terminal </p >
79+ <p >A neofetch-style CLI tool for GitHub, GitLab, Gitea, Forgejo, Codeberg, and Sourcehut statistics</p >
15180 <div class =" cta-buttons " >
152- <a href="/gitfetch/installation.html" class="cta-button">Get Started </a>
153- <a href="/gitfetch/gallery.html" class="cta-button secondary">View Gallery</a>
81+ <a href="/gitfetch/installation.html" class="cta-button">Install </a>
82+ <a href="/gitfetch/gallery.html" class="cta-button secondary">Gallery</a>
15483 <a href="https://github.com/Matars/gitfetch" class="cta-button secondary">GitHub</a>
15584 </div >
15685</div >
15786
15887> ** Note** : This project is still maturing with only ~ 20 closed issues as of October 26, 2025. If you encounter bugs, have feature requests, or want to contribute, please [ open an issue] ( https://github.com/Matars/gitfetch/issues ) on GitHub!
159-
160- ## Quick Start
161-
162- <div class =" quick-start " >
163- <h2 >Get Up and Running</h2 >
164-
165- <h3 >Install gitfetch</h3 >
166- <div class =" code-block " >
167- pip install git+https://github.com/Matars/gitfetch
168- </div >
169-
170- <h3 >Run with your GitHub username</h3 >
171- <div class =" code-block " >
172- gitfetch --username your-github-username
173- </div >
174-
175- <h3 >Or configure for multiple providers</h3 >
176- <div class =" code-block " >
177- gitfetch --config
178- </div >
179- </div >
180-
181- ## Features
182-
183- <div class =" features-grid " >
184- <div class =" feature-card " >
185- <h3>Multi-Platform Support</h3>
186- <p>Works with GitHub, GitLab, Gitea, Forgejo, Codeberg, and Sourcehut. Display statistics from all your favorite git hosting platforms.</p>
187- </div >
188-
189- <div class =" feature-card " >
190- <h3>Highly Customizable</h3>
191- <p>Extensive configuration options for colors, layouts, and display preferences. Make it look exactly how you want it to.</p>
192- </div >
193-
194- <div class =" feature-card " >
195- <h3>Rich Statistics</h3>
196- <p>Comprehensive stats including commits, PRs, issues, stars, followers, and more. Get insights into your development activity.</p>
197- </div >
198-
199- <div class =" feature-card " >
200- <h3>Fast & Efficient</h3>
201- <p>SQLite-based caching ensures quick subsequent runs. No more waiting for API calls on every execution.</p>
202- </div >
203-
204- <div class =" feature-card " >
205- <h3>Cross-Platform</h3>
206- <p>Works seamlessly on macOS, Linux, and Windows. Your terminal companion wherever you code.</p>
207- </div >
208-
209- <div class =" feature-card " >
210- <h3>Neofetch-Style</h3>
211- <p>Familiar interface inspired by neofetch. Perfect for system information enthusiasts and terminal lovers.</p>
212- </div >
213- </div >
214-
215- ## Explore More
216-
217- - [ Installation Guide] ( /gitfetch/installation.html ) - Detailed setup instructions
218- - [ Configuration] ( /gitfetch/configuration.html ) - Customize your gitfetch experience
219- - [ Community Gallery] ( /gitfetch/gallery.html ) - See amazing setups from the community
220- - [ Contributing] ( /gitfetch/contributing.html ) - Join the development effort
221- - [ Usage Examples] ( /gitfetch/usage.html ) - Learn all the features
0 commit comments