From 3a2a6dd048a6ed4b28ae5c0cc8ad2f483caecfb2 Mon Sep 17 00:00:00 2001 From: marko-kraemer Date: Sun, 30 Mar 2025 16:03:05 -0700 Subject: [PATCH] fe wip --- backend/agent/workspace/README.md | 69 ++++ backend/agent/workspace/index.html | 198 ++++++----- backend/agent/workspace/script.js | 124 ++++++- backend/agent/workspace/styles.css | 312 ++++++++++++++++-- .../projects/[id]/threads/[threadId]/page.tsx | 128 ++++--- 5 files changed, 659 insertions(+), 172 deletions(-) create mode 100644 backend/agent/workspace/README.md diff --git a/backend/agent/workspace/README.md b/backend/agent/workspace/README.md new file mode 100644 index 00000000..238d74b2 --- /dev/null +++ b/backend/agent/workspace/README.md @@ -0,0 +1,69 @@ +# AGI Innovations - Web Application + +A modern, responsive web application for an Artificial General Intelligence (AGI) company. This project showcases a complete landing page with interactive elements, animations, and responsive design. + +## Features + +- **Responsive Design**: Fully responsive layout that works on all devices from mobile to desktop +- **Modern UI**: Clean, professional design with smooth animations and transitions +- **Interactive Elements**: + - Mobile-friendly navigation with hamburger menu + - Form validation for the contact form + - Scroll-triggered animations + - Typing effect for the hero heading + - Particle animation background in the hero section +- **Comprehensive Sections**: + - Hero section with animated heading and particle background + - AGI Capabilities showcase + - About section with company information + - Solutions section for different industries + - Ethics section highlighting responsible AI development + - Contact form with validation + - Detailed footer with navigation links + +## Technologies Used + +- HTML5 +- CSS3 (with custom properties, flexbox, and grid) +- Vanilla JavaScript (ES6+) +- Font Awesome icons +- Intersection Observer API for scroll animations +- Canvas API for particle animations + +## File Structure + +- `index.html` - Main HTML structure +- `styles.css` - Comprehensive CSS styling +- `script.js` - JavaScript functionality +- `test.html` - Test page to verify all files are working + +## JavaScript Features + +- Mobile menu toggle functionality +- Smooth scrolling for navigation links +- Form validation with error handling +- Scroll animations using Intersection Observer +- Typing effect for the hero heading +- Interactive particle background using Canvas API + +## Responsive Breakpoints + +- Desktop: 992px and above +- Tablet: 768px to 991px +- Mobile: Below 768px + +## Getting Started + +Simply open the `index.html` file in a web browser to view the application. + +## Browser Compatibility + +This web application is compatible with all modern browsers including: +- Chrome +- Firefox +- Safari +- Edge + +## License + +This project is available for personal and commercial use. \ No newline at end of file diff --git a/backend/agent/workspace/index.html b/backend/agent/workspace/index.html index 854f5a45..05b08abf 100644 --- a/backend/agent/workspace/index.html +++ b/backend/agent/workspace/index.html @@ -3,7 +3,7 @@ - Modern Web Application + AGI Innovations | Advanced Artificial General Intelligence @@ -11,11 +11,11 @@