Special patterns and chunks of style for the legal pages.

<div class="page">
	<div class="wrapper">
		<div class="content content-narrow">
			<div class="tou-notice-page">
				<p>
					Hi everyone and welcome to MLTSHP! We have an updated Terms of Use /
					Privacy Policy document everyone today needs to agree to. Nothing that
					different from before, but important because <em>Legal Reasons</em>.
					We wanted to update it to be more up-front and open about the services
					we utilize to make the magic that is MLTSHP.
				</p>
				<p>
					By clicking this button, you agree to
					<a href="/terms-of-use" target="_blank"
						>the terms listed on this page</a
					>
					and our
					<a href="/code-of-conduct" target="_blank">Code of Conduct</a>.
				</p>
				<div class="tou-agree">
					<a
						class="btn btn-primary btn-shadow"
						href="/account/announcement/tou?agree=you-bet"
						>I Agree</a
					>
				</div>
				<p>
					We just wanted to make a great site and we know we wouldn‘t be doing
					it without all of you showing up every day. So, thank you.
					<a href="https://mltshphq.tumblr.com/tagged/releasenotes"
						>Be sure to check out our release notes!</a
					>
				</p>
			</div>
		</div>
	</div>
</div>

Code of Conduct

<div class="page">
	<div class="wrapper">
		<div class="content content-narrow">
			<div class="code-of-conduct">
				<h2>MLTSHP Code of Conduct</h2>

				<h3>TL;DR</h3>
				<ul>
					<li>Be kind</li>
					<li>Don‘t be a troll</li>
					<li>Don’t harass the site or each other</li>
					<li>Don’t dox the site or each other</li>
					<li>Don‘t spam the site or each other</li>
				</ul>

				<p>Let’s keep MLTSHP a haven of awesomeness.</p>

				<h3>Strive For More</h3>
				<p>
					MLTSHP is special because we are honest, funny, and genuinely care
					about each other. Here’s how you can be a part of this community:
				</p>
			</div>
		</div>
	</div>
</div>

Terms of Use

<div class="page">
	<div class="wrapper">
		<div class="content content-narrow">
			<div class="terms-of-use">
				<p>
					We will not disclose, sell or exchange PI to or with anyone, without
					your approval, unless we believe disclosure is reasonably necessary
					to:
				</p>

				<ol>
					<li>comply with the law or legal process;</li>
					<li>
						protect or defend our rights or property, or the rights or property
						of others;
					</li>
					<li>enforce these Terms; or</li>
					<li>
						respond to claims that the content of any material on our system
						violates the rights of others.
					</li>
				</ol>

				<p>
					We use your PI in various ways to provide access to our website and
					service. We use PI to enhance your site experience in the following
					ways:
				</p>
			</div>
		</div>
	</div>
</div>