Calvin Green | Engineering Projects

Welcome to My World

Documenting ideas, thoughts and my education.

Thoughts

Exploring the intersection of philosophy, technology, and the future of learning in an AI-driven world.

📚 Read: On Education and the Future

Interests

Exploring my passions in engineering and beyond.

Education

Currently pursuing my Bachelor of Science in Mechanical Engineering at Oregon State University.

📄 Download My Resume

Projects

A showcase of my engineering projects and development work.

🌐 Read: How I Built This Website

Contact

LinkedIn : www.linkedin.com/in/calvin-green-8812b1312

Email : greencalvin2002@gmail.com

On Education and the Future

As of writing this in the summer of 2025 it seems that education has taken a dramatic turn since I began college back in Covid. Almost everyone I talk to is having AI do the majority of their work. When I talk to others about their education they joke about using ChatGPT and we both laugh and it's like nothing ever happened. Is this an atrocity or is this the exposure of how inefficient the actual educational system really is? Any educated person will tell you how much BS there was getting to where they are now. Why do I need to memorize L'Hopitals Rule? Why do I need to take a flute class that involves me buying a $120 dollar personalized flute from a local native from Corvallis, Oregon? We are taking what are supposed to be our brightest minds and subjecting them to the rubric of the educational system all while they milk us for 10's of thousands of dollars. Isn't this a shame! So much ambition and positivity that could be harnessed but we sit in classrooms that neglect our true desires.

With AI I believe the future will be personalized and free. As data centers get constructed, robotics get advanced and access to LLM's become increasingly available, humans will finally be free to learn what they want at maximum efficiency because it will be their choice. This is obviously a huge shift from what we are used to presently. Having a free educational system that is as flexible as you want is a giant leap forward from what we have now but there are undoubtedly some uncertainties.

From preschool up what will the future educational system look like when AGI is upon us? We will most likely put creative endeavors at the forefront of education. The pure creativity that makes humans different from any present LLM will be amplified. People will work hand in hand with AI making these ideas a reality which will be extremely easy. It's almost like AI will be a factory that takes in human ideas then transforms them into reality. Every human will be an entrepreneur or artist of some kind. With this in play how does the basic structure of society form? I believe that as long as humans are on this planet there will be some kind of inequality between individuals. No human is perfect and this is represented by how we currently live. This is important because with limited resources we need a way to distribute them effectively. This is impossible because it seems that humans' desire for resources and space is almost infinite. We will need to set up a new kind of structure that rewards ideas and gives resources to those with good ideas but also gives everyone an absolutely unparalleled standard of living. For example, if there was a person who didn't come up with one idea their entire life they would live a standard of living that was orders of magnitude higher than we live today. For the people that do come up with many great ideas that help everyone flourish we will need to reward them for their behaviour with some kind of currency. What that might be could be numerous things. It may be as simple as respect and self satisfaction. It could be something that we cannot conceive of today. This structure will create a highly personalized earth with each individual having a surplus of free time to spend with their family and do what they most desire if needed. It will also satisfy our relentless pursuit of new ideas.

There are many issues with this idea of course. One being limited space. As humans gain access to unlimited resources we will increase our population. This will result in either humans having to compete for space using some type of economic model or we will need to innovate to create more space. This could take the shape of some kind of improved Metaverse model. I'm aware this all sounds like science fiction but literally nothing is off of the table when talking about the effects of AGI. These are just basic facts of our universe that we need to comply with. We could also find a way to inhabit other planets although sooner or later we will run into the same lack of space dilemma. The only way to truly eradicate the issue of limited space is to make it infinite.

Building My Personal Engineering Website

Project Overview

This project involved creating a modern, responsive personal website to showcase my engineering work, thoughts, and educational journey. The website serves as a digital portfolio and platform for sharing my insights on technology, education, and the future of AI.

Technical Stack

Frontend Technologies:

HTML5 for semantic structure
CSS3 with advanced features (backdrop-filter, transforms, animations)
Vanilla JavaScript for interactivity
Responsive design principles for mobile compatibility

Design Approach:

Modern glassmorphism aesthetic with backdrop blur effects
Apple-inspired design language with clean typography
Grid-based background pattern for visual depth
Smooth animations and micro-interactions

Key Features Implemented

1. Navigation System

Sticky header with backdrop blur effect
Dropdown navigation menu with smooth animations
Smooth scrolling between sections
Mobile-responsive navigation

2. Visual Design Elements

Parallax scrolling effect on hero section
3D perspective grid background overlay
Glassmorphism cards with subtle shadows
Hover effects with transform animations
Modern color palette with Apple-inspired styling

3. Interactive Components

Modal windows for document viewing
Animated buttons with hover states
Dropdown menus with show/hide functionality
Smooth section transitions

4. Content Management

Integrated document viewer for essays and thoughts
Resume download functionality
Contact information display
Project showcase section

Development Process

Phase 1: Structure and Layout
Started with semantic HTML5 structure, defining clear sections for different content areas. Implemented a mobile-first responsive design approach using CSS Grid and Flexbox for layout management.

Phase 2: Styling and Visual Design
Applied modern CSS techniques including:

CSS custom properties for consistent theming
Advanced selectors and pseudo-elements
Transform and transition properties for animations
Backdrop-filter for glassmorphism effects

Phase 3: JavaScript Functionality
Implemented interactive features using vanilla JavaScript:

Event listeners for navigation and user interactions
DOM manipulation for modal windows
Smooth scrolling behavior
Dropdown menu state management

Phase 4: Content Integration
Added dynamic content loading and display:

Modal system for document viewing
Responsive text sizing and spacing
Cross-browser compatibility testing

Technical Challenges Solved

1. Backdrop Filter Compatibility: Implemented fallback solutions for browsers that don't support backdrop-filter, ensuring consistent visual experience across platforms.
2. Mobile Responsiveness: Created breakpoint-based responsive design that adapts seamlessly from desktop to mobile, with special attention to touch interactions and viewport sizing.
3. Performance Optimization: Optimized CSS animations and JavaScript event handling to maintain smooth 60fps performance, even with complex visual effects.
4. Accessibility Considerations: Ensured proper semantic markup, keyboard navigation support, and appropriate contrast ratios for readability.

Code Organization

The project follows a clean, maintainable structure:

Semantic HTML with proper heading hierarchy
Modular CSS with logical organization
Event-driven JavaScript with clear separation of concerns
Progressive enhancement approach for core functionality

Results and Metrics

Performance:

Fast loading times with optimized assets
Smooth animations at 60fps
Mobile-friendly responsive design
Cross-browser compatibility

User Experience:

Intuitive navigation with clear visual hierarchy
Engaging interactive elements
Professional presentation of content
Easy access to documents and contact information

Future Enhancements

Planned improvements include:

Integration with a content management system
Blog functionality for regular updates
Project gallery with filtering capabilities
Enhanced SEO optimization
Dark mode theme option

Technologies Learned

This project deepened my understanding of:

Modern CSS techniques and animations
Vanilla JavaScript DOM manipulation
Responsive web design principles
User experience design
Web performance optimization

Conclusion

Building this personal website provided valuable experience in full-stack web development, from initial design concepts through implementation and optimization. The project demonstrates proficiency in modern web technologies while creating a platform for sharing my engineering work and thoughts on technology's future.

The website successfully balances aesthetic appeal with functional requirements, creating an engaging user experience that effectively communicates my professional identity and technical capabilities.