Skip to content

Commit 9f9ff60

Browse files
sahithvibudhisahithvibudhi
committed
Modernize DataPup website with new branding and effects
- Update branding to use purple color scheme (#AAB2FF) from logo - Add modern visual effects: glassmorphism, gradient borders, hover glows - Make hero section more compact with app preview placeholder - Fix card styling across the site with gradient borders on hover - Improve code block styling with proper padding and borders - Update all GitHub URLs to DataPupOrg/DataPup - Focus content on open-source community and ClickHouse support - Add smooth animations and floating gradient shapes - Create blog with three initial posts - Set up GitHub Actions for deployment
1 parent 79a0ceb commit 9f9ff60

25 files changed

+7564
-54
lines changed

‎.github/workflows/deploy.yml‎

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
name: Deploy to GitHub Pages
2+
3+
on:
4+
push:
5+
branches: [ main ]
6+
workflow_dispatch:
7+
8+
permissions:
9+
contents: read
10+
pages: write
11+
id-token: write
12+
13+
concurrency:
14+
group: "pages"
15+
cancel-in-progress: true
16+
17+
jobs:
18+
build:
19+
runs-on: ubuntu-latest
20+
steps:
21+
- name: Checkout
22+
uses: actions/checkout@v4
23+
24+
- name: Setup Node
25+
uses: actions/setup-node@v4
26+
with:
27+
node-version: '20'
28+
cache: 'npm'
29+
30+
- name: Install dependencies
31+
run: npm ci
32+
33+
- name: Build site
34+
run: npm run build
35+
36+
- name: Upload artifact
37+
uses: actions/upload-pages-artifact@v3
38+
with:
39+
path: ./dist
40+
41+
deploy:
42+
environment:
43+
name: github-pages
44+
url: ${{ steps.deployment.outputs.page_url }}
45+
runs-on: ubuntu-latest
46+
needs: build
47+
steps:
48+
- name: Deploy to GitHub Pages
49+
id: deployment
50+
uses: actions/deploy-pages@v4

‎DEPLOYMENT.md‎

Lines changed: 91 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,91 @@
1+
# Deployment Instructions for GitHub Pages
2+
3+
## Initial Setup
4+
5+
1. **Create a new GitHub repository** named `datapup.dev`
6+
7+
2. **Initialize and push the code:**
8+
```bash
9+
git init
10+
git add .
11+
git commit -m "Initial commit: DataPup landing page and blog"
12+
git branch -M main
13+
git remote add origin https://github.com/yourusername/datapup.dev.git
14+
git push -u origin main
15+
```
16+
17+
3. **Enable GitHub Pages:**
18+
- Go to your repository Settings
19+
- Navigate to "Pages" in the sidebar
20+
- Under "Build and deployment", select "GitHub Actions" as the source
21+
- The workflow will automatically run on your next push
22+
23+
## Custom Domain Setup (Optional)
24+
25+
To use the custom domain `datapup.dev`:
26+
27+
1. **Create a CNAME file:**
28+
```bash
29+
echo "datapup.dev" > public/CNAME
30+
git add public/CNAME
31+
git commit -m "Add custom domain"
32+
git push
33+
```
34+
35+
2. **Configure DNS:**
36+
- Add an A record pointing to GitHub's IP addresses:
37+
```
38+
185.199.108.153
39+
185.199.109.153
40+
185.199.110.153
41+
185.199.111.153
42+
```
43+
- OR add a CNAME record pointing to `yourusername.github.io`
44+
45+
3. **Enable HTTPS:**
46+
- In repository Settings > Pages
47+
- Check "Enforce HTTPS"
48+
49+
## Deployment Process
50+
51+
The site automatically deploys when you push to the `main` branch:
52+
53+
```bash
54+
# Make changes
55+
git add .
56+
git commit -m "Your commit message"
57+
git push
58+
```
59+
60+
GitHub Actions will:
61+
1. Build the Astro site
62+
2. Deploy to GitHub Pages
63+
3. The site will be available at:
64+
- `https://yourusername.github.io/datapup.dev` (default)
65+
- `https://datapup.dev` (with custom domain)
66+
67+
## Manual Build
68+
69+
To build locally and check the output:
70+
71+
```bash
72+
npm run build
73+
# Output will be in the dist/ directory
74+
```
75+
76+
## Troubleshooting
77+
78+
### Build Failures
79+
- Check the Actions tab in GitHub for error logs
80+
- Ensure all dependencies are in package.json
81+
- Run `npm run build` locally to test
82+
83+
### 404 Errors
84+
- Ensure the base path is correct in `astro.config.mjs`
85+
- Check that GitHub Pages is enabled
86+
- Wait a few minutes for deployment to complete
87+
88+
### Custom Domain Issues
89+
- Verify DNS propagation (can take up to 48 hours)
90+
- Check CNAME file exists in public/
91+
- Ensure domain is verified in repository settings

‎README.md‎

Lines changed: 79 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -1,47 +1,95 @@
1-
# Astro Starter Kit: Minimal
1+
# DataPup Website
22

3-
```sh
4-
npm create astro@latest -- --template minimal
5-
```
3+
The official website and blog for DataPup - a modern, cross-platform database client.
4+
5+
## 🚀 Quick Start
66

7-
[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/minimal)
8-
[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/minimal)
9-
[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/minimal/devcontainer.json)
7+
```bash
8+
# Install dependencies
9+
npm install
1010

11-
> 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!
11+
# Start development server
12+
npm run dev
1213

13-
## 🚀 Project Structure
14+
# Build for production
15+
npm run build
1416

15-
Inside of your Astro project, you'll see the following folders and files:
17+
# Preview production build
18+
npm run preview
19+
```
1620

17-
```text
18-
/
19-
├── public/
21+
## 📁 Project Structure
22+
23+
```
24+
datapup.dev/
2025
├── src/
21-
│ └── pages/
22-
│ └── index.astro
23-
└── package.json
26+
│ ├── components/ # Reusable components
27+
│ ├── content/ # Blog posts (Markdown)
28+
│ ├── layouts/ # Page layouts
29+
│ ├── pages/ # Route pages
30+
│ └── styles/ # Global styles
31+
├── public/ # Static assets
32+
└── .github/ # GitHub Actions workflows
33+
```
34+
35+
## 🛠️ Tech Stack
36+
37+
- **Framework**: [Astro](https://astro.build)
38+
- **Styling**: CSS with CSS Custom Properties
39+
- **Deployment**: GitHub Pages
40+
- **Content**: Markdown with frontmatter
41+
42+
## 📝 Adding Blog Posts
43+
44+
1. Create a new `.md` file in `src/content/blog/`
45+
2. Add frontmatter:
46+
47+
```markdown
48+
---
49+
slug: my-post-slug
50+
title: My Post Title
51+
description: A brief description
52+
pubDate: 2024-01-01
53+
tags: [tag1, tag2]
54+
---
55+
56+
Your content here...
57+
```
58+
59+
## 🚀 Deployment
60+
61+
The site automatically deploys to GitHub Pages when you push to the `main` branch.
62+
63+
### Manual Deployment
64+
65+
```bash
66+
npm run build
67+
# The built site is in the `dist/` directory
2468
```
2569

26-
Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name.
70+
### Custom Domain
71+
72+
1. Add a `CNAME` file to the `public/` directory with your domain
73+
2. Configure your DNS to point to GitHub Pages
2774

28-
There's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.
75+
## 🎨 Customization
2976

30-
Any static assets, like images, can be placed in the `public/` directory.
77+
### Colors
3178

32-
## 🧞 Commands
79+
Edit CSS variables in `src/layouts/BaseLayout.astro`:
80+
81+
```css
82+
:root {
83+
--color-primary: #3b82f6;
84+
--color-bg: #ffffff;
85+
/* ... */
86+
}
87+
```
3388

34-
All commands are run from the root of the project, from a terminal:
89+
### Components
3590

36-
| Command | Action |
37-
| :------------------------ | :----------------------------------------------- |
38-
| `npm install` | Installs dependencies |
39-
| `npm run dev` | Starts local dev server at `localhost:4321` |
40-
| `npm run build` | Build your production site to `./dist/` |
41-
| `npm run preview` | Preview your build locally, before deploying |
42-
| `npm run astro ...` | Run CLI commands like `astro add`, `astro check` |
43-
| `npm run astro -- --help` | Get help using the Astro CLI |
91+
All components are in `src/components/` and can be modified as needed.
4492

45-
## 👀 Want to learn more?
93+
## 📄 License
4694

47-
Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat).
95+
MIT License - see LICENSE file for details.

‎astro.config.mjs‎

Lines changed: 14 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,4 +2,17 @@
22
import { defineConfig } from 'astro/config';
33

44
// https://astro.build/config
5-
export default defineConfig({});
5+
export default defineConfig({
6+
site: 'https://datapup.dev',
7+
output: 'static',
8+
build: {
9+
format: 'directory'
10+
},
11+
markdown: {
12+
syntaxHighlight: 'shiki',
13+
shikiConfig: {
14+
theme: 'github-dark-default',
15+
wrap: true
16+
}
17+
}
18+
});

0 commit comments

Comments
 (0)