diff --git a/about.html b/about.html index 0fa8e54..186bd63 100644 --- a/about.html +++ b/about.html @@ -3,15 +3,13 @@ - About us | OpenRockets Software Foundation. - + About OpenRockets Foundation - Open Source Software Development + - - - + - + + + + + + + + + + + + + +
+
+
+ + Solve issues in our GitHub repositories and earn rewards. +
+ +

+ We build the future + together +

+ + +
+ + + Join the team + + + + + See around + +
+
+ + +
+ Student builder + Young developers +
+
+ + +
+
+
+
+ +
+

HackClub DayDream Sri Lanka

+ Coming September 27th +
+
LIVE EVENT
+
+ +
+

+ 🎮 Create amazing games in just 24 hours! Join developers across Colombo and various locations + throughout Sri Lanka for an epic game development hackathon inspired by HackClub's global maker community. +

+ +
+

What is HackClub DayDream?

+

DayDream is a 24-hour game development jam where teenage developers and makers come together to create incredible games from scratch. Inspired by HackClub's philosophy of learning by building, this event encourages participants to explore game development, experiment with new tools, and collaborate with fellow builders.

+ +

What You'll Do:

+
    +
  • 🎯 Form teams with other developers (or work solo)
    • +
  • 🎨 Brainstorm and design your game concept
    • +
  • ⚡ Build your game using Unity, Unreal Engine, Scratch, JavaScript, or any tool you prefer
    • +
  • 🎵 Create graphics, sounds, and gameplay mechanics
    • +
  • 🏆 Present your creation to judges and fellow participants
    • +
  • 🎉 Win awesome prizes and gain recognition in the community
    • +
+ +

Perfect For:

+
    +
  • 🔰 Beginners: New to coding? We'll provide tutorials and mentors!
    • +
  • 📈 Intermediate: Ready to try new frameworks and tools
    • +
  • 🚀 Advanced: Push the boundaries with complex game mechanics
    • +
+
+ +
+
+ + Colombo & Multiple Locations, Sri Lanka +
+
+ + 24-Hour Game Jam Challenge +
+
+ + Open to All Skill Levels +
+
+ + Unity, Unreal, JavaScript & Any Game Engine +
+
+ + Prizes, Recognition & Portfolio Building +
+
+ + Live Community Support & Updates +
+
+ +
+ + + Join WhatsApp Updates + + + + Learn More + +
+
+
+
+
+ + +
+
+
+ 31+ + GitHub Followers +
+
+ 18+ + Open Repositories +
+
+ 2.9k+ + GitHub Stars +
+
+ 24/7 + Active Community +
+
+
+ + +
+ + +
+
+
+

I'M A BUILDER

+

Qualifications which unlock an amazing future in the tech world through open-source contributions and collaborative development.

+
+ + + Join the Team + + + + See Projects + +
+
+
+
+
+

I'M AN EMPLOYER

+

Support young people by hiring contributors, volunteering, or making partnerships with OpenRockets community.

+
+ + + Partner with Us + + + + View Contributors + +
+
+
+
+ + +
+
+

With a network of contributors from

+

Universities, High schools and Secondary schools from Sri Lanka, India and Maldives.

+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ + +
+
+

Build Amazing Things

+

+ Whether you're just starting out or you're a seasoned developer, + OpenRockets provides everything you need to create and collaborate on open-source projects. +

+
+ +
+
+
+ Modern Development +
+
+
+ DEVELOPMENT +
+

Open Source Projects

+

+ Contribute to real-world projects like OpenSocial, our comprehensive social media platform, + and web-dev-error-solutions with 2.9k+ GitHub stars. +

+ + View Projects + +
+
+ +
+
+ +
+
+
+ COMMUNITY +
+

Global Community

+

+ Connect with builders from Sri Lanka and around the world. Share knowledge, + get feedback, and collaborate on innovative solutions. +

+ + Join Community + +
+
+ +
+
+ Learning Resources +
+
+
+ LEARNING +
+

Learn by Building

+

+ Master new technologies through hands-on projects. From JavaScript to complex + web applications, learn with real-world experience. +

+ + Start Learning + +
+
+ +
+
+ +
+
+
+ EVENTS +
+

Hackathons & Events

+

