{% extends 'home.html.twig' %}

{% block title %}Hello | Alex Daniels{% endblock %}


{% block nav %}
<nav>
    <h1><a href="/">AD</a></h1>
    <i class="icon icon-menu" aria-label="open menu"></i>
    <menu class="front-menu">
        <li><a href="/words">Writing</a></li>
        <li><a href="/photos">Photography</a></li>
        <li><a href="/about">About Me</a></li>
        {% if app.user %}
            <li><a href="/brain">Brain</a></li>
            <li><a href="/letmeout">Logout</a></li>
        {% endif %}
    </menu>
</nav>
{% endblock %}


{% block intro %}
    <section id="intro">
        <p class="heading">&nbsp;cat ./about.md</p>
    </section>
{% endblock %}

{% block body %}
    <section id="body">
        <p class="about">
            hello, i'm alex<br>
            i'm a web developer based in portland, oregon<br><br>
            in my free time i enjoy hiking, camping, reading, photography, and more<br><br>
            welcome to my little corner of the internet
        </p>
    </section>
{% endblock %}

{% block outro %}
    <section id="outro">
       <p class="heading">&nbsp;ls ./menu</p>
       <div class="menu">
            <a data-scroll-to="cool-stuff">some cool stuff</a>
            <a data-scroll-to="work">work</a>
            <a data-scroll-to="contact">contact</a>
       </div>
    </section>
    <div id="continue" aria-label="continue"><i class="icon icon-arrow-down"></i></div>
{% endblock %}

{% block underFold %}
    <section id="cool-stuff">
        <h2 class="title">Some Cool Stuff</h2>
        <div class="highlights">
            <div class="highlight left">
                <i class="icon icon-paperclip"></i>
                <h3>Item 1</h3>
                <img src="https://placehold.co/600x600/png">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                <a href="#">Check It Out</a>
            </div>
            <div class="highlight middle">
                <i class="icon icon-paperclip"></i>
                <h3>Item 2</h3>
                <img src="https://placehold.co/600x600/png">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                <a href="#">Check It Out</a>
            </div>
            <div class="highlight right">
                <i class="icon icon-paperclip"></i>
                <h3>Item 3</h3>
                <img src="https://placehold.co/600x600/png">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                <a href="#">Check It Out</a>
            </div>
        </div>
    </section>
    <section id="work">
        <h2 class="title">Work</h2>
        <div class="jobs">
            <div class="left">
                <h3 class="title">Experience</h3>
                <div class="wrapper">
                    <div class="job latest active" data-job-id="job-1">
                        <h4 class="title">Engine Room Technology Company</h4>
                        <p><strong>2021-2026</strong> - <em>Remote</em></p>
                    </div>
                    <div class="job first" data-job-id="job-2">
                        <h4 class="title">Eastern Standard</h4>
                        <p><strong>2016-2021</strong> - <em>Philadelphia, PA</em></p>
                    </div>
                </div>
            </div>
            <div class="right">
                <h3 class="title">Highlights</h3>
                <div class="highlights">
                    <div id="job-1" class="job-highlight show">
                        <h5>Senior Application Developer</h5>
                        <ul>
                            <li>
                                Full Stack Developer tasked with platform and website builds for businesses and organizations, non-profits, and e-commerce.
                            </li>
                            <li>
                                Handled architecture decisions, project requirements, and assisted in client discovery meetings for new and existing projects. 
                            </li>
                            <li>
                                Ran numerous client demos and recurring meetings on project statuses and developed great working relationships with existing clients to ensure continued business.
                            </li>
                            <li>
                               <strong>Projects</strong>
                                <ul>
                                    <li>
                                        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.
                                    </li>
                                    <li>
                                        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.
                                    </li>
                                    <li>
                                        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.
                                    </li>
                                    <li>
                                        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.
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div id="job-2" class="job-highlight hide">
                        <h5>Developer to Senior Developer</h5>
                        <ul>
                            <li>
                                Full Stack Developer working directly with clients on new features for existing Drupal 7, 8, and 9, and Wordpress websites.
                            </li>
                            <li>
                                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.
                            </li>
                            <li>
                                Tasked with various roles including Tech Lead, Tech PM, and general project management for select projects and clients.
                            </li>
                            <li>
                                Worked with numerous collaborative tools to manage 20+ clients for website maintenance, security updates, and new features
                            </li>
                            <li>
                                Used direct SQL queries for data gathering, improving efficiency of legacy systems, and integrations with 3rd party tools such as Salesforce.
                            </li>
                            <li>
                                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 
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="tech">
            <h3 class="title">Education</h3>
            <p class="education">Bachelor of Science in Computer Science</p>
            <h3 class="title">Technical Stuff</h3>
            <ul class="list">
                <li>PHP</li>
                <li>C#</li>
                <li>Javascript</li>
                <li>React</li>
                <li>Remix.run</li>
                <li>jQuery</li>
                <li>SASS/SCSS</li>
                <li>SQL</li>
                <li>Git</li>
                <li>Drupal</li>
                <li>Wordpress</li>
                <li>Optimizely</li>
                <li>Symfony</li>
                <li>Composer</li>
                <li>NPM</li>
                <li>Webpack</li>
                <li>Gulp</li>
            </ul>
        </div>
    </section>
    <section id="contact">
        <h2 class="title">Contact</h2>
        <div class="info">
             <a href="mailto:hello@alexdaniels.dev" aria-label="email me"><i class="icon icon-email"></i></a>
        </div>
    </section>
{% endblock %}

{% block footer %}
    <p>© 2026 Alex Daniels</p>
{% endblock %}