143 lines
3.1 KiB
Markdown
143 lines
3.1 KiB
Markdown
# Agent Trust Guide - Website
|
|
|
|
Modern, mobile-responsive website for understanding AI agent trust infrastructure.
|
|
|
|
## 🚀 Quick Start
|
|
|
|
### Deploy Now (2 minutes):
|
|
```bash
|
|
cd ~/.clawdbot/workspace/agent-trust-guide/website
|
|
vercel
|
|
```
|
|
|
|
### Test Locally:
|
|
```bash
|
|
python3 -m http.server 8000
|
|
# Then visit http://localhost:8000
|
|
```
|
|
|
|
## 📁 Structure
|
|
|
|
```
|
|
website/
|
|
├── index.html # Landing page
|
|
├── summary.html # Quick 5-min summary (coming soon)
|
|
├── guide.html # Full comprehensive guide (coming soon)
|
|
├── css/
|
|
│ └── style.css # All styling
|
|
├── js/
|
|
│ └── main.js # Interactions & analytics
|
|
├── images/
|
|
│ ├── trust-stack.png
|
|
│ ├── reputation-card.png
|
|
│ ├── transaction-flow.png
|
|
│ └── market-growth.png
|
|
├── HOSTING.md # Deployment instructions
|
|
└── README.md # This file
|
|
```
|
|
|
|
## ✨ Features
|
|
|
|
- ✅ Modern, clean design
|
|
- ✅ Fully responsive (mobile, tablet, desktop)
|
|
- ✅ Fast loading
|
|
- ✅ SEO optimized
|
|
- ✅ Accessible
|
|
- ✅ No build step required
|
|
- ✅ Pure HTML/CSS/JS
|
|
|
|
## 🎨 Design
|
|
|
|
- **Colors:** Blue/purple gradient theme
|
|
- **Typography:** System fonts for fast loading
|
|
- **Layout:** Container max-width 1200px
|
|
- **Components:** Cards, grids, buttons, sections
|
|
- **Animations:** Smooth transitions, fade-ins
|
|
|
|
## 📱 Responsive Breakpoints
|
|
|
|
- Desktop: 1200px+
|
|
- Tablet: 768px - 1199px
|
|
- Mobile: < 768px
|
|
|
|
## 🌐 Browser Support
|
|
|
|
- Chrome (latest)
|
|
- Firefox (latest)
|
|
- Safari (latest)
|
|
- Edge (latest)
|
|
- Mobile browsers
|
|
|
|
## 🔧 Customization
|
|
|
|
### Change Colors:
|
|
Edit `css/style.css` CSS variables:
|
|
```css
|
|
:root {
|
|
--primary: #2563eb; /* Main blue */
|
|
--secondary: #8b5cf6; /* Purple */
|
|
--success: #10b981; /* Green */
|
|
/* ... etc */
|
|
}
|
|
```
|
|
|
|
### Add Pages:
|
|
1. Create `new-page.html`
|
|
2. Use same structure as `index.html`
|
|
3. Include same nav and footer
|
|
4. Add link to navigation
|
|
|
|
### Update Content:
|
|
All content is in HTML files - just edit directly!
|
|
|
|
## 📊 Analytics
|
|
|
|
Add your analytics ID in `js/main.js`:
|
|
```javascript
|
|
// Replace with your GA4 ID
|
|
gtag('config', 'G-XXXXXXXXXX');
|
|
```
|
|
|
|
## 🚀 Deployment Options
|
|
|
|
1. **Vercel** (Recommended) - Free, fast, easy
|
|
2. **Netlify** - Free, drag-and-drop
|
|
3. **GitHub Pages** - Free, version controlled
|
|
4. **Cloudflare Pages** - Free, fast
|
|
5. **Any static host** - S3, Firebase, etc.
|
|
|
|
See `HOSTING.md` for detailed instructions.
|
|
|
|
## 📝 To-Do
|
|
|
|
Current landing page is complete. Still need to create:
|
|
- [ ] `summary.html` - Quick summary page
|
|
- [ ] `guide.html` - Full guide with all content
|
|
- [ ] Optional: Search functionality
|
|
- [ ] Optional: Dark mode toggle
|
|
- [ ] Optional: Print stylesheet
|
|
|
|
## 🤝 Contributing
|
|
|
|
Want to improve the site? Changes welcome:
|
|
1. Edit files
|
|
2. Test locally
|
|
3. Deploy updated version
|
|
|
|
## 📬 Questions?
|
|
|
|
Just ask! Happy to help with:
|
|
- Deployment issues
|
|
- Customization
|
|
- Adding features
|
|
- SEO optimization
|
|
- Performance improvements
|
|
|
|
---
|
|
|
|
**Status:** Landing page complete ✅
|
|
|
|
**Next:** Create summary.html and guide.html pages with full content
|
|
|
|
**Deploy:** `vercel` (from this directory)
|