Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
0a5e296
commit 1ef55f3
Showing
2 changed files
with
54 additions
and
56 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,15 +1,15 @@ | ||
| body {color:#000; background:#fafafa; padding:0 1em 1em; margin:0; font-family:helvetica,sans-serif;} | ||
| body {color:#000; background:#fafafa; padding:0 1em 1em; margin:0; font-family:helvetica,sans-serif; line-height:1.5em;} | ||
| a {color:#0074BD; text-decoration:none; border-bottom:1px solid #eee;} | ||
| a:visited {color:#17B42A;} | ||
| a:hover {text-decoration:none; background:#ffc;} | ||
| a:active {color:#f90; border:none;} | ||
| h1 {margin:0 0 0.25em; font-size:1.5em; font-weight:normal;} | ||
| h2 {margin:1em 0 0.35em; font-size:1.3em; border-bottom:1px solid #eee; padding-bottom:0.25em; color:#333; font-weight:normal;} | ||
| h2 {margin:1em 0 0.35em; font-size:1.3em; font-weight:normal;} | ||
| h3 {font-size:1.2em; line-height:1.35em; cursor:pointer; margin:0; font-weight:normal;} | ||
| h3 a {display:block; padding:0.25em;} | ||
| h3.darkheadings a {color:#333;} | ||
| p.breadcrumbs {font-size:1em; color:#ccc;} | ||
| p.breadcrumbs a {text-decoration:underline; color:#999;} | ||
| p.breadcrumbs {font-size:0.9em; color:#999; margin-bottom:2em;} | ||
| div.answer {margin-bottom:2em; border-left:5px solid #eee; padding-left:1em;} | ||
| div.answer p:first-child {margin-top:0; padding-top:1em;} | ||
| ul.showhideanswers {float:right; list-style-type:none; margin:0;} | ||
| a.showall, a.hideall {cursor:pointer;} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,67 +1,65 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <title>Fucking Accessible FAQ</title> | ||
| <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> | ||
| <!-- 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> | ||
| <p class="breadcrumbs"><a href="/logbook/2012/07/fucking-accessible-faq/" title="Link to website homepage.">YourFuckingSite.tld</a> / FAQ</p> | ||
| <ul class="showhideanswers"> | ||
| <!-- this will be hidden when JavaScript is disabled --> | ||
| <li><a class="showall">Show all answers</a></li> | ||
| <li><a class="hideall">Hide all answers</a></li> | ||
| </ul> | ||
|
|
||
| <h1><a href="index.html" title="Link to this FAQ page.">Fucking Accessible FAQ</a></h1> | ||
|
|
||
|
|
||
| <p class="breadcrumbs"> | ||
| <a href="/logbook/2012/07/fucking-accessible-faq/" title="Link to website homepage.">YourFuckingSite.tld</a> / faq | ||
| </p> | ||
|
|
||
| <ul class="showhideanswers"> | ||
| <!-- this will be hidden when JavaScript is disabled --> | ||
| <li><a class="showall" href="#">Display all</a></li> | ||
| <li><a class="hideall" href="#">Hide all</a></li> | ||
| </ul> | ||
| <h1><a href="index.html" title="Link to this FAQ page.">Fucking Accessible FAQ</a></h1> | ||
|
|
||
| <h2>Fucking Category</h2> | ||
| <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="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 computers. I apologize if this is offensive to you, and mean no harm.</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 computer user 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="http://simongriffee.com/jimmyboss/files/bnice.mp3" title="Be fucking nice.">Take it easy <small class="quiet"><i>(Mp3 sound file)</i></small>.</a></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="http://simongriffee.com/jimmyboss/files/bnice.mp3" title="Be fucking nice.">Take it easy <small class="quiet"><i>(Mp3 sound file)</i></small>.</a></p> | ||
| </div> | ||
|
|
||
| </body> | ||
| </html> |