index.html

---
layout: main
description: Software Developer. Blogger. PHP. Monitoring. Security. Performance.
body-class: home
include-social: true
---
<div class="home-wrapper">
    <div class="home-top">
        <img class="home__avatar" alt="Max Chadwick" src="/img/me.jpg" width="400" height="400">
        <h1 class="home__header">Max Chadwick</h1>
        <ul class="home-menu">
            <li class="home-menu__item"><a class="home-menu__item-link" href="/blog/">Blog</a></li>
            <li class="home-menu__item"><a class="home-menu__item-link" href="/talks">Talks</a></li>
            <li class="home-menu__item"><a class="home-menu__item-link" href="/projects">Projects</a></li>
        </ul>
    </div>
    <div class="home-featured-content-section">
        {% include bio.html is_home="true" %}
    </div>
    <div class="home-featured-content-section home-featured-content-section--blog">
        <h2 class="home-featured-content-section__header">Things I've Written</h2>
        <ul class="home-featured-content-section__list">
            {% assign selected_posts = site.posts | where:"selected","true" | sort: 'position' %}
            {% for post in selected_posts %}
            <li class="home-featured-content-section__item">
                <a href="{{ post.url }}">
                    <img src="{{ post.image }}"
                        alt="{{ post.image_alt }}"
                        width="{{ post.image_width }}"
                        height="{{ post.image_height }}"
                    >
                </a>
                <h4><a href="{{ post.url }}">{{ post.title }}</a></h4>
                <p class="home-featured-content-section__post-date">Published: {{post.date | date: "%B %-d, %Y"}}</p>
                {% if post.tags.size > 0 %}
                    <div class="tags-list">
                        <strong>Tags:</strong>
                        <ul>
                        {% for tag in post.tags %}
                        <li><a href="/tags/#{{ tag | slugify }}">{{ tag }}</a>
                        {% endfor %}
                        </ul>
                    </div>
                {% endif %}
                <p class="home-featured-content-section__post-description">{{post.description}}</p>
                <p><a href="{{ post.url }}" class="call-to-action">Read more</a></p>
            </li>
            {% endfor %}
        </ul>
    </div>
    <div class="home-featured-content-section">
        <h2 class="home-featured-content-section__header">Things I've Built</h2>
        {% assign selected_projects = site.projects | where:"selected","true" | sort: 'position' %}
        {% for project in selected_projects %}
        {% if project.image %}
        <a href="/projects#{{ project.title | slugify }}">
            <img src="{{ project.image }}"
                alt="{{ project.image_alt }}"
                width="{{ project.image_width }}"
                height="{{ project.image_height }}"
            >
        </a>
        {% endif %}
        <h4><a href="/projects#{{ project.title | slugify }}">{{ project.title }}</a></h4>
        <p>{{ project.description }}</p>
        <a class="call-to-action" href="{{ project.view_url }}">{{ project.call_to_action }}</a>
        {% endfor %}
    </div>
</div>