index.html

---
layout: layout.html
---

<div class="description">
    <figure>
        <img src="/img/headshot.png" alt="A Headshot of Chris Wolff the author of this webpage." />
        <figcaption>
            <h2>Hi I'm Chris Wolff, but you can call me "Wolff"!</h2>
        </figcaption>
    </figure>
    <div class="links">
        <h2>Places you can find me:</h2>
        <nav>
            <!-- <a href="/articles" class="nav-item nav-item--articles">Articles</a> -->
            <a rel="me" href="https://front-end.social/@seawolff" class="nav-item nav-item--mastodon">Mastodon</a>
            <a href="https://github.com/seawolff" class="nav-item nav-item--github">Github</a>
            <a href="https://linkedin.com/in/thewolff" class="nav-item nav-item--linkedin">Linkedin</a>
        </nav>
    </div>
    <div class="about">
        <h3>Some fun facts about me:</h3>
        <ul class="bio">
            <li>
                <icon>👨‍💻</icon> Award Winning Web Developer
            </li>
            <li>
                <icon>🧘‍♂️</icon> Certified 200-YTT Yoga Instructor
            </li>
            <li>
                <icon>🥖</icon> Baker
            </li>
            <li>
                <icon>🍄</icon> Forager
            </li>
            <li>
                <icon>🏜️</icon> Enjoyer
            </li>
            <li>
                <icon>🐶🐱🦕</icon> Lover
            </li>
        </ul>
    </div>
    <div class="corporate-speak">
        <h3>Here's some corporate speak about me:</strong></h3>
        <p>
            Award-winning front-end developer with 14 years of professional experience
            creating, optimizing, and rapidly deploying outstanding websites.
            Accomplished in tailoring experiences and approaches to distinct
            verticals, and building systematic approaches to development to
            accelerate delivery. Proficient in JavaScript, React with experience
            with Redux client stores, CSS and many, many transpilers.</p>
        </p>
    </div>
    <div class="my-skills">
        <h3>Skills:</h3>
        <ul class="skills">
            <li>CSS (Less, Sass/SCSS - BEM)</li>
            <li>HTML (A lost art)</li>
            <li>Javascript (React, NextJS, Redux, Node/Express)</li>
            <li>Python (Django)</li>
            <li>UX/UI development and optimization</li>
            <li>Responsive web design</li>
            <li>Website accessibility and page speed</li>
            <li>Web standards and guidelines</li>
            <li>A/B testing</li>
            <li>Agile methodology and ceremonies</li>
            <li>Search Engine Optimization (SEO)</li>
            <li>Usability and user experience</li>
        </ul>
    </div>
    <div class="post-list">
        <h3>Here are some things I've been writing about <a href="/articles.xml">
                <icon>✍️</icon>
            </a>
        </h3>
        <ol>
            {% for post in collections.post %}
            <li>
                <h2><a class="post-item" href="{{post.url}}">{{post.data.title}}</a></h2>
            </li>
            {% endfor %}
        </ol>
    </div>
</div>