Pandas Who Code Website

A modern website showcasing Pandas Who Code's innovative software solutions and development projects.

Project Structure

pwc-site/
├── public/              # Static assets
│   ├── images/         # Image assets
│   │   ├── pwc.logo.png   # Main logo
│   │   ├── roge.png       # Profile image
│   │   ├── panda.png      # 404 page panda
│   │   └── favicon.ico    # Website favicon
│   ├── styles/         # CSS stylesheets
│   │   ├── common.css     # Shared styles
│   │   ├── index.css      # Homepage styles
│   │   └── error.css      # 404 page styles
│   ├── scripts/        # JavaScript files
│   │   └── navigation.js  # Navigation functionality
│   ├── index.html      # Homepage
│   └── 404.html        # Error page

Features

Homepage

• Modern, clean design with the PWC logo as a background
• Responsive navigation with mobile-optimized menu
• Centered hero section with organization description
• Project showcase with interactive logos and links
• Developer profile with social connections
• Glassmorphism effects for visual appeal
• Fully responsive design for all devices

Featured Projects

• PaintBar: A modern, web-based paint application with an intuitive drawing experience
• Hashgraph: Contributing to CI/CD pipelines and automations for the revolutionary distributed ledger
• Hiero-Ledger: Linux Foundation's open-source distributed ledger technology

Styling

The website uses a modular CSS approach:

• common.css: Navigation, typography, and shared components
• index.css: Homepage-specific styles including project cards and profile
• error.css: Custom 404 page styling

Navigation

Main sections include:

• About
• Projects
  • PaintBar (paintbar.app)
  • Hashgraph (hashgraph.com)
  • Hiero-Ledger (hiero.org)
• Support PWC

Development

The site features:

• Clean, semantic HTML5
• Modern CSS with flexbox layouts
• Mobile-first responsive design
• Interactive elements with smooth transitions
• External links to project repositories and live applications

Connect

• GitHub: PandasWhoCode
• Email: [email protected]
• Discord: Join our community