diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md deleted file mode 100644 index b2435ac..0000000 --- a/CONTRIBUTING.md +++ /dev/null @@ -1,136 +0,0 @@ -# Contributing to the ProjectWise app - -We'd love for you to contribute to our source code and to make the ProjectWise app even better than it is today! Here are the guidelines we'd like you to follow: - - - [Code of Conduct](#coc) - - [Question or Problem?](#question) - - [Issues and Bugs](#issue) - - [Feature Requests](#feature) - - [Submission Guidelines](#submit) - - [Coding Rules](#rules) - -## Code of Conduct - -As contributors and maintainers of the ProjectWise app project, we pledge to respect everyone who contributes by posting issues, updating documentation, submitting pull requests, providing feedback in comments, and any other activities. - -Communication through github must be constructive and never resort to personal attacks, trolling, public or private harassment, insults, or other unprofessional conduct. - -We promise to extend courtesy and respect to everyone involved in this project regardless of gender, gender identity, sexual orientation, disability, age, race, ethnicity, religion, or level of experience. We expect anyone contributing to the project to do the same. - -If any member of the community violates this code of conduct, the maintainers of the ProjectWise app project may take action, removing issues, comments, and PRs or blocking accounts as deemed appropriate. - -## Got a Question or Problem? - -If you have questions please use GitHub issues. - -If you feel that we're missing an important bit of documentation, feel free to -file an issue so we can help. Here's an example to get you started: - -``` -What are you trying to do or find out more about? - -Where have you looked? - -Where did you expect to find this information? -``` - -## Found an Issue? -If you find a bug in the source code or a mistake in the documentation, you can help us by -submitting an issue to our [GitHub Repository][github]. Even better you can submit a Pull Request -with a fix. - -See [below](#submit) for some guidelines. - -## Submission Guidelines - -### Submitting an Issue -Before you submit your issue search the archive, maybe your question was already answered. - -If your issue appears to be a bug, and hasn't been reported, open a new issue. -Help us to maximize the effort we can spend fixing issues and adding new -features, by not reporting duplicate issues. - -**If you get help, help others. Good karma rulez!** - - -### Submitting a Pull Request -Before you submit your pull request consider the following guidelines: - -* Search [GitHub](https://github.com/Projectwise/projectwise-app/pulls) for an open or closed Pull Request - that relates to your submission. You don't want to duplicate effort. -* Make your changes in a new git branch: - - ```shell - git checkout -b my-fix-branch master - ``` - -* Create your patch, **including appropriate test cases**. -* Follow our [Coding Rules](#rules). -* Avoid checking in files that shouldn't be tracked (e.g `node_modules`, `gulp-cache`, `.tmp`, `.idea`). We recommend using a [global](#global-gitignore) gitignore for this. -* Commit your changes using a descriptive commit message. - - ```shell - git commit -a - ``` - Note: the optional commit `-a` command line option will automatically "add" and "rm" edited files. - -* Build your changes locally to ensure all the tests pass: - - ```shell - npm test - ``` - -* Push your branch to GitHub: - - ```shell - git push origin my-fix-branch - ``` - -* In GitHub, send a pull request to `projectwise-app:master`. -* If we suggest changes then: - * Make the required updates. - * Rebase your branch and force push to your GitHub repository (this will update your Pull Request): - - ```shell - git rebase master -i - git push origin my-fix-branch -f - ``` - -That's it! Thank you for your contribution! - -#### After your pull request is merged - -After your pull request is merged, you can safely delete your branch and pull the changes -from the main (upstream) repository: - -* Delete the remote branch on GitHub either through the GitHub web UI or your local shell as follows: - - ```shell - git push origin --delete my-fix-branch - ``` - -* Check out the master branch: - - ```shell - git checkout master -f - ``` - -* Delete the local branch: - - ```shell - git branch -D my-fix-branch - ``` - -* Update your master with the latest upstream version: - - ```shell - git pull --ff upstream master - ``` - -## Coding Rules - -We generally follow the [ESLint standard JavaScript style guide][js-style-guide]. - -*This guide was inspired by the [AngularJS contribution guidelines](https://github.com/angular/angular.js/blob/master/CONTRIBUTING.md).* - -[global-gitignore]: https://help.github.com/articles/ignoring-files/#create-a-global-gitignore diff --git a/README.md b/README.md index 0bbf1ff..9a42fa3 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,249 @@ -## Projectwise - Frontend +# Projectwise.ai -#### Get Started +> Build a business on open source. A directory of commercial-ready OSS projects with AI setup prompts, curated stacks, and a showcase of real businesses built on open source. + +**Domain:** projectwise.ai (preferred) / projectwise.io (fallback) +**Stack:** Next.js 15 + Payload CMS 3.0 + PostgreSQL (Neon) + Vercel +**Twitter:** [@projectwise_in](https://twitter.com/projectwise_in) + +--- + +## Documentation + +| Doc | Description | +|-----|-------------| +| [Vision & Problem Statement](./docs/01-vision.md) | Why this exists, who it's for | +| [Market Research](./docs/02-market-research.md) | WordPress ecosystem, competitor analysis | +| [Architecture](./docs/03-architecture.md) | Tech stack, data models, API design | +| [Roadmap](./docs/04-roadmap.md) | Phased V1-V4 plan with weekly tasks | +| [Content Strategy](./docs/05-content-strategy.md) | SEO, social media, launch playbook | +| [Project Seed List](./docs/06-project-seed-list.md) | 100 curated OSS projects | +| [New Features](./docs/07-new-features.md) | AI Prompts, Showcase, Stacks specs | + +--- + +## Implementation Plan + +> Each item links to a GitHub issue with full details. Agents update both the issue and this checklist. +> +> **Status:** `[ ]` pending · `[~]` in progress · `[x]` done + +### Setup + +- [ ] **Initialize Next.js 15 + Payload CMS 3.0** · [#7](https://github.com/Projectwise/projectwise-app/issues/7) + - [ ] Create Next.js 15 project with TypeScript and Tailwind CSS + - [ ] Install and configure Payload CMS 3.0 inside `/app` + - [ ] Set up PostgreSQL connection (Neon) + - [ ] Configure ESLint, Prettier, project structure + - [ ] Add `CLAUDE.md` / `AGENTS.md` for AI-assisted development + +- [ ] **Configure Deployment** · [#8](https://github.com/Projectwise/projectwise-app/issues/8) + - [ ] Vercel project setup with environment variables + - [ ] Neon PostgreSQL provisioning (dev + production branches) + - [ ] Custom domain configuration + - [ ] CI/CD: build + lint on PR, deploy on merge to main + +- [ ] **Define Core Payload Collections** · [#9](https://github.com/Projectwise/projectwise-app/issues/9) + - [ ] Projects collection (name, slug, tagline, description, logo, tier, license, URLs, flags) + - [ ] Categories collection (name, slug, description, icon) + - [ ] Seed script for initial data + - [ ] Admin panel configuration and access roles + +### V1: MVP Directory + +- [ ] **Build Project Listing Page** · [#10](https://github.com/Projectwise/projectwise-app/issues/10) + - [ ] `/projects` route with grid/list view toggle + - [ ] Filter by category, tier, license type + - [ ] Search by project name + - [ ] Pagination or infinite scroll + - [ ] Sort by: featured, name, newest + +- [ ] **Build Project Detail Page** · [#11](https://github.com/Projectwise/projectwise-app/issues/11) + - [ ] `/projects/[slug]` route + - [ ] Hero section: logo, name, tagline, tier badge, links + - [ ] Overview: description, license, key features + - [ ] Commercial readiness section (tier explanation) + - [ ] Sidebar: quick stats, GitHub stars, links + - [ ] SEO: meta tags, Open Graph, JSON-LD schema + +- [ ] **Build Category Pages** · [#12](https://github.com/Projectwise/projectwise-app/issues/12) + - [ ] `/categories/[slug]` route + - [ ] Category description and icon + - [ ] Filtered project grid for that category + - [ ] Cross-links to related categories + +- [ ] **Build Homepage** · [#13](https://github.com/Projectwise/projectwise-app/issues/13) + - [ ] Hero section with value proposition + - [ ] Featured projects (3-6 staff picks) + - [ ] Category grid with project counts + - [ ] "How it works" section + - [ ] CTA for experts and operators + - [ ] Latest additions section + +- [ ] **Site-Wide Layout and Navigation** · [#14](https://github.com/Projectwise/projectwise-app/issues/14) + - [ ] Responsive header with nav links and search + - [ ] Footer with links, newsletter signup placeholder + - [ ] Mobile hamburger menu + - [ ] Breadcrumbs on inner pages + - [ ] Dark/light mode toggle + - [ ] 404 and error pages + +- [ ] **Seed 20 Projects** · [#15](https://github.com/Projectwise/projectwise-app/issues/15) + - [ ] Select top 20 from seed list (balanced across categories) + - [ ] Write descriptions, taglines, feature lists for each + - [ ] Collect logos and screenshots + - [ ] Assign tiers (Tier 1, 2, or 3) + - [ ] Create seed script or Payload migration + +- [ ] **Programmatic SEO Pages** · [#16](https://github.com/Projectwise/projectwise-app/issues/16) + - [ ] `/alternatives/[slug]` — "Open source alternative to [Product]" + - [ ] Dynamic sitemap.xml generation + - [ ] Meta tags and OG images for all page types + - [ ] JSON-LD structured data (SoftwareApplication schema) + - [ ] Robots.txt configuration + +### V2: Contributors + Forms + AI Prompts + +- [ ] **Expert Interest Form + Collection** · [#17](https://github.com/Projectwise/projectwise-app/issues/17) + - [ ] Experts Payload collection (name, email, GitHub, skills, rate, availability) + - [ ] "I can help with this project" form on project detail page + - [ ] Form validation and submission handling + - [ ] Admin review workflow (pending → verified → rejected) + - [ ] Email notification on new submission + +- [ ] **Operator Interest Form + Collection** · [#18](https://github.com/Projectwise/projectwise-app/issues/18) + - [ ] Interests Payload collection (name, email, project, budget, timeline, message) + - [ ] "I want to run this as SaaS" form on project detail page + - [ ] Form validation and submission handling + - [ ] Admin notification on new submission + - [ ] Thank you / next steps page + +- [ ] **AI Setup Prompts** · [#19](https://github.com/Projectwise/projectwise-app/issues/19) + - [ ] Prompts Payload collection (project, type, title, prompt text, tested flag) + - [ ] "Deploy with AI" section on project detail page + - [ ] Three prompt types: Quick Start, Business Setup, Full Stack + - [ ] Copy-to-clipboard functionality + - [ ] Write and test prompts for all 20 seed projects + +- [ ] **GitHub Contributors Integration** · [#20](https://github.com/Projectwise/projectwise-app/issues/20) + - [ ] Fetch contributors via GitHub API for each project + - [ ] Display contributor avatars on project detail page + - [ ] Cache results to avoid rate limits + - [ ] Link to contributor GitHub profiles + +- [ ] **Newsletter Signup** · [#21](https://github.com/Projectwise/projectwise-app/issues/21) + - [ ] Integrate Buttondown or ConvertKit + - [ ] Email capture in footer and homepage CTA + - [ ] Welcome email automation + - [ ] Double opt-in flow + +### V3: Ideas, Showcase, Stacks + +- [ ] **Business Ideas Collection + Pages** · [#22](https://github.com/Projectwise/projectwise-app/issues/22) + - [ ] Ideas Payload collection (title, project, description, target market, pricing, competitors, difficulty, MRR potential) + - [ ] Ideas section on project detail page (3-5 per project) + - [ ] `/ideas` index page with filtering + - [ ] `/ideas/[slug]` detail page + - [ ] Write 60-100 ideas across seed projects + +- [ ] **Project Showcase + Submissions** · [#23](https://github.com/Projectwise/projectwise-app/issues/23) + - [ ] Showcases Payload collection (name, URL, screenshot, project, industry, revenue, status) + - [ ] "Built with [Project]" section on project detail page + - [ ] Showcase submission form with screenshot upload + - [ ] Admin review workflow (pending → approved → rejected) + - [ ] `/showcase` global index page + - [ ] `/projects/[slug]/showcase` per-project showcase page + - [ ] "Staff Pick" featured badge + +- [ ] **Curated Stacks + Pages** · [#24](https://github.com/Projectwise/projectwise-app/issues/24) + - [ ] Stacks Payload collection (name, projects with roles, use case, cost, deploy prompt) + - [ ] `/stacks` index page + - [ ] `/stacks/[slug]` detail page with project list and deploy prompt + - [ ] "Part of these stacks" section on project detail page + - [ ] Create 5 initial stacks (E-commerce, SaaS Starter, Agency, Community, DevOps) + +- [ ] **Project Interlinking + Relationships** · [#25](https://github.com/Projectwise/projectwise-app/issues/25) + - [ ] ProjectRelationships Payload collection (projectA, projectB, type, description) + - [ ] Relationship types: works-with, depends-on, alternative-to, extends + - [ ] "Works Well With" section on project detail page + - [ ] "Alternatives" section on project detail page + - [ ] Bidirectional display (if A works-with B, show on both pages) + +- [ ] **Seed Showcase Data** · [#26](https://github.com/Projectwise/projectwise-app/issues/26) + - [ ] Collect 3-5 showcase entries per Tier 1 project from existing showcases + - [ ] Sources: Next.js showcase, Tailwind showcase, Strapi showcase, Ghost explore + - [ ] Screenshots and descriptions for each entry + - [ ] Import via seed script or Payload admin + +### V4: Launch Campaign + +- [ ] **Seed 50 Projects + Full Content** · [#27](https://github.com/Projectwise/projectwise-app/issues/27) + - [ ] Expand from 20 to 50 projects + - [ ] AI prompts for all 50 projects + - [ ] Business ideas for all 50 projects + - [ ] Relationship mappings between all projects + - [ ] Quality pass: descriptions, logos, screenshots + +- [ ] **Analytics Setup** · [#28](https://github.com/Projectwise/projectwise-app/issues/28) + - [ ] Integrate Plausible or Umami (self-hosted) + - [ ] Track page views, top pages, referrers + - [ ] Custom events: form submissions, prompt copies, search queries + - [ ] Dashboard access for team + +- [ ] **Performance Optimization + Launch Prep** · [#29](https://github.com/Projectwise/projectwise-app/issues/29) + - [ ] Lighthouse score > 90 on all page types + - [ ] Core Web Vitals: LCP < 2.5s, FID < 100ms, CLS < 0.1 + - [ ] Image optimization (Next.js Image, WebP, lazy loading) + - [ ] Bundle analysis and code splitting + - [ ] Load testing with 100 concurrent users + - [ ] Final QA pass across devices + +--- + +## Dependency Graph + +``` +#7 Setup +├── #8 Deployment +└── #9 Collections + ├── #10 Listings ─────┐ + ├── #11 Detail Page ──┤ + ├── #12 Categories ───┤── #13 Homepage + ├── #14 Layout │ + ├── #15 Seed 20 ──────┘ + └── #16 SEO Pages + V1 COMPLETE + ├── #17 Experts ┐ + ├── #18 Operators │ + ├── #19 AI Prompts ├── parallel + ├── #20 GitHub API │ + └── #21 Newsletter ┘ + V2 COMPLETE + ├── #22 Ideas ┐ + ├── #23 Showcase │ + ├── #24 Stacks ├── parallel + ├── #25 Interlinking │ + └── #26 Seed Showcase ┘ + V3 COMPLETE + ├── #27 Seed 50 ┐ + ├── #28 Analytics ├── parallel + └── #29 Performance ┘ + V4 LAUNCH +``` + +--- + +## For Claude Code Agents + +When picking up an issue: + +1. **Read the linked issue** for full requirements and acceptance criteria +2. **Create a feature branch** from `main`: `git checkout -b feat/issue-N-short-name` +3. **Reference docs** in `/docs` for architecture decisions and data models +4. **Update this README** — mark your item `[~]` when starting, `[x]` when PR is merged +5. **Comment on the issue** with progress updates +6. **PR description** should reference the issue: `Closes #N` + +--- + +*Last updated: January 2026* diff --git a/database.rules.json b/database.rules.json deleted file mode 100644 index ecdbb39..0000000 --- a/database.rules.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "rules": { - ".read": true, - ".write": "auth != null" - } -} diff --git a/docs/01-vision.md b/docs/01-vision.md new file mode 100644 index 0000000..8008096 --- /dev/null +++ b/docs/01-vision.md @@ -0,0 +1,211 @@ +# Vision & Problem Statement + +> **Mission:** Enable anyone to build a sustainable business on open source software. + +--- + +## The Problem + +### 1. Open Source Maintainers Are Burning Out + +| Statistic | Source | +|-----------|--------| +| **60%** of maintainers are unpaid | [ByteIota 2025](https://byteiota.com/open-source-maintainer-crisis-60-unpaid-burnout-hits-44/) | +| **60%** have quit or considered quitting | ByteIota 2025 | +| **44%** cite burnout as reason for leaving | ByteIota 2025 | +| **45%** say burnout is top challenge | Intel Survey 2023 | + +**Real-world impact:** +- Kubernetes Ingress NGINX retired due to maintainer burnout +- External Secrets Operator has only ONE active maintainer left +- Asahi Linux lead quit citing burnout + +### 2. AI Is Disrupting Developer Education + +Traditional income streams for developers are drying up: +- Stack Overflow traffic declining (AI answers questions) +- Tutorial/course creators losing to AI-generated content +- Documentation writers being replaced + +**Result:** Skilled developers need new ways to monetize their expertise. + +### 3. The "Commercialization Gap" + +Open source projects exist on a spectrum: + +``` +FREE PAID +│ │ +│ Self-hosted White-label Managed Enterprise │ +│ (DIY) (Resellable) Hosting Licenses │ +│ │ +└─────────────────────────────────────────────────────────────┘ + ▲ + │ + THE GAP + + No platform helps people navigate this spectrum + or connects them with implementation help. +``` + +--- + +## The Opportunity + +### WordPress Proved the Model + +The WordPress ecosystem is worth **$600+ billion** with clear layers: + +| Layer | Example | Value | +|-------|---------|-------| +| **Platform** | WordPress.org | Free, open source | +| **Managed Hosting** | WP Engine, Kinsta | $156B+ market | +| **Agencies** | 50,000+ worldwide | Implementation | +| **Freelancers** | Codeable, etc. | $20-100/hr | +| **End Customers** | Businesses | Pay for solutions | + +**Key insight:** WordPress didn't build all this. It emerged organically because the platform enabled it. + +### The Modern Equivalent Doesn't Exist + +For newer open source (Plausible, n8n, Cal.com, etc.): +- No central directory of "commercial-ready" projects +- No verified expert network for implementation +- No standardized way to find white-label options +- No connection between contributors and paid work + +--- + +## The Solution: Projectwise + +### What We're Building + +A curated directory of **commercial-ready open source software** that connects: + +``` +┌─────────────────────────────────────────────────────────────┐ +│ PROJECTWISE │ +├─────────────────────────────────────────────────────────────┤ +│ │ +│ PROJECTS EXPERTS OPERATORS │ +│ ───────── ─────── ───────── │ +│ Open source Contributors Entrepreneurs │ +│ with commercial who can deploy who run OSS │ +│ potential & customize as SaaS │ +│ │ +│ │ │ │ │ +│ └───────────────────┼────────────────────┘ │ +│ │ │ +│ PROJECTWISE.IO │ +│ Discovery + Trust │ +│ │ +└─────────────────────────────────────────────────────────────┘ +``` + +### Core Value Propositions + +| Audience | Value | +|----------|-------| +| **Projects** | Free promotion, more adoption, potential revenue share | +| **Experts** | Paid work, portfolio, verified contributor status | +| **Operators** | Curated software, trusted experts, business ideas | + +--- + +## Target Users + +### Primary: Operators (Demand Side) + +> "I want to start a SaaS business but don't want to build from scratch." + +- **Demographics:** Entrepreneurs, agency owners, technical founders +- **Geography:** Global, especially emerging markets (India, Brazil, Nigeria) +- **Budget:** $500-5,000 for implementation +- **Goal:** Launch a SaaS product quickly using proven software + +### Secondary: Experts (Supply Side) + +> "I contribute to open source. How do I get paid for my expertise?" + +- **Demographics:** Developers, former educators, Stack Overflow users +- **Skills:** Know specific OSS projects deeply (contributed code) +- **Availability:** Part-time or full-time freelance +- **Goal:** Monetize their open source knowledge + +### Tertiary: Projects (Platform Side) + +> "We want more adoption and potentially revenue from white-label." + +- **Demographics:** OSS maintainers, small teams, VC-backed startups +- **License:** MIT, Apache, BSD, or AGPL with commercial options +- **Goal:** Grow ecosystem, reduce support burden, generate revenue + +--- + +## Success Metrics + +### Phase 1 (MVP - Week 4) + +| Metric | Target | +|--------|--------| +| Projects listed | 50 | +| Weekly visitors | 500 | +| Expert signups | 20 | +| Operator interests | 10 | + +### Phase 2 (Growth - Week 8) + +| Metric | Target | +|--------|--------| +| Projects listed | 100 | +| Weekly visitors | 2,000 | +| Expert signups | 50 | +| Operator interests | 30 | +| First job posted | 1 | + +### Phase 3 (Traction - Week 12) + +| Metric | Target | +|--------|--------| +| Projects listed | 150 | +| Weekly visitors | 10,000 | +| Expert signups | 100 | +| Operator interests | 75 | +| Revenue (sponsorships) | $500/month | + +--- + +## What We're NOT Building + +| Not This | Why | +|----------|-----| +| Another "awesome list" | No curation, no commercial focus | +| GitHub alternative | We link to GitHub, not replace it | +| Hosting provider | We connect to Coolify, Railway, etc. | +| Freelance marketplace (Upwork) | Focused only on OSS implementation | +| VC-backed startup factory | Sustainable, indie-scale business | + +--- + +## The Evolution from Original Projectwise + +| Aspect | Original (2017) | New (2026) | +|--------|-----------------|------------| +| **Problem** | OSS needs design help | OSS needs sustainable business models | +| **Solution** | Connect designers | Connect projects + experts + operators | +| **Audience** | Designers | Entrepreneurs, developers | +| **Model** | Volunteer | Commercial (eventually) | +| **Tech** | React + Express + MongoDB | Next.js + Payload + PostgreSQL | + +--- + +## Long-Term Vision (2-3 Years) + +1. **The Index** — Definitive source for commercial OSS discovery +2. **The Network** — Verified experts for every major project +3. **The Marketplace** — Jobs, revenue sharing, partnerships +4. **The Standard** — "Projectwise Verified" badge for commercial-ready OSS + +--- + +*Last updated: January 2026* diff --git a/docs/02-market-research.md b/docs/02-market-research.md new file mode 100644 index 0000000..3872ed5 --- /dev/null +++ b/docs/02-market-research.md @@ -0,0 +1,374 @@ +# Market Research + +> Summary of research conducted on the open source commercialization landscape. + +--- + +## Table of Contents + +1. [Open Source Market Overview](#open-source-market-overview) +2. [The WordPress Ecosystem Model](#the-wordpress-ecosystem-model) +3. [Competitor Analysis](#competitor-analysis) +4. [Business Models in Open Source](#business-models-in-open-source) +5. [The Maintainer Crisis](#the-maintainer-crisis) +6. [AI's Impact on the Ecosystem](#ais-impact-on-the-ecosystem) +7. [Directory Site Case Study: OpenAlternative](#directory-site-case-study-openalternative) +8. [Key Insights](#key-insights) + +--- + +## Open Source Market Overview + +### Market Size + +| Metric | Value | Source | +|--------|-------|--------| +| Annual value of OSS | **$8.8 trillion** | Harvard Study | +| Organizations using OSS | **96%** increased or maintained use | OSI 2025 | +| SaaS market (2025) | **$300 billion** | Industry estimates | +| SaaS market (2032) | **$1.13 trillion** | Projected | + +### Key Trends + +1. **Open source is mission-critical** — 96% of organizations depend on it +2. **Governance lags adoption** — Most lack frameworks to manage OSS dependency +3. **Security underinvestment** — Companies take more than they give back +4. **Funding innovation** — New models emerging (Open Source Endowment, etc.) + +--- + +## The WordPress Ecosystem Model + +### Why WordPress Matters + +WordPress represents the most successful open source commercialization ever: + +| Metric | Value | +|--------|-------| +| Market share (all websites) | **43.4%** | +| Market share (CMS) | **62.8%** | +| Total websites powered | **518+ million** | +| Ecosystem value | **$596.7 billion** | +| Active plugins | **59,000+** | +| Free themes | **13,000+** | +| Agencies worldwide | **50,000+** | + +### The Layered Ecosystem + +``` +┌─────────────────────────────────────────────────────────────┐ +│ WORDPRESS ECOSYSTEM │ +├─────────────────────────────────────────────────────────────┤ +│ │ +│ Layer 1: PLATFORM (Free) │ +│ └── WordPress.org - GPL licensed, free forever │ +│ │ +│ Layer 2: MANAGED HOSTING ($156B+ market) │ +│ └── WP Engine, Kinsta, Flywheel, WordPress.com │ +│ │ +│ Layer 3: AGENCIES (50,000+) │ +│ └── WP VIP Partners, implementation specialists │ +│ │ +│ Layer 4: FREELANCERS │ +│ └── Codeable, Upwork specialists ($20-100/hr) │ +│ │ +│ Layer 5: END CUSTOMERS │ +│ └── Businesses paying $0 to $10,000+ for solutions │ +│ │ +└─────────────────────────────────────────────────────────────┘ +``` + +### Key Lesson + +WordPress.org (the foundation) didn't build hosting, agencies, or marketplaces. They emerged organically because the platform was: +- Free and open +- Easy to extend +- Had clear documentation +- Built trust over time + +**Our opportunity:** Accelerate this for modern OSS projects. + +--- + +## Competitor Analysis + +### Direct Competitors (Directories) + +| Platform | Focus | Monetization | Gap We Fill | +|----------|-------|--------------|-------------| +| [OpenAlternative](https://openalternative.co) | OSS alternatives to SaaS | Sponsored listings ($3.5k/mo) | No expert network, no commercial focus | +| [awesome-selfhosted](https://github.com/awesome-selfhosted/awesome-selfhosted) | Self-hosted software | None (GitHub list) | No curation, no commercial info | +| [AlternativeTo](https://alternativeto.net) | All software alternatives | Ads | Not OSS-focused, no implementation help | +| [Product Hunt](https://producthunt.com) | All products | Promoted listings | Not OSS-focused | + +### Adjacent Competitors (Expert Networks) + +| Platform | Focus | Model | Gap We Fill | +|----------|-------|-------|-------------| +| [Codeable](https://codeable.io) | WordPress developers | 17.5% commission | Only WordPress | +| [Toptal](https://toptal.com) | Elite freelancers | Premium pricing | Not OSS-specific | +| [Upwork](https://upwork.com) | All freelance | 5-20% commission | No OSS verification | + +### Adjacent Competitors (Hosting/Deployment) + +| Platform | Focus | Model | Gap We Fill | +|----------|-------|-------|-------------| +| [Coolify](https://coolify.io) | Self-hosting PaaS | Free + Cloud tier | No discovery, no experts | +| [Elestio](https://elest.io) | Managed OSS hosting | Per-service fees | No local operators, no revenue share | +| [Railway](https://railway.app) | App deployment | Usage-based | No OSS curation | + +### Adjacent Competitors (Funding) + +| Platform | Focus | Model | Gap We Fill | +|----------|-------|-------|-------------| +| [Open Collective](https://opencollective.com) | OSS funding | 10% of transactions | Donations, not commercial | +| [GitHub Sponsors](https://github.com/sponsors) | Developer funding | Direct donations | No business connection | +| [Tidelift](https://tidelift.com) | Enterprise subscriptions | $100-150/dev/year | B2B only, no individual operators | + +### Competitive Positioning + +``` + COMMERCIAL FOCUS + ▲ + │ + Projectwise ● + │ + Tidelift ● │ ● Codeable + │ + ──────────────────────────┼──────────────────────────► + GENERAL │ SPECIALIZED + │ + OpenAlternative ● │ + │ + awesome-selfhosted ● │ ● Coolify + │ + │ + TECHNICAL FOCUS +``` + +**Our position:** Commercial focus + Specialized (OSS only) + +--- + +## Business Models in Open Source + +### Open Core Model + +Used by: Cal.com, Dub.co, GitLab, Metabase + +``` +┌─────────────────────────────────────┐ +│ OPEN CORE MODEL │ +├─────────────────────────────────────┤ +│ │ +│ Core (99%) Enterprise (1%) │ +│ ─────────── ─────────────── │ +│ AGPL/MIT Commercial │ +│ Self-hostable SSO, SAML │ +│ Full features Multi-tenant │ +│ Community Priority support│ +│ │ +└─────────────────────────────────────┘ +``` + +### Fair Source / Business Source License + +Used by: Sentry, CockroachDB, MariaDB + +- Free for limited use +- Paid for commercial scale +- Converts to open source after time delay (e.g., 3 years) + +### Managed Hosting Model + +Used by: Ghost, Plausible, Umami + +``` +Self-hosted: Free (you run it) +Cloud/Managed: Paid (they run it) +``` + +### Support/Services Model + +Used by: Red Hat, Canonical + +- Software is free +- Pay for support, consulting, training + +### White-Label Model (Emerging) + +Used by: Dittofeed, n8n, Appsmith + +- Core is open source +- Paid license for embedding/white-labeling +- Target: SaaS companies wanting to add features + +**This is our primary focus.** + +--- + +## The Maintainer Crisis + +### Key Statistics + +| Statistic | Source | +|-----------|--------| +| 60% of maintainers are unpaid | ByteIota 2025 | +| 60% have quit or considered quitting | ByteIota 2025 | +| 44% cite burnout as reason | ByteIota 2025 | +| 45% say burnout is #1 challenge | Intel Survey | + +### Notable Burnout Cases (2024-2025) + +| Project | Impact | +|---------|--------| +| Kubernetes Ingress NGINX | Retired, no security patches after March 2026 | +| External Secrets Operator | Down to 1 active maintainer | +| Asahi Linux | Lead developer quit | +| ESLint | Funding crisis, near shutdown | + +### The Core Problem + +> "Money doesn't write code. Money doesn't review pull requests. Companies owe projects both financial resources AND engineering hours." + +### What's Being Tried + +| Solution | Approach | Limitation | +|----------|----------|------------| +| Open Collective | Donations | Not sustainable income | +| GitHub Sponsors | Direct funding | Low adoption | +| Tidelift | Enterprise subscriptions | Only works for big projects | +| Open Source Endowment | Grants up to $250k | Limited reach | + +### Our Angle + +Instead of asking companies to donate, we create a **commercial ecosystem** where: +1. Operators pay experts for implementation +2. Experts become advocates for projects +3. Projects get adoption without support burden +4. Optional: Revenue sharing back to maintainers + +--- + +## AI's Impact on the Ecosystem + +### Design/UI Generation + +| Tool | What It Does | +|------|--------------| +| [v0 by Vercel](https://v0.app) | Text → React/Tailwind components | +| [Figma AI](https://figma.com) | Prompt → Figma designs | +| [Galileo](https://usegalileo.ai) | AI-generated UI screens | + +**Impact:** "Need a designer for OSS" is less relevant. AI can generate UI. + +### Code Generation + +| Tool | Impact | +|------|--------| +| GitHub Copilot | Autocomplete, boilerplate | +| Cursor | AI-native IDE | +| Claude Code | Full implementation assistance | + +**Impact:** Building is easier, but understanding existing codebases still requires human expertise. + +### What AI CAN'T Replace (Yet) + +1. **Domain expertise** — Knowing why a project works a certain way +2. **Integration** — Connecting OSS to specific business contexts +3. **Customization** — Adapting for unique requirements +4. **Trust** — Verified humans for critical deployments + +**Our opportunity:** The "last mile" of OSS implementation still needs humans. + +--- + +## Directory Site Case Study: OpenAlternative + +### Background + +- **Founder:** Piotr Kulpinski +- **Launched:** 2024 +- **Built in:** 48 hours +- **Stack:** Astro → Next.js, Cloudflare + +### Growth Metrics + +| Metric | Value | +|--------|-------| +| Week 1 visitors | 100,000 | +| Product Hunt | 3rd place, 500+ upvotes | +| Hacker News | #1 for several hours | +| Current monthly visitors | 70,000 | +| Current monthly revenue | $3,000-3,500 | +| MRR from featured listings | $1,200 | +| Total visitors (2025) | 1M+ | + +### What Worked + +1. **Programmatic SEO** — Generated pages from Airtable data (categories, tags) +2. **Simple MVP** — No search/filtering initially, just listings +3. **Free hosting** — Cloudflare static site ($0/month) +4. **Consistency** — Daily updates, automation +5. **Community launch** — Product Hunt + HN on same day + +### Key Quote + +> "The best competitive advantage is consistency and showing up every day. With AI capable of cloning any website within minutes, the only way to maintain an edge is by being persistent." + +### What We Learn + +- Start simple (48 hours to MVP) +- Programmatic SEO works +- Featured listings = revenue +- Community launch matters +- Consistency > perfection + +--- + +## Key Insights + +### 1. The Market is Validated + +- WordPress proves the model ($600B ecosystem) +- OpenAlternative proves demand (1M+ visitors) +- Maintainer crisis proves the need + +### 2. The Gap is Real + +No platform currently: +- Focuses on **commercial** OSS +- Connects **experts** with **operators** +- Provides **business ideas** for each project +- Offers **verified** contributor status + +### 3. Timing is Right + +- AI disruption creating displaced experts +- Maintainer burnout at crisis levels +- "Build in public" culture normalized +- Remote work enables global operators + +### 4. Distribution Strategy is Key + +With 500 followers, we can't rely on audience. We must: +- Get projects to share (borrowed audience) +- Build SEO moat (programmatic pages) +- Be consistent (daily content) +- Provide genuine value first + +--- + +## Sources + +- [WordPress Economy Study - WP Engine](https://wpengine.com/resources/value-of-wordpress-worlds-first-study-of-wordpress-economy/) +- [WordPress Market Share 2025 - ThemeHunk](https://themehunk.com/wordpress-market-share/) +- [Open Source Maintainer Crisis - ByteIota](https://byteiota.com/open-source-maintainer-crisis-60-unpaid-burnout-hits-44/) +- [OpenAlternative Launch - Piotr Kulpinski](https://kulpinski.dev/posts/openalternative-launch/) +- [Headless CMS Comparison](https://www.glukhov.org/post/2025/11/headless-cms-comparison-strapi-directus-payload/) +- [Payload CMS 3.0 Announcement](https://payloadcms.com/posts/blog/payload-30-the-first-cms-that-installs-directly-into-any-nextjs-app) +- [Dittofeed - YC](https://www.ycombinator.com/companies/dittofeed) + +--- + +*Last updated: January 2026* diff --git a/docs/03-architecture.md b/docs/03-architecture.md new file mode 100644 index 0000000..50974ff --- /dev/null +++ b/docs/03-architecture.md @@ -0,0 +1,839 @@ +# Architecture & Tech Stack + +> Technical architecture for Projectwise — a Next.js 15 + Payload CMS 3.0 application. + +--- + +## Table of Contents + +1. [Architecture Overview](#architecture-overview) +2. [Tech Stack](#tech-stack) +3. [Project Structure](#project-structure) +4. [Data Models](#data-models) +5. [API Design](#api-design) +6. [Authentication](#authentication) +7. [Deployment](#deployment) +8. [External Integrations](#external-integrations) + +--- + +## Architecture Overview + +### Single-App Architecture + +Payload CMS 3.0 installs directly into Next.js, eliminating the need for separate frontend/backend repos. + +``` +┌─────────────────────────────────────────────────────────────────────┐ +│ PROJECTWISE ARCHITECTURE │ +├─────────────────────────────────────────────────────────────────────┤ +│ │ +│ ┌─────────────────────────────────────────────────────────────┐ │ +│ │ NEXT.JS 15 APP │ │ +│ ├─────────────────────────────────────────────────────────────┤ │ +│ │ │ │ +│ │ /app │ │ +│ │ ├── (frontend)/ # Public pages (SSR/SSG) │ │ +│ │ │ ├── / # Homepage │ │ +│ │ │ ├── /projects # Project listings │ │ +│ │ │ ├── /experts # Expert profiles │ │ +│ │ │ ├── /ideas # Business ideas │ │ +│ │ │ └── /category # Category pages │ │ +│ │ │ │ │ +│ │ └── (payload)/ # CMS (admin + API) │ │ +│ │ ├── /admin # Admin panel │ │ +│ │ └── /api # REST + GraphQL │ │ +│ │ │ │ +│ └─────────────────────────────────────────────────────────────┘ │ +│ │ │ +│ ▼ │ +│ ┌─────────────────────────────────────────────────────────────┐ │ +│ │ PAYLOAD CMS 3.0 │ │ +│ ├─────────────────────────────────────────────────────────────┤ │ +│ │ Collections: Projects, Categories, Experts, Ideas, Users │ │ +│ │ Globals: Site Settings, Featured Projects │ │ +│ │ Auth: Built-in JWT + OAuth │ │ +│ │ Media: Image/file handling │ │ +│ └─────────────────────────────────────────────────────────────┘ │ +│ │ │ +│ ▼ │ +│ ┌─────────────────────────────────────────────────────────────┐ │ +│ │ POSTGRESQL (Neon) │ │ +│ └─────────────────────────────────────────────────────────────┘ │ +│ │ +└─────────────────────────────────────────────────────────────────────┘ +``` + +### Why Single-App? + +| Benefit | Description | +|---------|-------------| +| **Simpler deployment** | One Vercel project | +| **No CORS issues** | Frontend and API same origin | +| **Shared types** | TypeScript types across app | +| **Local API** | No HTTP overhead for internal calls | +| **Faster development** | Single codebase to manage | + +--- + +## Tech Stack + +### Core Framework + +| Layer | Technology | Version | Purpose | +|-------|------------|---------|---------| +| **Framework** | Next.js | 15.x | React framework with App Router | +| **CMS** | Payload CMS | 3.x | Headless CMS, admin panel | +| **Language** | TypeScript | 5.x | Type safety | +| **Runtime** | Node.js | 20.x LTS | Server runtime | + +### Frontend + +| Layer | Technology | Purpose | +|-------|------------|---------| +| **Styling** | Tailwind CSS 4 | Utility-first CSS | +| **Components** | shadcn/ui | Pre-built accessible components | +| **Icons** | Lucide React | Icon library | +| **Forms** | React Hook Form + Zod | Form handling + validation | +| **Data Fetching** | TanStack Query | Server state management | + +### Backend/CMS + +| Layer | Technology | Purpose | +|-------|------------|---------| +| **CMS** | Payload CMS 3.0 | Content management | +| **Database** | PostgreSQL | Primary data store | +| **ORM** | Drizzle (via Payload) | Database queries | +| **Auth** | Payload Auth + Auth.js | Authentication | +| **Media** | Vercel Blob / Cloudinary | Image storage | + +### Infrastructure + +| Service | Provider | Tier | +|---------|----------|------| +| **Hosting** | Vercel | Free | +| **Database** | Neon PostgreSQL | Free (0.5GB) | +| **Media Storage** | Vercel Blob | Free (1GB) | +| **Domain** | Cloudflare | ~$10/year | +| **Analytics** | Plausible (self-hosted) | Free | + +### Development Tools + +| Tool | Purpose | +|------|---------| +| **Package Manager** | pnpm | Fast, disk-efficient | +| **Linting** | ESLint + Prettier | Code quality | +| **Testing** | Vitest + Playwright | Unit + E2E tests | +| **Git Hooks** | Husky + lint-staged | Pre-commit checks | + +--- + +## Project Structure + +``` +projectwise/ +├── app/ +│ ├── (frontend)/ # Public routes (route group) +│ │ ├── page.tsx # Homepage +│ │ ├── layout.tsx # Frontend layout +│ │ ├── projects/ +│ │ │ ├── page.tsx # /projects - listing +│ │ │ └── [slug]/ +│ │ │ ├── page.tsx # /projects/[slug] - detail +│ │ │ └── ideas/ +│ │ │ └── page.tsx # /projects/[slug]/ideas +│ │ ├── category/ +│ │ │ └── [slug]/ +│ │ │ └── page.tsx # /category/[slug] +│ │ ├── alternative/ +│ │ │ └── [slug]/ +│ │ │ └── page.tsx # /alternative/[slug] +│ │ ├── experts/ +│ │ │ ├── page.tsx # /experts - listing +│ │ │ ├── join/ +│ │ │ │ └── page.tsx # /experts/join - signup form +│ │ │ └── [username]/ +│ │ │ └── page.tsx # /experts/[username] - profile +│ │ ├── ideas/ +│ │ │ ├── page.tsx # /ideas - all ideas +│ │ │ ├── country/ +│ │ │ │ └── [country]/ +│ │ │ │ └── page.tsx # /ideas/country/[country] +│ │ │ └── industry/ +│ │ │ └── [industry]/ +│ │ │ └── page.tsx # /ideas/industry/[industry] +│ │ ├── submit/ +│ │ │ └── page.tsx # /submit - project submission +│ │ └── about/ +│ │ └── page.tsx # /about +│ │ +│ ├── (payload)/ # Payload routes (route group) +│ │ ├── admin/ +│ │ │ └── [[...segments]]/ +│ │ │ └── page.tsx # /admin - CMS admin panel +│ │ └── api/ +│ │ └── [...slug]/ +│ │ └── route.ts # /api/* - REST API +│ │ +│ ├── layout.tsx # Root layout +│ └── globals.css # Global styles +│ +├── payload/ +│ ├── collections/ +│ │ ├── Projects.ts # Projects collection +│ │ ├── Categories.ts # Categories collection +│ │ ├── Experts.ts # Experts collection +│ │ ├── Ideas.ts # Business ideas collection +│ │ ├── Contributors.ts # GitHub contributors +│ │ ├── Jobs.ts # Job postings (V3) +│ │ ├── Interests.ts # Waitlist signups +│ │ └── Users.ts # Admin users +│ ├── globals/ +│ │ ├── Settings.ts # Site-wide settings +│ │ └── Featured.ts # Featured projects +│ ├── hooks/ # Payload hooks +│ │ └── syncGitHub.ts # Sync GitHub stats +│ └── payload.config.ts # Main Payload config +│ +├── components/ +│ ├── ui/ # shadcn/ui components +│ ├── projects/ +│ │ ├── ProjectCard.tsx +│ │ ├── ProjectGrid.tsx +│ │ └── ProjectDetail.tsx +│ ├── experts/ +│ │ ├── ExpertCard.tsx +│ │ └── ExpertProfile.tsx +│ ├── ideas/ +│ │ ├── IdeaCard.tsx +│ │ └── IdeaList.tsx +│ ├── forms/ +│ │ ├── ExpertSignupForm.tsx +│ │ ├── OperatorInterestForm.tsx +│ │ └── ProjectSubmitForm.tsx +│ └── layout/ +│ ├── Header.tsx +│ ├── Footer.tsx +│ └── Sidebar.tsx +│ +├── lib/ +│ ├── payload.ts # Payload client +│ ├── github.ts # GitHub API helpers +│ ├── utils.ts # General utilities +│ └── constants.ts # App constants +│ +├── public/ +│ ├── images/ +│ └── fonts/ +│ +├── docs/ # Documentation (this folder) +│ +├── .env.example +├── .env.local +├── next.config.js +├── payload.config.ts +├── tailwind.config.ts +├── tsconfig.json +└── package.json +``` + +--- + +## Data Models + +### Projects Collection + +```typescript +// payload/collections/Projects.ts +import { CollectionConfig } from 'payload' + +export const Projects: CollectionConfig = { + slug: 'projects', + admin: { + useAsTitle: 'name', + defaultColumns: ['name', 'tier', 'status', 'stars'], + }, + fields: [ + // Basic Info + { name: 'name', type: 'text', required: true }, + { name: 'slug', type: 'text', required: true, unique: true }, + { name: 'tagline', type: 'text', required: true, maxLength: 150 }, + { name: 'description', type: 'richText', required: true }, + { name: 'logo', type: 'upload', relationTo: 'media' }, + { name: 'screenshot', type: 'upload', relationTo: 'media' }, + + // Links + { name: 'website_url', type: 'text', required: true }, + { name: 'github_url', type: 'text', required: true }, + { name: 'docs_url', type: 'text' }, + { name: 'demo_url', type: 'text' }, + + // Classification + { + name: 'categories', + type: 'relationship', + relationTo: 'categories', + hasMany: true, + required: true, + }, + { + name: 'alternatives_to', + type: 'array', + fields: [{ name: 'name', type: 'text' }], + }, + + // License + { + name: 'license', + type: 'select', + options: [ + { label: 'MIT', value: 'MIT' }, + { label: 'Apache 2.0', value: 'Apache-2.0' }, + { label: 'BSD 3-Clause', value: 'BSD-3-Clause' }, + { label: 'AGPL 3.0', value: 'AGPL-3.0' }, + { label: 'GPL 3.0', value: 'GPL-3.0' }, + { label: 'ISC', value: 'ISC' }, + { label: 'MPL 2.0', value: 'MPL-2.0' }, + { label: 'Other', value: 'Other' }, + ], + required: true, + }, + { name: 'license_url', type: 'text' }, + + // Commercial Readiness + { + name: 'tier', + type: 'select', + options: [ + { label: 'Tier 1: Reseller-Ready', value: '1' }, + { label: 'Tier 2: Operator-Friendly', value: '2' }, + { label: 'Tier 3: Technically Possible', value: '3' }, + ], + required: true, + }, + { name: 'has_white_label', type: 'checkbox', defaultValue: false }, + { name: 'has_multi_tenancy', type: 'checkbox', defaultValue: false }, + { name: 'has_official_support', type: 'checkbox', defaultValue: false }, + { name: 'has_cloud_version', type: 'checkbox', defaultValue: false }, + { name: 'pricing_url', type: 'text' }, + + // Deployment + { + name: 'deploy_options', + type: 'group', + fields: [ + { name: 'docker', type: 'checkbox', defaultValue: false }, + { name: 'docker_url', type: 'text' }, + { name: 'coolify', type: 'checkbox', defaultValue: false }, + { name: 'coolify_url', type: 'text' }, + { name: 'railway', type: 'checkbox', defaultValue: false }, + { name: 'railway_url', type: 'text' }, + { name: 'elestio', type: 'checkbox', defaultValue: false }, + { name: 'elestio_url', type: 'text' }, + ], + }, + { name: 'estimated_hosting_cost', type: 'text' }, + + // GitHub Stats (auto-synced) + { + name: 'github_stats', + type: 'group', + admin: { readOnly: true }, + fields: [ + { name: 'stars', type: 'number', defaultValue: 0 }, + { name: 'forks', type: 'number', defaultValue: 0 }, + { name: 'open_issues', type: 'number', defaultValue: 0 }, + { name: 'last_commit', type: 'date' }, + { name: 'language', type: 'text' }, + { name: 'contributors_count', type: 'number', defaultValue: 0 }, + ], + }, + + // Contributors + { + name: 'contributors', + type: 'relationship', + relationTo: 'contributors', + hasMany: true, + }, + + // Metadata + { name: 'featured', type: 'checkbox', defaultValue: false }, + { + name: 'status', + type: 'select', + options: [ + { label: 'Draft', value: 'draft' }, + { label: 'Published', value: 'published' }, + { label: 'Archived', value: 'archived' }, + ], + defaultValue: 'draft', + required: true, + }, + ], +} +``` + +### Categories Collection + +```typescript +// payload/collections/Categories.ts +export const Categories: CollectionConfig = { + slug: 'categories', + admin: { useAsTitle: 'name' }, + fields: [ + { name: 'name', type: 'text', required: true }, + { name: 'slug', type: 'text', required: true, unique: true }, + { name: 'description', type: 'textarea' }, + { name: 'icon', type: 'text' }, // Lucide icon name + { + name: 'projects_count', + type: 'number', + admin: { readOnly: true }, + defaultValue: 0, + }, + ], +} +``` + +### Ideas Collection + +```typescript +// payload/collections/Ideas.ts +export const Ideas: CollectionConfig = { + slug: 'ideas', + admin: { useAsTitle: 'title' }, + fields: [ + { name: 'title', type: 'text', required: true }, + { name: 'slug', type: 'text', required: true, unique: true }, + { name: 'description', type: 'richText', required: true }, + + // Linked project + { + name: 'project', + type: 'relationship', + relationTo: 'projects', + required: true, + }, + + // Market analysis + { name: 'target_market', type: 'text', required: true }, + { name: 'market_size', type: 'text' }, + { name: 'why_now', type: 'textarea', required: true }, + + // Execution + { name: 'suggested_pricing', type: 'text', required: true }, + { name: 'revenue_potential', type: 'text' }, + { + name: 'difficulty', + type: 'select', + options: [ + { label: 'Easy', value: 'easy' }, + { label: 'Medium', value: 'medium' }, + { label: 'Hard', value: 'hard' }, + ], + required: true, + }, + { name: 'time_to_launch', type: 'text' }, + + // Geographic + { + name: 'countries', + type: 'array', + fields: [{ name: 'country', type: 'text' }], + }, + { name: 'country_reasons', type: 'textarea' }, + + // Validation + { name: 'search_volume', type: 'number' }, + { name: 'competitor_count', type: 'number' }, + { + name: 'proof_signals', + type: 'array', + fields: [{ name: 'signal', type: 'text' }], + }, + + // SEO + { + name: 'keywords', + type: 'array', + fields: [{ name: 'keyword', type: 'text' }], + }, + + // Status + { + name: 'status', + type: 'select', + options: [ + { label: 'Draft', value: 'draft' }, + { label: 'Published', value: 'published' }, + ], + defaultValue: 'draft', + }, + ], +} +``` + +### Experts Collection + +```typescript +// payload/collections/Experts.ts +export const Experts: CollectionConfig = { + slug: 'experts', + auth: true, // Enables authentication for this collection + admin: { useAsTitle: 'name' }, + fields: [ + { name: 'name', type: 'text', required: true }, + { name: 'avatar', type: 'upload', relationTo: 'media' }, + { name: 'bio', type: 'textarea' }, + + // Links + { name: 'github_url', type: 'text', required: true }, + { name: 'linkedin_url', type: 'text' }, + { name: 'website_url', type: 'text' }, + { name: 'calendly_url', type: 'text' }, + + // Expertise + { + name: 'projects_expertise', + type: 'relationship', + relationTo: 'projects', + hasMany: true, + }, + { + name: 'experience_level', + type: 'select', + options: [ + { label: 'Contributor', value: 'contributor' }, + { label: 'Expert', value: 'expert' }, + { label: 'Maintainer', value: 'maintainer' }, + ], + }, + + // Availability + { + name: 'status', + type: 'select', + options: [ + { label: 'Available', value: 'available' }, + { label: 'Busy', value: 'busy' }, + { label: 'Not Available', value: 'not_available' }, + ], + defaultValue: 'available', + }, + { name: 'hourly_rate', type: 'number' }, + { name: 'location', type: 'text' }, + { name: 'timezone', type: 'text' }, + { + name: 'languages', + type: 'array', + fields: [{ name: 'language', type: 'text' }], + }, + + // Verification + { name: 'verified_contributor', type: 'checkbox', defaultValue: false }, + { name: 'verified_at', type: 'date' }, + + // Stats + { name: 'implementations_count', type: 'number', defaultValue: 0 }, + + // Approval + { + name: 'approval_status', + type: 'select', + options: [ + { label: 'Pending', value: 'pending' }, + { label: 'Approved', value: 'approved' }, + { label: 'Rejected', value: 'rejected' }, + ], + defaultValue: 'pending', + }, + ], +} +``` + +### Interest Forms Collection + +```typescript +// payload/collections/Interests.ts +export const Interests: CollectionConfig = { + slug: 'interests', + admin: { useAsTitle: 'email' }, + fields: [ + { + name: 'type', + type: 'select', + options: [ + { label: 'Expert', value: 'expert' }, + { label: 'Operator', value: 'operator' }, + { label: 'Project', value: 'project' }, + ], + required: true, + }, + { name: 'name', type: 'text', required: true }, + { name: 'email', type: 'email', required: true }, + { name: 'github_username', type: 'text' }, + { name: 'company', type: 'text' }, + { name: 'project_interested', type: 'text' }, + { name: 'location', type: 'text' }, + { name: 'message', type: 'textarea' }, + { + name: 'status', + type: 'select', + options: [ + { label: 'New', value: 'new' }, + { label: 'Contacted', value: 'contacted' }, + { label: 'Converted', value: 'converted' }, + { label: 'Declined', value: 'declined' }, + ], + defaultValue: 'new', + }, + ], +} +``` + +--- + +## API Design + +### REST API (Auto-generated by Payload) + +| Endpoint | Method | Description | +|----------|--------|-------------| +| `/api/projects` | GET | List all projects | +| `/api/projects/:id` | GET | Get single project | +| `/api/projects` | POST | Create project (admin) | +| `/api/categories` | GET | List all categories | +| `/api/experts` | GET | List approved experts | +| `/api/ideas` | GET | List all ideas | +| `/api/interests` | POST | Submit interest form | + +### GraphQL (Also auto-generated) + +```graphql +query GetProject($slug: String!) { + Projects(where: { slug: { equals: $slug } }) { + docs { + name + tagline + description + categories { + name + slug + } + github_stats { + stars + forks + } + contributors { + github_username + avatar_url + } + } + } +} +``` + +--- + +## Authentication + +### Payload Built-in Auth + +```typescript +// payload.config.ts +export default buildConfig({ + collections: [ + { + slug: 'users', + auth: { + tokenExpiration: 7200, // 2 hours + verify: true, + maxLoginAttempts: 5, + lockTime: 600000, // 10 minutes + }, + fields: [ + { + name: 'role', + type: 'select', + options: ['admin', 'editor'], + required: true, + defaultValue: 'editor', + }, + ], + }, + ], +}) +``` + +### GitHub OAuth (V2+) + +```typescript +// Using Auth.js plugin for Payload +import { authPlugin } from 'payload-authjs' +import GitHub from '@auth/core/providers/github' + +export default buildConfig({ + plugins: [ + authPlugin({ + providers: [ + GitHub({ + clientId: process.env.GITHUB_ID, + clientSecret: process.env.GITHUB_SECRET, + }), + ], + }), + ], +}) +``` + +--- + +## Deployment + +### Vercel Configuration + +```javascript +// next.config.js +/** @type {import('next').NextConfig} */ +const nextConfig = { + experimental: { + reactCompiler: true, + }, + images: { + remotePatterns: [ + { hostname: 'avatars.githubusercontent.com' }, + { hostname: 'github.com' }, + ], + }, +} + +export default nextConfig +``` + +### Environment Variables + +```bash +# .env.example + +# Database +DATABASE_URI=postgresql://... + +# Payload +PAYLOAD_SECRET=your-secret-key + +# GitHub OAuth (V2+) +GITHUB_ID=your-github-client-id +GITHUB_SECRET=your-github-client-secret + +# GitHub API (for stats sync) +GITHUB_TOKEN=your-github-token + +# Media storage +BLOB_READ_WRITE_TOKEN=your-vercel-blob-token + +# Analytics +NEXT_PUBLIC_PLAUSIBLE_DOMAIN=projectwise.io +``` + +### Deployment Checklist + +- [ ] Create Vercel project +- [ ] Add Neon PostgreSQL integration +- [ ] Configure environment variables +- [ ] Enable Vercel Blob storage +- [ ] Set up custom domain (projectwise.io) +- [ ] Configure Cloudflare DNS + +--- + +## External Integrations + +### GitHub API + +Purpose: Sync stars, forks, contributors for each project + +```typescript +// lib/github.ts +export async function getRepoStats(owner: string, repo: string) { + const response = await fetch( + `https://api.github.com/repos/${owner}/${repo}`, + { + headers: { + Authorization: `Bearer ${process.env.GITHUB_TOKEN}`, + }, + } + ) + return response.json() +} + +export async function getContributors(owner: string, repo: string) { + const response = await fetch( + `https://api.github.com/repos/${owner}/${repo}/contributors`, + { + headers: { + Authorization: `Bearer ${process.env.GITHUB_TOKEN}`, + }, + } + ) + return response.json() +} +``` + +### Screenshot API (V2+) + +Purpose: Auto-capture landing page screenshots + +```typescript +// lib/screenshot.ts +export async function captureScreenshot(url: string): Promise { + const apiKey = process.env.SCREENSHOTONE_API_KEY + const screenshotUrl = `https://api.screenshotone.com/take?url=${encodeURIComponent(url)}&viewport_width=1280&viewport_height=800&format=webp&access_key=${apiKey}` + + const response = await fetch(screenshotUrl) + const blob = await response.blob() + + // Upload to Vercel Blob + const { url: blobUrl } = await put(`screenshots/${Date.now()}.webp`, blob, { + access: 'public', + }) + + return blobUrl +} +``` + +--- + +## Performance Considerations + +### Static Generation + +Use `generateStaticParams` for project/category pages: + +```typescript +// app/(frontend)/projects/[slug]/page.tsx +export async function generateStaticParams() { + const payload = await getPayloadClient() + const projects = await payload.find({ + collection: 'projects', + where: { status: { equals: 'published' } }, + }) + + return projects.docs.map((project) => ({ + slug: project.slug, + })) +} +``` + +### Caching Strategy + +| Data | Cache Duration | Revalidation | +|------|----------------|--------------| +| Project listings | 1 hour | On-demand | +| Project detail | 1 hour | On-demand | +| GitHub stats | 6 hours | Cron job | +| Categories | 24 hours | On-demand | + +--- + +*Last updated: January 2026* diff --git a/docs/04-roadmap.md b/docs/04-roadmap.md new file mode 100644 index 0000000..77a35d9 --- /dev/null +++ b/docs/04-roadmap.md @@ -0,0 +1,363 @@ +# Product Roadmap + +> Phased approach to building Projectwise, from MVP to full marketplace. + +--- + +## Overview + +| Phase | Focus | Duration | Key Deliverable | +|-------|-------|----------|-----------------| +| **V1** | MVP Directory | Week 1-2 | Static project listings | +| **V2** | Contributors + Forms | Week 3-4 | Interest capture | +| **V3** | Ideas Feature | Week 5-6 | Business ideas per project | +| **V4** | Launch Campaign | Week 7-8 | Public launch, 50 projects | + +--- + +## V1: MVP Directory + +> **Goal:** Get something live. Validate interest with minimal effort. + +### Deliverables + +| Feature | Priority | Description | +|---------|----------|-------------| +| Project listings | P0 | 20 curated commercial-ready OSS projects | +| Category pages | P0 | Analytics, CRM, CMS, etc. | +| Project detail pages | P0 | Name, description, license, links, tier | +| Basic search | P1 | Filter by category, tier | +| Responsive design | P1 | Mobile-friendly | + +### Technical Tasks + +``` +Week 1: +├── Set up Next.js 15 + Payload CMS 3.0 +├── Configure PostgreSQL (Neon) +├── Deploy to Vercel +├── Create Payload collections (Projects, Categories) +└── Build basic UI components + +Week 2: +├── Add 20 seed projects +├── Create category pages +├── Add project detail pages +├── Implement basic filtering +└── Launch V1 (soft launch) +``` + +### Data Model (V1) + +```typescript +// Projects collection (minimal) +{ + name: string; + slug: string; + tagline: string; + description: richText; + logo: upload; + category: relationship; + tier: select; // Tier 1, 2, or 3 + license: string; + githubUrl: string; + websiteUrl: string; + selfHostable: boolean; + whiteLabelReady: boolean; + featured: boolean; +} + +// Categories collection +{ + name: string; + slug: string; + description: string; + icon: string; +} +``` + +### Success Criteria + +- [ ] 20 projects listed +- [ ] Site loads in < 2 seconds +- [ ] All pages indexed by Google +- [ ] 100 organic visitors in first week + +--- + +## V2: Contributors + Forms + +> **Goal:** Capture interest from experts and operators. Validate demand. + +### Deliverables + +| Feature | Priority | Description | +|---------|----------|-------------| +| Expert interest form | P0 | "I can help with this project" | +| Operator interest form | P0 | "I want to run this as SaaS" | +| AI Setup Prompts | P1 | Copy-paste prompts for Claude Code/Cursor/Codex ([details](./07-new-features.md#feature-a-ai-setup-prompts)) | +| Contributor badges | P1 | Show GitHub contributors on projects | +| Email capture | P1 | Newsletter signup | +| Admin dashboard | P1 | View submissions in Payload | + +### Technical Tasks + +``` +Week 3: +├── Add Experts collection (interest form) +├── Add Interests collection (operator form) +├── Integrate GitHub API for contributors +├── Build form UI components +└── Set up email notifications + +Week 4: +├── Add newsletter signup (ConvertKit/Buttondown) +├── Create admin views in Payload +├── Add contributor badges to project pages +├── Implement form validation +└── Launch V2 +``` + +### Data Model (V2 additions) + +```typescript +// Experts collection +{ + name: string; + email: string; + githubUsername: string; + projects: relationship[]; // Projects they can help with + skills: array; + rate: number; // $/hour (optional) + availability: select; + portfolio: string; + status: select; // pending, verified, rejected +} + +// Interests collection +{ + email: string; + name: string; + project: relationship; + type: select; // 'expert' or 'operator' + message: text; + budget: select; // $500-1k, $1k-5k, $5k+ + timeline: select; + createdAt: date; +} +``` + +### Success Criteria + +- [ ] 20 expert signups +- [ ] 10 operator interest submissions +- [ ] 50 newsletter subscribers +- [ ] At least 1 "match" (expert <-> operator) + +--- + +## V3: Ideas Feature + +> **Goal:** Add business ideas for each project. Increase engagement and SEO. + +### Deliverables + +| Feature | Priority | Description | +|---------|----------|-------------| +| Ideas collection | P0 | 3-5 business ideas per project | +| Ideas on project pages | P0 | Display ideas with details | +| Project Showcase | P0 | "Built with" gallery per project ([details](./07-new-features.md#feature-b-project-showcase)) | +| Stacks & Interlinking | P1 | Curated OSS stacks + project relationships ([details](./07-new-features.md#feature-c-stacks--interlinking)) | +| Dedicated ideas pages | P1 | /ideas, /ideas/[slug] | +| Target market tags | P1 | Countries, industries | +| Pricing suggestions | P1 | Suggested pricing tiers | + +### Technical Tasks + +``` +Week 5: +├── Add Ideas collection to Payload +├── Create idea detail pages +├── Add ideas section to project pages +├── Build ideas index page +└── Add country/market targeting + +Week 6: +├── Add 100 ideas (3-5 per project) +├── Create programmatic SEO pages +├── Add related ideas suggestions +├── Implement idea filtering +└── Launch V3 +``` + +### Data Model (V3 additions) + +```typescript +// Ideas collection +{ + title: string; + slug: string; + project: relationship; + description: richText; + targetMarket: array; // Countries, industries + suggestedPricing: group { + starter: number; + professional: number; + enterprise: number; + }; + competitors: array; // SaaS alternatives + difficulty: select; // Easy, Medium, Hard + potentialMRR: string; // "$1k-5k", "$5k-20k", etc. + requirements: array; // Technical requirements +} +``` + +### Success Criteria + +- [ ] 100 business ideas published +- [ ] Ideas pages ranking for long-tail keywords +- [ ] 5+ idea submissions from community +- [ ] Increased time on site (> 2 minutes avg) + +--- + +## V4: Launch Campaign + +> **Goal:** Public launch. Drive traffic. Generate buzz. + +### Deliverables + +| Feature | Priority | Description | +|---------|----------|-------------| +| 50 projects | P0 | Minimum for launch | +| Product Hunt launch | P0 | Coordinated launch | +| Hacker News post | P0 | "Show HN" submission | +| Twitter thread | P1 | Build in public recap | +| Featured listings | P2 | Sponsored placements (future revenue) | + +### Launch Tasks + +``` +Week 7 (Preparation): +├── Reach 50 projects +├── Write Product Hunt copy +├── Create launch graphics +├── Email projects for cross-promotion +├── Prepare Twitter thread +└── Line up "hunters" for PH + +Week 8 (Launch): +├── Monday: Soft launch to newsletter +├── Tuesday: Product Hunt launch +├── Wednesday: Hacker News "Show HN" +├── Thursday: Twitter thread recap +├── Friday: Reach out to tech newsletters +└── Weekend: Respond to feedback +``` + +### Success Criteria + +- [ ] Product Hunt: Top 10 of the day +- [ ] Hacker News: Front page (even briefly) +- [ ] 10,000 visitors in launch week +- [ ] 100 newsletter subscribers +- [ ] Media coverage (1+ article) + +--- + +## Future Phases (Post-Launch) + +### V5: Marketplace Foundations (Week 9-12) + +| Feature | Description | +|---------|-------------| +| Expert profiles | Public pages for verified experts | +| Project claiming | Maintainers claim their projects | +| Job board | Post implementation jobs | +| Reviews/ratings | Expert reviews from operators | + +### V6: Monetization (Month 3+) + +| Revenue Stream | Model | +|----------------|-------| +| Featured listings | $200-500/month per project | +| Expert verification | $50/year badge | +| Job posting fees | 10% of job value | +| White-label referrals | Affiliate commissions | + +### V7: Platform Features (Month 6+) + +| Feature | Description | +|---------|-------------| +| Escrow payments | Secure transactions | +| Project analytics | Track adoption metrics | +| Revenue sharing | Automatic splits to maintainers | +| API access | For integrations | + +--- + +## Technical Milestones + +### Infrastructure + +| Milestone | Target | Status | +|-----------|--------|--------| +| Next.js 15 + Payload 3.0 setup | Week 1 | Pending | +| PostgreSQL on Neon | Week 1 | Pending | +| Vercel deployment | Week 1 | Pending | +| Custom domain (projectwise.io) | Week 2 | Pending | +| Email setup (Resend/Postmark) | Week 3 | Pending | +| Analytics (Plausible/Umami) | Week 2 | Pending | + +### Performance Targets + +| Metric | Target | +|--------|--------| +| Lighthouse score | > 90 | +| Time to First Byte | < 200ms | +| Largest Contentful Paint | < 2.5s | +| Core Web Vitals | All green | + +--- + +## Risk Mitigation + +| Risk | Mitigation | +|------|------------| +| Low traffic at launch | Focus on SEO, borrowed audience | +| No expert signups | Personally reach out to contributors | +| No operator interest | Add more business ideas, target keywords | +| Competition copies us | Move fast, build community | +| Maintainer pushback | Always ask permission, give credit | + +--- + +## Weekly Checklist Template + +```markdown +## Week [X] Checklist + +### Development +- [ ] Feature 1 +- [ ] Feature 2 +- [ ] Bug fixes + +### Content +- [ ] Add X new projects +- [ ] Write X business ideas +- [ ] Create X SEO pages + +### Marketing +- [ ] Daily tweet +- [ ] Weekly newsletter +- [ ] Outreach to X projects + +### Metrics +- [ ] Visitors: ___ +- [ ] Signups: ___ +- [ ] Projects listed: ___ +``` + +--- + +*Last updated: January 2026* diff --git a/docs/05-content-strategy.md b/docs/05-content-strategy.md new file mode 100644 index 0000000..e4065d9 --- /dev/null +++ b/docs/05-content-strategy.md @@ -0,0 +1,490 @@ +# Content & Launch Strategy + +> How we'll grow Projectwise with limited audience through SEO, borrowed audiences, and consistent content. + +--- + +## Table of Contents + +1. [The Challenge](#the-challenge) +2. [SEO Strategy](#seo-strategy) +3. [Programmatic Pages](#programmatic-pages) +4. [Social Media Strategy](#social-media-strategy) +5. [Build in Public](#build-in-public) +6. [Launch Playbook](#launch-playbook) +7. [Content Calendar](#content-calendar) +8. [Outreach Strategy](#outreach-strategy) + +--- + +## The Challenge + +### Starting Position + +| Asset | Current State | +|-------|---------------| +| Twitter followers | ~500 | +| Email list | 0 | +| Domain authority | 0 (new domain) | +| Budget for ads | $0 | + +### What This Means + +We cannot rely on existing audience. We must: +1. **Borrow audiences** — Get projects to share when featured +2. **Build SEO moat** — Programmatic pages for long-tail keywords +3. **Be consistent** — Daily content compounds over time +4. **Provide value first** — Earn attention through usefulness + +--- + +## SEO Strategy + +### Target Keywords + +#### Primary Keywords (High Intent) + +| Keyword | Volume | Difficulty | Intent | +|---------|--------|------------|--------| +| open source saas alternatives | Medium | Medium | Commercial | +| white label software | Medium | High | Commercial | +| self hosted [category] | High | Medium | Technical | +| open source [product] alternative | Medium | Low | Commercial | + +#### Long-Tail Keywords (Low Competition) + +| Pattern | Example | +|---------|---------| +| "best open source [category] 2026" | "best open source crm 2026" | +| "[product] self hosted alternative" | "mailchimp self hosted alternative" | +| "open source [product] vs [competitor]" | "cal.com vs calendly" | +| "how to start a [category] saas" | "how to start an analytics saas" | +| "[country] saas market" | "india saas market opportunities" | + +### On-Page SEO Checklist + +```markdown +Every page should have: +- [ ] Unique title tag (< 60 chars) +- [ ] Meta description (< 160 chars) +- [ ] H1 matching search intent +- [ ] Internal links to related pages +- [ ] External links to authoritative sources +- [ ] Schema markup (Product, Organization) +- [ ] Open Graph tags for social sharing +- [ ] Alt text on all images +``` + +### Technical SEO + +| Requirement | Implementation | +|-------------|----------------| +| Sitemap | Auto-generated via Next.js | +| Robots.txt | Allow all, block admin | +| Canonical URLs | Self-referencing canonicals | +| Page speed | Target > 90 Lighthouse | +| Mobile-first | Responsive design | +| HTTPS | Enforced via Vercel | + +--- + +## Programmatic Pages + +### Category Pages + +Generate pages for each category: + +``` +/categories/analytics +/categories/crm +/categories/cms +/categories/email-marketing +/categories/ecommerce +/categories/project-management +... +``` + +**Content template:** +- H1: "Best Open Source [Category] Software (2026)" +- Intro paragraph with category overview +- List of projects in category +- Comparison table +- FAQ section + +### Alternative Pages + +Generate "alternative to" pages: + +``` +/alternatives/mailchimp +/alternatives/hubspot +/alternatives/shopify +/alternatives/calendly +... +``` + +**Content template:** +- H1: "Open Source Alternatives to [Product]" +- Why switch from [Product] +- Top 3-5 alternatives with comparison +- Feature comparison table +- Migration guide link + +### Country Pages + +Generate pages for target markets: + +``` +/markets/india +/markets/brazil +/markets/nigeria +/markets/indonesia +/markets/philippines +... +``` + +**Content template:** +- H1: "Best Open Source Software for [Country] Market" +- Market overview and opportunity +- Projects with local success stories +- Pricing considerations +- Local payment integration notes + +### Tier Pages + +``` +/tiers/reseller-ready +/tiers/operator-friendly +/tiers/technically-possible +``` + +--- + +## Social Media Strategy + +### Twitter/X (@projectwise_in) + +#### Content Pillars + +| Pillar | Percentage | Example | +|--------|------------|---------| +| Project features | 40% | "🔍 [Project] makes it easy to..." | +| Business ideas | 25% | "💡 Business idea: Run [X] as SaaS for [market]" | +| Build in public | 20% | "📊 Week 3 update: X visitors, Y signups" | +| Industry insights | 15% | "The OSS maintainer crisis is real..." | + +#### Posting Schedule + +| Day | Content Type | Time (IST) | +|-----|--------------|------------| +| Monday | Project feature | 10:00 AM | +| Tuesday | Business idea | 10:00 AM | +| Wednesday | Build in public | 10:00 AM | +| Thursday | Project feature | 10:00 AM | +| Friday | Weekly roundup | 10:00 AM | +| Saturday | Industry insight | 11:00 AM | +| Sunday | Rest / engagement | - | + +#### Tweet Templates + +**Project Feature:** +``` +🔍 Featured: [Project Name] + +[One-line description] + +✅ Self-hostable +✅ White-label ready +✅ [Key feature] + +Perfect for: [Use case] + +→ projectwise.io/projects/[slug] +``` + +**Business Idea:** +``` +💡 Business idea #[X]: + +Run [Project] as a SaaS for [market] + +Target: [Customer type] +Pricing: $[X]-[Y]/month +Competition: [Low/Medium] + +Why it works: [1 sentence] + +More ideas → projectwise.io/ideas +``` + +**Build in Public:** +``` +📊 Projectwise Week [X] Update + +Visitors: [X] (+Y%) +Projects listed: [X] +Expert signups: [X] +Operator interests: [X] + +What we shipped: +• [Feature 1] +• [Feature 2] + +Next week: [Focus] +``` + +### LinkedIn (Future) + +- Repurpose Twitter content +- Focus on business/entrepreneur angle +- Target: Agency owners, technical founders + +### Reddit (Careful) + +| Subreddit | Strategy | +|-----------|----------| +| r/selfhosted | Share genuinely useful resources | +| r/startups | Participate, don't promote | +| r/opensource | Community engagement | +| r/SaaS | Answer questions, build reputation | + +**Rule:** Never spam. Only share when genuinely helpful. + +--- + +## Build in Public + +### Why Build in Public + +1. **Accountability** — Public commitment drives action +2. **Audience building** — People follow journeys +3. **Feedback** — Early users help shape product +4. **Trust** — Transparency builds credibility + +### What to Share + +| Category | Examples | +|----------|----------| +| Metrics | Visitors, signups, revenue | +| Decisions | Tech choices, pivots | +| Struggles | Bugs, delays, challenges | +| Wins | Launches, milestones | +| Learnings | What worked, what didn't | + +### What NOT to Share + +- Sensitive user data +- Security vulnerabilities +- Internal conflicts +- Unverified claims + +### Build in Public Calendar + +| Week | Focus | Share | +|------|-------|-------| +| 1 | Setup | Stack decisions, first commit | +| 2 | V1 | Soft launch, first 20 projects | +| 3 | Forms | Interest form conversions | +| 4 | V2 | First expert signups | +| 5 | Ideas | Ideas feature launch | +| 6 | Growth | Traffic milestones | +| 7 | Prep | Launch preparation | +| 8 | Launch | Full launch metrics | + +--- + +## Launch Playbook + +### Pre-Launch (Week 7) + +#### Product Hunt Preparation + +| Task | Status | +|------|--------| +| Create maker profile | Pending | +| Prepare screenshots (5+) | Pending | +| Write tagline (< 60 chars) | Pending | +| Write description (< 260 chars) | Pending | +| Create launch GIF | Pending | +| Line up "hunter" (optional) | Pending | +| Prepare first comment | Pending | + +**Tagline ideas:** +- "Build a business on open source" +- "Commercial-ready OSS directory" +- "The WordPress model for modern OSS" + +#### Hacker News Preparation + +| Task | Status | +|------|--------| +| Write "Show HN" post | Pending | +| Prepare to answer questions | Pending | +| Have technical details ready | Pending | +| Time the post (9-10 AM EST) | Pending | + +**Show HN template:** +``` +Show HN: Projectwise – A directory of commercial-ready open source software + +Hey HN, I built Projectwise to help people discover open source projects +that can be self-hosted, white-labeled, and turned into SaaS businesses. + +The problem: There's no central place to find OSS that's actually +"commercial-ready" - meaning it has permissive licenses, self-hosting +support, and potential for white-labeling. + +Features: +- 50+ curated projects across categories (CRM, analytics, CMS, etc.) +- Commercial "tiers" (Reseller-Ready, Operator-Friendly, etc.) +- Business ideas for each project +- Connect with implementation experts + +Tech stack: Next.js 15 + Payload CMS 3.0 + PostgreSQL + +Would love feedback on what projects to add or features to build next. +``` + +### Launch Day (Week 8) + +#### Timeline + +| Time | Action | +|------|--------| +| 12:01 AM PT | Product Hunt goes live | +| 6:00 AM | Wake up, engage with comments | +| 8:00 AM | Share on Twitter | +| 9:00 AM | Post to Hacker News | +| 10:00 AM | Email newsletter | +| Throughout | Respond to ALL comments | +| Evening | Twitter thread recap | + +#### Engagement Rules + +1. **Respond to every comment** — Within 1 hour if possible +2. **Be genuine** — No fake enthusiasm +3. **Thank supporters** — Personally acknowledge upvotes +4. **Ask questions** — "What projects would you want to see?" +5. **Don't ask for upvotes** — Against PH rules + +### Post-Launch (Week 9+) + +| Task | Timeline | +|------|----------| +| Compile feedback | Day 2 | +| Prioritize feature requests | Day 3 | +| Send thank you emails | Day 3 | +| Write launch retrospective | Day 7 | +| Plan V5 based on feedback | Week 9 | + +--- + +## Content Calendar + +### Weekly Template + +| Day | Content | Platform | +|-----|---------|----------| +| Mon | Project feature | Twitter | +| Tue | Business idea | Twitter | +| Wed | Build in public | Twitter | +| Thu | Project feature | Twitter | +| Fri | Weekly newsletter | Email | +| Sat | Industry insight | Twitter | +| Sun | Engagement only | Twitter | + +### Monthly Goals + +| Month | Content Target | +|-------|----------------| +| Month 1 | 20 projects, 10 ideas, 4 newsletters | +| Month 2 | 50 projects, 50 ideas, 4 newsletters | +| Month 3 | 100 projects, 100 ideas, 4 newsletters | + +--- + +## Outreach Strategy + +### Projects Outreach + +When featuring a project, reach out to maintainers: + +**Email template:** +``` +Subject: Featured [Project Name] on Projectwise + +Hi [Name], + +I just featured [Project] on Projectwise (projectwise.io), +a directory of commercial-ready open source software. + +Here's the listing: [link] + +I highlighted [specific feature] and noted the [license] +makes it great for [use case]. + +Would love your feedback on the listing. And if you'd like +to share it with your community, that would mean a lot! + +Best, +[Your name] +``` + +### Expert Outreach + +Reach out to GitHub contributors: + +**DM template:** +``` +Hey [Name]! I noticed you've contributed to [Project]. + +I'm building Projectwise, a platform connecting OSS experts +with people who want to deploy these projects. + +Would you be interested in being listed as an expert for +[Project]? It's free and could lead to paid consulting gigs. + +Let me know if you'd like to learn more! +``` + +### Newsletter Outreach + +Pitch to relevant newsletters: + +| Newsletter | Angle | +|------------|-------| +| TLDR | New OSS discovery tool | +| Bytes | Developer-focused | +| Console | OSS curation | +| Indie Hackers | Business opportunity | + +--- + +## Metrics to Track + +### Weekly Dashboard + +| Metric | Target (Week 4) | Target (Week 8) | +|--------|-----------------|-----------------| +| Unique visitors | 500 | 10,000 | +| Page views | 2,000 | 50,000 | +| Avg. session duration | 1:30 | 2:00 | +| Bounce rate | < 60% | < 50% | +| Expert signups | 20 | 100 | +| Operator interests | 10 | 75 | +| Newsletter subscribers | 50 | 500 | +| Twitter followers | 600 | 1,000 | + +### Tools + +| Purpose | Tool | +|---------|------| +| Web analytics | Plausible or Umami | +| Social analytics | Twitter native | +| SEO tracking | Google Search Console | +| Email metrics | Buttondown/ConvertKit | +| Uptime | Vercel built-in | + +--- + +*Last updated: January 2026* diff --git a/docs/06-project-seed-list.md b/docs/06-project-seed-list.md new file mode 100644 index 0000000..9fa10ea --- /dev/null +++ b/docs/06-project-seed-list.md @@ -0,0 +1,282 @@ +# Project Seed List + +> 100 open source projects to feature on Projectwise, curated for commercial potential. + +--- + +## Tier Definitions + +| Tier | Name | Criteria | +|------|------|----------| +| **Tier 1** | Reseller-Ready | White-label support, multi-tenancy, enterprise features | +| **Tier 2** | Operator-Friendly | Self-hostable, permissive license, good docs | +| **Tier 3** | Technically Possible | Can be commercialized with effort | + +--- + +## Categories + +1. [Analytics & Business Intelligence](#analytics--business-intelligence) +2. [CRM & Sales](#crm--sales) +3. [Email & Marketing](#email--marketing) +4. [CMS & Content](#cms--content) +5. [E-commerce](#e-commerce) +6. [Project Management](#project-management) +7. [Scheduling & Booking](#scheduling--booking) +8. [Forms & Surveys](#forms--surveys) +9. [Authentication & IAM](#authentication--iam) +10. [Automation & Workflows](#automation--workflows) +11. [Communication](#communication) +12. [Developer Tools](#developer-tools) +13. [File Storage & Sharing](#file-storage--sharing) +14. [Design & Creative](#design--creative) +15. [Finance & Invoicing](#finance--invoicing) + +--- + +## Analytics & Business Intelligence + +| # | Project | License | Tier | Why It's Commercial | +|---|---------|---------|------|---------------------| +| 1 | [Plausible](https://plausible.io) | AGPL-3.0 | Tier 1 | Privacy-first analytics, SaaS-proven | +| 2 | [Umami](https://umami.is) | MIT | Tier 1 | Lightweight, multi-tenant ready | +| 3 | [Matomo](https://matomo.org) | GPL-3.0 | Tier 1 | WordPress of analytics, huge ecosystem | +| 4 | [PostHog](https://posthog.com) | MIT | Tier 1 | Product analytics, feature flags | +| 5 | [Metabase](https://metabase.com) | AGPL-3.0 | Tier 1 | BI dashboards, embedded analytics | +| 6 | [Superset](https://superset.apache.org) | Apache-2.0 | Tier 2 | Enterprise BI, data exploration | +| 7 | [Redash](https://redash.io) | BSD-2 | Tier 2 | SQL dashboards, query sharing | + +--- + +## CRM & Sales + +| # | Project | License | Tier | Why It's Commercial | +|---|---------|---------|------|---------------------| +| 8 | [Twenty](https://twenty.com) | AGPL-3.0 | Tier 1 | Modern Salesforce alternative | +| 9 | [Erxes](https://erxes.io) | AGPL-3.0 | Tier 1 | All-in-one CRM, marketing, support | +| 10 | [SuiteCRM](https://suitecrm.com) | AGPL-3.0 | Tier 1 | Enterprise CRM, SugarCRM fork | +| 11 | [EspoCRM](https://espocrm.com) | GPL-3.0 | Tier 2 | Lightweight, extensible | +| 12 | [Krayin](https://krayincrm.com) | MIT | Tier 2 | Laravel-based, modern UI | +| 13 | [Monica](https://monicahq.com) | AGPL-3.0 | Tier 3 | Personal CRM, unique niche | + +--- + +## Email & Marketing + +| # | Project | License | Tier | Why It's Commercial | +|---|---------|---------|------|---------------------| +| 14 | [Listmonk](https://listmonk.app) | AGPL-3.0 | Tier 1 | Newsletter/mailing, high performance | +| 15 | [Dittofeed](https://dittofeed.com) | MIT | Tier 1 | Customer engagement, white-label | +| 16 | [Mautic](https://mautic.org) | GPL-3.0 | Tier 1 | Marketing automation | +| 17 | [Postal](https://github.com/postalserver/postal) | MIT | Tier 2 | Mail server, transactional email | +| 18 | [Mailtrain](https://github.com/Mailtrain-org/mailtrain) | GPL-3.0 | Tier 2 | Self-hosted Mailchimp | +| 19 | [Keila](https://keila.io) | AGPL-3.0 | Tier 2 | Newsletter tool, Elixir-based | +| 20 | [Sendy](https://sendy.co) | Proprietary | Tier 2 | Low-cost email, AWS SES | + +--- + +## CMS & Content + +| # | Project | License | Tier | Why It's Commercial | +|---|---------|---------|------|---------------------| +| 21 | [Payload](https://payloadcms.com) | MIT | Tier 1 | Headless CMS, Next.js native | +| 22 | [Strapi](https://strapi.io) | MIT | Tier 1 | Most popular headless CMS | +| 23 | [Directus](https://directus.io) | GPL-3.0 | Tier 1 | Database-first CMS | +| 24 | [Ghost](https://ghost.org) | MIT | Tier 1 | Publishing platform | +| 25 | [Wagtail](https://wagtail.org) | BSD-3 | Tier 2 | Django CMS | +| 26 | [KeystoneJS](https://keystonejs.com) | MIT | Tier 2 | GraphQL headless CMS | +| 27 | [TinaCMS](https://tina.io) | Apache-2.0 | Tier 2 | Git-backed CMS | +| 28 | [Builder.io](https://builder.io) | MIT | Tier 2 | Visual CMS | + +--- + +## E-commerce + +| # | Project | License | Tier | Why It's Commercial | +|---|---------|---------|------|---------------------| +| 29 | [Medusa](https://medusajs.com) | MIT | Tier 1 | Headless commerce, Shopify alt | +| 30 | [Saleor](https://saleor.io) | BSD-3 | Tier 1 | GraphQL commerce | +| 31 | [Vendure](https://vendure.io) | MIT | Tier 1 | TypeScript commerce | +| 32 | [Bagisto](https://bagisto.com) | MIT | Tier 1 | Laravel e-commerce | +| 33 | [Sylius](https://sylius.com) | MIT | Tier 2 | PHP/Symfony commerce | +| 34 | [Solidus](https://solidus.io) | BSD-3 | Tier 2 | Ruby commerce | +| 35 | [Shuup](https://shuup.com) | AGPL-3.0 | Tier 2 | Multi-vendor marketplace | +| 36 | [WooCommerce](https://woocommerce.com) | GPL-3.0 | Tier 1 | WordPress commerce | + +--- + +## Project Management + +| # | Project | License | Tier | Why It's Commercial | +|---|---------|---------|------|---------------------| +| 37 | [Plane](https://plane.so) | AGPL-3.0 | Tier 1 | Jira/Linear alternative | +| 38 | [Focalboard](https://focalboard.com) | AGPL-3.0 | Tier 1 | Notion/Trello alternative | +| 39 | [Taiga](https://taiga.io) | MPL-2.0 | Tier 2 | Agile project management | +| 40 | [OpenProject](https://openproject.org) | GPL-3.0 | Tier 1 | Enterprise project mgmt | +| 41 | [Leantime](https://leantime.io) | AGPL-3.0 | Tier 2 | Strategic project mgmt | +| 42 | [Vikunja](https://vikunja.io) | AGPL-3.0 | Tier 2 | To-do app, Todoist alt | +| 43 | [AppFlowy](https://appflowy.io) | AGPL-3.0 | Tier 2 | Notion alternative | + +--- + +## Scheduling & Booking + +| # | Project | License | Tier | Why It's Commercial | +|---|---------|---------|------|---------------------| +| 44 | [Cal.com](https://cal.com) | AGPL-3.0 | Tier 1 | Calendly alternative, white-label | +| 45 | [Easy!Appointments](https://easyappointments.org) | GPL-3.0 | Tier 2 | Appointment scheduling | +| 46 | [Calendso](https://cal.com) | AGPL-3.0 | Tier 1 | (Now Cal.com) | +| 47 | [Alf.io](https://alf.io) | GPL-3.0 | Tier 2 | Event ticketing | + +--- + +## Forms & Surveys + +| # | Project | License | Tier | Why It's Commercial | +|---|---------|---------|------|---------------------| +| 48 | [Formbricks](https://formbricks.com) | AGPL-3.0 | Tier 1 | Experience surveys | +| 49 | [Heyform](https://heyform.net) | AGPL-3.0 | Tier 1 | Typeform alternative | +| 50 | [Typebot](https://typebot.io) | AGPL-3.0 | Tier 1 | Conversational forms | +| 51 | [LimeSurvey](https://limesurvey.org) | GPL-2.0 | Tier 2 | Survey platform | +| 52 | [OhMyForm](https://ohmyform.com) | AGPL-3.0 | Tier 2 | Form builder | +| 53 | [SurveyJS](https://surveyjs.io) | MIT | Tier 2 | Survey library | + +--- + +## Authentication & IAM + +| # | Project | License | Tier | Why It's Commercial | +|---|---------|---------|------|---------------------| +| 54 | [Keycloak](https://keycloak.org) | Apache-2.0 | Tier 1 | Enterprise IAM | +| 55 | [Authentik](https://goauthentik.io) | MIT | Tier 1 | Modern identity provider | +| 56 | [SuperTokens](https://supertokens.com) | Apache-2.0 | Tier 1 | Auth for startups | +| 57 | [Logto](https://logto.io) | MPL-2.0 | Tier 1 | Auth0 alternative | +| 58 | [Ory](https://ory.sh) | Apache-2.0 | Tier 1 | Identity infrastructure | +| 59 | [Zitadel](https://zitadel.com) | Apache-2.0 | Tier 1 | Cloud-native IAM | +| 60 | [FusionAuth](https://fusionauth.io) | Apache-2.0 | Tier 2 | Customer identity | + +--- + +## Automation & Workflows + +| # | Project | License | Tier | Why It's Commercial | +|---|---------|---------|------|---------------------| +| 61 | [n8n](https://n8n.io) | Fair Source | Tier 1 | Zapier alternative, white-label | +| 62 | [Automatisch](https://automatisch.io) | AGPL-3.0 | Tier 1 | Open Zapier alternative | +| 63 | [Activepieces](https://activepieces.com) | MIT | Tier 1 | Business automation | +| 64 | [Windmill](https://windmill.dev) | AGPL-3.0 | Tier 1 | Developer workflows | +| 65 | [Huginn](https://github.com/huginn/huginn) | MIT | Tier 3 | Agent-based automation | +| 66 | [Kestra](https://kestra.io) | Apache-2.0 | Tier 2 | Data orchestration | + +--- + +## Communication + +| # | Project | License | Tier | Why It's Commercial | +|---|---------|---------|------|---------------------| +| 67 | [Mattermost](https://mattermost.com) | MIT | Tier 1 | Slack alternative | +| 68 | [Rocket.Chat](https://rocket.chat) | MIT | Tier 1 | Team chat, omnichannel | +| 69 | [Zulip](https://zulip.com) | Apache-2.0 | Tier 2 | Topic-based chat | +| 70 | [Element](https://element.io) | Apache-2.0 | Tier 2 | Matrix client | +| 71 | [Chatwoot](https://chatwoot.com) | MIT | Tier 1 | Customer support, Intercom alt | +| 72 | [Papercups](https://papercups.io) | MIT | Tier 2 | Live chat widget | +| 73 | [Typebot](https://typebot.io) | AGPL-3.0 | Tier 1 | Chatbot builder | + +--- + +## Developer Tools + +| # | Project | License | Tier | Why It's Commercial | +|---|---------|---------|------|---------------------| +| 74 | [GitLab](https://gitlab.com) | MIT | Tier 1 | DevOps platform | +| 75 | [Gitea](https://gitea.io) | MIT | Tier 1 | Lightweight Git hosting | +| 76 | [Drone](https://drone.io) | Apache-2.0 | Tier 2 | CI/CD | +| 77 | [Coolify](https://coolify.io) | Apache-2.0 | Tier 1 | Self-hosted PaaS | +| 78 | [Dokku](https://dokku.com) | MIT | Tier 2 | Mini-Heroku | +| 79 | [Sentry](https://sentry.io) | BSL | Tier 1 | Error tracking | +| 80 | [Highlight](https://highlight.io) | Apache-2.0 | Tier 1 | Session replay | +| 81 | [Flagsmith](https://flagsmith.com) | BSD-3 | Tier 1 | Feature flags | + +--- + +## File Storage & Sharing + +| # | Project | License | Tier | Why It's Commercial | +|---|---------|---------|------|---------------------| +| 82 | [Nextcloud](https://nextcloud.com) | AGPL-3.0 | Tier 1 | Google Workspace alt | +| 83 | [ownCloud](https://owncloud.com) | AGPL-3.0 | Tier 1 | File sync & share | +| 84 | [Seafile](https://seafile.com) | GPL-3.0 | Tier 2 | File hosting | +| 85 | [MinIO](https://min.io) | AGPL-3.0 | Tier 1 | S3-compatible storage | +| 86 | [Paperless-ngx](https://docs.paperless-ngx.com) | GPL-3.0 | Tier 2 | Document management | +| 87 | [Documenso](https://documenso.com) | AGPL-3.0 | Tier 1 | DocuSign alternative | + +--- + +## Design & Creative + +| # | Project | License | Tier | Why It's Commercial | +|---|---------|---------|------|---------------------| +| 88 | [Penpot](https://penpot.app) | MPL-2.0 | Tier 1 | Figma alternative | +| 89 | [Excalidraw](https://excalidraw.com) | MIT | Tier 2 | Whiteboard tool | +| 90 | [Blender](https://blender.org) | GPL-3.0 | Tier 2 | 3D creation | +| 91 | [GIMP](https://gimp.org) | GPL-3.0 | Tier 3 | Image editing | +| 92 | [Inkscape](https://inkscape.org) | GPL-3.0 | Tier 3 | Vector graphics | + +--- + +## Finance & Invoicing + +| # | Project | License | Tier | Why It's Commercial | +|---|---------|---------|------|---------------------| +| 93 | [Invoice Ninja](https://invoiceninja.com) | AAL | Tier 1 | Invoicing, white-label | +| 94 | [Crater](https://crater.financial) | AGPL-3.0 | Tier 1 | Invoice & accounting | +| 95 | [Kill Bill](https://killbill.io) | Apache-2.0 | Tier 2 | Billing platform | +| 96 | [Akaunting](https://akaunting.com) | GPL-3.0 | Tier 2 | Accounting software | +| 97 | [Firefly III](https://firefly-iii.org) | AGPL-3.0 | Tier 2 | Personal finance | +| 98 | [Maybe](https://maybe.co) | AGPL-3.0 | Tier 2 | Personal finance (now open source) | + +--- + +## Bonus: Emerging Projects + +| # | Project | License | Tier | Why It's Commercial | +|---|---------|---------|------|---------------------| +| 99 | [Dub.co](https://dub.co) | AGPL-3.0 | Tier 1 | Link management, white-label | +| 100 | [Inbox Zero](https://getinboxzero.com) | AGPL-3.0 | Tier 2 | Email productivity | + +--- + +## Selection Criteria + +When adding new projects, evaluate: + +| Criteria | Weight | Question | +|----------|--------|----------| +| License | High | Is it permissive enough for commercial use? | +| Self-hostable | High | Can someone run it on their own server? | +| White-label | Medium | Can branding be removed/replaced? | +| Multi-tenancy | Medium | Can it serve multiple customers? | +| Documentation | Medium | Is it well-documented? | +| Community | Medium | Active development and community? | +| Business model | Low | Does the project itself have commercial offering? | + +--- + +## Projects to Research + +Future additions to investigate: + +- [ ] Outline (Notion alternative) +- [ ] Docusaurus (Documentation) +- [ ] Docmost (Documentation) +- [ ] Budibase (Low-code) +- [ ] Appsmith (Low-code) +- [ ] NocoDB (Airtable alternative) +- [ ] Baserow (Airtable alternative) +- [ ] Rallly (Doodle alternative) +- [ ] Jitsi (Video conferencing) +- [ ] BigBlueButton (Virtual classroom) + +--- + +*Last updated: January 2026* diff --git a/docs/07-new-features.md b/docs/07-new-features.md new file mode 100644 index 0000000..1720a98 --- /dev/null +++ b/docs/07-new-features.md @@ -0,0 +1,574 @@ +# New Features: AI Prompts, Showcase, Stacks + +> Three features that differentiate Projectwise from static directories like OpenAlternative. + +--- + +## Table of Contents + +1. [Feature A: AI Setup Prompts](#feature-a-ai-setup-prompts) +2. [Feature B: Project Showcase](#feature-b-project-showcase) +3. [Feature C: Stacks & Interlinking](#feature-c-stacks--interlinking) +4. [Data Models](#data-models) +5. [Page Designs](#page-designs) +6. [Phasing](#phasing) + +--- + +## Feature A: AI Setup Prompts + +### The Idea + +Every project page includes a "Deploy with AI" section — copy-paste prompts for Claude Code, Cursor, and Codex that set up the project in a local folder, ready to customize and deploy. + +This is the key differentiator: instead of just listing projects, we help people **actually start building** with them. + +### Why This Works + +- `AGENTS.md` is becoming the universal standard for AI-assisted project setup +- Cursor Directory (cursor.directory) has proven demand for framework-specific AI prompts +- Awesome CursorRules (github.com/PatrickJS/awesome-cursorrules) curates `.cursorrules` for many stacks +- The gap: nobody provides prompts scoped to **deploying OSS as a business** + +### Prompt Types + +Each project gets three prompt variants: + +#### 1. Quick Start Prompt +> "Get this running locally in 5 minutes" + +```markdown +## Quick Start — [Project Name] + +Use this prompt with Claude Code, Cursor, or Codex: + +--- + +Set up [Project Name] in a new folder called `my-[project]`. +Use Docker Compose for the application and PostgreSQL database. +Include a Caddy reverse proxy config for production. +Add a .env.example with all required environment variables documented. +Make sure the app runs on localhost:3000 after `docker compose up`. +``` + +#### 2. Business Setup Prompt +> "Deploy this as a SaaS you can sell" + +```markdown +## Deploy as SaaS — [Project Name] + +Use this prompt with Claude Code, Cursor, or Codex: + +--- + +Set up [Project Name] as a multi-tenant SaaS in a new folder called `my-[project]-saas`. + +Requirements: +- Docker Compose with [Project], PostgreSQL, Redis, and Caddy +- Multi-tenant configuration (subdomain-based routing) +- Stripe integration for billing (use test keys) +- Custom branding support (logo, colors, domain) +- Backup script for the database (daily cron) +- Production-ready .env.example with all variables documented +- README with deployment instructions for a VPS (Ubuntu 22.04) +``` + +#### 3. Full Stack Prompt +> "Complete business stack with complementary OSS" + +```markdown +## Full Stack — [Project Name] + [Related Projects] + +Use this prompt with Claude Code, Cursor, or Codex: + +--- + +Set up a complete [use case] stack in a new folder called `my-[use-case]-stack`: + +- [Project A] for [core function] +- [Project B] for [authentication] +- [Project C] for [email/notifications] +- Caddy as reverse proxy +- PostgreSQL as shared database + +All services should run via Docker Compose. +Include inter-service networking so [Project A] can authenticate via [Project B]. +Add a landing page with Next.js that connects to all services. +``` + +### Prompt Quality Standards + +Each prompt must: + +| Requirement | Why | +|-------------|-----| +| Work on first try | Trust is everything — broken prompts kill credibility | +| Be tool-agnostic | Should work with Claude Code, Cursor, Codex, or any LLM | +| Include Docker Compose | Consistent, reproducible setup | +| Have documented .env | No guessing at config | +| Be tested before publishing | We verify each prompt ourselves | + +### How Prompts Are Stored + +Prompts are content in Payload CMS, linked to projects: + +``` +Project Page +├── Overview +├── Features +├── Business Ideas +├── AI Setup Prompts ← NEW +│ ├── Quick Start +│ ├── Business Setup +│ └── Full Stack +├── Showcase +└── Related Projects +``` + +### SEO Value + +Each prompt creates targetable content: + +- "how to deploy [project] with docker" +- "set up [project] as saas" +- "[project] self hosted setup guide" +- "deploy [project] on vps" + +--- + +## Feature B: Project Showcase + +### The Idea + +A "Built With" gallery on each project page showing real businesses, sites, and apps built using that OSS project. Proves the commercial viability claim with real-world evidence. + +### Research: How Others Do It + +| Platform | Approach | Submissions | Quality | +|----------|----------|-------------|---------| +| **Next.js** | Curated by Vercel team | GitHub discussions | High (editorial) | +| **Tailwind CSS** | Curated, multiple screenshots | Invite-only | Very high | +| **Strapi** | Community via GitHub PRs | Open PRs | Medium | +| **Made with Tailwind** | Community-driven directory | Open form | Variable | + +### Our Approach: Hybrid + +1. **Seed with existing showcases** — Many OSS projects already have showcase pages. Scrape/curate the best entries as initial data. +2. **Community submissions** — Simple form: URL, screenshot, description, tech stack. +3. **Editorial quality control** — All submissions reviewed before publishing. Reject low-quality or spam. + +### Showcase Entry Data + +| Field | Type | Required | Description | +|-------|------|----------|-------------| +| name | string | Yes | Business/project name | +| url | string | Yes | Live URL | +| screenshot | upload | Yes | Full-page or hero screenshot | +| description | string | Yes | What it does (max 250 chars) | +| project | relationship | Yes | Which OSS project it uses | +| additionalProjects | relationship[] | No | Other OSS projects in the stack | +| industry | select | No | SaaS, Agency, E-commerce, etc. | +| revenue | select | No | Pre-revenue, $1-10k, $10k-100k, $100k+ MRR | +| techStack | array | No | Other technologies used | +| submittedBy | string | Yes | Name or GitHub username | +| featured | boolean | No | Staff pick | +| status | select | Yes | pending, approved, rejected | + +### Showcase Sources for Seeding + +| OSS Project | Existing Showcase URL | Est. Entries | +|-------------|----------------------|--------------| +| Next.js | nextjs.org/showcase | 100+ | +| Tailwind CSS | tailwindcss.com/showcase | 200+ | +| Strapi | strapi.io/showcases | 50+ | +| Ghost | ghost.org/explore | 100+ | +| Payload CMS | payloadcms.com/case-studies | 20+ | +| Medusa | medusajs.com/showcase | 30+ | +| Cal.com | cal.com/customers | 10+ | + +We don't copy all of these — we pick the best 3-5 per project that demonstrate commercial use. + +### Page Structure + +**Project detail page — Showcase section:** + +``` +## Built with [Project Name] + +[Grid of 3-6 showcase entries] +- Screenshot thumbnail +- Name +- One-line description +- Industry tag + +[View all →] (links to full showcase page) +``` + +**Dedicated showcase page:** `/projects/[slug]/showcase` + +``` +## Companies & Projects Built with [Project Name] + +[Filter by: Industry | Revenue | Featured] + +[Card grid with all approved entries] +``` + +**Global showcase page:** `/showcase` + +``` +## Built with Open Source + +Browse real businesses built on commercial-ready open source. + +[Filter by: Project | Industry | Revenue] + +[All showcase entries across all projects] +``` + +### Submission Flow + +``` +User clicks "Submit your project" on any project page + → Simple form (name, URL, screenshot, description) + → Submission saved with status: "pending" + → Admin reviews in Payload dashboard + → If approved: appears on project page + global showcase + → If featured: highlighted with "Staff Pick" badge +``` + +### Growth Loop + +The showcase creates a self-reinforcing growth loop: + +``` +We feature a project + → Businesses built on it submit to showcase + → We share the showcase entries on Twitter + → The businesses reshare (borrowed audience) + → More builders discover Projectwise + → More submissions +``` + +--- + +## Feature C: Stacks & Interlinking + +### The Idea + +Projects don't exist in isolation. A real deployment usually combines 3-5 OSS tools. We model these relationships and surface them as curated "stacks." + +### Relationship Types + +| Type | Description | Example | +|------|-------------|---------| +| **works-with** | Commonly used together | Medusa + MinIO (e-commerce + file storage) | +| **depends-on** | Technical dependency | Chatwoot depends on PostgreSQL + Redis | +| **alternative-to** | Same problem, different solution | Plausible ↔ Umami (both analytics) | +| **extends** | Plugin/addon relationship | WooCommerce extends WordPress | + +### Curated Stacks + +Pre-built combinations for common business use cases: + +#### Example Stacks + +**E-commerce Stack** +``` +Medusa (storefront) + MinIO (file storage) + Authentik (auth) ++ Listmonk (email) + Plausible (analytics) + +Use case: Run a headless e-commerce store +Estimated monthly cost: $20-50 (VPS) +``` + +**SaaS Starter Stack** +``` +Next.js (frontend) + Payload CMS (backend/admin) ++ Authentik (auth) + Dub.co (link management) ++ PostHog (analytics) + Resend (email) + +Use case: Launch a SaaS product +Estimated monthly cost: $15-30 (VPS) +``` + +**Agency Stack** +``` +WordPress + WooCommerce (client sites) ++ Mautic (marketing automation) + Matomo (analytics) ++ Invoice Ninja (billing) + Chatwoot (support) + +Use case: Run a digital agency on fully OSS tools +Estimated monthly cost: $30-60 (VPS) +``` + +**Community Platform Stack** +``` +Ghost (content) + Rocket.Chat (messaging) ++ Cal.com (events/booking) + Formbricks (surveys) ++ Plausible (analytics) + +Use case: Build a community with content, chat, and events +Estimated monthly cost: $25-45 (VPS) +``` + +### Stack Data Model + +```typescript +// Stacks collection +{ + name: string; // "E-commerce Stack" + slug: string; + description: richText; + useCase: string; // One-line use case + projects: array [ // Ordered list of projects in the stack + { + project: relationship; + role: string; // "Storefront", "Authentication", etc. + } + ]; + estimatedCost: string; // "$20-50/month" + difficulty: select; // Easy, Medium, Advanced + deployPrompt: text; // AI prompt to deploy the entire stack + featured: boolean; +} + +// ProjectRelationships collection +{ + projectA: relationship; + projectB: relationship; + type: select; // works-with, depends-on, alternative-to, extends + description: string; // Why they're related + bidirectional: boolean; // true for works-with and alternative-to +} +``` + +### Page Structure + +**Project detail page — Related section:** + +``` +## Works Well With +[3-4 related projects with relationship badges] + +## Part of These Stacks +[Cards for stacks that include this project] + +## Alternatives +[Other projects solving the same problem] +``` + +**Stack detail page:** `/stacks/[slug]` + +``` +## [Stack Name] + +[Description] +[Visual diagram: Project A → Project B → Project C] + +### Projects in This Stack +[Each project with its role, linked to project page] + +### Deploy This Stack +[AI prompt to set up the entire stack] + +### Estimated Cost +[Monthly VPS cost breakdown] +``` + +**Stacks index page:** `/stacks` + +``` +## Curated OSS Stacks + +Pre-built combinations of open source tools for common use cases. + +[Filter by: Use Case | Difficulty | Cost] + +[Stack cards in grid] +``` + +### Interlinking Benefits + +| Benefit | How | +|---------|-----| +| **SEO** | Internal links boost page authority; stack pages target "best open source stack for [use case]" | +| **Engagement** | Users discover more projects, spend more time on site | +| **AI Prompts** | Stack prompts are the most valuable — deploy 5 projects at once | +| **Differentiation** | No other directory offers curated, deployable stacks | + +### Data Sources for Relationships + +| Source | What We Get | +|--------|-------------| +| **Manual curation** | High-quality "works-with" relationships | +| **Docker Compose files** | What services projects depend on | +| **GitHub README** | Often mentions complementary tools | +| **Libraries.io API** | Package-level dependencies (npm, pip, etc.) | +| **awesome-selfhosted** | Cross-referenced categories | + +--- + +## Data Models + +### New Payload Collections (Summary) + +| Collection | Phase | Fields | +|------------|-------|--------| +| **Prompts** | V2 | project, type (quick/business/stack), content, tested | +| **Showcases** | V3 | name, url, screenshot, project, industry, revenue, status | +| **Stacks** | V3 | name, projects[], useCase, cost, deployPrompt | +| **ProjectRelationships** | V3 | projectA, projectB, type, description | + +### Schema Additions + +```typescript +// Prompts collection +{ + project: relationship; // Which project this prompt is for + type: select; // 'quick-start' | 'business-setup' | 'full-stack' + title: string; // "Deploy Listmonk as Email SaaS" + prompt: textarea; // The actual AI prompt + tools: select[]; // 'claude-code' | 'cursor' | 'codex' | 'any' + stack: relationship[]; // Related projects (for full-stack prompts) + tested: boolean; // Has this been verified to work? + testedDate: date; + difficulty: select; // Easy, Medium, Advanced +} + +// Showcases collection +{ + name: string; + url: string; + screenshot: upload; + description: string; // Max 250 chars + project: relationship; // Primary OSS project + additionalProjects: relationship[]; + industry: select; // SaaS, Agency, E-commerce, Education, etc. + revenue: select; // Pre-revenue, $1-10k, $10k-100k, $100k+ MRR + techStack: array; // Other technologies + submittedBy: string; + email: string; // For follow-up + featured: boolean; + status: select; // pending, approved, rejected +} + +// Stacks collection +{ + name: string; + slug: string; + description: richText; + useCase: string; + projects: array [{ + project: relationship; + role: string; + }]; + estimatedCost: string; + difficulty: select; + deployPrompt: textarea; // AI prompt for entire stack + featured: boolean; +} + +// ProjectRelationships collection +{ + projectA: relationship; + projectB: relationship; + type: select; // works-with, depends-on, alternative-to, extends + description: string; + bidirectional: boolean; +} +``` + +--- + +## Page Designs + +### Updated Project Detail Page Layout + +``` +/projects/[slug] + +├── Hero (name, logo, tagline, tier badge) +├── Overview (description, license, links) +├── Key Features +├── Commercial Readiness (tier explanation) +│ +├── 🆕 Deploy with AI +│ ├── Quick Start prompt (copy button) +│ ├── Business Setup prompt (copy button) +│ └── Full Stack prompt (copy button, links to stack) +│ +├── Business Ideas (3-5 ideas) +│ +├── 🆕 Built With [Project] +│ ├── Featured showcase entries (3-6 cards) +│ └── "View all" → /projects/[slug]/showcase +│ └── "Submit yours" → submission form +│ +├── 🆕 Works Well With +│ ├── Related projects (works-with, depends-on) +│ └── Part of stacks (link to stack pages) +│ +├── 🆕 Alternatives +│ └── Other projects solving same problem +│ +├── Contributors (GitHub) +└── Interest Forms (expert/operator) +``` + +### New Top-Level Pages + +| Page | URL | Description | +|------|-----|-------------| +| Showcase index | `/showcase` | All approved showcase entries | +| Stacks index | `/stacks` | All curated stacks | +| Stack detail | `/stacks/[slug]` | Individual stack page | +| Project showcase | `/projects/[slug]/showcase` | All showcases for one project | + +--- + +## Phasing + +### V2 Addition: AI Setup Prompts + +| Task | Priority | +|------|----------| +| Add Prompts collection to Payload | P1 | +| Build "Deploy with AI" section on project pages | P1 | +| Write + test prompts for first 20 projects (quick-start only) | P1 | +| Add copy-to-clipboard functionality | P1 | +| Write business-setup prompts for Tier 1 projects | P2 | + +### V3 Additions: Showcase + Stacks + +| Task | Priority | +|------|----------| +| Add Showcases collection to Payload | P1 | +| Build showcase submission form | P1 | +| Seed showcase with entries from existing project showcases | P1 | +| Add Stacks collection to Payload | P1 | +| Create 5 curated stacks with deploy prompts | P1 | +| Add ProjectRelationships collection | P2 | +| Build stacks index + detail pages | P2 | +| Write full-stack AI prompts for each stack | P2 | +| Build global `/showcase` page | P2 | + +--- + +## Competitive Advantage + +| Feature | OpenAlternative | Awesome-Selfhosted | **Projectwise** | +|---------|----------------|---------------------|-----------------| +| Project listings | Yes | Yes | Yes | +| AI setup prompts | No | No | **Yes** | +| Showcase gallery | No | No | **Yes** | +| Curated stacks | Has /stacks page | No | **Yes (deployable)** | +| Deploy prompts | No | No | **Yes** | +| Business ideas | No | No | Yes | +| Expert network | No | No | Yes | + +The combination of **"here's a project" + "here's proof others built with it" + "here's an AI prompt to start right now"** is unique. No other directory closes the gap from discovery to deployment. + +--- + +*Last updated: January 2026* diff --git a/docs/README.md b/docs/README.md new file mode 100644 index 0000000..92e52d6 --- /dev/null +++ b/docs/README.md @@ -0,0 +1,91 @@ +# Projectwise Documentation + +> **Domain:** projectwise.ai (preferred) / projectwise.io (fallback) +> **Twitter:** @projectwise_in (to be updated) +> **Tagline:** Build a business on open source + +--- + +## Quick Links + +| Document | Description | +|----------|-------------| +| [01 - Vision & Problem](./01-vision.md) | What we're building and why | +| [02 - Market Research](./02-market-research.md) | Industry analysis, competitors, opportunity | +| [03 - Architecture](./03-architecture.md) | Tech stack, data models, infrastructure | +| [04 - Roadmap](./04-roadmap.md) | V1, V2, V3 phases with deliverables | +| [05 - Content & Launch Strategy](./05-content-strategy.md) | SEO, social media, build in public | +| [06 - Project Seed List](./06-project-seed-list.md) | 100 open source projects to feature | +| [07 - New Features](./07-new-features.md) | AI Prompts, Showcase, Stacks & Interlinking | + +--- + +## Project Status + +| Phase | Status | Target | +|-------|--------|--------| +| **V1: MVP Directory** | 🔄 Planning | Week 1-2 | +| **V2: Contributors + Forms** | ⏳ Planned | Week 3-4 | +| **V3: Ideas Feature** | ⏳ Planned | Week 5-6 | +| **V4: Launch Campaign** | ⏳ Planned | Week 7-8 | + +--- + +## The Elevator Pitch + +**Projectwise** is a curated directory of commercial-ready open source software — projects you can self-host, white-label, and build a business on. + +We connect three audiences: +1. **Projects** — Open source with permissive licenses and commercial potential +2. **Experts** — Contributors who can deploy and customize these projects +3. **Operators** — Entrepreneurs who want to run OSS as SaaS businesses + +--- + +## Why Now? + +- **60% of OSS maintainers are unpaid**, 44% cite burnout +- **AI disruption** is killing traditional developer education/Stack Overflow +- **WordPress proved the model** — $600B ecosystem from open source +- **No platform exists** that connects commercial OSS with implementation experts + +--- + +## Quick Start (For Development) + +```bash +# Clone the repo +git clone https://github.com/Projectwise/projectwise-app.git +cd projectwise-app + +# Install dependencies (after migration to new stack) +pnpm install + +# Set up environment +cp .env.example .env.local + +# Run development server +pnpm dev +``` + +--- + +## Key Decisions + +| Decision | Choice | Rationale | +|----------|--------|-----------| +| **Framework** | Next.js 15 + Payload CMS 3.0 | Single deployment, TypeScript native | +| **Database** | PostgreSQL (Neon) | Free tier, Vercel integration | +| **Hosting** | Vercel | Free tier, instant deploys | +| **Domain** | projectwise.ai (preferred) | .ai aligns with AI prompt features | +| **Architecture** | Single repo | Simpler for MVP, can split later | + +--- + +## Contributing + +This project is in active development. See [04-roadmap.md](./04-roadmap.md) for current priorities. + +--- + +*Last updated: January 2026* diff --git a/firebase.json b/firebase.json deleted file mode 100644 index faa44b5..0000000 --- a/firebase.json +++ /dev/null @@ -1,22 +0,0 @@ -{ - "database": { - "rules": "database.rules.json" - }, - "hosting": { - "public": "build", - "ignore": [ - "firebase.json", - "**/.*", - "**/node_modules/**" - ], - "rewrites": [ - { - "source": "**", - "destination": "/index.html" - } - ] - }, - "storage": { - "rules": "storage.rules" - } -} diff --git a/package.json b/package.json deleted file mode 100644 index c45d4b1..0000000 --- a/package.json +++ /dev/null @@ -1,44 +0,0 @@ -{ - "name": "projectwise-app", - "version": "0.1.0", - "private": true, - "devDependencies": { - "eslint": "^4.12.0", - "eslint-config-standard": "^10.2.1", - "eslint-config-standard-jsx": "^4.0.2", - "eslint-plugin-import": "^2.8.0", - "eslint-plugin-node": "^5.2.1", - "eslint-plugin-promise": "^3.6.0", - "eslint-plugin-react": "^7.5.1", - "eslint-plugin-standard": "^3.0.1", - "react-scripts": "1.0.17" - }, - "dependencies": { - "axios": "^0.17.1", - "disqus-react": "^1.0.5", - "firebase": "^4.8.1", - "jwt-decode": "^2.2.0", - "lodash": "^4.17.4", - "polished": "^1.9.0", - "postscribe": "^2.0.8", - "react": "^16.0.0", - "react-dom": "^16.0.0", - "react-redux": "^5.0.6", - "react-router-dom": "^4.2.2", - "react-select": "^1.1.0", - "reactstrap": "^5.0.0-alpha.3", - "redux": "^3.7.2", - "redux-form": "^7.1.2", - "redux-pack": "^0.1.5", - "redux-thunk": "^2.2.0", - "shortid": "^2.2.8", - "styled-components": "^2.2.3", - "validator": "^9.1.2" - }, - "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" - } -} diff --git a/public/css/shards.css b/public/css/shards.css deleted file mode 100644 index 5a2e999..0000000 --- a/public/css/shards.css +++ /dev/null @@ -1,4339 +0,0 @@ -/* - * Shards v1.0.0 (https://designrevision.com/product/shards) - * Based on: Bootstrap v4.0.0-beta (https://getbootstrap.com) - * Copyright 2017-* DesignRevision (https://designrevision.com) - * Copyright 2017-* Catalin Vasile (http://catalin.me) - */ -@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700'); -@media (max-width: 575px) { - html { - font-size: 15px; - } -} - -body { - font-size: 1rem; - font-weight: 400; - color: #5A6169; - background-color: #fff; - font-family: 'Lato', sans-serif; -} - -a { - color: #007bff; - text-decoration: none; -} - -a:hover { - color: #0056b3; - text-decoration: underline; -} - -b, strong { - font-weight: 500; -} - -h1, h2, h3, h4, h5, h6 { - margin-top: 0; - margin-bottom: .5rem; -} - -h1, h2, h3, h4, h5, h6, -.h1, .h2, .h3, .h4, .h5, .h6 { - margin-bottom: 0.75rem; - font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; - font-weight: 400; - color: #212529; -} - -h1, .h1 { - font-size: 3.052rem; - letter-spacing: -0.0625rem; - line-height: 3rem; -} - -h2, .h2 { - font-size: 2.441rem; - letter-spacing: -0.0625rem; - line-height: 2.25rem; -} - -h3, .h3 { - font-size: 1.953rem; - line-height: 2.25rem; -} - -h4, .h4 { - font-size: 1.563rem; - line-height: 2rem; -} - -h5, .h5 { - font-size: 1.25rem; - line-height: 1.5rem; -} - -h6, .h6 { - font-size: 1rem; - line-height: 1.5rem; -} - -p + h1, p + .h1, -p + h2, p + .h2, -p + h3, p + .h3, -p + h4, p + .h4, -p + h5, p + .h5, -p + h6, p + .h6 { - margin-top: 2.25rem; -} - -.lead { - line-height: 1.875rem; -} - -.display-1, -.display-2, -.display-3, -.display-4 { - margin-bottom: 0.75rem; -} - -.display-1 { - font-size: 7.451rem; - line-height: 1; -} - -.display-2 { - font-size: 5.96rem; - line-height: 1; -} - -.display-3 { - font-size: 4.768rem; - line-height: 1; -} - -.display-4 { - font-size: 3.815rem; - line-height: 1; -} - -p { - margin-bottom: 1.75rem; -} - -hr { - margin-top: 1.125rem; - margin-bottom: 1.125rem; -} - -mark, -.mark { - background-color: #fff09e; -} - -.blockquote { - margin-bottom: 0.75rem; - font-size: 1.5rem; -} - -.blockquote-footer { - font-size: 1.125rem; -} - -.img-thumbnail { - padding: 0; - border: none; - border-radius: 0.375rem; - box-shadow: none; -} - -.figure-img { - margin-bottom: 0.75rem; -} - -.figure-caption { - font-size: 1rem; -} - -code, -kbd, -pre, -samp { - font-family: "Roboto Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; -} - -code { - padding: 0.1875rem 0.8125rem; - font-size: 0.75rem; -} - -kbd { - padding: 0.1875rem 0.8125rem; - font-size: 0.75rem; - border-radius: 0.625rem; - box-shadow: none; -} - -pre { - margin-bottom: .75rem; - font-size: 0.75rem; - color: #212529; - line-height: 1.375rem; -} - -.table { - margin-bottom: 1.5rem; -} - -.table-striped tbody tr:nth-of-type(odd) { - background-color: #f7f8fb; -} - -.table-primary, -.table-primary > th, -.table-primary > td { - background-color: #b8daff; -} - -.table-hover .table-primary:hover { - background-color: #9fcdff; -} - -.table-hover .table-primary:hover > td, -.table-hover .table-primary:hover > th { - background-color: #9fcdff; -} - -.table-secondary, -.table-secondary > th, -.table-secondary > td { - background-color: #d1d3d5; -} - -.table-hover .table-secondary:hover { - background-color: #c4c6c9; -} - -.table-hover .table-secondary:hover > td, -.table-hover .table-secondary:hover > th { - background-color: #c4c6c9; -} - -.table-success, -.table-success > th, -.table-success > td { - background-color: #beefd7; -} - -.table-hover .table-success:hover { - background-color: #aaeaca; -} - -.table-hover .table-success:hover > td, -.table-hover .table-success:hover > th { - background-color: #aaeaca; -} - -.table-info, -.table-info > th, -.table-info > td { - background-color: #b8ebf4; -} - -.table-hover .table-info:hover { - background-color: #a2e5f1; -} - -.table-hover .table-info:hover > td, -.table-hover .table-info:hover > th { - background-color: #a2e5f1; -} - -.table-warning, -.table-warning > th, -.table-warning > td { - background-color: #ffeab8; -} - -.table-hover .table-warning:hover { - background-color: #ffe29f; -} - -.table-hover .table-warning:hover > td, -.table-hover .table-warning:hover > th { - background-color: #ffe29f; -} - -.table-danger, -.table-danger > th, -.table-danger > td { - background-color: #eebec8; -} - -.table-hover .table-danger:hover { - background-color: #e9aab7; -} - -.table-hover .table-danger:hover > td, -.table-hover .table-danger:hover > th { - background-color: #e9aab7; -} - -.table-light, -.table-light > th, -.table-light > td { - background-color: #f9fafb; -} - -.table-hover .table-light:hover { - background-color: #eaedf1; -} - -.table-hover .table-light:hover > td, -.table-hover .table-light:hover > th { - background-color: #eaedf1; -} - -.table-dark, -.table-dark > th, -.table-dark > td { - background-color: #c1c2c3; -} - -.table-hover .table-dark:hover { - background-color: #b4b5b6; -} - -.table-hover .table-dark:hover > td, -.table-hover .table-dark:hover > th { - background-color: #b4b5b6; -} - -.form-control { - padding: 0.664rem 1rem; - font-size: 0.95rem; - line-height: 1.125rem; - color: #495057; - border: 1px solid #becad6; - font-weight: 300; - border-radius: 3px; - transition: border-color 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06), box-shadow 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06); -} - -.form-control:hover { - border-color: #8fa4b8; -} - -.form-control:focus { - color: #495057; - border-color: #007bff; - box-shadow: 0 0.313rem 0.719rem rgba(0, 123, 255, 0.1), 0 0.156rem 0.125rem rgba(0, 0, 0, 0.06); -} - -.form-control:focus:hover { - border-color: #007bff; -} - -.form-control::-webkit-input-placeholder { - color: #868e96; -} - -.form-control:-ms-input-placeholder { - color: #868e96; -} - -.form-control::placeholder { - color: #868e96; -} - -.form-control:disabled, .form-control[readonly] { - background-color: #f5f6f7; -} - -.form-control:disabled:hover, .form-control[readonly]:hover { - cursor: not-allowed; -} - -select.form-control:hover { - cursor: pointer; -} - -form label, -form .col-form-label, -form .col-form-legend { - font-size: 0.95rem; -} - -form label:hover { - cursor: pointer; -} - -.col-form-label { - padding-top: calc(0.664rem - 1px * 2); - padding-bottom: calc(0.664rem - 1px * 2); -} - -.col-form-label-lg { - padding-top: calc(0.75rem - 1px * 2); - padding-bottom: calc(0.75rem - 1px * 2); - font-size: 1rem; -} - -.col-form-label-sm { - padding-top: calc(0.35rem - 1px * 2); - padding-bottom: calc(0.35rem - 1px * 2); - font-size: 0.875rem; -} - -.col-form-legend { - padding-top: 0.664rem; - padding-bottom: 0.664rem; -} - -.form-control-plaintext { - padding-top: 0.664rem; - padding-bottom: 0.664rem; - line-height: 1.1; - font-weight: 300; -} - -.form-control-sm { - padding: 0.35rem 1rem; - font-size: 0.875rem; - border-radius: 0.2rem; -} - -select.form-control-sm:not([size]):not([multiple]) { - height: calc(1.575rem + 2px); -} - -.form-control-lg { - padding: 0.75rem 1.75rem; - font-size: 1rem; - border-radius: 0.5rem; -} - -select.form-control-lg:not([size]):not([multiple]) { - height: calc(2.5rem + 2px); -} - -.form-check.disabled .form-check-label { - color: #868e96; -} - -.form-check-label { - padding-left: 1.25rem; -} - -.form-check-input { - margin-top: 0.313rem; - margin-left: -1.25rem; - margin-right: 0.313rem; -} - -.invalid-feedback { - display: none; - margin-top: .25rem; - font-size: .875rem; - color: #c4183c; -} - -.was-validated .form-control:valid, .form-control.is-valid, .was-validated -.custom-select:valid, -.custom-select.is-valid { - border-color: #17c671; - box-shadow: 0 5px 11.5px rgba(23, 198, 113, 0.1); -} - -.was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated -.custom-select:valid:focus, -.custom-select.is-valid:focus { - box-shadow: 0 5px 11.5px rgba(23, 198, 113, 0.1), 0 1px 1px 0.1rem rgba(23, 198, 113, 0.2); -} - -.was-validated .form-control:valid:focus:hover, .form-control.is-valid:focus:hover, .was-validated -.custom-select:valid:focus:hover, -.custom-select.is-valid:focus:hover { - border-color: #17c671; -} - -.was-validated .form-check-input:valid + .form-check-label, .form-check-input.is-valid + .form-check-label { - color: #17c671; -} - -.was-validated .custom-control-input:valid ~ .custom-control-indicator, .custom-control-input.is-valid ~ .custom-control-indicator { - background-color: #57eca4; - border-color: #2ae68b; -} - -.was-validated .custom-control-input:valid ~ .custom-control-description, .custom-control-input.is-valid ~ .custom-control-description { - color: #17c671; -} - -.was-validated .custom-select:valid, .custom-select.is-valid { - color: #17c671; -} - -.was-validated .custom-file-input:focus:valid ~ .custom-file-control, .custom-file-input:focus.is-valid ~ .custom-file-control { - box-shadow: 0 5px 11.5px rgba(23, 198, 113, 0.1), 0 1px 1px 0.1rem rgba(23, 198, 113, 0.2); -} - -.was-validated .custom-file-input:valid ~ .custom-file-control, .custom-file-input.is-valid ~ .custom-file-control { - border-color: #17c671; - box-shadow: 0 5px 11.5px rgba(23, 198, 113, 0.1); -} - -.was-validated .custom-file-input:valid ~ .custom-file-control::before, .custom-file-input.is-valid ~ .custom-file-control::before { - background-color: #b3f6d5; - border-color: #2ae68b; - color: #17c671; -} - -.was-validated .custom-file-input:valid ~ .custom-file-control::after, .custom-file-input.is-valid ~ .custom-file-control::after { - color: #17c671; -} - -.was-validated .custom-toggle .custom-control-input:checked:valid ~ .custom-control-indicator, .custom-toggle .custom-control-input:checked.is-valid ~ .custom-control-indicator { - background: #17c671; - border-color: transparent; -} - -.was-validated .custom-toggle .custom-control-input:checked:valid ~ .custom-control-indicator:after, .custom-toggle .custom-control-input:checked.is-valid ~ .custom-control-indicator:after { - background: #fff; -} - -.was-validated .custom-toggle .custom-control-input:valid ~ .custom-control-indicator, .custom-toggle .custom-control-input.is-valid ~ .custom-control-indicator { - background: #fff; -} - -.was-validated .custom-toggle .custom-control-input:valid ~ .custom-control-indicator:after, .custom-toggle .custom-control-input.is-valid ~ .custom-control-indicator:after { - background: #eb8c95; -} - -.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated -.custom-select:invalid, -.custom-select.is-invalid { - border-color: #c4183c; - box-shadow: 0 5px 11.5px rgba(196, 24, 60, 0.1); -} - -.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated -.custom-select:invalid:focus, -.custom-select.is-invalid:focus { - box-shadow: 0 5px 11.5px rgba(196, 24, 60, 0.1), 0 1px 1px 0.1rem rgba(196, 24, 60, 0.2); -} - -.was-validated .form-control:invalid:focus:hover, .form-control.is-invalid:focus:hover, .was-validated -.custom-select:invalid:focus:hover, -.custom-select.is-invalid:focus:hover { - border-color: #c4183c; -} - -.was-validated .form-check-input:invalid + .form-check-label, .form-check-input.is-invalid + .form-check-label { - color: #c4183c; -} - -.was-validated .custom-control-input:invalid ~ .custom-control-indicator, .custom-control-input.is-invalid ~ .custom-control-indicator { - background-color: #ea5876; - border-color: #e52a51; -} - -.was-validated .custom-control-input:invalid ~ .custom-control-description, .custom-control-input.is-invalid ~ .custom-control-description { - color: #c4183c; -} - -.was-validated .custom-select:invalid, .custom-select.is-invalid { - color: #c4183c; -} - -.was-validated .custom-file-input:focus:invalid ~ .custom-file-control, .custom-file-input:focus.is-invalid ~ .custom-file-control { - box-shadow: 0 5px 11.5px rgba(196, 24, 60, 0.1), 0 1px 1px 0.1rem rgba(196, 24, 60, 0.2); -} - -.was-validated .custom-file-input:invalid ~ .custom-file-control, .custom-file-input.is-invalid ~ .custom-file-control { - border-color: #c4183c; - box-shadow: 0 5px 11.5px rgba(196, 24, 60, 0.1); -} - -.was-validated .custom-file-input:invalid ~ .custom-file-control::before, .custom-file-input.is-invalid ~ .custom-file-control::before { - background-color: #f6b2c0; - border-color: #e52a51; - color: #c4183c; -} - -.was-validated .custom-file-input:invalid ~ .custom-file-control::after, .custom-file-input.is-invalid ~ .custom-file-control::after { - color: #c4183c; -} - -.was-validated .custom-toggle .custom-control-input:checked:invalid ~ .custom-control-indicator, .custom-toggle .custom-control-input:checked.is-invalid ~ .custom-control-indicator { - background: #17c671; - border-color: transparent; -} - -.was-validated .custom-toggle .custom-control-input:checked:invalid ~ .custom-control-indicator:after, .custom-toggle .custom-control-input:checked.is-invalid ~ .custom-control-indicator:after { - background: #fff; -} - -.was-validated .custom-toggle .custom-control-input:invalid ~ .custom-control-indicator, .custom-toggle .custom-control-input.is-invalid ~ .custom-control-indicator { - background: #fff; -} - -.was-validated .custom-toggle .custom-control-input:invalid ~ .custom-control-indicator:after, .custom-toggle .custom-control-input.is-invalid ~ .custom-control-indicator:after { - background: #eb8c95; -} - -.btn { - font-weight: 300; - font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; - border: 1px solid transparent; - padding: 0.75rem 1.25rem; - font-size: 0.875rem; - line-height: 1.1; - border-radius: 3px; - transition: all 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06); -} - -.btn:hover, .btn.hover { - cursor: pointer; -} - -.btn.disabled, .btn:disabled { - box-shadow: none; -} - -.btn.btn-squared { - border-radius: 0; -} - -.btn.btn-pill { - border-radius: 50px; -} - -.btn-primary { - background-color: #007bff; - border-color: #007bff; - box-shadow: none; - color: #fff; -} - -.btn-primary:hover { - color: #fff; - background-color: #006fe6; - border-color: #007bff; - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05), 0 4px 10px rgba(0, 123, 255, 0.25); -} - -.btn-primary:focus, .btn-primary.focus { - box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.15), 0 3px 15px rgba(0, 123, 255, 0.2), 0 2px 5px rgba(0, 0, 0, 0.1); -} - -.btn-primary.disabled, .btn-primary:disabled { - background-color: #007bff; - border-color: #007bff; - box-shadow: none; - cursor: not-allowed; -} - -.btn-primary:active, .btn-primary.active, -.show > .btn-primary.dropdown-toggle { - background-color: #006fe6; - background-image: none; - border-color: #0062cc; - box-shadow: inset 0 0.1875rem 0.625rem 0 #0062cc, inset 0 0.0625rem 0.125rem 0 #0056b3; -} - -.btn-secondary { - background-color: #5A6169; - border-color: #5A6169; - box-shadow: none; - color: #fff; -} - -.btn-secondary:hover { - color: #fff; - background-color: #4e545b; - border-color: #5A6169; - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05), 0 4px 10px rgba(90, 97, 105, 0.25); -} - -.btn-secondary:focus, .btn-secondary.focus { - box-shadow: 0 0 0 3px rgba(90, 97, 105, 0.15), 0 3px 15px rgba(90, 97, 105, 0.2), 0 2px 5px rgba(0, 0, 0, 0.1); -} - -.btn-secondary.disabled, .btn-secondary:disabled { - background-color: #5A6169; - border-color: #5A6169; - box-shadow: none; - cursor: not-allowed; -} - -.btn-secondary:active, .btn-secondary.active, -.show > .btn-secondary.dropdown-toggle { - background-color: #4e545b; - background-image: none; - border-color: #42484e; - box-shadow: inset 0 0.1875rem 0.625rem 0 #42484e, inset 0 0.0625rem 0.125rem 0 #373b40; -} - -.btn-success { - background-color: #17c671; - border-color: #17c671; - box-shadow: none; - color: #fff; -} - -.btn-success:hover { - color: #fff; - background-color: #14af64; - border-color: #17c671; - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05), 0 4px 10px rgba(23, 198, 113, 0.25); -} - -.btn-success:focus, .btn-success.focus { - box-shadow: 0 0 0 3px rgba(23, 198, 113, 0.15), 0 3px 15px rgba(23, 198, 113, 0.2), 0 2px 5px rgba(0, 0, 0, 0.1); -} - -.btn-success.disabled, .btn-success:disabled { - background-color: #17c671; - border-color: #17c671; - box-shadow: none; - cursor: not-allowed; -} - -.btn-success:active, .btn-success.active, -.show > .btn-success.dropdown-toggle { - background-color: #14af64; - background-image: none; - border-color: #129857; - box-shadow: inset 0 0.1875rem 0.625rem 0 #129857, inset 0 0.0625rem 0.125rem 0 #0f814a; -} - -.btn-info { - background-color: #00b8d8; - border-color: #00b8d8; - box-shadow: none; - color: #fff; -} - -.btn-info:hover { - color: #fff; - background-color: #00a2bf; - border-color: #00b8d8; - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05), 0 4px 10px rgba(0, 184, 216, 0.25); -} - -.btn-info:focus, .btn-info.focus { - box-shadow: 0 0 0 3px rgba(0, 184, 216, 0.15), 0 3px 15px rgba(0, 184, 216, 0.2), 0 2px 5px rgba(0, 0, 0, 0.1); -} - -.btn-info.disabled, .btn-info:disabled { - background-color: #00b8d8; - border-color: #00b8d8; - box-shadow: none; - cursor: not-allowed; -} - -.btn-info:active, .btn-info.active, -.show > .btn-info.dropdown-toggle { - background-color: #00a2bf; - background-image: none; - border-color: #008da5; - box-shadow: inset 0 0.1875rem 0.625rem 0 #008da5, inset 0 0.0625rem 0.125rem 0 #00778c; -} - -.btn-warning { - background-color: #ffb400; - border-color: #ffb400; - box-shadow: none; - color: black; -} - -.btn-warning:hover { - color: black; - background-color: #e6a200; - border-color: #ffb400; - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05), 0 4px 10px rgba(255, 180, 0, 0.25); -} - -.btn-warning:focus, .btn-warning.focus { - box-shadow: 0 0 0 3px rgba(255, 180, 0, 0.15), 0 3px 15px rgba(255, 180, 0, 0.2), 0 2px 5px rgba(0, 0, 0, 0.1); -} - -.btn-warning.disabled, .btn-warning:disabled { - background-color: #ffb400; - border-color: #ffb400; - box-shadow: none; - cursor: not-allowed; -} - -.btn-warning:active, .btn-warning.active, -.show > .btn-warning.dropdown-toggle { - background-color: #e6a200; - background-image: none; - border-color: #cc9000; - box-shadow: inset 0 0.1875rem 0.625rem 0 #cc9000, inset 0 0.0625rem 0.125rem 0 #b37e00; -} - -.btn-danger { - background-color: #c4183c; - border-color: #c4183c; - box-shadow: none; - color: #fff; -} - -.btn-danger:hover { - color: #fff; - background-color: #ad1535; - border-color: #c4183c; - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05), 0 4px 10px rgba(196, 24, 60, 0.25); -} - -.btn-danger:focus, .btn-danger.focus { - box-shadow: 0 0 0 3px rgba(196, 24, 60, 0.15), 0 3px 15px rgba(196, 24, 60, 0.2), 0 2px 5px rgba(0, 0, 0, 0.1); -} - -.btn-danger.disabled, .btn-danger:disabled { - background-color: #c4183c; - border-color: #c4183c; - box-shadow: none; - cursor: not-allowed; -} - -.btn-danger:active, .btn-danger.active, -.show > .btn-danger.dropdown-toggle { - background-color: #ad1535; - background-image: none; - border-color: #97122e; - box-shadow: inset 0 0.1875rem 0.625rem 0 #97122e, inset 0 0.0625rem 0.125rem 0 #801027; -} - -.btn-light { - background-color: #e9ecef; - border-color: #e9ecef; - box-shadow: none; - color: #3b4651; -} - -.btn-light:hover { - color: #3b4651; - background-color: #dadfe4; - border-color: #e9ecef; - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05), 0 4px 10px rgba(233, 236, 239, 0.25); -} - -.btn-light:focus, .btn-light.focus { - box-shadow: 0 0 0 3px rgba(233, 236, 239, 0.15), 0 3px 15px rgba(233, 236, 239, 0.2), 0 2px 5px rgba(0, 0, 0, 0.1); -} - -.btn-light.disabled, .btn-light:disabled { - background-color: #e9ecef; - border-color: #e9ecef; - box-shadow: none; - cursor: not-allowed; -} - -.btn-light:active, .btn-light.active, -.show > .btn-light.dropdown-toggle { - background-color: #dadfe4; - background-image: none; - border-color: #cbd3da; - box-shadow: inset 0 0.1875rem 0.625rem 0 #cbd3da, inset 0 0.0625rem 0.125rem 0 #bdc6cf; -} - -.btn-dark { - background-color: #212529; - border-color: #212529; - box-shadow: none; - color: #fff; -} - -.btn-dark:hover { - color: #fff; - background-color: #16181b; - border-color: #212529; - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05), 0 4px 10px rgba(33, 37, 41, 0.25); -} - -.btn-dark:focus, .btn-dark.focus { - box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.15), 0 3px 15px rgba(33, 37, 41, 0.2), 0 2px 5px rgba(0, 0, 0, 0.1); -} - -.btn-dark.disabled, .btn-dark:disabled { - background-color: #212529; - border-color: #212529; - box-shadow: none; - cursor: not-allowed; -} - -.btn-dark:active, .btn-dark.active, -.show > .btn-dark.dropdown-toggle { - background-color: #16181b; - background-image: none; - border-color: #0a0c0d; - box-shadow: inset 0 0.1875rem 0.625rem 0 #0a0c0d, inset 0 0.0625rem 0.125rem 0 black; -} - -.btn-white { - background-color: #fff; - border-color: #fff; - box-shadow: none; - color: #595959; -} - -.btn-white:hover { - color: #595959; - background-color: #f2f2f2; - border-color: #fff; - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05), 0 4px 10px rgba(255, 255, 255, 0.25); -} - -.btn-white:focus, .btn-white.focus { - box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.15), 0 3px 15px rgba(255, 255, 255, 0.2), 0 2px 5px rgba(0, 0, 0, 0.1); -} - -.btn-white.disabled, .btn-white:disabled { - background-color: #fff; - border-color: #fff; - box-shadow: none; - cursor: not-allowed; -} - -.btn-white:active, .btn-white.active, -.show > .btn-white.dropdown-toggle { - background-color: #f2f2f2; - background-image: none; - border-color: #e6e6e6; - box-shadow: inset 0 0.1875rem 0.625rem 0 #e6e6e6, inset 0 0.0625rem 0.125rem 0 #d9d9d9; -} - -.btn-black { - background-color: #000; - border-color: #000; - box-shadow: none; - color: #fff; -} - -.btn-black:hover { - color: #fff; - background-color: black; - border-color: #000; - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05), 0 4px 10px rgba(0, 0, 0, 0.25); -} - -.btn-black:focus, .btn-black.focus { - box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15), 0 3px 15px rgba(0, 0, 0, 0.2), 0 2px 5px rgba(0, 0, 0, 0.1); -} - -.btn-black.disabled, .btn-black:disabled { - background-color: #000; - border-color: #000; - box-shadow: none; - cursor: not-allowed; -} - -.btn-black:active, .btn-black.active, -.show > .btn-black.dropdown-toggle { - background-color: black; - background-image: none; - border-color: black; - box-shadow: inset 0 0.1875rem 0.625rem 0 black, inset 0 0.0625rem 0.125rem 0 black; -} - -.btn-outline-primary { - background-color: transparent; - background-image: none; - border-color: #007bff; -} - -.btn-outline-primary:hover { - background-color: #007bff; - border-color: #007bff; - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05), 0 4px 10px rgba(0, 123, 255, 0.25); - color: #fff; -} - -.btn-outline-primary:focus, .btn-outline-primary.focus { - box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.15), 0 3px 15px rgba(0, 123, 255, 0.2), 0 2px 5px rgba(0, 0, 0, 0.1); -} - -.btn-outline-primary.disabled, .btn-outline-primary:disabled { - color: #007bff; - background-color: transparent; - box-shadow: none; -} - -.btn-outline-primary:active, .btn-outline-primary.active, -.show > .btn-outline-primary.dropdown-toggle { - color: #fff; - background-color: #007bff; - border-color: #007bff; -} - -.btn-outline-secondary { - background-color: transparent; - background-image: none; - border-color: #5A6169; -} - -.btn-outline-secondary:hover { - background-color: #5A6169; - border-color: #5A6169; - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05), 0 4px 10px rgba(90, 97, 105, 0.25); - color: #fff; -} - -.btn-outline-secondary:focus, .btn-outline-secondary.focus { - box-shadow: 0 0 0 3px rgba(90, 97, 105, 0.15), 0 3px 15px rgba(90, 97, 105, 0.2), 0 2px 5px rgba(0, 0, 0, 0.1); -} - -.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { - color: #5A6169; - background-color: transparent; - box-shadow: none; -} - -.btn-outline-secondary:active, .btn-outline-secondary.active, -.show > .btn-outline-secondary.dropdown-toggle { - color: #fff; - background-color: #5A6169; - border-color: #5A6169; -} - -.btn-outline-success { - background-color: transparent; - background-image: none; - border-color: #17c671; -} - -.btn-outline-success:hover { - background-color: #17c671; - border-color: #17c671; - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05), 0 4px 10px rgba(23, 198, 113, 0.25); - color: #fff; -} - -.btn-outline-success:focus, .btn-outline-success.focus { - box-shadow: 0 0 0 3px rgba(23, 198, 113, 0.15), 0 3px 15px rgba(23, 198, 113, 0.2), 0 2px 5px rgba(0, 0, 0, 0.1); -} - -.btn-outline-success.disabled, .btn-outline-success:disabled { - color: #17c671; - background-color: transparent; - box-shadow: none; -} - -.btn-outline-success:active, .btn-outline-success.active, -.show > .btn-outline-success.dropdown-toggle { - color: #fff; - background-color: #17c671; - border-color: #17c671; -} - -.btn-outline-info { - background-color: transparent; - background-image: none; - border-color: #00b8d8; -} - -.btn-outline-info:hover { - background-color: #00b8d8; - border-color: #00b8d8; - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05), 0 4px 10px rgba(0, 184, 216, 0.25); - color: #fff; -} - -.btn-outline-info:focus, .btn-outline-info.focus { - box-shadow: 0 0 0 3px rgba(0, 184, 216, 0.15), 0 3px 15px rgba(0, 184, 216, 0.2), 0 2px 5px rgba(0, 0, 0, 0.1); -} - -.btn-outline-info.disabled, .btn-outline-info:disabled { - color: #00b8d8; - background-color: transparent; - box-shadow: none; -} - -.btn-outline-info:active, .btn-outline-info.active, -.show > .btn-outline-info.dropdown-toggle { - color: #fff; - background-color: #00b8d8; - border-color: #00b8d8; -} - -.btn-outline-warning { - background-color: transparent; - background-image: none; - border-color: #ffb400; -} - -.btn-outline-warning:hover { - background-color: #ffb400; - border-color: #ffb400; - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05), 0 4px 10px rgba(255, 180, 0, 0.25); - color: black; -} - -.btn-outline-warning:focus, .btn-outline-warning.focus { - box-shadow: 0 0 0 3px rgba(255, 180, 0, 0.15), 0 3px 15px rgba(255, 180, 0, 0.2), 0 2px 5px rgba(0, 0, 0, 0.1); -} - -.btn-outline-warning.disabled, .btn-outline-warning:disabled { - color: #ffb400; - background-color: transparent; - box-shadow: none; -} - -.btn-outline-warning:active, .btn-outline-warning.active, -.show > .btn-outline-warning.dropdown-toggle { - color: #fff; - background-color: #ffb400; - border-color: #ffb400; -} - -.btn-outline-danger { - background-color: transparent; - background-image: none; - border-color: #c4183c; -} - -.btn-outline-danger:hover { - background-color: #c4183c; - border-color: #c4183c; - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05), 0 4px 10px rgba(196, 24, 60, 0.25); - color: #fff; -} - -.btn-outline-danger:focus, .btn-outline-danger.focus { - box-shadow: 0 0 0 3px rgba(196, 24, 60, 0.15), 0 3px 15px rgba(196, 24, 60, 0.2), 0 2px 5px rgba(0, 0, 0, 0.1); -} - -.btn-outline-danger.disabled, .btn-outline-danger:disabled { - color: #c4183c; - background-color: transparent; - box-shadow: none; -} - -.btn-outline-danger:active, .btn-outline-danger.active, -.show > .btn-outline-danger.dropdown-toggle { - color: #fff; - background-color: #c4183c; - border-color: #c4183c; -} - -.btn-outline-light { - background-color: transparent; - background-image: none; - border-color: #e9ecef; - color: #3b4651; -} - -.btn-outline-light:hover { - background-color: #e9ecef; - border-color: #e9ecef; - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05), 0 4px 10px rgba(233, 236, 239, 0.25); - color: #3b4651; -} - -.btn-outline-light:focus, .btn-outline-light.focus { - box-shadow: 0 0 0 3px rgba(233, 236, 239, 0.15), 0 3px 15px rgba(233, 236, 239, 0.2), 0 2px 5px rgba(0, 0, 0, 0.1); -} - -.btn-outline-light.disabled, .btn-outline-light:disabled { - color: #e9ecef; - background-color: transparent; - box-shadow: none; -} - -.btn-outline-light:active, .btn-outline-light.active, -.show > .btn-outline-light.dropdown-toggle { - color: #fff; - background-color: #e9ecef; - border-color: #e9ecef; - color: #3b4651; -} - -.btn-outline-dark { - background-color: transparent; - background-image: none; - border-color: #212529; -} - -.btn-outline-dark:hover { - background-color: #212529; - border-color: #212529; - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05), 0 4px 10px rgba(33, 37, 41, 0.25); - color: #fff; -} - -.btn-outline-dark:focus, .btn-outline-dark.focus { - box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.15), 0 3px 15px rgba(33, 37, 41, 0.2), 0 2px 5px rgba(0, 0, 0, 0.1); -} - -.btn-outline-dark.disabled, .btn-outline-dark:disabled { - color: #212529; - background-color: transparent; - box-shadow: none; -} - -.btn-outline-dark:active, .btn-outline-dark.active, -.show > .btn-outline-dark.dropdown-toggle { - color: #fff; - background-color: #212529; - border-color: #212529; -} - -.btn-outline-white { - background-color: transparent; - background-image: none; - border-color: #fff; - color: #fff; -} - -.btn-outline-white:hover { - background-color: #fff; - border-color: #fff; - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05), 0 4px 10px rgba(255, 255, 255, 0.25); - color: #595959; -} - -.btn-outline-white:focus, .btn-outline-white.focus { - box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.15), 0 3px 15px rgba(255, 255, 255, 0.2), 0 2px 5px rgba(0, 0, 0, 0.1); -} - -.btn-outline-white.disabled, .btn-outline-white:disabled { - color: #fff; - background-color: transparent; - box-shadow: none; -} - -.btn-outline-white:active, .btn-outline-white.active, -.show > .btn-outline-white.dropdown-toggle { - color: #fff; - background-color: #fff; - border-color: #fff; -} - -.btn-outline-white:active { - color: #595959; -} - -.btn-outline-black { - background-color: transparent; - background-image: none; - border-color: #000; - color: #000; -} - -.btn-outline-black:hover { - background-color: #000; - border-color: #000; - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05), 0 4px 10px rgba(0, 0, 0, 0.25); - color: #fff; -} - -.btn-outline-black:focus, .btn-outline-black.focus { - box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15), 0 3px 15px rgba(0, 0, 0, 0.2), 0 2px 5px rgba(0, 0, 0, 0.1); -} - -.btn-outline-black.disabled, .btn-outline-black:disabled { - color: #000; - background-color: transparent; - box-shadow: none; -} - -.btn-outline-black:active, .btn-outline-black.active, -.show > .btn-outline-black.dropdown-toggle { - color: #000; - background-color: #000; - border-color: #000; -} - -.btn-outline-black:active { - color: #fff; -} - -.btn-link { - font-weight: 300; - color: #007bff; -} - -.btn-link:focus, .btn-link:hover { - color: #0056b3; - text-decoration: underline; -} - -.btn-link:disabled { - color: #868e96; -} - -.btn-lg, .btn-group-lg > .btn { - padding: 0.75rem 1.75rem; - font-size: 1.125rem; - line-height: 1.5; - border-radius: 3px; -} - -.btn-sm, .btn-group-sm > .btn { - padding: 0.35rem 1rem; - font-size: 0.75rem; - line-height: 1.5; - border-radius: 0.2rem; -} - -.btn-block + .btn-block { - margin-top: 0.5rem; -} - -.fade { - transition: opacity 200ms ease-in-out; -} - -.collapsing { - transition: height 350ms ease-in-out; -} - -i.material-icons { - font-size: inherit; - position: relative; - top: 2px; -} - -.dropdown-menu { - min-width: 10rem; - padding: 0.5rem 0; - margin: 0 0 0; - font-size: 1rem; - color: #5A6169; - border: 1px solid rgba(0, 0, 0, 0.05); - border-radius: 0.375rem; - box-shadow: 0 0.5rem 4rem rgba(0, 0, 0, 0.11), 0 10px 20px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.06); -} - -.dropdown-divider { - height: 0; - margin: 0.75rem 0; - overflow: hidden; - border-top: 1px solid #e9ecef; -} - -.dropdown-item { - padding: 0.5rem 1.25rem; - font-weight: 300; - color: #212529; - font-size: 0.9375rem; - transition: background-color 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06), color 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06); -} - -.dropdown-item:focus, .dropdown-item:hover { - color: #16181b; - background-color: #eceeef; -} - -.dropdown-item.active, .dropdown-item:active { - color: #16181b; - background-color: #c3c7cc; -} - -.dropdown-item.disabled, .dropdown-item:disabled { - color: #868e96; -} - -.dropdown-header { - padding: 0.5rem 1.25rem; - font-size: 0.875rem; - color: #868e96; -} - -.btn + .dropdown-toggle-split { - padding-right: 0.75rem; - padding-left: 0.75rem; -} - -.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { - padding-right: 0.75rem; - padding-left: 0.75rem; -} - -.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { - padding-right: 1.3125rem; - padding-left: 1.3125rem; -} - -.btn-group.show .dropdown-toggle { - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -} - -.input-group[class*="with-addon-icon"] { - position: relative; -} - -.input-group[class*="with-addon-icon"] .input-group-addon { - position: absolute; - background: none; - border: none; - z-index: 100; -} - -.input-group[class*="with-addon-icon"] .form-control { - border-radius: 0.375rem; -} - -.input-group.with-addon-icon-left .form-control { - padding-left: 40px; -} - -.input-group.with-addon-icon-left .input-group-addon { - left: 0; -} - -.input-group.with-addon-icon-right .form-control { - padding-right: 40px; -} - -.input-group.with-addon-icon-right .input-group-addon { - right: 0; -} - -.input-group-addon { - padding: 12px 14px; - font-weight: 300; - line-height: 1.1; - color: #abb6bf; - background-color: #f9fafb; - border: 1px solid #becad6; - border-radius: 0.375rem; -} - -.input-group-addon.form-control-sm { - padding: 0.35rem 1rem; - font-size: 0.875rem; - border-radius: 0.2rem; -} - -.input-group-addon.form-control-lg { - padding: 0.75rem 1.75rem; - font-size: 1rem; - border-radius: 0.5rem; -} - -.input-group-addon.with-icon { - background: #fff; -} - -.input-group-addon i.material-icons { - top: 0; -} - -.input-group-btn > .btn + .btn { - margin-left: -1px; -} - -.input-group-btn:not(:last-child) > .btn, -.input-group-btn:not(:last-child) > .btn-group { - margin-right: -1px; -} - -.input-group-btn:not(:first-child) > .btn, -.input-group-btn:not(:first-child) > .btn-group { - margin-left: -1px; -} - -.custom-control { - min-height: 1.5rem; - padding-left: 1.688rem; -} - -.custom-control .custom-control-description { - transition: color 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06); -} - -.custom-control:hover { - cursor: pointer; -} - -.custom-control-input:checked ~ .custom-control-indicator { - color: #fff; - background-color: #007bff; - border-color: transparent; - box-shadow: none; -} - -.custom-control-input:focus ~ .custom-control-indicator { - box-shadow: none; -} - -.custom-control-input:active ~ .custom-control-indicator { - color: #fff; - background-color: #b3d7ff; - box-shadow: none; -} - -.custom-control-input:disabled ~ .custom-control-indicator { - background-color: #e9ecef; -} - -.custom-control-input:disabled ~ .custom-control-description { - color: #868e96; -} - -.custom-control-indicator { - top: 0.1875rem; - width: 1.125rem; - height: 1.125rem; - background-color: #fff; - border: 1px solid #becad6; - transition: all 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06); -} - -.custom-checkbox .custom-control-indicator { - border-radius: 2px; -} - -.custom-checkbox .custom-control-indicator:after { - content: ''; - position: absolute; - top: 2px; - left: 6px; - width: 5px; - height: 11px; - opacity: 0; - -webkit-transform: rotate(45deg) scale(0); - transform: rotate(45deg) scale(0); - border-right: 2px solid #fff; - border-bottom: 2px solid #fff; - transition: all 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06); - transition-delay: 100ms; -} - -.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator { - background-image: none; -} - -.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator:after { - opacity: 1; - -webkit-transform: rotate(45deg) scale(1); - transform: rotate(45deg) scale(1); -} - -.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator { - background-color: #007bff; - box-shadow: none; -} - -.custom-checkbox .custom-control-input:focus ~ .custom-control-indicator { - box-shadow: 0 0.313rem 0.719rem rgba(0, 123, 255, 0.1), 0 0.156rem 0.125rem rgba(0, 0, 0, 0.06); -} - -.custom-checkbox .custom-control-input:disabled ~ .custom-control-indicator { - border-color: #becad6; -} - -.custom-checkbox .custom-control-input:disabled ~ .custom-control-indicator:after { - border-color: #a8aeb4; -} - -.custom-radio .custom-control-indicator { - border-radius: 50%; -} - -.custom-radio .custom-control-indicator:after { - content: ''; - position: absolute; - border-radius: 50%; - background: #fff; - width: 1.125rem; - height: 1.125rem; - top: -1px; - left: -1px; - opacity: 0; - -webkit-transform: scale(0); - transform: scale(0); - transition: all 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06); - transition-delay: 100ms; -} - -.custom-radio .custom-control-input:checked ~ .custom-control-indicator { - background-image: none; -} - -.custom-radio .custom-control-input:checked ~ .custom-control-indicator:after { - opacity: 1; - -webkit-transform: scale(0.4); - transform: scale(0.4); -} - -.custom-radio .custom-control-input:focus ~ .custom-control-indicator { - box-shadow: 0 0.313rem 0.719rem rgba(0, 123, 255, 0.1), 0 0.156rem 0.125rem rgba(0, 0, 0, 0.06); -} - -.custom-radio .custom-control-input:disabled ~ .custom-control-indicator { - border-color: #becad6; -} - -.custom-radio .custom-control-input:disabled ~ .custom-control-indicator:after { - background: #a8aeb4; -} - -.custom-controls-stacked .custom-control { - margin-bottom: 0.25rem; -} - -.custom-select { - height: calc(2.428rem + 2px); - padding: 0.375rem 1.75rem 0.375rem 0.75rem; - line-height: 1.2; - color: #495057; - font-size: 0.95rem; - font-weight: 300; - background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; - background-size: 8px 10px; - border: 1px solid #becad6; - transition: border-color 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06), box-shadow 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06); - border-radius: 0.375rem; -} - -.custom-select:hover { - border-color: #8fa4b8; -} - -.custom-select:focus { - color: #495057; - border-color: #007bff; - box-shadow: 0 0.313rem 0.719rem rgba(0, 123, 255, 0.1), 0 0.156rem 0.125rem rgba(0, 0, 0, 0.06); -} - -.custom-select:focus:hover { - border-color: #007bff; -} - -.custom-select:focus { - border-color: #007bff; - box-shadow: 0 0.313rem 0.719rem rgba(0, 123, 255, 0.1), 0 0.156rem 0.125rem rgba(0, 0, 0, 0.06); -} - -.custom-select:focus::-ms-value { - color: #495057; - background-color: #fff; -} - -.custom-select:disabled { - color: #868e96; - background-color: #e9ecef; -} - -.custom-select:hover { - cursor: pointer; - border-color: #8fa4b8; -} - -.custom-select-sm { - height: calc(1.575rem + 2px); - padding-top: 0.375rem; - padding-bottom: 0.375rem; - font-size: 75%; -} - -.custom-file { - height: calc(2.428rem + 2px); - font-size: 0.95rem; - transition: border-color 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06), box-shadow 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06); -} - -.custom-file-input { - min-width: 14rem; - height: calc(2.428rem + 2px); -} - -.custom-file-input:focus ~ .custom-file-control { - color: #495057; - border-color: #007bff; - box-shadow: 0 0.313rem 0.719rem rgba(0, 123, 255, 0.1), 0 0.156rem 0.125rem rgba(0, 0, 0, 0.06); -} - -.custom-file-input:focus ~ .custom-file-control:before { - color: #007bff; - background: #e6f2ff; - border-color: #007bff; -} - -.custom-file-input:focus ~ .custom-file-control:hover { - border-color: #007bff; -} - -.custom-file-input:hover { - cursor: pointer; -} - -.custom-file-input:hover ~ .custom-file-control, -.custom-file-input:hover ~ .custom-file-control:before { - border-color: #8fa4b8; -} - -.custom-file-input:disabled + .custom-file-control { - color: #868e96; - background-color: #f8f9fa; -} - -.custom-file-control { - height: calc(2.428rem + 2px); - padding: 0.5rem 1rem; - line-height: 1.5; - color: #495057; - font-weight: 300; - background-color: #fff; - border: 1px solid #becad6; - transition: box-shadow 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06), border-color 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06); - border-radius: 0.375rem; -} - -.custom-file-control::before { - top: -1px; - right: -1px; - bottom: -1px; - height: calc(2.428rem + 2px); - padding: 0.5rem 1rem; - line-height: 1.5; - color: #495057; - background-color: #e9ecef; - border: 1px solid #becad6; - border-radius: 0 0.375rem 0.375rem 0; - transition: background 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06), color 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06), border-color 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06); -} - -.custom-toggle { - padding-left: 60px; -} - -.custom-toggle .custom-control-indicator { - position: absolute; - top: 0; - left: 0; - width: 50px; - height: 28px; - background: #fff; - display: block; - border-radius: 100px; - border: 1px solid #becad6; -} - -.custom-toggle .custom-control-indicator:hover { - cursor: pointer; -} - -.custom-toggle .custom-control-indicator:after { - content: ''; - position: absolute; - top: 3px; - left: 3px; - width: 20px; - height: 20px; - background: #becad6; - border-radius: 100px; - transition: 0.3s; -} - -.custom-toggle .custom-control-input:disabled:active + .custom-control-indicator:after { - width: 20px; -} - -.custom-toggle .custom-control-input:disabled:checked + .custom-control-indicator, -.custom-toggle .custom-control-input:disabled:active + .custom-control-indicator { - background-color: #e9ecef; -} - -.custom-toggle .custom-control-input:active + .custom-control-indicator { - background-color: #fff; -} - -.custom-toggle .custom-control-input:checked + .custom-control-indicator { - background: #17c671; -} - -.custom-toggle .custom-control-input:checked + .custom-control-indicator:after { - background: #fff; -} - -.custom-toggle .custom-control-input:checked + .custom-control-indicator:after { - left: calc(100% - 3px); - -webkit-transform: translateX(-100%); - transform: translateX(-100%); -} - -.custom-toggle .custom-control-input:active + .custom-control-indicator:after { - width: 26px; -} - -.custom-toggle .custom-control-input:disabled:checked + .custom-control-indicator { - border-color: #becad6; -} - -.custom-toggle .custom-control-input:disabled:checked + .custom-control-indicator:after { - background: #becad6; -} - -.custom-slider-input { - display: none; -} - -.nav { - font-size: 0.875rem; - font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; -} - -.nav-link { - padding: 0.625rem 1.125rem; - transition: all 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06); -} - -.nav-tabs { - border-bottom: 1px solid #d1d4d8; -} - -.nav-tabs .nav-item { - margin-bottom: -1px; -} - -.nav-tabs .nav-link { - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; -} - -.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { - border-color: #e9ecef #e9ecef #d1d4d8; -} - -.nav-tabs .nav-link.disabled { - color: #868e96; -} - -.nav-tabs .nav-link.disabled:hover { - cursor: not-allowed; - border-color: transparent; -} - -.nav-tabs .nav-link:hover { - border-color: #e7e9ea; -} - -.nav-tabs .nav-link.active, -.nav-tabs .nav-item.show .nav-link { - color: #495057; - background-color: #fff; - border-color: #ddd #ddd #fff; -} - -.nav-pills .nav-link { - border-radius: 0.375rem; -} - -.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, -.show > .nav-pills .nav-link { - color: #fff; - background-color: #007bff; -} - -.nav-pills .nav-link:hover { - background-color: #fdfdfd; -} - -.nav-outlined-pills .nav-link { - border-radius: 0.375rem; - border: 1px solid transparent; -} - -.nav-outlined-pills .nav-link.active, -.show > .nav-outlined-pills .nav-link { - background: none; - color: #007bff; - border-color: #007bff; -} - -.nav-outlined-pills .nav-link:hover { - border-color: #e7e9ea; -} - -.nav-blue .nav-link.active { - background-color: #007bff; - border-color: #0074f0; - color: #fff; -} - -.nav-blue .nav-link { - color: #007bff; -} - -.nav-blue.nav-outlined-pills .nav-link.active { - background: transparent; - border-color: #3395ff; - color: #007bff; -} - -.nav-blue.nav-outlined-pills .nav-link.active:hover { - border-color: #3395ff; -} - -.nav-blue.nav-outlined-pills .nav-link { - color: #007bff; -} - -.nav-indigo .nav-link.active { - background-color: #674eec; - border-color: #5b40eb; - color: #fff; -} - -.nav-indigo .nav-link { - color: #674eec; -} - -.nav-indigo.nav-outlined-pills .nav-link.active { - background: transparent; - border-color: #8f7cf1; - color: #674eec; -} - -.nav-indigo.nav-outlined-pills .nav-link.active:hover { - border-color: #8f7cf1; -} - -.nav-indigo.nav-outlined-pills .nav-link { - color: #674eec; -} - -.nav-purple .nav-link.active { - background-color: #8445f7; - border-color: #7a36f6; - color: #fff; -} - -.nav-purple .nav-link { - color: #8445f7; -} - -.nav-purple.nav-outlined-pills .nav-link.active { - background: transparent; - border-color: #a476f9; - color: #8445f7; -} - -.nav-purple.nav-outlined-pills .nav-link.active:hover { - border-color: #a476f9; -} - -.nav-purple.nav-outlined-pills .nav-link { - color: #8445f7; -} - -.nav-pink .nav-link.active { - background-color: #ff4169; - border-color: #ff325d; - color: #fff; -} - -.nav-pink .nav-link { - color: #ff4169; -} - -.nav-pink.nav-outlined-pills .nav-link.active { - background: transparent; - border-color: #ff7491; - color: #ff4169; -} - -.nav-pink.nav-outlined-pills .nav-link.active:hover { - border-color: #ff7491; -} - -.nav-pink.nav-outlined-pills .nav-link { - color: #ff4169; -} - -.nav-red .nav-link.active { - background-color: #c4183c; - border-color: #b61638; - color: #fff; -} - -.nav-red .nav-link { - color: #c4183c; -} - -.nav-red.nav-outlined-pills .nav-link.active { - background: transparent; - border-color: #e52a51; - color: #c4183c; -} - -.nav-red.nav-outlined-pills .nav-link.active:hover { - border-color: #e52a51; -} - -.nav-red.nav-outlined-pills .nav-link { - color: #c4183c; -} - -.nav-orange .nav-link.active { - background-color: #fb7906; - border-color: #ee7204; - color: #fff; -} - -.nav-orange .nav-link { - color: #fb7906; -} - -.nav-orange.nav-outlined-pills .nav-link.active { - background: transparent; - border-color: #fc9438; - color: #fb7906; -} - -.nav-orange.nav-outlined-pills .nav-link.active:hover { - border-color: #fc9438; -} - -.nav-orange.nav-outlined-pills .nav-link { - color: #fb7906; -} - -.nav-yellow .nav-link.active { - background-color: #ffb400; - border-color: #f0a900; - color: black; -} - -.nav-yellow .nav-link { - color: #ffb400; -} - -.nav-yellow.nav-outlined-pills .nav-link.active { - background: transparent; - border-color: #ffc333; - color: #ffb400; -} - -.nav-yellow.nav-outlined-pills .nav-link.active:hover { - border-color: #ffc333; -} - -.nav-yellow.nav-outlined-pills .nav-link { - color: #ffb400; -} - -.nav-green .nav-link.active { - background-color: #17c671; - border-color: #15b869; - color: #fff; -} - -.nav-green .nav-link { - color: #17c671; -} - -.nav-green.nav-outlined-pills .nav-link.active { - background: transparent; - border-color: #2ae68b; - color: #17c671; -} - -.nav-green.nav-outlined-pills .nav-link.active:hover { - border-color: #2ae68b; -} - -.nav-green.nav-outlined-pills .nav-link { - color: #17c671; -} - -.nav-teal .nav-link.active { - background-color: #1adba2; - border-color: #18cd98; - color: black; -} - -.nav-teal .nav-link { - color: #1adba2; -} - -.nav-teal.nav-outlined-pills .nav-link.active { - background: transparent; - border-color: #40e8b7; - color: #1adba2; -} - -.nav-teal.nav-outlined-pills .nav-link.active:hover { - border-color: #40e8b7; -} - -.nav-teal.nav-outlined-pills .nav-link { - color: #1adba2; -} - -.nav-cyan .nav-link.active { - background-color: #00b8d8; - border-color: #00abc9; - color: #fff; -} - -.nav-cyan .nav-link { - color: #00b8d8; -} - -.nav-cyan.nav-outlined-pills .nav-link.active { - background: transparent; - border-color: #0cdbff; - color: #00b8d8; -} - -.nav-cyan.nav-outlined-pills .nav-link.active:hover { - border-color: #0cdbff; -} - -.nav-cyan.nav-outlined-pills .nav-link { - color: #00b8d8; -} - -.nav-white .nav-link.active { - background-color: #fff; - border-color: #f7f7f7; - color: #595959; -} - -.nav-white .nav-link { - color: #fff; -} - -.nav-white.nav-outlined-pills .nav-link.active { - background: transparent; - border-color: white; - color: #fff; -} - -.nav-white.nav-outlined-pills .nav-link.active:hover { - border-color: white; -} - -.nav-white.nav-outlined-pills .nav-link { - color: #fff; -} - -.nav-gray .nav-link.active { - background-color: #868e96; - border-color: #7e868f; - color: #fff; -} - -.nav-gray .nav-link { - color: #868e96; -} - -.nav-gray.nav-outlined-pills .nav-link.active { - background: transparent; - border-color: #a1a8ae; - color: #868e96; -} - -.nav-gray.nav-outlined-pills .nav-link.active:hover { - border-color: #a1a8ae; -} - -.nav-gray.nav-outlined-pills .nav-link { - color: #868e96; -} - -.nav-gray-dark .nav-link.active { - background-color: #343a40; - border-color: #2d3238; - color: #fff; -} - -.nav-gray-dark .nav-link { - color: #343a40; -} - -.nav-gray-dark.nav-outlined-pills .nav-link.active { - background: transparent; - border-color: #4b545c; - color: #343a40; -} - -.nav-gray-dark.nav-outlined-pills .nav-link.active:hover { - border-color: #4b545c; -} - -.nav-gray-dark.nav-outlined-pills .nav-link { - color: #343a40; -} - -.navbar { - padding: 0.75rem 1.5rem; -} - -.navbar-brand { - padding-top: 0.625rem; - padding-bottom: 0.625rem; - margin-right: 1.5rem; - font-size: 1rem; - font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; - font-weight: 400; -} - -.navbar-text { - padding-top: 0.625rem; - padding-bottom: 0.625rem; -} - -.navbar-toggler { - padding: 0.5rem 0.5rem; - font-size: 1rem; - background: #fff; - border: 1px solid transparent; - border-radius: 0.375rem; -} - -@media (min-width: 576px) { - .navbar-expand-sm .navbar-nav .nav-link { - padding-right: .625rem; - padding-left: .625rem; - } -} - -@media (min-width: 768px) { - .navbar-expand-md .navbar-nav .nav-link { - padding-right: .625rem; - padding-left: .625rem; - } -} - -@media (min-width: 992px) { - .navbar-expand-lg .navbar-nav .nav-link { - padding-right: .625rem; - padding-left: .625rem; - } -} - -@media (min-width: 1200px) { - .navbar-expand-xl .navbar-nav .nav-link { - padding-right: .625rem; - padding-left: .625rem; - } -} - -.navbar-expand .navbar-nav .nav-link { - padding-right: .625rem; - padding-left: .625rem; -} - -.navbar-light .navbar-brand { - color: rgba(0, 0, 0, 0.9); -} - -.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { - color: rgba(0, 0, 0, 0.9); -} - -.navbar-light .navbar-nav .nav-link { - color: rgba(0, 0, 0, 0.5); -} - -.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { - color: rgba(0, 0, 0, 0.7); -} - -.navbar-light .navbar-nav .nav-link.disabled { - color: rgba(0, 0, 0, 0.3); -} - -.navbar-light .navbar-nav .show > .nav-link, -.navbar-light .navbar-nav .active > .nav-link, -.navbar-light .navbar-nav .nav-link.show, -.navbar-light .navbar-nav .nav-link.active { - color: rgba(0, 0, 0, 0.9); -} - -.navbar-light .navbar-toggler { - color: rgba(0, 0, 0, 0.5); - border-color: rgba(0, 0, 0, 0.1); - background: none; -} - -.navbar-light .navbar-toggler-icon { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); -} - -.navbar-light .navbar-text { - color: rgba(0, 0, 0, 0.5); -} - -.navbar-dark .navbar-brand { - color: white; -} - -.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { - color: white; -} - -.navbar-dark .navbar-nav .nav-link { - color: rgba(255, 255, 255, 0.5); -} - -.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { - color: rgba(255, 255, 255, 0.75); -} - -.navbar-dark .navbar-nav .nav-link.disabled { - color: rgba(255, 255, 255, 0.25); -} - -.navbar-dark .navbar-nav .show > .nav-link, -.navbar-dark .navbar-nav .active > .nav-link, -.navbar-dark .navbar-nav .nav-link.show, -.navbar-dark .navbar-nav .nav-link.active { - color: white; -} - -.navbar-dark .navbar-toggler { - color: rgba(255, 255, 255, 0.5); - border-color: rgba(255, 255, 255, 0.1); - background: none; -} - -.navbar-dark .navbar-toggler-icon { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); -} - -.navbar-dark .navbar-text { - color: rgba(255, 255, 255, 0.5); -} - -.card { - background-color: #fff; - border: none; - border-radius: 0.625rem; - box-shadow: 0 0.46875rem 2.1875rem rgba(90, 97, 105, 0.1), 0 0.9375rem 1.40625rem rgba(90, 97, 105, 0.1), 0 0.25rem 0.53125rem rgba(90, 97, 105, 0.12), 0 0.125rem 0.1875rem rgba(90, 97, 105, 0.1); -} - -.card .card-text { - margin-bottom: 1.5625rem; -} - -.card a:hover { - text-decoration: none; -} - -.card-body { - padding: 1.875rem; -} - -.card-title { - font-weight: 500; - margin-bottom: 0.75rem; -} - -.card-link { - font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; -} - -.card-link + .card-link { - margin-left: 1.875rem; -} - -.card > .list-group:first-child .list-group-item:first-child { - border-top-left-radius: 0.625rem; - border-top-right-radius: 0.625rem; -} - -.card > .list-group:last-child .list-group-item:last-child { - border-bottom-right-radius: 0.625rem; - border-bottom-left-radius: 0.625rem; -} - -.card .list-group-item { - padding: 0.8125rem 1.875rem; -} - -.card-header { - padding: 1.09375rem 1.875rem; - background-color: rgba(90, 97, 105, 0.06); - border-bottom: none; -} - -.card-header:first-child { - border-radius: 0.625rem 0.625rem 0 0; -} - -.card-footer { - padding: 1.09375rem 1.875rem; - background-color: rgba(90, 97, 105, 0.06); - border-top: none; -} - -.card-footer:last-child { - border-radius: 0 0 0.625rem 0.625rem; -} - -.card-header-tabs { - margin-bottom: -1rem; - border-bottom: 0; -} - -.card-header-tabs .nav-link:hover { - border-bottom: transparent; -} - -.card-img-overlay { - padding: 1.875rem 2.1875rem; - background: rgba(90, 97, 105, 0.5); - border-radius: 0.625rem; -} - -.card-img-overlay .card-title { - color: #fff; -} - -.card-img { - border-radius: 0.625rem; -} - -.card-img-top { - border-top-left-radius: 0.625rem; - border-top-right-radius: 0.625rem; -} - -.card-img-bottom { - border-bottom-right-radius: 0.625rem; - border-bottom-left-radius: 0.625rem; -} - -@media (min-width: 576px) { - .card-deck { - margin-right: -0.9375rem; - margin-left: -0.9375rem; - } - .card-deck .card { - margin-right: 0.9375rem; - margin-left: 0.9375rem; - } -} - -@media (min-width: 576px) { - .card-group { - box-shadow: 0 0.46875rem 2.1875rem rgba(90, 97, 105, 0.1), 0 0.9375rem 1.40625rem rgba(90, 97, 105, 0.1), 0 0.25rem 0.53125rem rgba(90, 97, 105, 0.12), 0 0.125rem 0.1875rem rgba(90, 97, 105, 0.1); - border-bottom-right-radius: 0.625rem; - border-bottom-left-radius: 0.625rem; - } - .card-group .card { - box-shadow: none; - } - .card-group .card .card-body { - border-right: 1px solid #e7e9ea; - } - .card-group .card .card-footer { - border-radius: 0; - border-right: 1px solid #e7e9ea; - } - .card-group .card:first-child .card-footer { - border-bottom-left-radius: 0.625rem; - } - .card-group .card:last-child { - border-right: none; - } - .card-group .card:last-child .card-footer { - border-bottom-right-radius: 0.625rem; - border: none; - } - .card-group .card:first-child { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - } - .card-group .card:first-child .card-img-top { - border-top-right-radius: 0; - } - .card-group .card:first-child .card-img-bottom { - border-bottom-right-radius: 0; - } - .card-group .card:last-child { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - } - .card-group .card:last-child .card-img-top { - border-top-left-radius: 0; - } - .card-group .card:last-child .card-img-bottom { - border-bottom-left-radius: 0; - } - .card-group .card:not(:first-child):not(:last-child) { - border-radius: 0; - } - .card-group .card:not(:first-child):not(:last-child) .card-img-top, - .card-group .card:not(:first-child):not(:last-child) .card-img-bottom { - border-radius: 0; - } -} - -.card-columns .card { - margin-bottom: 2.1875rem; -} - -@media (min-width: 576px) { - .card-columns { - -webkit-column-count: 3; - column-count: 3; - -webkit-column-gap: 1.25rem; - column-gap: 1.25rem; - } -} - -.pagination { - border-radius: 0.375rem; - font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; - font-size: 0.875rem; -} - -.page-item { - box-shadow: 0 0.125rem 0.9375rem rgba(90, 97, 105, 0.1), 0 0.125rem 0.1875rem rgba(90, 97, 105, 0.15); -} - -.page-item:first-child { - border-top-left-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; - overflow: hidden; -} - -.page-item:last-child { - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; - overflow: hidden; -} - -.page-item:last-child .page-link { - border-right: none; -} - -.page-item.active .page-link { - color: #fff; - background-color: #007bff; - border-color: #007bff; -} - -.page-item.disabled .page-link { - color: #a8aeb4; - background-color: #fff; - border-color: #dfe1e3; -} - -.page-link { - padding: 0.5rem 0.75rem; - line-height: 1.25; - color: #007bff; - background-color: #fff; - border: none; - margin: 0; - border: none; - border-right: 1px solid #dfe1e3; - transition: all 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06); -} - -.page-link:focus, .page-link:hover { - color: #0056b3; - background-color: #f5f5f6; - border-color: #dfe1e3; -} - -.pagination-lg .page-link { - padding: 0.9375rem 1.5625rem; - font-size: 1rem; - line-height: 1.5; -} - -.pagination-lg .page-item:first-child .page-link { - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; -} - -.pagination-lg .page-item:last-child .page-link { - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; -} - -.pagination-sm .page-link { - padding: 0.25rem 0.6875rem; - font-size: 0.875rem; - line-height: 1.5; -} - -.pagination-sm .page-item:first-child .page-link { - border-top-left-radius: 0.2rem; - border-bottom-left-radius: 0.2rem; -} - -.pagination-sm .page-item:last-child .page-link { - border-top-right-radius: 0.2rem; - border-bottom-right-radius: 0.2rem; -} - -.badge { - padding: 0.375rem 0.5rem; - font-size: 75%; - font-weight: 500; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; - color: #fff; - border-radius: 0.375rem; -} - -a.badge { - transition: all 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06); -} - -.badge-pill { - border-radius: 10rem; -} - -.badge-squared { - border-radius: 0; -} - -.badge-primary { - color: #fff; - background-color: #007bff; -} - -.badge-primary[href]:focus, .badge-primary[href]:hover { - color: #fff; - text-decoration: none; - background-color: #0062cc; -} - -.badge-outline-primary { - background: none; - border: 1px solid #007bff; - color: #007bff; -} - -.badge-secondary { - color: #fff; - background-color: #5A6169; -} - -.badge-secondary[href]:focus, .badge-secondary[href]:hover { - color: #fff; - text-decoration: none; - background-color: #42484e; -} - -.badge-outline-secondary { - background: none; - border: 1px solid #5A6169; - color: #5A6169; -} - -.badge-success { - color: #fff; - background-color: #17c671; -} - -.badge-success[href]:focus, .badge-success[href]:hover { - color: #fff; - text-decoration: none; - background-color: #129857; -} - -.badge-outline-success { - background: none; - border: 1px solid #17c671; - color: #17c671; -} - -.badge-info { - color: #fff; - background-color: #00b8d8; -} - -.badge-info[href]:focus, .badge-info[href]:hover { - color: #fff; - text-decoration: none; - background-color: #008da5; -} - -.badge-outline-info { - background: none; - border: 1px solid #00b8d8; - color: #00b8d8; -} - -.badge-warning { - color: black; - background-color: #ffb400; -} - -.badge-warning[href]:focus, .badge-warning[href]:hover { - color: black; - text-decoration: none; - background-color: #cc9000; -} - -.badge-outline-warning { - background: none; - border: 1px solid #ffb400; - color: #ffb400; -} - -.badge-danger { - color: #fff; - background-color: #c4183c; -} - -.badge-danger[href]:focus, .badge-danger[href]:hover { - color: #fff; - text-decoration: none; - background-color: #97122e; -} - -.badge-outline-danger { - background: none; - border: 1px solid #c4183c; - color: #c4183c; -} - -.badge-light { - color: #3b4651; - background-color: #e9ecef; -} - -.badge-light[href]:focus, .badge-light[href]:hover { - color: #3b4651; - text-decoration: none; - background-color: #cbd3da; -} - -.badge-outline-light { - background: none; - border: 1px solid #e9ecef; - color: #e9ecef; - color: #3b4651; -} - -.badge-dark { - color: #fff; - background-color: #212529; -} - -.badge-dark[href]:focus, .badge-dark[href]:hover { - color: #fff; - text-decoration: none; - background-color: #0a0c0d; -} - -.badge-outline-dark { - background: none; - border: 1px solid #212529; - color: #212529; -} - -.jumbotron { - padding: 38px 42px; - margin-bottom: 2rem; - background-color: #eceeef; - border-radius: 0.5rem; -} - -@media (min-width: 576px) { - .jumbotron { - padding: 4rem 2rem; - } -} - -.alert { - padding: 0.75rem 1.25rem; - margin-bottom: 1rem; - border: none; - border-radius: 0; -} - -.alert-link { - font-weight: 500; -} - -.alert-dismissible .close { - top: -0.75rem; - right: -1.25rem; - padding: 0.75rem 1.25rem; - transition: all 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06); -} - -.alert-dismissible .close:hover { - cursor: pointer; -} - -.alert-primary { - color: #f5faff; - background-color: #007bff; -} - -.alert-primary .alert-link { - color: #f5faff; -} - -.alert-secondary { - color: #d9dcdf; - background-color: #5A6169; -} - -.alert-secondary .alert-link { - color: #d9dcdf; -} - -.alert-success { - color: #d7fae9; - background-color: #17c671; -} - -.alert-success .alert-link { - color: #d7fae9; -} - -.alert-info { - color: #cef8ff; - background-color: #00b8d8; -} - -.alert-info .alert-link { - color: #cef8ff; -} - -.alert-warning { - color: #fffcf5; - background-color: #ffb400; -} - -.alert-warning .alert-link { - color: #fffcf5; -} - -.alert-danger { - color: #fad7de; - background-color: #c4183c; -} - -.alert-danger .alert-link { - color: #fad7de; -} - -.alert-light { - color: white; - background-color: #e9ecef; - color: #3b4651; -} - -.alert-light .alert-link { - color: white; -} - -.alert-light .alert-link { - color: #3b4651; -} - -.alert-dark { - color: #959faa; - background-color: #212529; -} - -.alert-dark .alert-link { - color: #959faa; -} - -.progress-wrapper { - position: relative; - color: #5A6169; -} - -.progress-wrapper .progress-label { - font-size: 0.8125rem; -} - -.progress-wrapper .progress-value { - position: absolute; - top: 6px; - right: 0; - color: #5A6169; -} - -.progress { - font-size: 0.625rem; - line-height: 0.625rem; - background-color: #f5f5f6; - margin-top: 6px; - border-radius: 1.25rem; - box-shadow: inset 0 0.1rem 0.1rem rgba(90, 97, 105, 0.15); -} - -.progress-sm { - height: 0.3125rem; -} - -.progress-lg { - height: 0.9375rem; -} - -.progress-lg .progress-bar { - height: 0.9375rem; -} - -.progress-bar { - height: 0.625rem; - line-height: 0.625rem; - color: #fff; - background-color: #007bff; - transition: width 0.6s ease; -} - -.progress-bar-striped { - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-size: 0.625rem 0.625rem; -} - -.progress-bar-animated { - -webkit-animation: progress-bar-stripes 1s linear infinite; - animation: progress-bar-stripes 1s linear infinite; -} - -.list-group-item-action { - color: #5A6169; - transition: all 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06); -} - -.list-group-item-action:focus, .list-group-item-action:hover { - color: #5A6169; - background-color: #f7f8f8; -} - -.list-group-item-action:active { - color: #5A6169; - background-color: #eceeef; -} - -.list-group-item { - padding: 0.75rem 1.25rem; - margin-bottom: -1px; - background-color: #fff; - border: 1px solid rgba(0, 0, 0, 0.125); -} - -.list-group-item:first-child { - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; -} - -.list-group-item:last-child { - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; -} - -.list-group-item.disabled, .list-group-item:disabled { - color: #868e96; - background-color: #fff; -} - -.list-group-item.active { - color: #fff; - background-color: #007bff; - border-color: #007bff; -} - -.list-group-item-primary { - color: #004085; - background-color: #b8daff; -} - -a.list-group-item-primary, -button.list-group-item-primary { - color: #004085; -} - -a.list-group-item-primary:focus, a.list-group-item-primary:hover, -button.list-group-item-primary:focus, -button.list-group-item-primary:hover { - color: #004085; - background-color: #9fcdff; -} - -a.list-group-item-primary.active, -button.list-group-item-primary.active { - background-color: #004085; - border-color: #004085; -} - -.list-group-item-secondary { - color: #2f3237; - background-color: #d1d3d5; -} - -a.list-group-item-secondary, -button.list-group-item-secondary { - color: #2f3237; -} - -a.list-group-item-secondary:focus, a.list-group-item-secondary:hover, -button.list-group-item-secondary:focus, -button.list-group-item-secondary:hover { - color: #2f3237; - background-color: #c4c6c9; -} - -a.list-group-item-secondary.active, -button.list-group-item-secondary.active { - background-color: #2f3237; - border-color: #2f3237; -} - -.list-group-item-success { - color: #0c673b; - background-color: #beefd7; -} - -a.list-group-item-success, -button.list-group-item-success { - color: #0c673b; -} - -a.list-group-item-success:focus, a.list-group-item-success:hover, -button.list-group-item-success:focus, -button.list-group-item-success:hover { - color: #0c673b; - background-color: #aaeaca; -} - -a.list-group-item-success.active, -button.list-group-item-success.active { - background-color: #0c673b; - border-color: #0c673b; -} - -.list-group-item-info { - color: #006070; - background-color: #b8ebf4; -} - -a.list-group-item-info, -button.list-group-item-info { - color: #006070; -} - -a.list-group-item-info:focus, a.list-group-item-info:hover, -button.list-group-item-info:focus, -button.list-group-item-info:hover { - color: #006070; - background-color: #a2e5f1; -} - -a.list-group-item-info.active, -button.list-group-item-info.active { - background-color: #006070; - border-color: #006070; -} - -.list-group-item-warning { - color: #855e00; - background-color: #ffeab8; -} - -a.list-group-item-warning, -button.list-group-item-warning { - color: #855e00; -} - -a.list-group-item-warning:focus, a.list-group-item-warning:hover, -button.list-group-item-warning:focus, -button.list-group-item-warning:hover { - color: #855e00; - background-color: #ffe29f; -} - -a.list-group-item-warning.active, -button.list-group-item-warning.active { - background-color: #855e00; - border-color: #855e00; -} - -.list-group-item-danger { - color: #660c1f; - background-color: #eebec8; -} - -a.list-group-item-danger, -button.list-group-item-danger { - color: #660c1f; -} - -a.list-group-item-danger:focus, a.list-group-item-danger:hover, -button.list-group-item-danger:focus, -button.list-group-item-danger:hover { - color: #660c1f; - background-color: #e9aab7; -} - -a.list-group-item-danger.active, -button.list-group-item-danger.active { - background-color: #660c1f; - border-color: #660c1f; -} - -.list-group-item-light { - color: #797b7c; - background-color: #f9fafb; -} - -a.list-group-item-light, -button.list-group-item-light { - color: #797b7c; -} - -a.list-group-item-light:focus, a.list-group-item-light:hover, -button.list-group-item-light:focus, -button.list-group-item-light:hover { - color: #797b7c; - background-color: #eaedf1; -} - -a.list-group-item-light.active, -button.list-group-item-light.active { - background-color: #797b7c; - border-color: #797b7c; -} - -.list-group-item-dark { - color: #111315; - background-color: #c1c2c3; -} - -a.list-group-item-dark, -button.list-group-item-dark { - color: #111315; -} - -a.list-group-item-dark:focus, a.list-group-item-dark:hover, -button.list-group-item-dark:focus, -button.list-group-item-dark:hover { - color: #111315; - background-color: #b4b5b6; -} - -a.list-group-item-dark.active, -button.list-group-item-dark.active { - background-color: #111315; - border-color: #111315; -} - -.close { - font-size: 1.5rem; - font-weight: 500; - color: #8c949d; - text-shadow: none; - transition: all 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06); -} - -.close:focus, .close:hover { - color: #8c949d; -} - -.modal.fade .modal-dialog { - transition: -webkit-transform 0.3s ease-out; - transition: transform 0.3s ease-out; - transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -} - -.modal-dialog { - margin: 0.625rem; -} - -.modal-content { - background-color: #fff; - border: none; - border-radius: 0.5rem; - box-shadow: 0 0.46875rem 2.1875rem rgba(90, 97, 105, 0.1), 0 0.9375rem 1.40625rem rgba(90, 97, 105, 0.1), 0 0.25rem 0.53125rem rgba(90, 97, 105, 0.12), 0 0.125rem 0.1875rem rgba(90, 97, 105, 0.1); -} - -.modal-backdrop { - z-index: 1040; - background-color: #5A6169; -} - -.modal-backdrop.show { - opacity: 0.12; -} - -.modal-header { - padding: 0.9375rem 2.1875rem; - border-bottom: 1px solid #dfe1e3; -} - -.modal-title { - line-height: 1.5; -} - -.modal-body { - padding: 1.875rem 2.1875rem; -} - -.modal-footer { - padding: 0.9375rem 2.1875rem; - border-top: 1px solid #dfe1e3; -} - -@media (min-width: 576px) { - .modal-dialog { - max-width: 500px; - margin: 1.875rem auto; - } - .modal-content { - box-shadow: 0 0.46875rem 2.1875rem rgba(90, 97, 105, 0.1), 0 0.9375rem 1.40625rem rgba(90, 97, 105, 0.1), 0 0.25rem 0.53125rem rgba(90, 97, 105, 0.12), 0 0.125rem 0.1875rem rgba(90, 97, 105, 0.1); - } - .modal-sm { - max-width: 300px; - } -} - -@media (min-width: 992px) { - .modal-lg { - max-width: 800px; - } -} - -.tooltip { - z-index: 1070; - margin: 0; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; - font-weight: 300; - line-height: 1.5; - font-size: 0.875rem; -} - -.tooltip.show { - opacity: 1; -} - -.tooltip .arrow { - width: 5px; - height: 5px; -} - -.tooltip.bs-tooltip-top, .tooltip.bs-tooltip-auto[x-placement^="top"] { - padding: 5px 0; -} - -.tooltip.bs-tooltip-top .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before { - margin-left: -3px; - border-width: 5px 5px 0; - border-top-color: #fff; -} - -.tooltip.bs-tooltip-right, .tooltip.bs-tooltip-auto[x-placement^="right"] { - padding: 0 5px; -} - -.tooltip.bs-tooltip-right .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before { - margin-top: -3px; - border-width: 5px 5px 5px 0; - border-right-color: #fff; -} - -.tooltip.bs-tooltip-bottom, .tooltip.bs-tooltip-auto[x-placement^="bottom"] { - padding: 5px 0; -} - -.tooltip.bs-tooltip-bottom .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { - margin-left: -3px; - border-width: 0 5px 5px; - border-bottom-color: #fff; -} - -.tooltip.bs-tooltip-left, .tooltip.bs-tooltip-auto[x-placement^="left"] { - padding: 0 5px; -} - -.tooltip.bs-tooltip-left .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before { - margin-top: -3px; - border-width: 5px 0 5px 5px; - border-left-color: #fff; -} - -.tooltip-inner { - max-width: 200px; - padding: 7px 13px; - color: #5A6169; - background-color: #fff; - border-radius: 0.375rem; - box-shadow: 0 3px 15px rgba(90, 97, 105, 0.1), 0 2px 3px rgba(90, 97, 105, 0.2); -} - -.popover { - z-index: 1060; - max-width: 276px; - padding: 0; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; - font-weight: 300; - line-height: 1.5; - font-size: 0.875rem; - background-color: #fff; - border: none; - border-radius: 0.5rem; - box-shadow: 0 3px 15px rgba(90, 97, 105, 0.1), 0 2px 3px rgba(90, 97, 105, 0.2); -} - -.popover .arrow { - width: 10px; - height: 5px; -} - -.popover .arrow::before { - border-width: 11px; -} - -.popover .arrow::after { - border-width: 11px; -} - -.popover.bs-popover-top, .popover.bs-popover-auto[x-placement^="top"] { - margin-bottom: 10px; -} - -.popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before { - bottom: -11px; - margin-left: -6px; - border-top-color: rgba(0, 0, 0, 0.05); -} - -.popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after { - bottom: -10px; - margin-left: -6px; - border-top-color: #fff; -} - -.popover.bs-popover-right, .popover.bs-popover-auto[x-placement^="right"] { - margin-left: 10px; -} - -.popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before, -.popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after { - margin-top: -8px; -} - -.popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before { - left: -11px; - border-right-color: rgba(0, 0, 0, 0.05); -} - -.popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after { - left: -10px; - border-right-color: #fff; -} - -.popover.bs-popover-bottom, .popover.bs-popover-auto[x-placement^="bottom"] { - margin-top: 10px; -} - -.popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before, -.popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after { - margin-left: -7px; -} - -.popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before { - top: -11px; - border-bottom-color: rgba(0, 0, 0, 0.05); -} - -.popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after { - top: -10px; - border-bottom-color: #fff; -} - -.popover.bs-popover-bottom .popover-header::before, .popover.bs-popover-auto[x-placement^="bottom"] .popover-header::before { - border-bottom: 1px solid #f5f5f6; -} - -.popover.bs-popover-left, .popover.bs-popover-auto[x-placement^="left"] { - margin-right: 10px; -} - -.popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before, -.popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after { - margin-top: -8px; -} - -.popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before { - right: -11px; - border-left-color: rgba(0, 0, 0, 0.05); -} - -.popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after { - right: -10px; - border-left-color: #fff; -} - -.popover-header { - padding: 14px 20px; - font-size: 14px; - line-height: 14px; - color: #212529; - background-color: #f5f5f6; - border-bottom: 1px solid #e7e9ea; - border-top-left-radius: calc(0.5rem - 1px); - border-top-right-radius: calc(0.5rem - 1px); -} - -.popover-body { - padding: 15px 20px; - color: #5A6169; -} - -.carousel { - box-shadow: 0 0.46875rem 2.1875rem rgba(90, 97, 105, 0.1), 0 0.9375rem 1.40625rem rgba(90, 97, 105, 0.1), 0 0.25rem 0.53125rem rgba(90, 97, 105, 0.12), 0 0.125rem 0.1875rem rgba(90, 97, 105, 0.1); -} - -.carousel-item { - transition: -webkit-transform 0.6s ease; - transition: transform 0.6s ease; - transition: transform 0.6s ease, -webkit-transform 0.6s ease; -} - -.carousel-control-prev, -.carousel-control-next { - width: 15%; - color: #fff; - opacity: 0.5; -} - -.carousel-control-prev:focus, .carousel-control-prev:hover, -.carousel-control-next:focus, -.carousel-control-next:hover { - color: #fff; -} - -.carousel-control-prev-icon, -.carousel-control-next-icon { - width: 20px; - height: 20px; -} - -.carousel-control-prev-icon { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); -} - -.carousel-control-next-icon { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); -} - -.carousel-indicators { - margin-right: 15%; - margin-left: 15%; -} - -.carousel-indicators li { - width: 30px; - height: 3px; - margin-right: 3px; - margin-left: 3px; - background-color: rgba(255, 255, 255, 0.5); - border-radius: 3px; -} - -.carousel-indicators .active { - background-color: #fff; -} - -.carousel-caption { - right: 15%; - left: 15%; - color: #fff; -} - -.carousel-caption * { - color: #fff; -} - -.noUi-target, -.noUi-target * { - -webkit-touch-callout: none; - -webkit-tap-highlight-color: transparent; - -webkit-user-select: none; - -ms-touch-action: none; - touch-action: none; - -ms-user-select: none; - -moz-user-select: none; - user-select: none; - box-sizing: border-box; -} - -.noUi-target { - position: relative; - background: #eceeef; - border-radius: 5px; - box-shadow: inset 0 1px 2px rgba(90, 97, 105, 0.1); - margin: 35px 0; -} - -.noUi-target :focus { - outline: 0; - box-shadow: 0 0 8px rgba(0, 123, 255, 0.65), 0 3px 15px rgba(90, 97, 105, 0.1), 0 2px 3px rgba(90, 97, 105, 0.2); -} - -.noUi-base { - width: 100%; - height: 100%; - position: relative; - z-index: 1; -} - -.noUi-connect { - position: absolute; - right: 0; - top: 0; - left: 0; - bottom: 0; - background: #007bff; - border-radius: 5px; -} - -.noUi-origin { - position: absolute; - height: 0; - width: 0; -} - -.noUi-handle { - position: relative; - z-index: 1; - border: 1px solid #e7e9ea; - border-radius: 50%; - width: 23px; - height: 23px; - box-shadow: 0 3px 15px rgba(90, 97, 105, 0.1), 0 2px 3px rgba(90, 97, 105, 0.2); - background: #fff; - transition: all 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06); -} - -.noUi-handle:hover { - cursor: grab; - cursor: -webkit-grab; - cursor: -moz-grab; -} - -.noUi-handle:active { - cursor: grabbing; - cursor: -webkit-grabbing; - cursor: -moz-grabbing; -} - -.noUi-handle:after { - left: 17px; -} - -.noUi-horizontal { - height: 5px; -} - -.noUi-horizontal .noUi-handle { - left: -11.5px; - top: -10px; -} - -.noUi-horizontal .noUi-tooltip { - -webkit-transform: translate(-50%, 0); - transform: translate(-50%, 0); - left: 50%; - bottom: 30px; -} - -.noUi-vertical { - width: 5px; -} - -.noUi-vertical .noUi-handle { - left: -10px; - top: -11.5px; -} - -.noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after { - width: 14px; - height: 1px; - left: 6px; - top: 14px; -} - -.noUi-vertical .noUi-handle:after { - top: 17px; -} - -.noUi-vertical .noUi-tooltip { - -webkit-transform: translate(0, -50%); - transform: translate(0, -50%); - top: 50%; - right: 30px; -} - -.noUi-draggable { - cursor: ew-resize; -} - -.noUi-vertical .noUi-draggable { - cursor: ns-resize; -} - -.noUi-active { - -webkit-transform: scale(1.1); - transform: scale(1.1); -} - -[disabled] .noUi-connect { - background: #B8B8B8; -} - -[disabled].noUi-target, -[disabled].noUi-handle, -[disabled] .noUi-handle { - cursor: not-allowed; -} - -[disabled] .noUi-handle { - background: #f2f3f4; -} - -[disabled] .noUi-handle:focus { - box-shadow: 0 3px 15px rgba(90, 97, 105, 0.1), 0 2px 3px rgba(90, 97, 105, 0.2); -} - -.noUi-pips, -.noUi-pips * { - box-sizing: border-box; -} - -.noUi-pips { - position: absolute; - color: #a8aeb4; - font-size: 12px; -} - -.noUi-value { - position: absolute; - white-space: nowrap; - text-align: center; -} - -.noUi-value-sub { - color: #a8aeb4; - font-size: 10px; -} - -.noUi-marker { - position: absolute; - background: #a8aeb4; -} - -.noUi-marker-sub { - background: #a8aeb4; -} - -.noUi-marker-large { - background: #a8aeb4; -} - -.noUi-pips-horizontal { - padding: 10px 0; - height: auto; - top: 100%; - left: 0; - width: 100%; -} - -.noUi-value-horizontal { - -webkit-transform: translate3d(-50%, 50%, 0); - transform: translate3d(-50%, 50%, 0); -} - -.noUi-marker-horizontal.noUi-marker { - margin-left: -1px; - width: 1px; - height: 4px; -} - -.noUi-marker-horizontal.noUi-marker-sub { - height: 5px; -} - -.noUi-marker-horizontal.noUi-marker-large { - height: 7px; -} - -.noUi-pips-vertical { - padding: 0 10px; - height: 100%; - top: 0; - left: 100%; -} - -.noUi-value-vertical { - -webkit-transform: translate3d(0, -50%, 0); - transform: translate3d(0, -50%, 0); - padding-left: 25px; -} - -.noUi-marker-vertical.noUi-marker { - width: 5px; - height: 2px; - margin-top: -1px; -} - -.noUi-marker-vertical.noUi-marker-sub { - width: 10px; -} - -.noUi-marker-vertical.noUi-marker-large { - width: 15px; -} - -.noUi-tooltip { - display: block; - position: absolute; - text-align: center; - white-space: nowrap; - border-radius: 0.375rem; - border-radius: 0.375rem; - background: #fff; - color: #5A6169; - box-shadow: 0 3px 15px rgba(90, 97, 105, 0.1), 0 2px 3px rgba(90, 97, 105, 0.2); - font-size: 0.75rem; - padding: 5px 10px; -} - -.slider-primary .noUi-connect { - background: #007bff; -} - -.slider-secondary .noUi-connect { - background: #5A6169; -} - -.slider-success .noUi-connect { - background: #17c671; -} - -.slider-info .noUi-connect { - background: #00b8d8; -} - -.slider-warning .noUi-connect { - background: #ffb400; -} - -.slider-danger .noUi-connect { - background: #c4183c; -} - -.slider-light .noUi-connect { - background: #e9ecef; -} - -.slider-dark .noUi-connect { - background: #212529; -} - -.datepicker { - border-radius: 0.625rem; - direction: ltr; -} - -.datepicker-inline { - width: 220px; -} - -.datepicker-rtl { - direction: rtl; -} - -.datepicker-rtl.dropdown-menu { - left: auto; -} - -.datepicker-rtl table tr td span { - float: right; -} - -.datepicker-dropdown { - top: 0; - left: 0; - padding: 20px 22px; -} - -.datepicker-dropdown:before, .datepicker-dropdown:after { - content: ''; - display: inline-block; - border-top: 0; - position: absolute; -} - -.datepicker-dropdown:before { - border-left: 7px solid transparent; - border-right: 7px solid transparent; - border-bottom: 7px solid #c3c7cc; - border-bottom-color: rgba(0, 0, 0, 0.2); -} - -.datepicker-dropdown:after { - border-left: 6px solid transparent; - border-right: 6px solid transparent; - border-bottom: 6px solid #fff; -} - -.datepicker-dropdown.datepicker-orient-left:before { - left: 6px; -} - -.datepicker-dropdown.datepicker-orient-left:after { - left: 7px; -} - -.datepicker-dropdown.datepicker-orient-right:before { - right: 6px; -} - -.datepicker-dropdown.datepicker-orient-right:after { - right: 7px; -} - -.datepicker-dropdown.datepicker-orient-bottom:before { - top: -7px; -} - -.datepicker-dropdown.datepicker-orient-bottom:after { - top: -6px; -} - -.datepicker-dropdown.datepicker-orient-top:before { - bottom: -7px; - border-bottom: 0; - border-top: 7px solid #c3c7cc; -} - -.datepicker-dropdown.datepicker-orient-top:after { - bottom: -6px; - border-bottom: 0; - border-top: 6px solid #fff; -} - -.datepicker table { - margin: 0; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.datepicker table tr td { - border-radius: 50%; -} - -.datepicker table tr th { - border-radius: 0.375rem; - font-weight: 500; -} - -.datepicker table tr td, .datepicker table tr th { - transition: all 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06); - width: 36px; - height: 36px; - border: none; - text-align: center; -} - -.table-striped .datepicker table tr td, .table-striped .datepicker table tr th { - background-color: transparent; -} - -.datepicker table tr td.old, .datepicker table tr td.new { - color: #c3c7cc; -} - -.datepicker table tr td.day:hover, .datepicker table tr td.focused { - background: #eceeef; - cursor: pointer; -} - -.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { - background: none; - color: #e7e9ea; - cursor: default; -} - -.datepicker table tr td.highlighted { - border-radius: 0; -} - -.datepicker table tr td.highlighted.focused { - background: #007bff; -} - -.datepicker table tr td.highlighted.disabled, .datepicker table tr td.highlighted.disabled:active { - background: #007bff; - color: #5A6169; -} - -.datepicker table tr td.today { - background: #e6f2ff; -} - -.datepicker table tr td.today.focused { - background: #f5f5f6; -} - -.datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:active { - background: #f5f5f6; - color: #868e96; -} - -.datepicker table tr td.range { - background: #007bff; - color: #fff; - border-radius: 0; -} - -.datepicker table tr td.range.focused { - background: #0067d6; -} - -.datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:active, .datepicker table tr td.range.day.disabled:hover { - background: #0062cc; - color: #3395ff; -} - -.datepicker table tr td.range.highlighted.focused { - background: #cbd3da; -} - -.datepicker table tr td.range.highlighted.disabled, .datepicker table tr td.range.highlighted.disabled:active { - background: #e9ecef; - color: #e7e9ea; -} - -.datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:active { - background: #007bff; - color: #fff; -} - -.datepicker table tr td.day.range-start { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -.datepicker table tr td.day.range-end { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -.datepicker table tr td.day.range-start.range-end { - border-radius: 50%; -} - -.datepicker table tr td.selected, .datepicker table tr td.selected.highlighted, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.highlighted:hover, .datepicker table tr td.day.range:hover { - background: #007bff; - color: #fff; -} - -.datepicker table tr td.active, .datepicker table tr td.active.highlighted, .datepicker table tr td.active:hover, .datepicker table tr td.active.highlighted:hover { - background: #007bff; - color: #fff; -} - -.datepicker table tr td span { - display: block; - width: 23%; - height: 54px; - line-height: 54px; - float: left; - margin: 1%; - cursor: pointer; - border-radius: 4px; -} - -.datepicker table tr td span:hover, .datepicker table tr td span.focused { - background: #e9ecef; -} - -.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { - background: none; - color: #e7e9ea; - cursor: default; -} - -.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); -} - -.datepicker table tr td span.old, .datepicker table tr td span.new { - color: #868e96; -} - -.datepicker .datepicker-switch { - width: 145px; -} - -.datepicker .datepicker-switch, -.datepicker .prev, -.datepicker .next, -.datepicker tfoot tr th { - cursor: pointer; -} - -.datepicker .datepicker-switch:hover, -.datepicker .prev:hover, -.datepicker .next:hover, -.datepicker tfoot tr th:hover { - background: #e9ecef; -} - -.datepicker .prev.disabled, .datepicker .next.disabled { - visibility: hidden; -} - -.datepicker .cw { - font-size: 10px; - width: 12px; - padding: 0 2px 0 5px; - vertical-align: middle; -} - -.input-daterange input { - text-align: center; -} - -.bg-primary { - background-color: #007bff !important; -} - -.bg-primary.card .card-title, -.bg-primary.card .card-body, -.bg-primary.card .card-header, -.bg-primary.card .card-footer { - color: #fff; -} - -.bg-primary.card .card-header, -.bg-primary.card .card-footer { - background: #0074f0; -} - -a.bg-primary:focus, a.bg-primary:hover { - background-color: #0062cc !important; -} - -.bg-secondary { - background-color: #5A6169 !important; -} - -.bg-secondary.card .card-title, -.bg-secondary.card .card-body, -.bg-secondary.card .card-header, -.bg-secondary.card .card-footer { - color: #fff; -} - -.bg-secondary.card .card-header, -.bg-secondary.card .card-footer { - background: #535961; -} - -a.bg-secondary:focus, a.bg-secondary:hover { - background-color: #42484e !important; -} - -.bg-success { - background-color: #17c671 !important; -} - -.bg-success.card .card-title, -.bg-success.card .card-body, -.bg-success.card .card-header, -.bg-success.card .card-footer { - color: #fff; -} - -.bg-success.card .card-header, -.bg-success.card .card-footer { - background: #15b869; -} - -a.bg-success:focus, a.bg-success:hover { - background-color: #129857 !important; -} - -.bg-info { - background-color: #00b8d8 !important; -} - -.bg-info.card .card-title, -.bg-info.card .card-body, -.bg-info.card .card-header, -.bg-info.card .card-footer { - color: #fff; -} - -.bg-info.card .card-header, -.bg-info.card .card-footer { - background: #00abc9; -} - -a.bg-info:focus, a.bg-info:hover { - background-color: #008da5 !important; -} - -.bg-warning { - background-color: #ffb400 !important; -} - -.bg-warning.card .card-title, -.bg-warning.card .card-body, -.bg-warning.card .card-header, -.bg-warning.card .card-footer { - color: black; -} - -.bg-warning.card .card-header, -.bg-warning.card .card-footer { - background: #f0a900; -} - -a.bg-warning:focus, a.bg-warning:hover { - background-color: #cc9000 !important; -} - -.bg-danger { - background-color: #c4183c !important; -} - -.bg-danger.card .card-title, -.bg-danger.card .card-body, -.bg-danger.card .card-header, -.bg-danger.card .card-footer { - color: #fff; -} - -.bg-danger.card .card-header, -.bg-danger.card .card-footer { - background: #b61638; -} - -a.bg-danger:focus, a.bg-danger:hover { - background-color: #97122e !important; -} - -.bg-light { - background-color: #e9ecef !important; -} - -.bg-light.card .card-title, -.bg-light.card .card-body, -.bg-light.card .card-header, -.bg-light.card .card-footer { - color: #3b4651; -} - -.bg-light.card .card-header, -.bg-light.card .card-footer { - background: #e0e4e9; -} - -a.bg-light:focus, a.bg-light:hover { - background-color: #cbd3da !important; -} - -.bg-dark { - background-color: #212529 !important; -} - -.bg-dark.card .card-title, -.bg-dark.card .card-body, -.bg-dark.card .card-header, -.bg-dark.card .card-footer { - color: #fff; -} - -.bg-dark.card .card-header, -.bg-dark.card .card-footer { - background: #1a1d21; -} - -a.bg-dark:focus, a.bg-dark:hover { - background-color: #0a0c0d !important; -} - -.border-primary { - border-color: #007bff !important; -} - -.border-secondary { - border-color: #5A6169 !important; -} - -.border-success { - border-color: #17c671 !important; -} - -.border-info { - border-color: #00b8d8 !important; -} - -.border-warning { - border-color: #ffb400 !important; -} - -.border-danger { - border-color: #c4183c !important; -} - -.border-light { - border-color: #e9ecef !important; -} - -.border-dark { - border-color: #212529 !important; -} - -.rounded { - border-radius: 0.375rem !important; -} - -.rounded-top { - border-top-left-radius: 0.375rem !important; - border-top-right-radius: 0.375rem !important; -} - -.rounded-right { - border-top-right-radius: 0.375rem !important; - border-bottom-right-radius: 0.375rem !important; -} - -.rounded-bottom { - border-bottom-right-radius: 0.375rem !important; - border-bottom-left-radius: 0.375rem !important; -} - -.rounded-left { - border-top-left-radius: 0.375rem !important; - border-bottom-left-radius: 0.375rem !important; -} - -.fixed-top { - z-index: 1030; -} - -.fixed-bottom { - z-index: 1030; -} - -@supports ((position: -webkit-sticky) or (position: sticky)) { - .sticky-top { - z-index: 1020; - } -} - -.font-weight-normal { - font-weight: 300; -} - -.font-weight-bold { - font-weight: 500; -} - -.text-primary { - color: #007bff !important; -} - -a.text-primary:focus, a.text-primary:hover { - color: #0062cc !important; -} - -.text-secondary { - color: #5A6169 !important; -} - -a.text-secondary:focus, a.text-secondary:hover { - color: #42484e !important; -} - -.text-success { - color: #17c671 !important; -} - -a.text-success:focus, a.text-success:hover { - color: #129857 !important; -} - -.text-info { - color: #00b8d8 !important; -} - -a.text-info:focus, a.text-info:hover { - color: #008da5 !important; -} - -.text-warning { - color: #ffb400 !important; -} - -a.text-warning:focus, a.text-warning:hover { - color: #cc9000 !important; -} - -.text-danger { - color: #c4183c !important; -} - -a.text-danger:focus, a.text-danger:hover { - color: #97122e !important; -} - -.text-light { - color: #e9ecef !important; -} - -a.text-light:focus, a.text-light:hover { - color: #cbd3da !important; -} - -.text-dark { - color: #212529 !important; -} - -a.text-dark:focus, a.text-dark:hover { - color: #0a0c0d !important; -} - -.text-white { - color: #fff; -} - -a.text-white:focus, a.text-white:hover { - color: #e6e6e6 !important; -} - -.text-black { - color: #000; -} - -a.text-black:focus, a.text-black:hover { - color: black !important; -} - -.text-muted { - color: #868e96 !important; -} - -.reset-list { - margin: 0; - padding: 0; - list-style: none; -} - -.with-shadows { - box-shadow: 0 0.46875rem 2.1875rem rgba(90, 97, 105, 0.1), 0 0.9375rem 1.40625rem rgba(90, 97, 105, 0.1), 0 0.25rem 0.53125rem rgba(90, 97, 105, 0.12), 0 0.125rem 0.1875rem rgba(90, 97, 105, 0.1); -} -/*# sourceMappingURL=shards.css.map */ diff --git a/public/favicon.png b/public/favicon.png deleted file mode 100644 index e221436..0000000 Binary files a/public/favicon.png and /dev/null differ diff --git a/public/index.html b/public/index.html deleted file mode 100644 index b3659ca..0000000 --- a/public/index.html +++ /dev/null @@ -1,81 +0,0 @@ - - - - - - Projectwise - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - diff --git a/public/manifest.json b/public/manifest.json deleted file mode 100644 index ef19ec2..0000000 --- a/public/manifest.json +++ /dev/null @@ -1,15 +0,0 @@ -{ - "short_name": "React App", - "name": "Create React App Sample", - "icons": [ - { - "src": "favicon.ico", - "sizes": "64x64 32x32 24x24 16x16", - "type": "image/x-icon" - } - ], - "start_url": "./index.html", - "display": "standalone", - "theme_color": "#000000", - "background_color": "#ffffff" -} diff --git a/src/App.js b/src/App.js deleted file mode 100644 index 06a278c..0000000 --- a/src/App.js +++ /dev/null @@ -1,21 +0,0 @@ -import React from 'react' -import { BrowserRouter as Router } from 'react-router-dom' -import { Provider } from 'react-redux' - -import './styles/react-select.css' -import './styles/App.css' - -import Root from './screens/Root' -import store from './store' - -const App = () => { - return ( - - - - - - ) -} - -export default App diff --git a/src/App.test.js b/src/App.test.js deleted file mode 100644 index b84af98..0000000 --- a/src/App.test.js +++ /dev/null @@ -1,8 +0,0 @@ -import React from 'react'; -import ReactDOM from 'react-dom'; -import App from './App'; - -it('renders without crashing', () => { - const div = document.createElement('div'); - ReactDOM.render(, div); -}); diff --git a/src/api/index.js b/src/api/index.js deleted file mode 100644 index b863282..0000000 --- a/src/api/index.js +++ /dev/null @@ -1,57 +0,0 @@ -import axios from 'axios' -import qs from 'qs' - -const PUBLIC_URI = process.env.NODE_ENV === 'production' - ? process.env.PUBLIC_URL - : 'http://localhost:8080' - -class API { - constructor () { - this.axios = axios.create({ - baseURL: `${PUBLIC_URI}/api` - }) - this.githubAuthUrl = `https://github.com/login/oauth/authorize?${qs.stringify({ - client_id: process.env.REACT_APP_GITHUB_CLIENT_ID, - redirect_uri: window.location.origin + '/auth/github/callback', - scope: 'user' - })}` - } - setAuthHeader (token) { - this.axios.defaults.headers.common['Authorization'] = `bearer ${token}` - } - removeAuthHeader () { - delete this.axios.defaults.headers.common['Authorization'] - } - signup (userDetails) { - return this.axios.post('/signup', userDetails) - } - githubToken (code) { - return this.axios.get(`/auth/token/github?code=${code}`) - } - githubAuthenticate (accessToken) { - return this.axios.get(`/auth/github?access_token=${accessToken}`) - } - login (userDetails) { - return this.axios.post('/login', userDetails) - } - getProjects (query) { - return this.axios.get('/projects', query) - } - getProject (projectId) { - return this.axios.get(`/projects/${projectId}`) - } - likeProject (projectId) { - return this.axios.post(`/projects/${projectId}/like`) - } - dislikeProject (projectId) { - return this.axios.delete(`/projects/${projectId}/like`) - } - addProject (projectDetails) { - return this.axios.post('/projects', projectDetails) - } - getCategories () { - return this.axios.get('/categories') - } -} - -export default new API() diff --git a/src/assets/images/logo-dashboard.png b/src/assets/images/logo-dashboard.png deleted file mode 100644 index a893685..0000000 Binary files a/src/assets/images/logo-dashboard.png and /dev/null differ diff --git a/src/assets/images/logo.png b/src/assets/images/logo.png deleted file mode 100644 index 68994f3..0000000 Binary files a/src/assets/images/logo.png and /dev/null differ diff --git a/src/components/Badge/index.js b/src/components/Badge/index.js deleted file mode 100644 index 04f64fc..0000000 --- a/src/components/Badge/index.js +++ /dev/null @@ -1,13 +0,0 @@ -import { Badge as RBadge } from 'reactstrap' -import styled from 'styled-components' - -const Badge = styled(RBadge)` - border-radius: 2px; - margin-left: 4px; - margin-right: 4px; - &:first-child: { - margin-left: 0 - } -` - -export default Badge diff --git a/src/components/Banner/index.js b/src/components/Banner/index.js deleted file mode 100644 index 407b603..0000000 --- a/src/components/Banner/index.js +++ /dev/null @@ -1,16 +0,0 @@ -import React, { Component } from 'react' -import postscribe from 'postscribe' - -class Banner extends Component { - componentDidMount () { - postscribe('#amx-banner', ``) - } - - render () { - return ( -
- ) - } -} - -export default Banner diff --git a/src/components/Container/index.js b/src/components/Container/index.js deleted file mode 100644 index 21797cb..0000000 --- a/src/components/Container/index.js +++ /dev/null @@ -1,10 +0,0 @@ -import { Container } from 'reactstrap' -import styled from 'styled-components' - -import colors from '../../styles/colors' - -export default styled(Container)` - background-color: ${props => props.color || colors.light}; - ${props => props.fluid ? 'padding-left: 0px;' : null} - ${props => props.fluid ? 'padding-right: 0px' : null} -` diff --git a/src/components/Footer/index.js b/src/components/Footer/index.js deleted file mode 100644 index fe32427..0000000 --- a/src/components/Footer/index.js +++ /dev/null @@ -1,62 +0,0 @@ -import React, { Component } from 'react' -import styled from 'styled-components' -import { - Navbar as RNavbar, - Nav, - NavItem as RNavItem -} from 'reactstrap' - -import Container from '../Container' -import colors from '../../styles/colors' - -const Navbar = styled(RNavbar)` - min-height: 60px; - width: 100%; -` -const NavbarContainer = styled(Container)` - background: linear-gradient(to right, #141E30, #243B55); -` - -const NavItem = styled(RNavItem)` - color: ${colors.light}; - font-weight: 400; -` - -const ColoredSpan = styled.span` - color: ${colors.danger} -` - -class Footer extends Component { - constructor (props) { - super(props) - - this.state = { - isOpen: false - } - this.toggle = this.toggle.bind(this) - } - - toggle () { - this.setState({ - isOpen: !this.state.isOpen - }) - } - - render () { - const { children } = this.props - return ( - - - - - {children || null} - - ) - } -} - -export default Footer diff --git a/src/components/Input/RadioGroup.js b/src/components/Input/RadioGroup.js deleted file mode 100644 index 3ad13c8..0000000 --- a/src/components/Input/RadioGroup.js +++ /dev/null @@ -1,33 +0,0 @@ -import React from 'react' -import { Col, FormGroup } from 'reactstrap' - -const RadioGroup = ({ - input, - label, - options, - helpBlock, - meta: { touched, error } -}) => ( - - {options.map(radio => ( - - - - - ))} - {touched && helpBlock && error && ( - - {error} - - )} - -) - -export default RadioGroup diff --git a/src/components/Input/SelectInput.js b/src/components/Input/SelectInput.js deleted file mode 100644 index fc7809d..0000000 --- a/src/components/Input/SelectInput.js +++ /dev/null @@ -1,41 +0,0 @@ -import React from 'react' -import Select from 'react-select' -import { FormGroup, Col } from 'reactstrap' - -const SelectInput = ({ - input, - label, - type, - id, - helpBlock, - options, - values = [ - {value: 'ui', label: 'User Interface'}, - {value: 'ux', label: 'User Experience'}, - {value: 'logo', label: 'Logo'} - ], - meta: { touched, error, warning }, - ...rest -}) => ( - - - - input.onBlur([...input.value])} - {...rest} - /> -
{options.hint}
- {touched && helpBlock && error && - {error}} - - -) - -export default SelectInput diff --git a/src/components/Input/TextArea.js b/src/components/Input/TextArea.js deleted file mode 100644 index 5369f95..0000000 --- a/src/components/Input/TextArea.js +++ /dev/null @@ -1,28 +0,0 @@ -import React from 'react' -import { FormGroup, Col } from 'reactstrap' - -const TextArea = ({ - input, - label, - type, - id, - helpBlock, - meta: { touched, error, warning }, - ...rest -}) => ( - - - -