About: Meta

This site

I built this website myself using a combination of tools, patterns, best practices and web technologies:

For secure, reliable hosting, I leverage Zeit's Now platform for configuring and initiating a continuous integration and deployment (CI/D) service through the command line (CLI) that is tied to my domain, www.mannybecerra.com.

Other notable tidbits

  • code is saved, versioned and maintained with git and housed in GitHub
  • the main content is generated from Markdown files that I write with semantic meaningful markup (#A11Y). the markdown content's elements (e.g. paragraphs, headers, etc.) are mapped to a central set of UI components for consistency
  • the site is generated using SSR for better performance and SEO
  • there's an offline mode to this site in case you lose connectivity, you should still be able to view content until you regain connectivity (#PWA)
  • there are multiple themes you can switch between to help make it easier on your eyes to read the content depending on your surrounding environment or any eye constraints

Multiple themes

I created two (2) themes for the site: a default, light mode and a darker mode that is ideal for nighttime viewing (easier on the eyes; allows your eyes to focus more on what's in front of you: the screen content).

To toggle between the themes, you can use either the keyboard or the user interface (UI):

  • Using the keyboard: press the shift and m keys at the same time, shift + m
  • Using the UI: select the horizontal toggle switch located at the top of the page

Notes:

  • If your system or operating system allows for toggling between dark mode and a default one, this site is "smart enough" to pre-load your system configuration
  • Both themes are based on the default theme I created and packaged with the Bristlecone Design System; the color styles for each theme are configured to have a minimum contrast ratio of 4.5:1. Learn more about color contrast and what it means to your users at the A11Y project site.

Selected Projects, Community Involvements and Highlights

My ethos, passion, etc. are found in dedicated sections on this site, however, below is a high-level overview of some selected projects, products and community efforts I've been a part of:

  • Product Design, Engineering and Leadership

    • Internet-of-Things (IoT) Progressive Web App (PWA) that leverages Raspberry Pi, React Hooks, Bristlecone Design System, and good ol' fashion HTML and CSS - Check out the corresponding blog post for details

    • Operational leadership, integrated systems, outreach and education, Tesla Gigafactory 1 (Nevada)

    • Lead product and UI/X engineer, and team manager for Tesla's Design Studio (Configurator)

      • From concept and prototypes to real-deal pixels on screen; continuously shipped UI/X and cross-functional, architectural enhancements on a highly visible, revenue-generating digital product (online and retail touchscreen)
      • Localized for 30+ languages/regions; took into consideration local customs and assumptions (worked directly with local individuals and experts for final vetting of copy and UI/X)
      • End-to-end, multimedia solution; starting from the front-end -- online, including all retail store-fronts, to the backend -- finance, sales (CRM) and manufacturing systems
      • Assembled and lead a diverse and talented team, some based out of North America, others in other countries and continents (e.g. Mexico, Europe)
      • Worked with cross-functional teams throughout the company, at all-levels, for integrating and launching all new products and enhancements in support of the overarching vision
      • Curated and executed on the team's roadmap in support of the vision
      • Mentored teammates, supporting all teammates with intentional career pathways for continuous career growth and advancement
  • Community, Art, Advisement and Speaking

    • KNPB Ch. 5 Production Volunteer of the Year

    • Guest speaker: connecting with students interested in STEM careers, and youth not always, fully aware of the various options and pathways available to them in STEM post-high school.

    • Advisor and Collaborator; Laughing Planet Reno's Community Engagement, Outreach and Marketing Team

      • Work directly with staff leaders, and UNR media and journalism interns on community engagement, outreach and educational initiatives
      • Advise on solutions for building and implementing inclusive digital product and experiences
      • Strategize on and build digital assets that supplement the team's efforts, roadmap and overall vision
      • Advise on multimedia content production and social media: copy, video, photography, etc.
      • Facilitate and cultivate meaningful community partnerships
      • Provide mentorship and guidance to staff and students on above goals
      • See also: The corresponding blog post
    • Collaboration with artist, Erik Burke, and neighborhood families -- youth and parents -- on a community-focused mural, "Heirloom"

    • Co-founder and co-chair of the Friends and Allies of LGBTQ at TMCC (Reno)

      • Started in 2008
      • Intentionally engaged in this inclusive initiative in parallel to my work as an administrative faculty member at the community college in the Web and Marketing teams
      • Advocated for the training and adoption of the initiative by other leaders, academic faculty and student organizations at the college
      • Offered and co-lead regular, on-going training to interested faculty, staff and students
      • Collaborated with the University of Nevada-Reno's diversity program staff to cross-train and promote the initiative
      • Invited to present at HR conferences in the Western United States on how the initiative was good for cultivating a more inclusive and safe environment for everyone at a college or university
      • Initiative is thriving and has been officially incorporated into the college's Equity, Inclusion and Sustainability office
    • Co-founder, facilitator and contributor of community space in Reno

      • Fostered an inclusive, collaborative environment for individuals and groups that worked on a variety of projects ranging from tech to local food systems
      • Community space included an art gallery which gave local aspiring artists a free venue to showcase their work. Read more about it in UNR Sagebrush's Oct. 18th, 2011 issue (p 8-10)

My aspirations and experiences are not positional: they are experiences that I carry forward to the next opportunity to contribute to meaningful work and relationships by doing intentional work that inherently has an impact on the lives around me, directly and indirectly. I am conscious about what and where I place my focus on for maximizing my efforts toward helping solve real-world problems.