<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Fucking Accessible FAQ</title>
<!-- include css -->
<link rel="stylesheet" href="fafaq.css" type="text/css" media="screen">
<!-- disable show/hide all links when javascript is off -->
<noscript>
<style type="text/css" media="screen">
.showhideanswers {display:none;}
h3 a {text-decoration:none;}
</style>
</noscript>
<!-- include jquery -->
<script type="text/javascript" src="jquery.min.js"></script>
<!-- include fa-faq.js script -->
<script type="text/javascript" src="fafaq.js"></script>
</head>
<body>
<ul class="languages">
<li><a href="https://github.com/hypertexthero/Fucking-Accessible-FAQ" title="On fucking GitHub.">Code</a></li>
<li class="selected"><a href="index.html">English</a></li>
<li><a href="pt/index.html">Português</a></li>
</ul>
<p class="breadcrumbs">
<a href="/work/fafaq/">YourFuckingSite.tld</a> / FAQ
</p>
<h1><a href="index.html" title="Link to this FAQ page.">Fucking Accessible FAQ</a> <small class="showhideanswers">❦<!-- this will be hidden when JavaScript is disabled -->
<a class="showall" href="#">display</a> or <a class="hideall" href="#">hide</a> all
</small>
</h1>
<h2>Question Category</h2>
<!-- =Todo: <a href="#" onclick="window.prompt('Press Ctrl+C (Cmd+C for Mac) and then Enter', text);" title="Click, press Ctrl+C and then Enter to copy to clipboard.">#why</a> -->
<h3 id="why">
<a href="#why" title="Click this link and copy the URL from the web browser address bar for a direct link to this particular FAQ.">Why did you fucking make this fucking accessible FAQ?</a>
</h3>
<div class="answer">
<p>When a question is asked I want to be able to easily select and send a link to an answer located in a single HTML page. The answer should also be visible with JavaScript disabled.</p>
</div>
<h3 id="angry">
<a href="#angry" title="Click this link and copy the URL from the web browser address bar for a direct link to this particular FAQ.">Why are you fucking cursing?</a>
</h3>
<div class="answer">
<p>Sometimes I use words as a way to express my frustration with human-computer interfaces. I apologize if this is offensive to you, and mean no harm.</p>
</div>
<h3 id="wtf">
<a href="#wtf" title="Click this link and copy the URL from the web browser address bar for a direct link to this particular FAQ.">What the fuck?</a>
</h3>
<div class="answer">
<p>Hey. <a href="bnice.mp3" title="Be fucking nice.">Take it easy <small class="quiet"><i>(Mp3 sound file)</i></small>.</a> You can <a href="https://github.com/hypertexthero/Fucking-Accessible-FAQ#deployment" title="Get the fucking code on fucking GitHub.">use this</a>, too.</p>
<p><a class="noborder" href="bnice.mp3" title="Be fucking nice (Mp3 sound file)."><img src="casino-robert-deniro-joe-pesci.jpg" alt="Robert DeNiro and Joe Pesci in the film Casino." width="480"></a></p>
<p class="caption"><em><small>Robert DeNiro talking to Joe Pesci in the film <a href="http://en.wikipedia.org/wiki/Casino_%28film%29">Casino</a>.</small></em></p>
</div>
</body>
</html>