<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<title>Chip Overflow - Where A Developer Learns, Shares, &amp; Build his Career</title>
<meta content="width=device-width,initial-scale=1" name="viewport">
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="JTqtbxD3QtpRsIkgxRdvhI3elkTORUL7KN0UI6D9fYV1vsHT2jyUkzB1QR0DWlDRbZM-IoIhop2ZgFu89AiCtA" />

<link rel="stylesheet" href="/assets/application-562f1d7ae4f973955cea612fa303450eab999c20f227e5f53bc5665ac24da672.css" data-turbo-track="reload" />
<script type="importmap" data-turbo-track="reload">{
  "imports": {
    "application": "/assets/application-ab56f9e8a965db29ac2eb80d85fcc7784aa5a355c118c3696a6ee41755cc6879.js",
    "@hotwired/turbo-rails": "/assets/turbo.min-b86d83036ff04169e5bf3ebbc82e0ad528456259e47091b448f41a3cadabdb40.js",
    "@hotwired/stimulus": "/assets/stimulus.min-dd364f16ec9504dfb72672295637a1c8838773b01c0b441bd41008124c407894.js",
    "@hotwired/stimulus-loading": "/assets/stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js",
    "trix": "/assets/trix-b6d103912a6c8078fed14e45716425fb78de5abfbe7b626cd5d9b25b35265066.js",
    "@rails/actiontext": "/assets/actiontext-78de0ebeae470799f9ec25fd0e20ae2d931df88c2ff9315918d1054a2fca2596.js",
    "controllers/application": "/assets/controllers/application-368d98631bccbf2349e0d4f8269afb3fe9625118341966de054759d96ea86c7e.js",
    "controllers/comments_controller": "/assets/controllers/comments_controller-01f11bb845a064b3cef90fe7e00bc6eb06d4229f34c9f696b44c01608dd9112a.js",
    "controllers/contact_controller": "/assets/controllers/contact_controller-aef574bd074b8a81749e323072be7169d6205833c56c891abef1a6ab5ef38670.js",
    "controllers": "/assets/controllers/index-2db729dddcc5b979110e98de4b6720f83f91a123172e87281d5a58410fc43806.js",
    "controllers/posts_controller": "/assets/controllers/posts_controller-6b8cd9f57595a6ab2adc80639fdbd7aea8d129c2c4fd6912b3d2e99efac92e83.js"
  }
}</script>
<link rel="modulepreload" href="/assets/application-ab56f9e8a965db29ac2eb80d85fcc7784aa5a355c118c3696a6ee41755cc6879.js">
<link rel="modulepreload" href="/assets/turbo.min-b86d83036ff04169e5bf3ebbc82e0ad528456259e47091b448f41a3cadabdb40.js">
<link rel="modulepreload" href="/assets/stimulus.min-dd364f16ec9504dfb72672295637a1c8838773b01c0b441bd41008124c407894.js">
<link rel="modulepreload" href="/assets/stimulus-loading-3576ce92b149ad5d6959438c6f291e2426c86df3b874c525b30faad51b0d96b3.js">
<link rel="modulepreload" href="/assets/trix-b6d103912a6c8078fed14e45716425fb78de5abfbe7b626cd5d9b25b35265066.js">
<link rel="modulepreload" href="/assets/actiontext-78de0ebeae470799f9ec25fd0e20ae2d931df88c2ff9315918d1054a2fca2596.js">
<link rel="modulepreload" href="/assets/controllers/application-368d98631bccbf2349e0d4f8269afb3fe9625118341966de054759d96ea86c7e.js">
<link rel="modulepreload" href="/assets/controllers/comments_controller-01f11bb845a064b3cef90fe7e00bc6eb06d4229f34c9f696b44c01608dd9112a.js">
<link rel="modulepreload" href="/assets/controllers/contact_controller-aef574bd074b8a81749e323072be7169d6205833c56c891abef1a6ab5ef38670.js">
<link rel="modulepreload" href="/assets/controllers/index-2db729dddcc5b979110e98de4b6720f83f91a123172e87281d5a58410fc43806.js">
<link rel="modulepreload" href="/assets/controllers/posts_controller-6b8cd9f57595a6ab2adc80639fdbd7aea8d129c2c4fd6912b3d2e99efac92e83.js">
<script type="module">import "application"</script>
<link href="http://fonts.cdnfonts.com/css/ff-din" rel="stylesheet">
<link href="https://unpkg.com/@stackoverflow/stacks@2.9.0/dist/css/stacks.min.css" rel="stylesheet" type="text/css">
<link href="https://cdn.sstatic.net/Sites/stackoverflow/primary.css?v=0cc30ee01b86" rel="stylesheet" type="text/css">
<link href="/assets/chipoverflow_glyph-9fcb46501efc99d8fc934571a0e45f1821ea97419d1ff3f0d93d1e19145e419d.png" rel="shortcut icon">
<link href="/assets/chipoverflow_glyph-9fcb46501efc99d8fc934571a0e45f1821ea97419d1ff3f0d93d1e19145e419d.png" rel="image_src">
<meta content="This is NOT StackOverflow. This is a portfolio site for one Chip Kragt." name="description">
<meta content="width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0" name="viewport">
<script src="https://unpkg.com/@stackoverflow/stacks@2.9.0/dist/js/stacks.min.js"></script>
</head>
<body class="unified-theme floating-content">
<header class="s-topbar ps-fixed t0 l0">
<div class="s-topbar--container">
<a aria-controls="left-sidebar" aria-expanded="false" aria-haspopup="true" class="s-topbar--menu-btn js-left-sidebar-toggle" href="#" role="menuitem">
<span></span>
</a>
<div class="topbar-dialog leftnav-dialog dno">
<div class="left-sidebar js-unpinned-left-sidebar"></div>
</div>
<a class="s-topbar--logo" href="/">
<span class="logo">Chip Overflow</span>
</a>
<ol class="s-navigation" role="presentation">
<li>
<a class="s-navigation--item" href="/Chip_Kragt_Resume.pdf" target="_blank">
Résumé
</a>
</li>
</ol>
<form id="search" class="s-topbar--searchbar" action="/search" accept-charset="UTF-8" method="get"><div class="s-topbar--searchbar--input-group">
<input class="s-input s-input__search" autocomplete="off" placeholder="Search..." type="search" name="q" id="q" />
<svg class="s-input-icon s-input-icon__search svg-icon iconSearch" height="18" viewbox="0 0 18 18" width="18">
<path d="m18 16.5-5.14-5.18h-.35a7 7 0 1 0-1.19 1.19v.35L16.5 18l1.5-1.5ZM12 7A5 5 0 1 1 2 7a5 5 0 0 1 10 0Z"></path>
</svg>
</div>
</form>
<nav class="h100 ml-auto overflow-x-auto pr12">
<ol class="s-topbar--content" role="menubar">
<li role="none">
<button aria-controls="search" aria-haspopup="true" aria-label="Search" class="s-topbar--item s-btn s-btn__icon s-btn__muted d-none sm js-searchbar-trigger" role="menuitem" title="Click to show search">
<svg aria-hidden="true" class="svg-icon iconSearch" height="18" viewbox="0 0 18 18" width="18">
<path d="m18 16.5-5.14-5.18h-.35a7 7 0 1 0-1.19 1.19v.35L16.5 18l1.5-1.5ZM12 7A5 5 0 1 1 2 7a5 5 0 0 1 10 0Z"></path>
</svg>
</button>
</li>
<li role="none">
<a class="s-topbar--item s-user-card s-user-card m0 px12" href="/signin" role="menuitem">
<div class="s-avatar s-avatar__24 s-user-card--avatar" title="Chiperific">
<img alt="Chiperific&#39;s face" class="bar-sm s-avatar--image js-avatar-me" height="24" src="https://www.gravatar.com/avatar/5c7a5fcd85529e17f9aa86c1e9a5490e?s=48&amp;d=identicon&amp;r=PG" width="24">
</div>
<span class="v-visible-sr">Chiperific</span>
<div class="s-user-card--info">
<ul class="s-user-card--awards">
<li aria-hidden="true" class="s-user-card--rep js-header-rep" title="my reputation: 4,766">
4,766
<span class="v-visible-sr">, 4,766 reputation</span>
</li>
<li class="-badges mr0">
<span aria-hidden="true" title="3 gold badges">
<span class="badge1">●</span>
<span class="badgecount">3</span>
</span>
<span class="v-visible-sr">3 gold badges</span>
<span aria-hidden="true" title="26 silver badges">
<span class="badge2">●</span>
<span class="badgecount">26</span>
</span>
<span class="v-visible-sr">26 silver badges</span>
<span aria-hidden="true" title="49 bronze badges">
<span class="badge3">●</span>
<span class="badgecount">49</span>
</span>
<span class="v-visible-sr">49 bronze badges</span>
</li>
</ul>
</div>
</a>
</li>
<li role="none">
<a aria-controls="inbox-popover" class="s-topbar--item" data-action="s-popover#toggle" data-controller="s-popover" data-s-popover-placement="bottom-end" data-unread-count="2" href="#" role="menuitem" title="Inbox">
<svg aria-hidden="true" class="svg-icon iconInbox" height="18" viewbox="0 0 20 18" width="20">
<path d="M4.63 1h10.56a2 2 0 0 1 1.94 1.35L20 10.79V15a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-4.21l2.78-8.44c.25-.8 1-1.36 1.85-1.35Zm8.28 12 2-2h2.95l-2.44-7.32a1 1 0 0 0-.95-.68H5.35a1 1 0 0 0-.95.68L1.96 11h2.95l2 2h6Z"></path>
</svg>
<span class="s-activity-indicator s-activity-indicator__danger js-unread-count">2</span>
</a>
</li>
<div class="s-popover topbar-dialog inbox-dialog" id="inbox-popover" role="menu">
<div class="header fw-wrap">
<h3 class="flex--item">Inbox</h3>
</div>
<div class="inbox-notifications">
<div class="modal-content">
<ul>
<li class="inbox-item">
<a class="d-flex gs8 gsx" href="/questions/17/Who-vouch-Chip">
<div class="site-icon flex--item fd-column">
<div class="favicon favicon-chipoverflow flex--item" title="Stack Overflow"></div>
</div>
<div class="item-content flex--item fl1">
<div class="item-header">
<span class="item-type unread-bold"><span class="v-visible-sr">Stack Overflow</span>answer
</span>
<div class="item-creation">
<span>
<span class="relativetime" title="2022-11-14 14:44:13Z">3 hours ago</span>
</span>
</div>
</div>
<div class="item-location unread-bold">
Who can vouch for Chip?
</div>
<div class="item-summary">
<i>3 new answers to your question...</i>
</div>
</div>
</a>
</li>
<li class="inbox-item">
<a class="d-flex gs8 gsx" href="/questions/8/Are-there-specific-pieces-code-Chip">
<div class="site-icon flex--item fd-column">
<div class="favicon favicon-chipoverflow flex--item" title="Stack Overflow"></div>
</div>
<div class="item-content flex--item fl1">
<div class="item-header">
<span class="item-type unread-bold"><span class="v-visible-sr">Stack Overflow</span>answer
</span>
<div class="item-creation">
<span>
<span class="relativetime" title="2022-11-14 09:07:49Z">9 hours ago</span>
</span>
</div>
</div>
<div class="item-location unread-bold">
Are there any specific pieces of code...
</div>
<div class="item-summary">
<i>One accepted answer to a question you follow</i>
</div>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>