+ Participate in coding competitions, workshops, and hackathons. Win prizes, + gain recognition, and showcase your skills to the community. +

+ + View Events + +
+
+ +
+
+ Developer Tools +
+
+
+ TOOLS +
+

Modern Tools

+

+ Access cutting-edge development tools, GitHub integration, and + infrastructure to bring your innovative ideas to life. +

+ + Explore Tools + +
+
+ +
+
+ +
+
+
+ REWARDS +
+

Recognition & Rewards

+

+ Top contributors receive free domain names, full project ownership, + and media recognition. Build your reputation in the open-source community. +

+ + Get Recognized + +
+
+
+
+
+
+
+

+ In partnetship with, +

+
+
+ + + + +
+
+
+ +
+
+
+
+
+ +
+
+ "OpenRockets is cool, I'm wodering how they could pitch this innovative idea in Sri Lanka, This is a whole new ecosystem. When I leave Sri Lanka at 12, it was so different. I hope to visit Sri Lanka again." +
+
+

Ranithu Raddolugama

+

Seattle, Washington, United States

+
+
+
+ Community +
+
+
+
+ + +
+ + +
+
+
+

LATEST NEWS AND FEATURES

+

+ Check out some of the incredible open-source projects our community has built and maintains. +

+
+ View all +
+ +
+
+
+ OpenSocial Platform +
+
+
+ PROJECT + • SEPTEMBER 21 2025 +
+

OpenSocial Platform Remains Top for 4th Year in a row!

+

+ Build Sri Lanka's most comprehensive open-source social media platform! + Top 3 contributors receive free domain names and full platform ownership. +

+ + Open Source + +
+
+ +
+
+ Web Development +
+
+
+ COMMUNITY STORY + • SEPTEMBER 18 2025 +
+

Web Dev Error Solutions – Community Spotlight

+

+ A community-curated handbook with 2,948+ GitHub stars for common web development + errors. Find fixes for JavaScript, React, Node.js, CSS, and more! +

+ + Community + +
+
+ +
+
+ CityofGits Game +
+
+
+ PROJECT + • AUGUST 15 2025 +
+

CityOfGits

+

+ CityofGits was created by Neksha DeSilva, with partnership with OpenRockets Founadation. You must play it! +

+ + Projects + +
+
+
+
+ + +
+
+

Upcoming Events

+

+ Join our exciting events, hackathons, and game jams happening around Sri Lanka and online. +

+
+ +
+
+
+ HackClub +
+

HackClub DayDream Sri Lanka

+

+ 🎮 The ultimate 24-hour game development hackathon! Create amazing games using Unity, + Unreal Engine, or any game development tool. Perfect for beginners to advanced developers. + Join us live in Colombo and multiple locations across Sri Lanka. +

+
+

What is DayDream? A 24-hour game jam inspired by HackClub's philosophy of learning by building. Teams collaborate to create games from scratch, experiment with new tools, and showcase their creativity.

+

Who can join? Any student or young developer interested in game development - from complete beginners to experienced programmers.

+

What you'll need: A laptop, creativity, and enthusiasm! We'll provide tutorials, mentors, and support.

+
+
+ 📍 Colombo & Multiple Locations + 🕐 24-Hour Challenge + 👥 All Skill Levels + 🎮 Unity, Unreal, JavaScript & More + 📱 Live WhatsApp Updates & Support +
+ + Join WhatsApp Channel for Updates + +
+ +
+
+ +
+

Weekly Coding Sessions

+

+ Join our weekly coding sessions where we work on open-source projects, + share knowledge, and help each other grow as developers. +

+ + View Calendar + +
+ +
+
+ +
+

Contribution Challenges

+

+ Take part in our monthly contribution challenges. Solve GitHub issues, + win prizes, and get recognition in the developer community. +

+ + View Challenges + +
+
+
+ + +
+
+

Join Our Community

+

+ Connect with builders from around the world and collaborate on amazing open-source projects. +

+
+ +
+
+
+ +
+

Discord Server

+

+ Join our active Discord community where developers collaborate, share knowledge, + and get help with coding challenges 24/7. +

+ + Join Discord + +
+ +
+
+ +
+

GitHub Organization

+

+ Contribute to our 18+ repositories, create pull requests, and collaborate + with developers worldwide on innovative projects. +

+ + View Organization + +
+ +
+
+ +
+

