Merge pull request #300 from BlackCubes/development

Development to Main (v3.1.1)

web/common/components/GlassRectangle/styles.ts

@@ -50,23 +50,23 @@ export const GlassContainer = styled.div<IGlassContainer>`
 
   &.about-page {
     width: 51rem;
-    height: 48rem;
+    height: 37rem;
     margin-right: auto;
     margin-left: auto;
 
     @media ${({ theme }) => theme.responsive.below1199} {
       width: 35rem;
-      height: 32rem;
+      height: 25rem;
     }
 
     @media ${({ theme }) => theme.responsive.below599} {
       width: 32rem;
-      height: 29rem;
+      height: 23rem;
     }
 
     @media ${({ theme }) => theme.responsive.below479} {
       width: 24rem;
-      height: 21rem;
+      height: 17rem;
     }
 
     @media ${({ theme }) => theme.responsive.below379} {
@@ -192,6 +192,10 @@ export const GlassImageWrapper = styled.div<IGlassImageWrapper>`
 export const GlassImage = styled.img`
   width: 100%;
 
+  &.about-page {
+    transform: scale(1.1);
+  }
+
   &.article-list-page {
     width: 110%;
     transition: width 0.05s linear;

web/components/about/AboutImage/index.tsx

@@ -36,7 +36,7 @@ const AboutImage: FC = () => {
         glassLightShadowHorizontalOffset={-0.3}
         glassLightShadowVerticalOffset={-0.3}
         imageAlt="Professional image of Elias Gutierrez"
-        imageSrc="/about-pic.jpg"
+        imageSrc="/about-pic.jpeg"
         opacity={1}
       />
     </ImageWrapper>

web/components/about/AboutSection/index.tsx

@@ -16,12 +16,13 @@ const AboutSection: FC = () => (
 
     <SecondaryAboutWrapper>
       <Paragraph>
-        I am a California-based with a BS degree in Physics from UCLA currently
-        working as a Software Developer at Listing Alert under Bitwise
-        Industries. I have experiences with Django, Node, React, Figma/Lucid
-        Charts and other platforms and tools to facilitate on creating and
-        solving real-world problems for the users to enjoy, and the companies to
-        succeed their vision
+        A passionate and curious individual with a BS degree in Physics from
+        UCLA currently working as a Full-Stack Software Engineer at Aerobotics7
+        to remove landmines from around the world. I have experiences with
+        Python, Django, Node.js, React.js, Figma/Lucid Charts and other
+        platforms and tools to facilitate on creating and solving real-world
+        problems for the users to enjoy, and the companies to succeed their
+        vision
       </Paragraph>
     </SecondaryAboutWrapper>
   </Section>

web/components/about/BeliefsSection/index.tsx

@@ -48,12 +48,12 @@ const BeliefsSection: FC = () => {
 
       <ParagraphWrapper>
         <Paragraph>
-          As an avid learner, I was a self-taught programmer many years before
-          Listing Alert or taking courses at Bitwise. Being self-taught was
-          difficult for me and created imposter syndrome. I always felt like I
-          was not good enough and needed to know more about the magic of coding.
-          Overtime, I have learned to have self-confidence in my abilities,
-          asking for guidance, and knowing when to just get up and take a walk.
+          As an avid learner, I was a self-taught programmer many years ago, and
+          being self-taught was difficult and created imposter syndrome within
+          myself. I always felt like I was not good enough and needed to know
+          more about the magic of coding. Overtime, I have learned to have
+          self-confidence in my abilities, asking for guidance, and knowing when
+          to just get up and take a walk.
         </Paragraph>
       </ParagraphWrapper>
 
@@ -62,7 +62,7 @@ const BeliefsSection: FC = () => {
           I believe that anyone can become a programmer no matter what
           background they come from. I believe that if you have tenacity,
           perseverance, and tolerance within yourself then you can understand
-          the complexity of programming.
+          the complexities of programming.
         </Paragraph>
       </ParagraphWrapper>
 

web/components/about/ExperienceSection/index.tsx

@@ -48,25 +48,29 @@ const ExperienceSection: FC = () => {
 
       <ParagraphWrapper>
         <Paragraph>
-          At Listing Alert, I help to develop the mobile app with bare React
-          Native (non-Expo) along with developing our own API with Node,
-          Express, MongoDB and AWS S3 to be used for the real estate agents to
-          get notifications on property listings from potential buyers.
-          Additionally, the team and I developed a web dashboard with React for
-          companies to create agents, offices, and other tasks for their needs.
-          In all of the development process, we used Apollo GraphQL. Over 1600
-          agents across the country from RE/MAX to Century 21 Black Bear Realty
-          use Listing Alert.
+          At Aerobotics7, I spearheaded the creation of software architectures
+          for controlling drones and efficiently storing landmine detection data
+          at a high-speed receiver rate. Managing the full technology stack,
+          including DevOps, SQL databases, and security protocols, I
+          successfully ensured real-time communication and authentication
+          between the drone and users. Additionally, I presented our hardware
+          and software technology at the Geneva International Centre for
+          Humanitarian Demining (held in Switzerland once a year) to showcase
+          our capabilities to government officials, scientists, and engineers.
         </Paragraph>
       </ParagraphWrapper>
 
       <ParagraphWrapper>
         <Paragraph>
-          I am proud of what we do at Listing Alert. I am proud of the work and
-          vision we have. I am proud of the entire team from the devs to
-          marketing to the designers to the CEO and COO. Till this day and
-          forever in the future, I will have the Listing Alert logo sticker on
-          my MacBook 💙.
+          Previously at Listing Alert, I helped to develop the mobile app with
+          bare React Native (non-Expo) along with developing our own API with
+          Node.js, Express.js, MongoDB and AWS S3 to be used for the real estate
+          agents to get notifications on property listings from potential
+          buyers. Additionally, the team and I developed a web dashboard with
+          React.js for companies to create agents, offices, and other tasks for
+          their needs. In all of the development process, we used Apollo
+          GraphQL. Over 1600 agents across the country from RE/MAX to Century 21
+          Black Bear Realty use Listing Alert.
         </Paragraph>
       </ParagraphWrapper>
 
@@ -80,27 +84,6 @@ const ExperienceSection: FC = () => {
           with clean file structure which follows best practices.
         </Paragraph>
       </ParagraphWrapper>
-
-      <ParagraphWrapper>
-        <Paragraph>
-          Before becoming a React Developer for AlphaWorks under Bitwise
-          Industries, I was taking courses from Bitwise starting with React
-          which was an intensive 6-week journey on learning class and function
-          components, React Router, React Context API, and Redux. I also took
-          courses on CSS, JavaScript, and the Backend. For the Backend course,
-          it lasted for 8-weeks on learning Python and databases, different
-          types of databases (SQL and NoSQL), designing a database, using
-          Django, and creating a final project that is full-stack using React
-          and Django with our own database design.
-        </Paragraph>
-      </ParagraphWrapper>
-
-      <ParagraphWrapper>
-        <Paragraph>
-          I also teach React and other web development courses at Bitwise
-          Industries.
-        </Paragraph>
-      </ParagraphWrapper>
     </Section>
   );
 };

web/components/home/HeroBanner/index.tsx

@@ -24,7 +24,7 @@ const HeroBanner: FC = () => (
         glassLightShadowHorizontalOffset={-0.3}
         glassLightShadowVerticalOffset={-0.3}
         imageAlt="Profile image of Elias Gutierrez"
-        imageSrc="/profile-pic.jpg"
+        imageSrc="/profile-pic2.jpg"
         opacity={1}
       />
     </ProfileImageWrapper>
@@ -39,9 +39,9 @@ const HeroBanner: FC = () => (
 
       <SecondaryBiographyWrapper>
         <Paragraph>
-          I enjoy creating beautiful user-centered interactivity and experiences
-          for the web and mobile apps along with scalability on the API to
-          create efficiency for teams and companies
+          I enjoy creating beautiful user-centered interactivities and solving
+          abstract software puzzles to create efficiency and scalability for
+          teams and companies
         </Paragraph>
       </SecondaryBiographyWrapper>
     </BiographyContainer>