workspace/website/about.html

{% extends "base.html" %}

{% block title %}About - About Charles Feinn // AppSimple{% endblock %}

{% block extra_css %}
<link rel="stylesheet" href="/assets/css/pages/about.css" />
{% endblock %}

{% block content %}
<!-- About Section -->
<h1 class="page-title">About</h1>
                    
<!-- Image and Intro Container -->
<div class="about-intro-container">
    <div class="about-personal-photo-container">
        <img src="/assets/images/charles.jpeg" alt="Charles Feinn" class="about-personal-photo">
    </div>
    <div class="about-intro-text">
        <p class="page-intro">Hi, I'm Charles Feinn, the engineer behind AppSimple. I specialize in building practical AI solutions and user-focused mobile applications.</p>
    </div>
</div>

<!-- My Journey -->
<h2 class="section-heading">My Path to Practical AI</h2>
<p>My route to combining mobile development and applied AI wasn't conventional, but it was driven by a consistent theme: a fascination with how complex systems connect, interact, and learn. This started early, leading me to co-found a music technology company focused on online collaboration back in the MySpace era – essentially, a social network with embedded audio editing tools.</p>

<p>When the iPhone arrived, I saw the next evolution of connection and interaction. I dove headfirst into mobile, teaching myself Objective-C and dedicating years to building native applications. This period wasn't just about coding; it was an intense education in creating technology that was intuitive, reliable, and genuinely solved problems for users. It ingrained a discipline of practical, user-centered implementation.</p>

<p>Yet, that underlying fascination with learning systems never waned. As AI and Machine Learning matured, I recognized it as the culmination of my interests – a powerful way to build systems that could truly adapt and learn. It felt like the missing piece I'd been searching for since my earliest explorations into network dynamics.</p>

<p>Today, AppSimple exists at the intersection of these experiences. I bring the practical discipline of building polished mobile applications to the potential of applied AI. My goal isn't just to implement the latest AI techniques, but to do so in a way that's grounded, effective, and delivers tangible value – informed by years of making technology work in the real world.</p>

<!-- Expertise Stats Section -->
<h2 class="section-heading">Experience Highlights</h2>

<div class="about-stats">
    <div class="stat-item">
        <div class="stat-number">11+</div>
        <div class="stat-label">Years of Mobile Development</div>
    </div>
    
    <div class="stat-item">
        <div class="stat-number">1.3M+</div>
        <div class="stat-label">App Installations</div>
    </div>
    
    <div class="stat-item">
        <div class="stat-number">3+</div>
        <div class="stat-label">Years of AI Focus & Development</div>
    </div>
</div>

<!-- My Approach Section with Lucide Icons -->
<h2 class="section-heading">My Approach</h2>
<p class="section-intro">I believe in the power of technology to solve real business problems, but I'm also pragmatic about its limitations. My approach is built on three core principles that apply equally to mobile development and applied AI:</p>

<div class="expertise-item">
    <div class="expertise-icon-container">
        <svg class="icon expertise-icon" viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet">
            <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path>
            <polyline points="22 4 12 14.01 9 11.01"></polyline>
        </svg>
    </div>
    <div class="expertise-content">
        <h3>Practicality First</h3>
        <p>I focus on solutions that deliver tangible results, not theoretical possibilities. Every implementation is designed to solve specific business problems efficiently, whether it's a mobile app or AI system.</p>
    </div>
</div>

<div class="expertise-item">
    <div class="expertise-icon-container">
        <svg class="icon expertise-icon" viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet">
            <circle cx="12" cy="12" r="10"></circle>
            <line x1="12" y1="16" x2="12" y2="12"></line>
            <line x1="12" y1="8" x2="12.01" y2="8"></line>
        </svg>
    </div>
    <div class="expertise-content">
        <h3>Clear Communication</h3>
        <p>I translate complex technical concepts into plain language, ensuring you always understand what's possible, what's not, and why certain approaches are recommended. This is especially important when working with emerging AI technologies.</p>
    </div>
</div>

<div class="expertise-item">
    <div class="expertise-icon-container">
        <svg class="icon expertise-icon" viewBox="0 0 24 24">
            <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>
            <circle cx="9" cy="7" r="4"/>
            <path d="M23 21v-2a4 4 0 0 0-3-3.87"/>
            <path d="M16 3.13a4 4 0 0 1 0 7.75"/>
        </svg>
    </div>
    <div class="expertise-content">
        <h3>Long-term Partnership</h3>
        <p>I don't just deliver and disappear. My goal is to build a lasting relationship where I can continue to support your technology journey as your needs evolve and new capabilities become available.</p>
    </div>
</div>

<!-- Expertise Section with Lucide Icons -->
<h2 class="section-heading">Technical Expertise</h2>
<p class="section-intro">My technical background spans several key areas:</p>

<div class="expertise-item">
    <div class="expertise-icon-container">
        <svg class="icon expertise-icon" viewBox="0 0 24 24">
            <rect x="5" y="2" width="14" height="20" rx="2" ry="2"/>
            <line x1="12" y1="18" x2="12.01" y2="18"/>
        </svg>
    </div>
    <div class="expertise-content">
        <h3>Mobile Development</h3>
        <p>Native iOS and Android development, cross-platform solutions, user experience design, and integrating mobile applications with business systems.</p>
    </div>
</div>

<div class="expertise-item">
    <div class="expertise-icon-container">
        <svg class="icon expertise-icon" viewBox="0 0 24 24">
            <path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"/>
            <path d="m2 12 3.76-3.76a1 1 0 0 1 1.41 0L12 13.17l4.83-4.83a1 1 0 0 1 1.41 0L22 12"/>
        </svg>
    </div>
    <div class="expertise-content">
        <h3>Machine Learning & AI</h3>
        <p>LLM evaluation frameworks, prompt engineering, custom ML pipelines, AI integration strategies, and intelligent document processing systems.</p>
    </div>
</div>

<div class="expertise-item">
    <div class="expertise-icon-container">
        <svg class="icon expertise-icon" viewBox="0 0 24 24">
            <path d="M5 22h14"/>
            <path d="M5 2h14"/>
            <path d="M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22"/>
            <path d="M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2"/>
        </svg>
    </div>
    <div class="expertise-content">
        <h3>Workflow Automation</h3>
        <p>Design and implementation of automated processes that reduce manual effort and increase accuracy using AI tools and mobile solutions.</p>
    </div>
</div>

<div class="expertise-item">
    <div class="expertise-icon-container">
        <svg class="icon expertise-icon" viewBox="0 0 24 24">
            <rect x="3" y="3" width="18" height="18" rx="2" ry="2"/>
            <line x1="12" y1="8" x2="12" y2="16"/>
            <line x1="8" y1="12" x2="16" y2="12"/>
        </svg>
    </div>
    <div class="expertise-content">
        <h3>Hybrid Solutions</h3>
        <p>Creating systems that combine mobile interfaces with AI backends, integrating on-device AI features with mobile UX, and developing cross-platform hybrid applications.</p>
    </div>
</div>

<!-- CTA Section -->
<div class="process-cta">
    <h3>Let's work together</h3>
    <p>Whether you need a mobile application, an AI-powered solution, or a solution that combines both technologies, I'm here to help bring your vision to life with practical, user-focused technology.</p>
    <a href="/contact" class="process-cta-button">Get in Touch</a>
</div>
</div>
{% endblock %}