Official Contact

+

+ Reach out for partnerships, collaborations, or general inquiries. + We're always open to new opportunities and connections. +

+ + Contact Us + +
+
+
+ + +
+
+

Latest Updates

+

+ Stay up to date with OpenRockets announcements, project updates, and community highlights. +

+
+ +
+
+ + +
+

+ + Quick Updates +

+
+
+
+ +
+
+

HackClub DayDream SL

+

Game jam happening September 27th - Join the WhatsApp channel for updates!

+ + Join Channel + +
+
+ +
+
+ +
+
+

OpenSocial Platform

+

Active development continues - contribute and win free domains!

+ + Contribute + +
+
+ +
+
+ +
+
+

Discord Community

+

Join our active community for daily coding discussions and collaboration.

+ + Join Discord + +
+
+
+
+
+
+
+ + +
+ + + + + +
+
+

Ready to Start Building?

+

+ Join 31+ followers on GitHub and contribute to innovative open-source projects. + Level up, Challenge, Grow, Contribute with OpenRockets. +

+
+ + + Join OpenRockets + + + + Join Discord + +
+
+
+ + + + + + + + + +
+
+ Parrot Assistant +
+
+ Welcome to OpenRockets! 🚀 +
+
+
+
Tips
+
+ +
+ + + + + + + diff --git a/index.html b/index.html index 9f0bce9..cc18ed7 100644 --- a/index.html +++ b/index.html @@ -1,862 +1,263 @@ - - - - - - OpenRockets - Build the Future Together - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- - Solve issues in our GitHub repositories and earn rewards. -
- -

- We build the future - together -

- - -
- - - Join the team - - - - - See around - -
-
- - -
- Student builder - Young developers -
-
- - -
-
-
-
- -
-

HackClub DayDream Sri Lanka

- Coming September 27th -
-
LIVE EVENT
-
- -
-

- 🎮 Create amazing games in just 24 hours! Join developers across Colombo and various locations - throughout Sri Lanka for an epic game development hackathon inspired by HackClub's global maker community. -

- -
-

What is HackClub DayDream?

-

DayDream is a 24-hour game development jam where teenage developers and makers come together to create incredible games from scratch. Inspired by HackClub's philosophy of learning by building, this event encourages participants to explore game development, experiment with new tools, and collaborate with fellow builders.

- -

What You'll Do:

-
    -
  • 🎯 Form teams with other developers (or work solo)
    • -
  • 🎨 Brainstorm and design your game concept
    • -
  • ⚡ Build your game using Unity, Unreal Engine, Scratch, JavaScript, or any tool you prefer
    • -
  • 🎵 Create graphics, sounds, and gameplay mechanics
    • -
  • 🏆 Present your creation to judges and fellow participants
    • -
  • 🎉 Win awesome prizes and gain recognition in the community
    • -
- -

Perfect For:

-
    -
  • 🔰 Beginners: New to coding? We'll provide tutorials and mentors!
    • -
  • 📈 Intermediate: Ready to try new frameworks and tools
    • -
  • 🚀 Advanced: Push the boundaries with complex game mechanics
    • -
-
- -
-
- - Colombo & Multiple Locations, Sri Lanka -
-
- - 24-Hour Game Jam Challenge -
-
- - Open to All Skill Levels -
-
- - Unity, Unreal, JavaScript & Any Game Engine -
-
- - Prizes, Recognition & Portfolio Building -
-
- - Live Community Support & Updates -
-
- -
- - - Join WhatsApp Updates - - - - Learn More - -
-
-
-
-
- - -
-
-
- 31+ - GitHub Followers -
-
- 18+ - Open Repositories -
-
- 2.9k+ - GitHub Stars -
-
- 24/7 - Active Community -
-
-
- - -
- - -
-
-
-

I'M A BUILDER

-

Qualifications which unlock an amazing future in the tech world through open-source contributions and collaborative development.

-
- - - Join the Team - - - - See Projects - -
-
-
-
-
-

I'M AN EMPLOYER

-

Support young people by hiring contributors, volunteering, or making partnerships with OpenRockets community.

-
- - - Partner with Us - - - - View Contributors - -
-
-
-
- - -
-
-

With a network of contributors from

-

Universities, High schools and Secondary schools from Sri Lanka, India and Maldives.

