diff --git a/masonbrown/Bootstrap example/style.css b/masonbrown/Bootstrap example/style.css new file mode 100644 index 0000000..ae5eb4a --- /dev/null +++ b/masonbrown/Bootstrap example/style.css @@ -0,0 +1,66 @@ + + +.pulse-navbar { + animation: pulseBackground 4s ease-in-out infinite alternate; + position: relative; + overflow: visible; +} + +@keyframes pulseBackground { + 0% { + background: linear-gradient(to right, #ff7e5f, #feb47b); + } + 50% { + background: linear-gradient(to right, #feb47b, #ff7e5f); + } + 100% { + background: linear-gradient(to right, #ff7e5f, #feb47b); + } +} + +.card { + border-radius: 15px; + transition: all 0.3s ease-in-out; +} + +.card:hover { + transform: translateY(-15px); + box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4); +} + +.laser-sphere { + position: absolute; + width: 20px; + height: 20px; + border-radius: 50%; + background: radial-gradient(circle at 30% 30%, #00ff88, #00aa44); + box-shadow: 0 0 15px #d8ab38, 0 0 30px #00ff88, inset -2px -2px 5px rgba(0, 0, 0, 0.5); + z-index: 10; + pointer-events: none; +} + +.laser-sphere-container { + position: absolute; + width: 40px; + height: 40px; + cursor: pointer; + z-index: 10; + pointer-events: auto; +} + +.laser-sphere { + position: absolute; + width: 20px; + height: 20px; + border-radius: 50%; + background: radial-gradient(circle at 30% 30%, #fffd71, #d6a160); + box-shadow: 0 0 15px #ded989, 0 0 30px #e9ac49, inset -2px -2px 5px rgba(0, 0, 0, 0.5); + z-index: 10; + pointer-events: none; + top: -5px; + left: -5px; +} + + + + diff --git a/masonbrown/images/Aviatorkeyz_Banner.jpg b/masonbrown/images/Aviatorkeyz_Banner.jpg new file mode 100644 index 0000000..94bc7d2 Binary files /dev/null and b/masonbrown/images/Aviatorkeyz_Banner.jpg differ diff --git a/masonbrown/images/Code_and_coffee_mason_james.jpeg b/masonbrown/images/Code_and_coffee_mason_james.jpeg new file mode 100644 index 0000000..bfc4373 Binary files /dev/null and b/masonbrown/images/Code_and_coffee_mason_james.jpeg differ diff --git a/masonbrown/images/Linked_Profile_Picture.png b/masonbrown/images/Linked_Profile_Picture.png new file mode 100644 index 0000000..4f15dc1 Binary files /dev/null and b/masonbrown/images/Linked_Profile_Picture.png differ diff --git a/masonbrown/images/bgimage.png b/masonbrown/images/bgimage.png new file mode 100644 index 0000000..0843ac9 Binary files /dev/null and b/masonbrown/images/bgimage.png differ diff --git a/masonbrown/images/csm.jpg b/masonbrown/images/csm.jpg new file mode 100644 index 0000000..06afe4f Binary files /dev/null and b/masonbrown/images/csm.jpg differ diff --git a/masonbrown/images/gl.jpg b/masonbrown/images/gl.jpg new file mode 100644 index 0000000..c9ae534 Binary files /dev/null and b/masonbrown/images/gl.jpg differ diff --git a/masonbrown/images/java.jpg b/masonbrown/images/java.jpg new file mode 100644 index 0000000..ff66469 Binary files /dev/null and b/masonbrown/images/java.jpg differ diff --git a/masonbrown/index.html b/masonbrown/index.html new file mode 100644 index 0000000..cb73076 --- /dev/null +++ b/masonbrown/index.html @@ -0,0 +1,320 @@ + + + + + + Mason Brown Portfolio + + + + + + + +
+

Mason Brown

+ Profile Picture +

Engineer, Developer, Musician

+

The greatest things in life started as thoughts

+ +
+
+

Experience

+
    +
  • Full Stack Engineer Intern
    Pano Marketing (2026 - Present)
    • +
  • Indie Game Developer
    Independent action adventure title: Eryndor (2024 - Present)
    • +
  • Audio Engineer
    Empire, Republic, Sony(2010 - Present)
    • +
  • Creator, Founder
    Parkpeer
    • +
+
+ +
+

Certifications

+ +
+
+

Education

+
    +
  • A.I powered software engineering bootcamp
    @ Code Differently(Present)
    • + +
+
+
+
+

Who I Am

+
+
+
+

Developer

+
    +
  • I am a passionate software developer with a strong background in backend development.
    • + Profile Picture +
+
+ +
+

Musician

+
    +
  • Executive producer, Songwriter, Performer. Worked with some of the biggest names in the industry.
    • + Profile Picture +
+
+
+

Engineer

+
    +
  • 10+ years of professional audio engineering experience. If you need it to sound amazing, I can do that!
    • + Profile Picture +
+
+
+

Projects

+
+ +
+ +
    +
  • Eryndor is a third person action adventure game focused on environment and story driven lore
    • +
  • Being created using Unreal Engine 5.4.1 I chose this version because it offers the best performance and features for my vision.
    • +
  • Audio Engineer
    Empire, Republic, Sony, freelance(2010 - Present)
    • +
  • Combat Driven, Story Steering
    Eryndor puts you in the shoes of Kalen, our protagonist. A mixture of merciless combat and rich storytelling make for an exciting experience. Follow here for updates!
    • +
+
+
+ +
    +
  • Park peer is the first and only peer to peer parking space marketplace! Parkpeer and Parkpeer for business is a MVP that is fully functional and deployed!
    • +
  • This project is built with TypeScript
    • +
  • Parkpeer allows users to monetize their parking spaces through a simple and intuitive platform. Parkpeer business allows business owners to manage their parking spaces efficiently, give role based accounts, keep track of all their parking activities & integrate any existing platforms they currently use.
    Parkpeer
    • +
+
+
+
+

Skills

+
    +
  • Proficient in Java, HTML, CSS, Spring Boot, and some TypeScript & JavaScript (Willing to expand that knowledge base explicitly if necessary)
    • +
  • Robust experience with Unreal Engine for game development
    • +
  • Strong background in audio engineering and music production
    • +
  • Excellent problem-solving and collaboration skills
    • +
  • Git version control experience
    • +
  • Agile methodologies and Scrum framework knowledge
    • +
+
+
+
Lets start from the beginning
+

I began my professional career in the music industry, signing my first recording contract at 24 and spending over a decade as a producer, songwriter, and performer. During that time, I developed a deep understanding of creativity, collaboration, and complex system management—skills that naturally translated into technology. My passion for building and problem-solving led me to explore game development, where I began creating systems inside of games using Unreal Engine. This hands-on experience sparked a fascination with the foundations of object-oriented programming, motivating me to dive deeply into software engineering. Through studying programming principles and designing my own projects, I have transformed my creative instincts into technical expertise, merging my artistic background with a strong command of coding, game development, and system design.

+
+
+
+

Contact

+ +
+
+ +
+ + + + + + + + + + + + \ No newline at end of file