Skip to content

Commit f711425

Browse files
committed
feat: Add GitHub banner at top of web version
- Added prominent banner at the top of the web app - Banner encourages users to star the project on GitHub - Includes star emoji and rocket emoji for visual appeal - Hover effects on the GitHub link for better UX - Positioned above the main app bar for maximum visibility - Updated JavaScript file reference to latest build
1 parent efbb2b6 commit f711425

3 files changed

Lines changed: 100 additions & 51 deletions

File tree

WebApp.tsx

Lines changed: 50 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -177,8 +177,56 @@ function WebApp() {
177177
<ErrorBoundary>
178178
<ThemeProvider theme={theme}>
179179
<CssBaseline />
180-
<Box sx={{ flexGrow: 1 }}>
181-
<AppBar position="static" sx={{ backgroundColor: 'grey.900' }}>
180+
<Box sx={{ flexGrow: 1 }}>
181+
{/* GitHub Banner */}
182+
<Box
183+
sx={{
184+
backgroundColor: 'grey.800',
185+
borderBottom: '1px solid',
186+
borderColor: 'grey.700',
187+
py: 1
188+
}}
189+
>
190+
<Container maxWidth="lg">
191+
<Box sx={{
192+
display: 'flex',
193+
justifyContent: 'center',
194+
alignItems: 'center',
195+
gap: 1
196+
}}>
197+
<Typography variant="body2" color="text.secondary">
198+
🌟 Star this project on
199+
</Typography>
200+
<a
201+
href="https://github.com/involvex/new-world-chat-ai"
202+
target="_blank"
203+
rel="noopener noreferrer"
204+
style={{
205+
display: 'inline-flex',
206+
alignItems: 'center',
207+
gap: '4px',
208+
color: '#00bcd4',
209+
textDecoration: 'none',
210+
fontWeight: 'bold',
211+
transition: 'all 0.2s ease'
212+
}}
213+
onMouseEnter={(e) => {
214+
e.currentTarget.style.color = '#00d4aa';
215+
}}
216+
onMouseLeave={(e) => {
217+
e.currentTarget.style.color = '#00bcd4';
218+
}}
219+
>
220+
GitHub
221+
</a>
222+
<Typography variant="body2" color="text.secondary">
223+
to support development! 🚀
224+
</Typography>
225+
</Box>
226+
</Container>
227+
</Box>
228+
229+
<AppBar position="static" sx={{ backgroundColor: 'grey.900' }}>
182230
<Toolbar>
183231
<Box sx={{ display: 'flex', alignItems: 'center', flexGrow: 1 }}>
184232
<Box

0 commit comments

Comments
 (0)