-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- - -
-
-

Build Amazing Things

-

- Whether you're just starting out or you're a seasoned developer, - OpenRockets provides everything you need to create and collaborate on open-source projects. -

-
- -
-
-
- Modern Development -
-
-
- DEVELOPMENT -
-

Open Source Projects

-

- Contribute to real-world projects like OpenSocial, our comprehensive social media platform, - and web-dev-error-solutions with 2.9k+ GitHub stars. -

- - View Projects - -
-
- -
-
- -
-
-
- COMMUNITY -
-

Global Community

-

- Connect with builders from Sri Lanka and around the world. Share knowledge, - get feedback, and collaborate on innovative solutions. -

- - Join Community - -
-
- -
-
- Learning Resources -
-
-
- LEARNING -
-

Learn by Building

-

- Master new technologies through hands-on projects. From JavaScript to complex - web applications, learn with real-world experience. -

- - Start Learning - -
-
- -
-
- -
-
-
- EVENTS -
-

Hackathons & Events

-

- Participate in coding competitions, workshops, and hackathons. Win prizes, - gain recognition, and showcase your skills to the community. -

- - View Events - -
-
- -
-
- Developer Tools -
-
-
- TOOLS -
-

Modern Tools

-

- Access cutting-edge development tools, GitHub integration, and - infrastructure to bring your innovative ideas to life. -

- - Explore Tools - -
-
- -
-
- -
-
-
- REWARDS -
-

Recognition & Rewards

-

- Top contributors receive free domain names, full project ownership, - and media recognition. Build your reputation in the open-source community. -

- - Get Recognized - -
-
-
-
-
-
-
-

- In partnetship with, -

-
-
- - - - -
-
-
- -
-
-
-
-
- -
-
- "OpenRockets is cool, I'm wodering how they could pitch this innovative idea in Sri Lanka, This is a whole new ecosystem. When I leave Sri Lanka at 12, it was so different. I hope to visit Sri Lanka again." -
-
-

Ranithu Raddolugama

-

Seattle, Washington, United States

-
-
-
- Community -
-
-
-
- - -
- - -
-
-
-

LATEST NEWS AND FEATURES

-

- Check out some of the incredible open-source projects our community has built and maintains. -

-
- View all -
- -
-
-
- OpenSocial Platform -
-
-
- PROJECT - • SEPTEMBER 21 2025 -
-

OpenSocial Platform Remains Top for 4th Year in a row!

-

- Build Sri Lanka's most comprehensive open-source social media platform! - Top 3 contributors receive free domain names and full platform ownership. -

- - Open Source - -
-
- -
-
- Web Development -
-
-
- COMMUNITY STORY - • SEPTEMBER 18 2025 -
-

Web Dev Error Solutions – Community Spotlight

-

- A community-curated handbook with 2,948+ GitHub stars for common web development - errors. Find fixes for JavaScript, React, Node.js, CSS, and more! -

- - Community - -
-
- -
-
- CityofGits Game -
-
-
- PROJECT - • AUGUST 15 2025 -
-

CityOfGits

-

- CityofGits was created by Neksha DeSilva, with partnership with OpenRockets Founadation. You must play it! -

- - Projects - -
-
-
-
- - -
-
-

Upcoming Events

-

- Join our exciting events, hackathons, and game jams happening around Sri Lanka and online. -

-
- -
-
-
- HackClub -
-

HackClub DayDream Sri Lanka

-

- 🎮 The ultimate 24-hour game development hackathon! Create amazing games using Unity, - Unreal Engine, or any game development tool. Perfect for beginners to advanced developers. - Join us live in Colombo and multiple locations across Sri Lanka. -

-
-

What is DayDream? A 24-hour game jam inspired by HackClub's philosophy of learning by building. Teams collaborate to create games from scratch, experiment with new tools, and showcase their creativity.

-

Who can join? Any student or young developer interested in game development - from complete beginners to experienced programmers.

-

What you'll need: A laptop, creativity, and enthusiasm! We'll provide tutorials, mentors, and support.

-
-
- 📍 Colombo & Multiple Locations - 🕐 24-Hour Challenge - 👥 All Skill Levels - 🎮 Unity, Unreal, JavaScript & More - 📱 Live WhatsApp Updates & Support -
- - Join WhatsApp Channel for Updates - -
- -
-
- -
-

