<p dir="auto">This branch is have an example of how <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="823374248" data-permission-text="Title is private" data-url="https://github.com/openstreetmap/openstreetmap-website/issues/3123" data-hovercard-type="issue" data-hovercard-url="/openstreetmap/openstreetmap-website/issues/3123/hovercard" href="https://github.com/openstreetmap/openstreetmap-website/issues/3123">#3123</a> could be implemented. Here is a screenshot:</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer" href="https://user-images.githubusercontent.com/5346620/146656407-29aa4a72-70a0-4c59-91af-6cd3f3288ded.png"><img src="https://user-images.githubusercontent.com/5346620/146656407-29aa4a72-70a0-4c59-91af-6cd3f3288ded.png" alt="image" style="max-width: 100%;"></a></p>
<hr>
<h4>You can view, comment on, or merge this pull request online at:</h4>
<p> <a href='https://github.com/openstreetmap/openstreetmap-website/pull/3400'>https://github.com/openstreetmap/openstreetmap-website/pull/3400</a></p>
<h4>Commit Summary</h4>
<ul>
<li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/3400/commits/59f517f7605eea881e3e113e6c8d94efdff8eae6" class="commit-link">59f517f</a> search - button group to select travel mode</li>
<li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/3400/commits/f116a26f64cf8f77f4316095806212802c578ab7" class="commit-link">f116a26</a> search - rearrange input and reverse directions</li>
<li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/3400/commits/cb3149bd5131bda90474616a9c136d8e2849a904" class="commit-link">cb3149b</a> search - radio buttons for travel mode</li>
<li><a href="https://github.com/openstreetmap/openstreetmap-website/pull/3400/commits/4ee423b8246d4a2ee8b9d6a4f35a516d890f401d" class="commit-link">4ee423b</a> search - upload icons</li>
</ul>
<h4 style="display: inline-block">File Changes </h4> <p style="display: inline-block">(<a href="https://github.com/openstreetmap/openstreetmap-website/pull/3400/files">7 files</a>)</p>
<ul>
<li>
<strong>A</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/3400/files#diff-fe1c205f014eb993c6330c17ed1977dbe3c2b2fd63b1705af5e0d0a215946ecf">app/assets/images/arrow-down-up.svg</a>
(3)
</li>
<li>
<strong>A</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/3400/files#diff-94d33118cb3421962083d008a55256a5d0610965b65817bd6e0a13dfed2701a7">app/assets/images/cycling-symbolic.svg</a>
(2)
</li>
<li>
<strong>A</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/3400/files#diff-5edbc098a38df4c095f68494e1653fe4e613f353cb40c6296eabd1bd67c75739">app/assets/images/driving-symbolic.svg</a>
(2)
</li>
<li>
<strong>A</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/3400/files#diff-81024a50aa08ebf4fd68ddd2efd5431d22a5605f0bef5c3bc722ba39ba24b2de">app/assets/images/plus-symbolic.svg</a>
(2)
</li>
<li>
<strong>A</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/3400/files#diff-1de81d7be633ba6f53593062ef119a8f5b91521f7015efe0562a93b98cfc4850">app/assets/images/walking-symbolic.svg</a>
(2)
</li>
<li>
<strong>A</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/3400/files#diff-1070170e65c7a8d62202ab614b465bdff4d35f5b033a4789b16d4c5c5cebfa24">app/assets/images/x.svg</a>
(3)
</li>
<li>
<strong>M</strong>
<a href="https://github.com/openstreetmap/openstreetmap-website/pull/3400/files#diff-60b815932a6942ef4da576f75ee4e9b670e2aeb07950b7f8494bdbedb319c8c2">app/views/layouts/_search.html.erb</a>
(66)
</li>
</ul>
<h4>Patch Links:</h4>
<ul>
<li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/3400.patch'>https://github.com/openstreetmap/openstreetmap-website/pull/3400.patch</a></li>
<li><a href='https://github.com/openstreetmap/openstreetmap-website/pull/3400.diff'>https://github.com/openstreetmap/openstreetmap-website/pull/3400.diff</a></li>
</ul>
<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />Reply to this email directly, <a href="https://github.com/openstreetmap/openstreetmap-website/pull/3400">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLPOBF3GOBOM6TPZVILURT7YVANCNFSM5KLDVHAQ">unsubscribe</a>.<br />Triage notifications on the go with GitHub Mobile for <a href="https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675">iOS</a> or <a href="https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub">Android</a>.
<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLJORXPOPHCW7ZHBCDLURT7YVA5CNFSM5KLDVHA2YY3PNVWWK3TUL52HS4DFUVEXG43VMWVGG33NNVSW45C7NFSM4QE32KFA.gif" height="1" width="1" alt="" /><span style="color: transparent; font-size: 0; display: none; visibility: hidden; overflow: hidden; opacity: 0; width: 0; height: 0; max-width: 0; max-height: 0; mso-hide: all">Message ID: <span><openstreetmap/openstreetmap-website/pull/3400</span><span>@</span><span>github</span><span>.</span><span>com></span></span></p>
<script type="application/ld+json">[
{
"@context": "http://schema.org",
"@type": "EmailMessage",
"potentialAction": {
"@type": "ViewAction",
"target": "https://github.com/openstreetmap/openstreetmap-website/pull/3400",
"url": "https://github.com/openstreetmap/openstreetmap-website/pull/3400",
"name": "View Pull Request"
},
"description": "View this Pull Request on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>