<li role="none">
<a class="s-topbar--item js-achievements-button" data-lit-up="false" data-unread-count="0" href="/sigin" role="menuitem" title="Achievements">
<svg aria-hidden="true" class="svg-icon iconAchievements" height="18" viewbox="0 0 18 18" width="18">
<path d="M15 2V1H3v1H0v4c0 1.6 1.4 3 3 3v1c.4 1.5 3 2.6 5 3v2H5s-1 1.5-1 2h10c0-.4-1-2-1-2h-3v-2c2-.4 4.6-1.5 5-3V9c1.6-.2 3-1.4 3-3V2h-3ZM3 7c-.5 0-1-.5-1-1V4h1v3Zm8.4 2.5L9 8 6.6 9.4l1-2.7L5 5h3l1-2.7L10 5h2.8l-2.3 1.8 1 2.7h-.1ZM16 6c0 .5-.5 1-1 1V4h1v2Z"></path>
</svg>
</a>
</li>
<li role="none">
<a aria-label="Résumé" class="s-topbar--item js-review-button" href="/Chip_Kragt_Resume.pdf" id="review-button" role="menuitem" target="_blank" title="Résumé">
<svg aria-hidden="true" class="svg-icon iconReviewQueue" height="18" viewbox="0 0 18 18" width="18">
<path d="m11 12.47 5-4.97V3a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h6.5l-2.79-2.8a1 1 0 0 1 0-1.4l2.1-2.1a1 1 0 0 1 1.4 0L11 12.47ZM2 7h10v2H2V7Zm0-4h12v2H2V3Zm0 10v-2h3v2H2Zm9 4.5 7-7L16.5 9 11 14.5 8.5 12 7 13.5l4 4Z"></path>
</svg>
<div class="s-activity-indicator s-activity-indicator__success">
<div class="v-visible-sr">Résumé</div>
</div>
</a>
</li>
<li role="none">
<a class="s-topbar--item js-help-button" href="/signin" role="menuitem" title="Help">
<svg aria-hidden="true" class="svg-icon iconHelp" height="18" viewbox="0 0 18 18" width="18">
<path d="M9 1C4.64 1 1 4.64 1 9c0 4.36 3.64 8 8 8 4.36 0 8-3.64 8-8 0-4.36-3.64-8-8-8Zm.81 12.13c-.02.71-.55 1.15-1.24 1.13-.66-.02-1.17-.49-1.15-1.2.02-.72.56-1.18 1.22-1.16.7.03 1.2.51 1.17 1.23ZM11.77 8c-.59.66-1.78 1.09-2.05 1.97a4 4 0 0 0-.09.75c0 .05-.03.16-.18.16H7.88c-.16 0-.18-.1-.18-.15.06-1.35.66-2.2 1.83-2.88.39-.29.7-.75.7-1.24.01-1.24-1.64-1.82-2.35-.72-.21.33-.18.73-.18 1.1H5.75c0-1.97 1.03-3.26 3.03-3.26 1.75 0 3.47.87 3.47 2.83 0 .57-.2 1.05-.48 1.44Z"></path>
</svg>
</a>
</li>
<li role="none">
<a aria-label="Contact" class="s-topbar--item" href="/signin" role="menuitem" title="Contact">
<svg aria-hidden="true" class="svg-icon" height="18" viewbox="0 0 20 20" width="18">
<path d="M 15 1 H 3 a 2 2 0 0 0 -2 2 v 12 c 0 1.1 0.9 2 2 2 h 8 v 3 l 3 -3 h 1 a 2 2 0 0 0 2 -2 v -12 a 2 2 0 0 0 -2 -2"></path>
</svg>
</a>
</li>
</ol>
</nav>
</div>
</header>