Weekly Coding Sessions

-

- Join our weekly coding sessions where we work on open-source projects, - share knowledge, and help each other grow as developers. -

- - View Calendar - -
- -
-
- -
-

Contribution Challenges

-

- Take part in our monthly contribution challenges. Solve GitHub issues, - win prizes, and get recognition in the developer community. -

- - View Challenges - -
-
-
- - -
-
-

Join Our Community

-

- Connect with builders from around the world and collaborate on amazing open-source projects. -

-
- -
-
-
- -
-

Discord Server

-

- Join our active Discord community where developers collaborate, share knowledge, - and get help with coding challenges 24/7. -

- - Join Discord - -
- -
-
- -
-

GitHub Organization

-

- Contribute to our 18+ repositories, create pull requests, and collaborate - with developers worldwide on innovative projects. -

- - View Organization - -
- -
-
- -
-

Official Contact

-

- Reach out for partnerships, collaborations, or general inquiries. - We're always open to new opportunities and connections. -

- - Contact Us - -
-
-
- - -
-
-

Latest Updates

-

- Stay up to date with OpenRockets announcements, project updates, and community highlights. -

-
- -
-
- - -
-

- - Quick Updates -

-
-
-
- -
-
-

HackClub DayDream SL

-

Game jam happening September 27th - Join the WhatsApp channel for updates!

- - Join Channel - -
-
- -
-
- -
-
-

OpenSocial Platform

-

Active development continues - contribute and win free domains!

- - Contribute - -
-
- -
-
- -
-
-

Discord Community

-

Join our active community for daily coding discussions and collaboration.

- - Join Discord - -
-
-
-
-
-
-
- - -
- - - - - -
-
-

Ready to Start Building?

-

- Join 31+ followers on GitHub and contribute to innovative open-source projects. - Level up, Challenge, Grow, Contribute with OpenRockets. -

-
- - - Join OpenRockets - - - - Join Discord - -
-
-
- - - - - - - - - -
-
- Parrot Assistant -
-
- Welcome to OpenRockets! 🚀 -
-
-
-
Tips
-
- -
- - - - - - - + + + + + + OpenRockets Foundation - Advancing Open Source Software, Education, and Innovation + + + + + + + + + + + + + + + + +
+
+

Advancing Open Source Innovation

+

OpenRockets Foundation supports the open source community through collaborative development, education initiatives, and innovative projects that empower developers worldwide.

+
+ Explore Projects + Join Community +
+
+
+ + +
+
+

About OpenRockets Foundation

+

A 501(c)(3) registered non-profit organization dedicated to advancing open source software, education, and data innovation globally.

+ +
+
+

31+

+

GitHub Followers

+
+
+

2.9K+

+

GitHub Stars

+
+
+

100+

+

Active Contributors

+
+
+

Global

+

Reach & Impact

+
+
+ +
+
+

Mission

+

To support and promote the development of open source software through collaborative innovation, education, and community building.

+
+
+

Vision

+

Creating a global ecosystem where developers, students, and organizations can collaborate on innovative open source solutions.

+
+
+

Values

+

Transparency, collaboration, innovation, and inclusivity drive our commitment to the open source community.

+
+
+
+
+ + +
+
+
+

OpenRockets Magazine

+

Stay informed with the latest insights, tutorials, and news from the open source community.

+ +
+
+ OpenRockets Foundation Logo +
+
+

Featured Content

+

OpenRockets Magazine is our premier publication featuring in-depth technical articles, community spotlights, project updates, and industry insights. The magazine serves as a comprehensive resource for developers, educators, and technology enthusiasts interested in open source innovation.

+ +

What You'll Find:

+
    +
  • Technical tutorials and best practices
    • +
  • Community member spotlights and success stories
    • +
  • Project updates and release announcements
    • +
  • Industry trends and open source news
    • +
  • Educational resources and learning guides
    • +
+ + +
+
+
+
+
+ + +
+
+

Featured Projects

+

Open source projects developed and maintained by the OpenRockets community.

+ +
+
+

OpenSocial Platform

+

A comprehensive open source social media platform built for scalability and privacy. The platform demonstrates best practices in modern web development and includes features for community building, content sharing, and real-time communication.

+

