{% extends "layout.html" %}
{% block title %}Contact{% endblock %}
{% block body %}
{% include "nav/nav.html" %}
<section class="grid">
    <article class="grid-row">
		<div class="grid-cell x3">
			<h1 class="headline-1 heading">Say hello!</h1>
		</div>
		<div class="grid-cell x2">
		    <p>
		    	If you would like to <a href="./issues/new" title="Report a Bug">report a bug</a>, <a href="./contributors" title="Want to Contribute">want to contribute</a>, or need help, let us know. Please keep our <a href="https://github.com/webcompat/webcompat.com/blob/master/CODE_OF_CONDUCT.md" title="Code of Conduct" target="_blank">Code of Conduct</a> in mind as we are an inclusive community. Please use gender-neutral terms (like "folks", "y'all" or "people"). Always be respectful to each other, no matter the communication channel. If you feel like there was a violation of the Code of Conduct, <a href="https://github.com/webcompat/webcompat.com/blob/master/CODE_OF_CONDUCT.md#enforcement" title="report a Code of Conduct violation" target="_blank">please report it</a> anytime.
		    </p>
		    <p>We are a community and <span class="bold">we're here for you</span>.</p>
		</div>
		<div class="grid-cell x1">
			<p>
				Find our code <a href="https://github.com/webcompat" title="code on Github" target="_blank">on GitHub</a><br />
		    	Find ways <a href="./contributors" title="Find ways to Contribute">to contribute</a><br /><br />
		    	Find us <a href="https://twitter.com/webcompat/with_replies" title="Find us on Twitter" target="_blank">on Twitter</a>
			</p>
		</div>
	</article>
</section>
<section class="grid">
    <article class="grid-row">
		<div class="grid-cell x1">
			<h2 class="headline-2">Channels</h2>
		    <ul>
		    	<li>Join us on our
		    		<a href="https://wiki.mozilla.org/Matrix" title="What is Matrix">
		    			Matrix
		    		</a> <a href="https://chat.mozilla.org/#/room/#webcompat:mozilla.org">
		    			webcompat public channel
		    		</a>
		    	</li>
		    </ul>
		</div>
		<div class="grid-cell x2">
		    <p>There are <span class="bold">many ways you are able to contribute</span>. Contributing documentation or copy, design and UX, supporting the community as well as organizing events and sprints. Spreading the word and talking about the importance of web compatibility holds the <span class="bold">same value for us</span> as contributing code or taking care of bugs.</p>
		  </div>
    </article>
  </section>
{% endblock %}
