About Me

<div class="page" id="page">
    <!-- Begin .header -->
    <header id="header">
        <div class="table">
            <div class="logo">
                <a href="./home" class="logo__wordmark wordmark">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000.04 105.58">
                        <defs>
                            <style>
                                .cls-1 {
                                    fill: #757576;
                                }

                                .cls-2 {
                                    fill: #212121;
                                }

                                .cls-3 {
                                    fill: #010101;
                                }
                            </style>
                        </defs>
                        <path class="cls-1" d="M3.83,89.21c2.92.42,5.14-.28,6.8-2.5q1.25-1.46,1.25-5V.9h15V84.07c0,5.55-1.39,10.69-4.86,14.44s-9.3,6-18.19,5.42Z" />
                        <path class="cls-1" d="M37.29.9H71.58V16.32H52.29v26.8H66.17V59.5H52.29v28h19.3V103H37.29Z" />
                        <path class="cls-1" d="M106.71,103l-7.78-43h-4v43h-15V.9h15C112.82.9,120.46,11,120.46,30.34c0,10.14-2.64,19.3-8.33,23.19L121.71,103ZM94.91,46A10.42,10.42,0,0,0,102,43.81c2.22-1.94,4-5.69,4-12.91s-1.8-11.11-4-13.05-5-2.08-7.08-2.08Z" />
                        <path class="cls-1" d="M130,.9h34.29V16.32H145v26.8h13.88V59.5H145v28h19.3V103H130Z" />
                        <path class="cls-1" d="M197.51,103l-9.58-64.14-.56-4.3h-.83V103H172.66V.9H191l8.89,46.65.69,5.42h.28l.69-5.42L210.43.9h18.33V103H214.87V34.5H214l-.56,4.3L203.9,103Z" />
                        <path class="cls-1" d="M257.49,33.53l.42,1h.28l.42-1L266.1.9h14.72L265.54,59.5V103h-15V59.5L235.28.9H250Z" />
                        <path class="cls-2" d="M311.82,37.56V21.87c0-2.78-.56-4.72-1.94-6.39a4.32,4.32,0,0,0-3.05-1.11c-2.64,0-3.89,1.94-4.44,3.75a10.63,10.63,0,0,0-.56,3.75V83.24c0,2.92.69,4.86,2.08,6.39a4,4,0,0,0,2.92,1.11c2.64,0,3.89-1.67,4.44-3.75a9.71,9.71,0,0,0,.56-3.75V64.77h-6V52.14h21V103h-8.89l-1.8-4.86a14.92,14.92,0,0,1-11.66,6c-4.86,0-8.19-1.25-10.69-3.47a18.53,18.53,0,0,1-5.28-7.5A27.93,27.93,0,0,1,286.83,82V21.87a27.67,27.67,0,0,1,2.5-11,19.11,19.11,0,0,1,5.83-7.64A19.1,19.1,0,0,1,306.82-.21a18.66,18.66,0,0,1,11.52,3.47,19.49,19.49,0,0,1,6,7.64,27.67,27.67,0,0,1,2.5,11V37.56Z" />
                        <path class="cls-2" d="M364.58,103l-7.78-43h-4v43h-15V.9h15C370.69.9,378.32,11,378.32,30.34c0,10.14-2.64,19.3-8.33,23.19L379.57,103ZM352.78,46a10.42,10.42,0,0,0,7.08-2.22c2.22-1.94,4-5.69,4-12.91s-1.8-11.11-4-13.05-5-2.08-7.08-2.08Z" />
                        <path class="cls-2" d="M387.9.9H422.2V16.32H402.9v26.8h13.88V59.5H402.9v28h19.3V103H387.9Z" />
                        <path class="cls-2" d="M430.53.9h34.29V16.32h-19.3v26.8h13.88V59.5H445.52v28h19.3V103H430.53Z" />
                        <path class="cls-2" d="M489,49.78l-1.25-4.72h-.83V103H473.15V.9h13.33l14.58,53.18,1.25,4.72h.83V.9h13.75V103H503.56Z" />
                        <path class="cls-2" d="M523.83,103,539.24.9h18.33L573,103H558.4l-2.78-20.83H541.18L538.41,103Zm25.41-68.86-.42-2.64H548l-.42,2.64-4.3,32.21h10.27Z" />
                        <path class="cls-2" d="M598.39,103H586.72L573,.9h13.88l6,53,.28,3.33h1.11l.42-3.33L601,.9h10.83l6.39,53,.42,3.33h1.11l.28-3.33,6-53H639.9L626.15,103H614.49l-6.94-48.32-.83-6h-.56l-.83,6Z" />
                        <path class="cls-2" d="M643,103,658.37.9h18.33l15.41,102H677.53l-2.78-20.83H660.31L657.53,103Zm25.41-68.86-.42-2.64h-.83l-.42,2.64-4.3,32.21h10.27Z" />
                        <path class="cls-2" d="M699,.9h15V89.07H733.9V103H699Z" />
                        <path class="cls-2" d="M734.73,16.32V.9H778V16.32H763.88V103h-15V16.32Z" />
                        <g id="_Group_" data-name="&lt;Group&gt;">
                            <path class="cls-3" d="M888.28,74.9c1.81-.68,101.27-40,103.19-40.31,2.36-.35,4.11.69,5.44-1.3a4.6,4.6,0,0,0-1.16-5.93c-2.47-1.68-3.9,1.64-6.15,2.56-3.85,1.57-10,2.85-15.35,4.33L964.17,37c-14.64,4.05-58.26,12.39-81.73,18.7-4.28,1.15,1.8,21.46,5.84,19.15m0,0Q862.55,84,836.51,92.24c-6.64,2.1-13.44,4.17-20.4,4s-14.24-2.92-18.12-8.7a29.82,29.82,0,0,1-3.61-8.86,156.67,156.67,0,0,1-5.62-41.91c0-3.48,3.45-5.87,6.61-7.33a60.24,60.24,0,0,1,29-5.43c2.19.14,4.52.46,6.18,1.89a10.91,10.91,0,0,1,2.6,4.16,245.08,245.08,0,0,1,10.08,28.34c.59,2.05,1.32,4.33,3.2,5.35s3.88.47,5.8,0c10.09-2.6,20.24-5.31,30.22-8C886.91,54.58,891.3,73.73,888.28,74.9Z" />
                        </g>
                    </svg> </a>
                <!-- <span class="logo__tagline">Stay classy.</span> -->
            </div>
            <nav class="header-menu">
                <ul class="header-menu__list">
                    <li class="header-menu__list-item"><a href="./about">About Me</a></li>
                    <li class="header-menu__list-item"><a href="./articles">Articles</a></li>
                    <li class="header-menu__list-item"><a href="./projects">Projects</a></li>
                    <li class="header-menu__list-item"><a data-fancybox data-src="#hidden-content" href="javascript:;"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" width="36" height="36" viewBox="0 0 36 36" xml:space="preserve">
                                <g id="search_1_">
                                    <path d="M35.525 31.228l-8.88-8.882a14.254 14.254 0 002.298-7.752c0-7.909-6.438-14.343-14.346-14.343C6.686.251.254 6.685.254 14.594c0 7.911 6.433 14.344 14.343 14.344 2.856 0 5.513-.849 7.752-2.294l8.88 8.88a.761.761 0 001.076 0l3.22-3.221a.756.756 0 000-1.075zM4.81 14.593c0-5.396 4.391-9.788 9.788-9.788 5.398 0 9.787 4.392 9.787 9.788 0 5.398-4.389 9.789-9.787 9.789-5.398 0-9.788-4.391-9.788-9.789z" id="search" />
                                </g>
                            </svg></a></li>

                </ul>
            </nav>
        </div>
    </header>
    <!-- End .header -->
    <div class="hero" style="background-image: url('//placem.at/places?w=1600&h=900&txt=0');">
    </div>
    <div role="main" class="content">
        <header class="page-header">
            <h1 class="page__headline">About Me</h1>
        </header>
        <article class="main-content page__body">
            <p class="intro-text">This is the About page for jeremygreenawalt.com, and after vigorous internal debate and a consultation with his business coach, Jeremy has decided to go first person with this thing.</p>
            <p>My name is Jeremy, and I have a beautiful wife and adorable son that I spend most of my time talking about. Besides my family, I love pipes and cigars, whiskey, music, and books. I’m also really into Brazilian jiu-jitsu and barbell training, but I don’t look like it. Finally, I have a deep appreciation of movies, from French New Wave to 80’s slashers, thanks to a childhood of bingeing before Netflix or the Internet. I have the same basic relationship to music, thanks to growing up with two musicians and 24/7 exposure that switched from Brahms, Schubert, and Tchaikovsky to MXPX, Beastie Boys, and Living Sacrifice a few years before puberty.</p>
            <p>I have been a developer, systems administrator, web director, creative director, studio owner, and now I’m a developer again. I wrote a book about web development that received mostly positive reader reviews with the exception of a two-star review, titled “Nuts”, that ends with the sentence &quot;God I cannot catch a break on this mess.&quot; I was also the Easter Bunny at the mall for three years in high school, and it was a surprisingly good gig for the time.</p>
            <p>Here’s the thing, I am not famous in any way, and I mainly have this about page because I acknowledge that you probably have no idea of who I am. I have done a bunch of stuff, good and bad, and I want to share my journey with others while trying to get better all the time.</p>
            <hr class="graphic-separator">
            <h2>Ancient Artifacts</h2>
            <p>I've been doing this for a long time, and here's a few of my articles in their original (ugh) format.</p>
        </article>
        <!--end .article-->
        <aside class="page__sidebar">
            <div class="inset">
                <h2 class="h3">Vital Statistics</h2>
                <p>More about me</p>
            </div>
            <div class="inset">
                <h2 class="h3">Vital Statistics</h2>
                <p>More about me</p>
            </div>
        </aside>
    </div>
    <!--End role=main-->
    <footer>&copy;2020 Jeremy Greenawalt | <a href="#">RSS</a> | <a href="#">JSON</a></footer>
    <div style="display: none;" id="hidden-content" class="search__modal-content">
        <div class="search__wrapper">
            <input sprig s-trigger="keyup" s-target="#results" type="search" name="searchQuery" placeholder="Search" id="search-field" class="input-group-field search-field search__input" value="">
            <div id="results" style="display: none;">
                <!-- <h2>Search Results</h2> -->
                <ul class="article-list">
                    <li class="article-list__item">
                        <div class="article-block">
                            <div class="article-block__thumbnail">
                                <img src="//placem.at/things?w=600&h=600&txt=0" alt="Post Thumbnail" />
                            </div>
                            <div class="article-block__text">
                                <h2 class="article-block__headline">How I Deliver Front-End Development With Pattern Lab</h2>
                                <time class="article-block__date" datetime="2013-01-01T06:20+00:00">January 1, 2013</time>
                                <p>The Allegheny River is a principal tributary of the Ohio River; it is located in the Eastern United States. The Allegheny River joins with the Monongahela River to form the Ohio River at the Point of Point State Park in Downtown Pittsburgh, Pennsylvania.</p>
                                <p><a href="" class="button hollow large">Read Now</a></p>
                            </div>
                        </div>
                    </li>
                    <li class="article-list__item">
                        <div class="article-block">
                            <div class="article-block__thumbnail">
                                <img src="//placem.at/things?w=500&h=500&txt=0" alt="Ivy" />
                            </div>
                            <div class="article-block__text">
                                <h2 class="article-block__headline">How to detect and avoid poison ivy</h2>
                                <time class="article-block__date" datetime="2013-01-01T06:20+00:00">January 1, 2013</time>
                                <p>Toxicodendron radicans, commonly known as poison ivy is a poisonous North American plant that is well known for its production of urushiol</p>
                                <p><a href="" class="button hollow large">Read Now</a></p>
                            </div>
                        </div>
                    </li>
                    <li class="article-list__item">
                        <div class="article-block">
                            <div class="article-block__thumbnail">
                                <img src="//placem.at/things?w=700&h=700&txt=0" alt="Yosemite" />
                            </div>
                            <div class="article-block__text">
                                <h2 class="article-block__headline">Top 10 hiking mountains</h2>
                                <time class="article-block__date" datetime="2013-01-01T06:20+00:00">January 1, 2013</time>
                                <p>Yosemite National Park is a United States National Park spanning eastern portions of Tuolumne, Mariposa and Madera counties in the central eastern portion of the U.S. state of California.</p>
                                <p><a href="" class="button hollow large">Read Now</a></p>
                            </div>
                        </div>
                    </li>
                    <li class="article-list__item">
                        <div class="article-block">
                            <div class="article-block__thumbnail">
                                <img src="//placem.at/things?w=800&h=800&txt=0" alt="Fire" />
                            </div>
                            <div class="article-block__text">
                                <h2 class="article-block__headline">How to build a campfire</h2>
                                <time class="article-block__date" datetime="2013-01-01T06:20+00:00">January 1, 2013</time>
                                <p>A campfire is a fire lit at a campsite, to serve the following functions: light, warmth, a beacon, an insect and/or apex predator deterrent, to cook, and for a psychological sense of security. </p>
                                <p><a href="" class="button hollow large">Read Now</a></p>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>