Technologies: Node.js, Express, React, MongoDB

+ View on GitHub → +
+ +
+

Web Development Error Solutions

+

A community-curated repository of common web development errors and their solutions. With over 2,900 GitHub stars, this project has become an essential resource for developers troubleshooting JavaScript, React, Node.js, and CSS issues.

+

Technologies: Documentation, JavaScript, React, Node.js

+ View on GitHub → +
+ +
+

Learning Management System

+

A modern, full-stack LMS built with Node.js and AstraDB. Features include user authentication, course management, community interactions, real-time messaging, and event scheduling for educational institutions.

+

Technologies: Node.js, Express, AstraDB, WebSocket

+ View on GitHub → +
+ +
+

CityOfGits

+

An innovative game development project created in partnership with the OpenRockets Foundation. Demonstrates creative applications of open source technologies in game development and interactive experiences.

+

Technologies: Game Development, Unity, JavaScript

+ View on GitHub → +
+
+
+
+ + +
+
+

Community & Partnerships

+

Building a global network of developers, educators, and organizations committed to open source innovation.

+ +
+
+

For Developers

+

Contribute to real-world open source projects, collaborate with experienced developers, and build your professional portfolio. Gain recognition and advance your career through meaningful contributions.

+ Join as Developer → +
+ +
+

For Students

+

Learn by building real applications, participate in hackathons and workshops, and connect with mentors. Access educational resources and hands-on projects to accelerate your learning.

+ Start Learning → +
+ +
+

For Organizations

+

Partner with OpenRockets to support open source development, hire talented contributors, and give back to the community. Strengthen your organization's commitment to open source.

+ Contact Us → +
+
+ +
+

Partner Institutions

+

OpenRockets collaborates with educational institutions and organizations across Sri Lanka, India, and the Maldives, including universities, colleges, and secondary schools.

+
+
+
+ + +
+
+
+

Get Involved with OpenRockets

+

Join our community of developers and contributors working on innovative open source projects. Whether you're a student, professional developer, or organization, there's a place for you in OpenRockets.

+
+ Join Community + + View on GitHub + + + Join Discord + +
+
+
+
+ + + + + + + + diff --git a/join.html b/join.html index 3b591da..3f98d13 100644 --- a/join.html +++ b/join.html @@ -3,23 +3,24 @@ - Join OpenRockets Community + Join OpenRockets Foundation - Developer Community + - +
- logo -

Join the upcoming legacy.

+ OpenRockets Foundation +

Join the OpenRockets Foundation Community

-

By joining our organization, you will access exclusive features such as the OpenThreads code-sharing platform and gain full access to our GitHub organization.

+

By joining OpenRockets Foundation, you will gain access to collaborative development opportunities, the OpenThreads code-sharing platform, and full access to our GitHub organization.

@@ -94,13 +95,13 @@
- +
@@ -118,9 +119,9 @@
✓
-

Thanks for joining

+

Application Submitted Successfully

- Welcome to OpenRockets! You now have access to our exclusive features and GitHub organization. + Thank you for your interest in joining OpenRockets Foundation. Your application has been received and will be reviewed by our team. You will receive access to our GitHub organization and community resources upon approval.