<div class="container">
<div class="left-sidebar js-pinned-left-sidebar ps-relative" id="left-sidebar">
<div class="left-sidebar--sticky-container js-sticky-leftnav">
<nav role="navigation">
<ol class="nav-links">
<li class="ps-relative ">
<a class="pl8 js-gps-track nav-links--link" href="/">
<div class="d-flex ai-center">
<div class="flex--item truncate">
Home
</div>
</div>
</a>
</li>
<li>
<ol class="nav-links">
<li class="fs-fine tt-uppercase ml8 mt16 mb4 fc-light">Public</li>
<li class="ps-relative ">
<a class="pl8 js-gps-track nav-links--link -link__with-icon" href="/" id="nav-questions">
<svg class="svg-icon iconGlobe" height="18" viewbox="0 0 18 18" width="18">
<path d="M9 1C4.64 1 1 4.64 1 9c0 4.36 3.64 8 8 8 4.36 0 8-3.64 8-8 0-4.36-3.64-8-8-8ZM8 15.32a6.46 6.46 0 0 1-4.3-2.74 6.46 6.46 0 0 1-.93-5.01L7 11.68v.8c0 .88.12 1.32 1 1.32v1.52Zm5.72-2c-.2-.66-1-1.32-1.72-1.32h-1v-2c0-.44-.56-1-1-1H6V7h1c.44 0 1-.56 1-1V5h2c.88 0 1.4-.72 1.4-1.6v-.33a6.45 6.45 0 0 1 3.83 4.51 6.45 6.45 0 0 1-1.51 5.73v.01Z"></path>
</svg>
<span class="-link--channel-name">Questions</span>
</a>
</li>
<li class="ps-relative ">
<a class="js-gps-track nav-links--link" href="/tags" id="nav-tags">
<div class="d-flex ai-center">
<div class="flex--item truncate">
Tags
</div>
</div>
</a>
</li>
<li class="ps-relative">
<a class="js-gps-track nav-links--link" href="https://stackoverflow.com/users/1880203/chiperific" id="nav-users" target="_blank">
<div class="d-flex ai-center">
<div class="flex--item truncate">
Chip
</div>
</div>
</a>
</li>
<li class="ps-relative">
<a class="js-gps-track nav-links--link" href="/Chip_Kragt_Resume.pdf" id="nav-companies" target="_blank">
<div class="d-flex ai-center">
<div class="flex--item truncate">
Companies
</div>
</div>
</a>
</li>
<li class="d-flex ml8 mt16 jc-space-between">
<div class="flex--item tt-uppercase tt-uppercase fs-fine fc-light">Collectives</div>
</li>
<li class="ps-relative">
<a class="pl8 ai-center js-collectives-navcta-toggle js-gps-track nav-links--link -link__with-icon" href="/Chip_Kragt_Resume.pdf" id="nav-collective-discover" target="_blank">
<svg class="mt-auto fc-orange-400 svg-icon iconStarVerified" height="18" viewbox="0 0 18 18" width="18">
<path d="M9.86.89a1.14 1.14 0 0 0-1.72 0l-.5.58c-.3.35-.79.48-1.23.33l-.72-.25a1.14 1.14 0 0 0-1.49.85l-.14.76c-.1.45-.45.8-.9.9l-.76.14c-.67.14-1.08.83-.85 1.49l.25.72c.15.44.02.92-.33 1.23l-.58.5a1.14 1.14 0 0 0 0 1.72l.58.5c.35.3.48.79.33 1.23l-.25.72c-.23.66.18 1.35.85 1.49l.76.14c.45.1.8.45.9.9l.14.76c.14.67.83 1.08 1.49.85l.72-.25c.44-.15.92-.02 1.23.33l.5.58c.46.52 1.26.52 1.72 0l.5-.58c.3-.35.79-.48 1.23-.33l.72.25c.66.23 1.35-.18 1.49-.85l.14-.76c.1-.45.45-.8.9-.9l.76-.14c.67-.14 1.08-.83.85-1.49l-.25-.72c-.15-.44-.02-.92.33-1.23l.58-.5c.52-.46.52-1.26 0-1.72l-.58-.5c-.35-.3-.48-.79-.33-1.23l.25-.72a1.14 1.14 0 0 0-.85-1.49l-.76-.14c-.45-.1-.8-.45-.9-.9l-.14-.76a1.14 1.14 0 0 0-1.49-.85l-.72.25c-.44.15-.92.02-1.23-.33l-.5-.58Zm-.49 2.67L10.6 6.6c.05.15.19.24.34.25l3.26.22c.36.03.5.48.23.71l-2.5 2.1a.4.4 0 0 0-.14.4l.8 3.16a.4.4 0 0 1-.6.44L9.2 12.13a.4.4 0 0 0-.42 0l-2.77 1.74a.4.4 0 0 1-.6-.44l.8-3.16a.4.4 0 0 0-.13-.4l-2.5-2.1a.4.4 0 0 1 .22-.7l3.26-.23a.4.4 0 0 0 .34-.25l1.22-3.03a.4.4 0 0 1 .74 0Z"></path>
</svg>
<span class="-link--channel-name">Explore Collectives</span>
</a>
</li>
</ol>
</li>
<li>
<ol class="nav-links">
<li class="d-flex ai-center jc-space-between ml8 mt24 mb4 js-create-team-cta">
<div class="flex--item tt-uppercase fs-fine fc-light">Teams</div>
</li>
<li class="ps-relative ">
<a class="pl8 js-gps-track nav-links--link" href="/questions/6/How-Chip-perform-part">
<div class="d-flex ai-center">
<div class="flex--item s-avatar va-middle bg-orange-400">
<div class="s-avatar--letter mtn1">
<svg class="svg-icon iconBriefcaseSm" height="14" viewbox="0 0 14 14" width="14">
<path d="M4 3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v1h.5c.83 0 1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5h-7A1.5 1.5 0 0 1 2 10.5v-5C2 4.67 2.67 4 3.5 4H4V3Zm5 1V3H5v1h4Z"></path>
</svg>
</div>
</div>
<div class="flex--item pl6">
Chip and Teams
</div>
</div>
</a>
</li>
</ol>
</li>
</ol>
</nav>
</div>
</div>

