Skip to content

Files

Latest commit

b2f1fee · Feb 3, 2025

History

History
66 lines (57 loc) · 2.3 KB

README.md

File metadata and controls

66 lines (57 loc) · 2.3 KB

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