diff --git a/styles/professional.css b/styles/professional.css new file mode 100644 index 0000000..a594d5b --- /dev/null +++ b/styles/professional.css @@ -0,0 +1,430 @@ +/* OpenRockets - Professional Linux Foundation-Inspired Design */ +/* Professional, clean, and enterprise-focused design system */ + +@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap'); + +:root { + /* Professional Color Palette - Inspired by Linux Foundation */ + --primary-blue: #0068b4; + --primary-dark: #003764; + --secondary-gray: #4a4a4a; + --accent-teal: #00b2a9; + --neutral-white: #ffffff; + --neutral-light: #f5f5f5; + --neutral-medium: #e0e0e0; + --neutral-dark: #2c2c2c; + --text-primary: #1a1a1a; + --text-secondary: #666666; + --border-color: #d0d0d0; + + /* Typography - Professional IBM Plex family */ + --font-primary: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; + --font-mono: 'IBM Plex Mono', 'Courier New', monospace; + + /* Spacing - Consistent and professional */ + --space-xs: 0.5rem; + --space-sm: 1rem; + --space-md: 1.5rem; + --space-lg: 2rem; + --space-xl: 3rem; + --space-xxl: 4rem; + + /* Layout */ + --max-width: 1200px; + --border-radius: 4px; + --transition: all 0.3s ease; +} + +/* Reset and Base Styles */ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +html { + scroll-behavior: smooth; + font-size: 16px; +} + +body { + font-family: var(--font-primary); + background: var(--neutral-white); + color: var(--text-primary); + line-height: 1.7; + font-weight: 400; + overflow-x: hidden; +} + +/* Typography */ +h1, h2, h3, h4, h5, h6 { + font-weight: 600; + line-height: 1.2; + margin-bottom: var(--space-sm); + color: var(--text-primary); +} + +h1 { font-size: 2.5rem; } +h2 { font-size: 2rem; } +h3 { font-size: 1.5rem; } +h4 { font-size: 1.25rem; } +h5 { font-size: 1.1rem; } +h6 { font-size: 1rem; } + +p { + margin-bottom: var(--space-sm); + color: var(--text-secondary); + line-height: 1.8; +} + +a { + color: var(--primary-blue); + text-decoration: none; + transition: var(--transition); +} + +a:hover { + color: var(--primary-dark); + text-decoration: underline; +} + +/* Container */ +.container { + max-width: var(--max-width); + margin: 0 auto; + padding: 0 var(--space-md); +} + +/* Navigation */ +.professional-nav { + background: var(--neutral-white); + border-bottom: 1px solid var(--border-color); + padding: var(--space-md) 0; + position: sticky; + top: 0; + z-index: 1000; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); +} + +.nav-content { + display: flex; + justify-content: space-between; + align-items: center; + max-width: var(--max-width); + margin: 0 auto; + padding: 0 var(--space-md); +} + +.nav-logo { + display: flex; + align-items: center; + gap: var(--space-sm); + font-weight: 600; + font-size: 1.25rem; + color: var(--text-primary); +} + +.nav-logo img { + height: 40px; + width: auto; +} + +.nav-links { + display: flex; + list-style: none; + gap: var(--space-lg); + align-items: center; +} + +.nav-links a { + color: var(--text-secondary); + font-weight: 500; + text-decoration: none; + transition: var(--transition); + padding: var(--space-xs) 0; + border-bottom: 2px solid transparent; +} + +.nav-links a:hover, +.nav-links a.active { + color: var(--primary-blue); + border-bottom-color: var(--primary-blue); + text-decoration: none; +} + +/* Hero Section */ +.professional-hero { + background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-blue) 100%); + color: var(--neutral-white); + padding: var(--space-xxl) 0; + text-align: center; +} + +.professional-hero h1 { + color: var(--neutral-white); + font-size: 3rem; + font-weight: 600; + margin-bottom: var(--space-md); + line-height: 1.1; +} + +.professional-hero p { + color: rgba(255, 255, 255, 0.9); + font-size: 1.25rem; + max-width: 800px; + margin: 0 auto var(--space-lg); +} + +/* Button Styles */ +.btn-professional { + display: inline-block; + padding: var(--space-sm) var(--space-lg); + background: var(--accent-teal); + color: var(--neutral-white); + font-weight: 500; + border: none; + border-radius: var(--border-radius); + cursor: pointer; + transition: var(--transition); + text-decoration: none; + font-size: 1rem; +} + +.btn-professional:hover { + background: #008c85; + text-decoration: none; + transform: translateY(-2px); + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); +} + +.btn-professional-secondary { + background: transparent; + border: 2px solid var(--neutral-white); + color: var(--neutral-white); +} + +.btn-professional-secondary:hover { + background: var(--neutral-white); + color: var(--primary-blue); +} + +/* Section Styles */ +.professional-section { + padding: var(--space-xxl) 0; + background: var(--neutral-white); +} + +.professional-section.alt { + background: var(--neutral-light); +} + +.section-title { + font-size: 2rem; + font-weight: 600; + text-align: center; + margin-bottom: var(--space-md); + color: var(--text-primary); +} + +.section-subtitle { + text-align: center; + color: var(--text-secondary); + font-size: 1.1rem; + max-width: 700px; + margin: 0 auto var(--space-xl); +} + +/* Grid Layouts */ +.grid-2 { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: var(--space-xl); + margin-top: var(--space-lg); +} + +.grid-3 { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: var(--space-lg); + margin-top: var(--space-lg); +} + +.grid-4 { + display: grid; + grid-template-columns: repeat(4, 1fr); + gap: var(--space-md); + margin-top: var(--space-lg); +} + +/* Card Styles */ +.professional-card { + background: var(--neutral-white); + border: 1px solid var(--border-color); + border-radius: var(--border-radius); + padding: var(--space-lg); + transition: var(--transition); +} + +.professional-card:hover { + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); + transform: translateY(-4px); +} + +.professional-card h3 { + color: var(--text-primary); + margin-bottom: var(--space-sm); + font-weight: 600; +} + +.professional-card p { + color: var(--text-secondary); + font-size: 0.95rem; +} + +/* Magazine Section */ +.magazine-feature { + background: var(--neutral-light); + border: 1px solid var(--border-color); + border-radius: var(--border-radius); + padding: var(--space-xl); + margin: var(--space-xl) 0; +} + +.magazine-feature h2 { + color: var(--primary-blue); + margin-bottom: var(--space-md); +} + +.magazine-grid { + display: grid; + grid-template-columns: 1fr 2fr; + gap: var(--space-xl); + align-items: center; +} + +.magazine-cover { + width: 100%; + border-radius: var(--border-radius); + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); +} + +/* Stats Section */ +.stats-grid { + display: grid; + grid-template-columns: repeat(4, 1fr); + gap: var(--space-lg); + text-align: center; + margin: var(--space-xl) 0; +} + +.stat-item h3 { + font-size: 2.5rem; + color: var(--primary-blue); + font-weight: 600; +} + +.stat-item p { + color: var(--text-secondary); + font-size: 0.95rem; +} + +/* Footer */ +.professional-footer { + background: var(--neutral-dark); + color: var(--neutral-white); + padding: var(--space-xxl) 0 var(--space-lg); +} + +.footer-grid { + display: grid; + grid-template-columns: repeat(4, 1fr); + gap: var(--space-xl); + margin-bottom: var(--space-lg); +} + +.footer-section h4 { + color: var(--neutral-white); + margin-bottom: var(--space-md); + font-weight: 600; +} + +.footer-section ul { + list-style: none; +} + +.footer-section ul li { + margin-bottom: var(--space-xs); +} + +.footer-section a { + color: rgba(255, 255, 255, 0.7); + text-decoration: none; + transition: var(--transition); +} + +.footer-section a:hover { + color: var(--neutral-white); + text-decoration: none; +} + +.footer-bottom { + border-top: 1px solid rgba(255, 255, 255, 0.1); + padding-top: var(--space-md); + text-align: center; + color: rgba(255, 255, 255, 0.6); + font-size: 0.9rem; +} + +/* Responsive Design */ +@media (max-width: 968px) { + .grid-4 { grid-template-columns: repeat(2, 1fr); } + .grid-3 { grid-template-columns: repeat(2, 1fr); } + .stats-grid { grid-template-columns: repeat(2, 1fr); } + .footer-grid { grid-template-columns: repeat(2, 1fr); } + .magazine-grid { grid-template-columns: 1fr; } + + .nav-links { + position: fixed; + right: -100%; + top: 70px; + flex-direction: column; + background: var(--neutral-white); + width: 250px; + height: calc(100vh - 70px); + text-align: left; + transition: 0.3s; + box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1); + padding: var(--space-lg); + gap: var(--space-md); + } + + .nav-links.active { + right: 0; + } +} + +@media (max-width: 640px) { + h1 { font-size: 2rem; } + h2 { font-size: 1.5rem; } + + .professional-hero h1 { font-size: 2rem; } + .professional-hero p { font-size: 1rem; } + + .grid-2, + .grid-3, + .grid-4 { grid-template-columns: 1fr; } + + .stats-grid { grid-template-columns: 1fr; } + .footer-grid { grid-template-columns: 1fr; } +} + +/* Utility Classes */ +.text-center { text-align: center; } +.mt-lg { margin-top: var(--space-lg); } +.mb-lg { margin-bottom: var(--space-lg); } +.py-xl { padding-top: var(--space-xl); padding-bottom: var(--space-xl); } + +/* Remove all emoji and decorative elements */ +.hide-emoji { + display: none; +}