From 54dfb7f0a0ea1b2bf4b917ebb524e7bddf9a946a Mon Sep 17 00:00:00 2001 From: Alex Date: Thu, 4 Jun 2026 11:54:58 -0700 Subject: [PATCH] Work history, add tech skills, fix npm script --- assets/package.json | 2 +- assets/styles/landing.css | 42 +++++++++++- assets/styles/scss/landing/_computer.scss | 50 +++++++++++++- templates/front/home/index.html.twig | 84 ++++++++++++++++++----- 4 files changed, 157 insertions(+), 21 deletions(-) diff --git a/assets/package.json b/assets/package.json index d713a52..83fda17 100644 --- a/assets/package.json +++ b/assets/package.json @@ -12,7 +12,7 @@ "scripts": { "fe-watch": "sass styles/scss/main.scss styles/main.css -w", "be-watch": "sass styles/scss/brain.scss styles/brain.css -w", - "landing-watch": "sass styles/scss/landing.scss styles/landing.css -W", + "landing-watch": "sass styles/scss/landing.scss styles/landing.css -w", "fe-build": "sass styles/scss/main.scss styles/main.css --style compressed --no-source-map", "be-build": "sass styles/scss/brain.scss styles/brain.css --style compressed --no-source-map", "landing-build": "sass styles/scss/brain.scss styles/brain.css --style compressed --no-source-map", diff --git a/assets/styles/landing.css b/assets/styles/landing.css index 0a5fc14..09774e3 100644 --- a/assets/styles/landing.css +++ b/assets/styles/landing.css @@ -142,7 +142,7 @@ } @media screen and (min-width: 600px) { .home #root.v1 .top .computer .heading { - font-size: 2rem; + font-size: 1.5rem; } } .home #root.v1 .top .computer .heading:before { @@ -168,7 +168,7 @@ width: fit-content; } .home #root.v1 .top .computer #intro .heading { - width: 240px; + width: 260px; } .home #root.v1 .top .computer #body { width: fit-content; @@ -396,6 +396,15 @@ .home #root.v1 .bottom #work .jobs .right .job-highlight ul { padding: 0; } +.home #root.v1 .bottom #work .jobs .right .job-highlight ul li { + font-size: 1.125rem; +} +.home #root.v1 .bottom #work .jobs .right .job-highlight ul li ul { + padding-left: 1rem; +} +.home #root.v1 .bottom #work .jobs .right .job-highlight ul li ul li { + padding: 2px 0; +} .home #root.v1 .bottom #work .jobs .right .job-highlight.show { display: block; border-left: 1rem solid #d7b94c; @@ -410,6 +419,34 @@ .home #root.v1 .bottom #work .jobs .right .job-highlight.hide { display: none; } +.home #root.v1 .bottom #work .tech { + padding: 2rem 0; +} +.home #root.v1 .bottom #work .tech .title { + color: #49111C; + text-align: center; +} +.home #root.v1 .bottom #work .tech .title:after { + content: ""; + display: block; + width: 50px; + margin: 0 auto; + border-bottom: 5px solid #d7b94c; +} +.home #root.v1 .bottom #work .tech .education { + text-align: center; + font-size: 1.125rem; +} +.home #root.v1 .bottom #work .tech .list { + display: flex; + justify-content: center; + column-gap: 2rem; + row-gap: 1rem; + flex-wrap: wrap; +} +.home #root.v1 .bottom #work .tech .list li { + font-size: 1.125rem; +} .home #root.v1 .bottom #contact { display: block; background-color: #1F2421; @@ -619,6 +656,7 @@ h6 { p, a, li, span { font-family: RobotoSlab-Regular; + letter-spacing: 1px; } strong { diff --git a/assets/styles/scss/landing/_computer.scss b/assets/styles/scss/landing/_computer.scss index 546b138..0fcf591 100644 --- a/assets/styles/scss/landing/_computer.scss +++ b/assets/styles/scss/landing/_computer.scss @@ -163,7 +163,7 @@ padding-left: 1rem; @media screen and (min-width: 600px) { - font-size: 2rem; + font-size: 1.5rem; } &:before { @@ -194,7 +194,7 @@ width: fit-content; .heading { - width: 240px; + width: 260px; } } @@ -465,6 +465,18 @@ ul { padding: 0; //margin: 0; + + li { + font-size: 1.125rem; + + ul { + padding-left: 1rem; + + li { + padding: 2px 0; + } + } + } } &.show { @@ -486,6 +498,40 @@ } + + .tech { + padding: 2rem 0; + + .title { + color: colors.$primaryRed; + text-align: center; + + &:after { + content: ''; + display: block; + width: 50px; + margin: 0 auto; + border-bottom: 5px solid colors.$primaryYellow; + } + } + + .education { + text-align: center; + font-size: 1.125rem; + } + + .list { + display: flex; + justify-content: center; + column-gap: 2rem; + row-gap: 1rem; + flex-wrap: wrap; + + li { + font-size: 1.125rem; + } + } + } } #contact { diff --git a/templates/front/home/index.html.twig b/templates/front/home/index.html.twig index 7a389cf..e0aefcf 100644 --- a/templates/front/home/index.html.twig +++ b/templates/front/home/index.html.twig @@ -1,6 +1,6 @@ {% extends 'home.html.twig' %} -{% block title %}My Own Corner Of The Internet | Alex Daniels{% endblock %} +{% block title %}Hello | Alex Daniels{% endblock %} {% block nav %} @@ -56,23 +56,23 @@

Item 1

- -

I took a 6 week road trip across the united states

- Road Trip + +

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+ Check It Out

Item 2

- -

Some text about a thing longer text asdf 1234

- Project + +

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+ Check It Out

Item 3

- -

Some text about a thing

- Project + +

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+ Check It Out
@@ -96,34 +96,86 @@

Highlights

+
Senior Application Developer
  • - item 1 + Full Stack Developer tasked with platform and website builds for businesses and organizations, non-profits, and e-commerce.
  • - item 2 + Handled architecture decisions, project requirements, and assisted in client discovery meetings for new and existing projects.
  • - item 3 + Ran numerous client demos and recurring meetings on project statuses and developed great working relationships with existing clients to ensure continued business. +
    • +
  • + Projects +
      +
    • + Architected and developed an online platform for a California City School District's administrative certification program. Utilizing Single Sign-On for ease of access the platform moved existing paper forms into online forms that automatically tracked user progress through the program. Utilized Drupal 11, Single Sign-On with Microsoft Entra, and email functionality through a hook into Office 365 and Outlook. +
      • +
    • + Rebuilt a buggy and incomplete WooCommerce checkout functionality for Bentley Systems that was causing a loss in sales. Upon completion the system was able to handle hundreds of millions of dollars in sales both in the United States and Internationally without issue. Utilized WooCommerce, Adyen payment processing, and Recurly for recurring subscriptions. +
      • +
    • + Developed an all encompassing new website and platform for Henry.com in order to facilitate brand updates and consolidation of various small recently purchased companies and their websites. This platform served various purposes from product listings to documentation and a general Knowledge Hub for new and prospective buyers. Utilized Optimizely as the main CMS and commerce platform. +
      • +
    • + Architected and developed a platform and API for signing digital assets that utilized user's phones for biometric authentication and signing of digital assets. Utilized the Symfony PHP framework, Amazon Cognito, ImageMagick, and React Native for iOS and Android applications. +
      • +
+
Developer to Senior Developer
  • - 2 item 1 + Full Stack Developer working directly with clients on new features for existing Drupal 7, 8, and 9, and Wordpress websites.
  • - 2 item 2 + Worked with and oversaw automated content migrations from Drupal 6 and 7 into Drupal 8 and 9, as well as from Wordpress into Drupal 8 and 9.
  • - 2 item 3 + Tasked with various roles including Tech Lead, Tech PM, and general project management for select projects and clients. +
    • +
  • + Worked with numerous collaborative tools to manage 20+ clients for website maintenance, security updates, and new features +
    • +
  • + Used direct SQL queries for data gathering, improving efficiency of legacy systems, and integrations with 3rd party tools such as Salesforce. +
    • +
  • + Worked directly with The Philadelphia Orchestra to streamline and improve marketing templates, debug and fix their existing Drupal 7 site and custom Angular ticket purchasing system, and helped create and maintain various EC2 and RDS AWS instances that ran the systems
+
+

Education

+

Bachelor of Science in Computer Science

+

Technical Stuff

+ +

Contact