<div id="content">
<div class="flex--item sign-in">
<div class="ta-center fs-title mx-auto mb12">
<a href="/"><img class="glyph" src="/assets/chipoverflow_glyph-9fcb46501efc99d8fc934571a0e45f1821ea97419d1ff3f0d93d1e19145e419d.png" />
</a></div>
<div class="mx-auto d-flex flex__fl-grow1 fd-column gs8 gsy mb16 wmx3" id="openid-buttons">
<a class="flex--item s-btn s-btn__icon s-btn__google bar-md ba bc-black-100" target="_blank" href="https://www.google.com/search?q=%22Chip+Kragt%22"><svg class="native svg-icon iconGoogle" height="18" viewbox="0 0 18 18" width="18">
<path d="M16.51 8H8.98v3h4.3c-.18 1-.74 1.48-1.6 2.04v2.01h2.6a7.8 7.8 0 0 0 2.38-5.88c0-.57-.05-.66-.15-1.18Z" fill="#4285F4"></path>
<path d="M8.98 17c2.16 0 3.97-.72 5.3-1.94l-2.6-2a4.8 4.8 0 0 1-7.18-2.54H1.83v2.07A8 8 0 0 0 8.98 17Z" fill="#34A853"></path>
<path d="M4.5 10.52a4.8 4.8 0 0 1 0-3.04V5.41H1.83a8 8 0 0 0 0 7.18l2.67-2.07Z" fill="#FBBC05"></path>
<path d="M8.98 4.18c1.17 0 2.23.4 3.06 1.2l2.3-2.3A8 8 0 0 0 1.83 5.4L4.5 7.49a4.77 4.77 0 0 1 4.48-3.3Z" fill="#EA4335"></path>
</svg>
Search Chip on Google
</a><a class="flex--item s-btn s-btn__icon s-btn__github bar-md ba bc-black-100" target="_blank" href="https://github.com/chiperific"><svg class="svg-icon iconGitHub" height="18" viewbox="0 0 18 18" width="18">
<path d="M9 1a8 8 0 0 0-2.53 15.59c.4.07.55-.17.55-.38l-.01-1.49c-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82a7.42 7.42 0 0 1 4 0c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48l-.01 2.2c0 .21.15.46.55.38A8.01 8.01 0 0 0 9 1Z" fill="#010101"></path>
</svg>
Go to Chip's GitHub
</a><a class="flex--item s-btn s-btn__icon s-btn__facebook bar-md" target="_blank" disabled="disabled" title="Facebook is a graveyard. Don&#39;t bother." href="https://onezero.medium.com/why-facebook-is-whistling-past-the-graveyard-110a3f600346"><svg class="svg-icon iconFacebook" height="18" viewbox="0 0 18 18" width="18">
<path d="M3 1a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H3Zm6.55 16v-6.2H7.46V8.4h2.09V6.61c0-2.07 1.26-3.2 3.1-3.2.88 0 1.64.07 1.87.1v2.16h-1.29c-1 0-1.19.48-1.19 1.18V8.4h2.39l-.31 2.42h-2.08V17h-2.5Z" fille="#4167B2"></path>
</svg>
(don't) Login with Facebook
</a></div>
<div class="mx-auto mb6 p24 wmx3 bg-white bar-lg bs-xl" data-controller="contact">
<div aria-hidden="true" class="s-toast" data-contact-target="toastMsg" id="email-sent-toast">
<aside class="s-notice s-notice__success p8 pl16">
<div class="d-flex gx16 ai-center jc-center">
<div class="flex--item fs-body2">Email Sent!</div>
<div class="flex--item fs-body1" id="notice-message">Chip will reply ASAP.</div>
</div>
</aside>
</div>
<form id="email-form" class="d-flex fd-column gs12 gsy" data-turbo="true" data-controller="contact" action="/contact" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="Cvra7nn25xLVJ8LlCX5blnyoI-4mWdH-NrHwIE8OpXxVq2qFUXkLyr0Gvx5b8fqKFf4xdCImnbHm3gJsFkyfRQ" autocomplete="off" /><div class="d-flex fd-column gs4 gsy">
<label class="flex--item s-label" for="email">Email</label>
<div class="d-flex ps-relative">
<input maxlength="100" size="30" type="email" placeholder="e.g. hr@coolsoftware.com" required="required" name="email" id="email" />
<svg class="s-input-icon d-none svg-icon iconAlertCircle" height="18" viewbox="0 0 18 18" width="18">
<path d="M9 17c-4.36 0-8-3.64-8-8 0-4.36 3.64-8 8-8 4.36 0 8 3.64 8 8 0 4.36-3.64 8-8 8ZM8 4v6h2V4H8Zm0 8v2h2v-2H8Z"></path>
</svg>
</div>
</div>
<div class="d-flex fd-column-reverse gs4 gsy">
<p class="flex--item s-input-message d-none"></p>
<div class="d-flex ps-relative">
<textarea class="flex--item s-input" placeholder="e.g. When can you start?" rows="4" required="required" name="message" id="message">
</textarea>
<svg class="s-input-icon d-none svg-icon iconAlertCircle" height="18" viewbox="0 0 18 18" width="18">
<path d="M9 17c-4.36 0-8-3.64-8-8 0-4.36 3.64-8 8-8 4.36 0 8 3.64 8 8 0 4.36-3.64 8-8 8ZM8 4v6h2V4H8Zm0 8v2h2v-2H8Z"></path>
</svg>
</div>
<div class="d-flex ai-center ps-relative jc-space-between">
<label class="flex--item s-label" for="message">Note</label>
</div>
</div>
<div class="d-flex gs4 gsy fd-column" data-controller="contact">
<button class="flex--item s-btn s-btn__primary" data-action="click-&gt;contact#showToast">Email Chip</button>
</div>
</form></div>
<div class="mx-auto ta-center fs-body3 p16 pb0 mb24 w100 wmx3" data-controller="contact">
Don't want to email?
<button class="s-btn s-btn__link js-modal-toggle" data-action="click-&gt;contact#showPhone modal#toggle" type="button">Call Chip</button>
<aside class="s-modal" data-contact-target="phone" data-controller="s-modal" data-s-modal-target="modal" id="modal-phone">
</aside>
</div>
</div>

</div>
</div>
<div class="ps-fixed js-consent-banner z-nav-fixed bg-black-500 fc-white bar-lg b16 l16 r16 ws4 sm:w-auto p32 sm:d-none">
<svg class="mln4 mb24 spotCookieLg svg-spot" height="96" style="color: var(--theme-button-filled-background-color)" viewbox="0 0 96 96" width="96">
<path d="M35 45.5a7.5 7.5 0 11-15 0 7.5 7.5 0 0115 0zM63.5 63a7.5 7.5 0 100-15 7.5 7.5 0 000 15zm-19 19a7.5 7.5 0 100-15 7.5 7.5 0 000 15z" opacity=".2"></path>
<path d="M56.99 2.53a23.1 23.1 0 0114.66 6.15h.01l.01.02c.57.55.61 1.27.5 1.74v.07a10.95 10.95 0 01-3.07 4.77 9 9 0 01-6.9 2.5 10.34 10.34 0 01-9.72-10.44v-.08a10 10 0 011.03-3.74l.01-.03.02-.02c.28-.5.82-.92 1.52-.95.63-.02 1.27-.02 1.93.01zm12.04 7.83a20.1 20.1 0 00-12.2-4.83l-.92-.03c-.23.6-.38 1.25-.43 1.94a7.34 7.34 0 006.95 7.34 6 6 0 004.64-1.7c.94-.88 1.6-1.9 1.96-2.72zm15.3 8.76a6.84 6.84 0 00-5.09-.24 7.9 7.9 0 00-3.28 2.05 1.8 1.8 0 00-.3 1.95l.02.02v.02a15.16 15.16 0 008.74 7.47c.64.23 1.32.08 1.8-.33a6.63 6.63 0 001.63-1.97l.01-.03.01-.03c1.67-3.5-.12-7.32-3.54-8.91zm-5.5 3.28c.36-.25.82-.5 1.35-.67.92-.3 1.92-.35 2.89.1 2.14 1 2.92 3.14 2.11 4.88-.12.21-.26.41-.43.6l-.26-.1a12.29 12.29 0 01-5.66-4.81zM32 24a2 2 0 11-4 0 2 2 0 014 0zm12 21a2 2 0 11-4 0 2 2 0 014 0zm36 4a2 2 0 11-4 0 2 2 0 014 0zm-7 21a2 2 0 11-4 0 2 2 0 014 0zM59 81a2 2 0 11-4 0 2 2 0 014 0zM22 63a2 2 0 11-4 0 2 2 0 014 0zm27 7a9 9 0 11-18 0 9 9 0 0118 0zm-3 0a6 6 0 10-12 0 6 6 0 0012 0zM33 41a9 9 0 11-18 0 9 9 0 0118 0zm-15 0a6 6 0 1012 0 6 6 0 00-12 0zm50 11a9 9 0 11-18 0 9 9 0 0118 0zm-3 0a6 6 0 10-12 0 6 6 0 0012 0zM44.08 4.24c.31.48.33 1.09.05 1.58a17.46 17.46 0 00-2.36 8.8c0 9.55 7.58 17.24 16.85 17.24 2.97 0 5.75-.78 8.16-2.15a1.5 1.5 0 012.1.66 12.08 12.08 0 0011 6.74 12.4 12.4 0 007.85-2.75 1.5 1.5 0 012.38.74A45.76 45.76 0 0192 48.16c0 24.77-19.67 44.9-44 44.9S4 72.93 4 48.16C4 25.23 20.84 6.28 42.64 3.58a1.5 1.5 0 011.44.66zM40.22 7C21.32 10.71 7 27.7 7 48.16c0 23.17 18.39 41.9 41 41.9s41-18.73 41-41.9c0-3.52-.42-6.93-1.22-10.2a15.5 15.5 0 01-7.9 2.15c-5.5 0-10.36-2.83-12.97-7.1a19.46 19.46 0 01-8.28 1.85c-11 0-19.86-9.1-19.86-20.24 0-2.7.52-5.26 1.45-7.62zM92 91a2 2 0 100-4 2 2 0 000 4zM7 8.5a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0zM82.5 90a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm9.5-7.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM13.5 8a1.5 1.5 0 100-3 1.5 1.5 0 000 3zM80 14.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM53.5 20a1.5 1.5 0 100-3 1.5 1.5 0 000 3z"></path>
</svg>
<h2 class="fw-bold mb4">
It's not really the 'Sign in' kind of app...
</h2>
<p class="mb16 s-anchors fs-body3">
But, I'd love to hear your question!
<br>
You can email, call or text me anytime.
</p>
</div>

</body>
</html>
