<!DOCTYPE html>
<html lang="en" class="append"><head>
<meta charset="utf-8" />
<!-- NoNonsense Forum v23 © Copyright (CC-BY) Kroc Camen 2012
licensed under Creative Commons Attribution 3.0 <creativecommons.org/licenses/by/3.0/deed.en_GB>
you may do whatever you want to this code as long as you give credit to Kroc Camen, <camendesign.com> -->
<title>Append to Thread Title</title>
<!-- get rid of IE site compatibility button -->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<link rel="stylesheet" href="/themes/greyscale/theme.css" />
<link rel="stylesheet" href="/themes/greyscale/custom.css" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="robots" content="noindex, nofollow, noarchive" />
<!-- Microsoftâs insane IE9+ pinned site syntax: <msdn.microsoft.com/library/gg131029> -->
<meta name="application-name" content="NoNonsense Forum" />
<meta name="msapplication-starturl" content="http://forum.camendesign.com/" />
<meta name="msapplication-window" content="width=1024;height=600" />
<meta name="msapplication-navbutton-color" content="#222" />
<!-- Windows 8 Tile icon / colour -->
<meta name="msapplication-TileImage" content="/metro-tile.png" />
<meta name="msapplication-TileColor" content="#222" />
</head><body>
<!-- =================================================================================================================== -->
<header id="mast">
<h1><a href="/">
<img id="nnf_logo" src="/themes/greyscale/img/logo.png" width="32" height="32" alt="" /><!--
--><span class="nnf_forum-name">NoNonsense Forum</span>
</a></h1>
<form id="search" method="get" action="http://google.com/search"><!--
--><input type="hidden" name="as_sitesearch" value="forum.camendesign.com" /><!--
--><input id="query" type="search" name="as_q" placeholder="Google Searchâ¦" /><!--
--><input id="go" type="image" src="/themes/greyscale/img/go.png" width="20" height="20" alt="Search" /><!--
--></form>
<nav>
<form id="nnf_lang" method="post">
<img src="/themes/greyscale/img/lang.png" width="20" height="20" alt="Language:" title="Language:" />
<select name="lang" id="lang">
<option class="nnf_lang" value="" selected="selected">English</option>
</select>
<input type="image" src="/themes/greyscale/img/go.png" width="20" height="20" alt="Set language" />
</form>
<ol id="index">
<li><a href="/">Index</a></li>
<li class="nnf_breadcrumb"> » <a class="nnf_subforum-name" href="/sub-forum">Sub-forum</a></li>
</ol>
</nav>
</header>
<!-- =================================================================================================================== -->
<section id="nnf_post" class="nnf_mod">
<h1 id="nnf_post-title">Thread Title</h1>
<article id="nnf_post" class="nnf_op">
<header>
<time id="nnf_post-time" datetime="2012-01-01T00:00:00+00:00" pubdate="pubdate">01 Jan â12 · 00:00</time>
<b id="nnf_post-author" class="nnf_mod">Author</b>
</header>
<div id="nnf_post-text"><p>
The quick brown fox jumps over the lazy dog.
</p></div>
</article>
</section>
<!-- =================================================================================================================== -->
<section id="append">
<h1>Append</h1>
<form method="post" action="#append" enctype="application/x-www-form-urlencoded;charset=utf-8" autocomplete="on">
<div id="rightcol">
<p id="nnf_name-http">
<!-- if the user is signed in using HTTP_AUTH -->
<label for="nnf_name-field-http">You are signed in as:</label>
<input id="nnf_name-field-http" name="username" type="text" size="28" tabindex="0"
disabled="disabled" value="" spellcheck="false" />
</p>
<p id="nnf_name">
<label for="nnf_name-field">Name:</label>
<input id="nnf_name-field" name="username" type="text" size="28" maxlength="20" tabindex="2"
autocomplete="on" required="required" placeholder="Your name" value="" spellcheck="false" />
</p><p id="nnf_pass">
<label for="nnf_pass-field">Password:</label>
<input id="nnf_pass-field" name="password" type="password" size="28" maxlength="20" tabindex="3"
autocomplete="on" required="required" placeholder="A password to keep your name" value="" />
</p><p id="nnf_email">
<label for="email">Email:</label>
<input name="email" type="text" tabindex="0"
autocomplete="off" required="required" value="hide@address.com" />
(Leave this as-is, itâs a trap!)
</p>
<p id="nnf_error-none-append" class="ok">
<!-- this is shown by default as long as new users aren't disabled and the user isn't signed in -->
Only the original author or a moderator can append to this post.
</p><p id="nnf_error-none-http" class="ok">
<!-- this is shown by default if the user is signed in -->
(Quit your browser or clear the browser cache to sign out.)
</p><p id="nnf_error-name-append" class="error">
Enter the name of either the original author or a moderator to be able to append to this reply.
</p><p id="nnf_error-pass-append" class="error">
Enter the password for either the original author or a moderator to be able to append to this reply
</p><p id="nnf_error-text" class="error">
Well, write a message!
</p><p id="nnf_error-auth-append" class="error">
Name / password mismatch! You must enter the name and password of either the original author,
or a designated moderator.
</p><p id="protip">
Pro tip: Use <a href="/markup.php">markup</a> to add links, quotes and more.
</p>
</div><div id="leftcol">
<p id="ptext">
<label for="nnf_text-field">Message:</label>
<span id="wtext">
<textarea id="nnf_text-field" name="text" cols="40" rows="14" maxlength="50000" tabindex="1"
required="required" placeholder="Type your message hereâ¦" spellcheck="true"
></textarea>
</span>
</p>
</div>
<p id="psubmit"><label for="submit"><span>Append</span>
<input id="submit" name="submit" type="image" src="/themes/greyscale/img/submit.png"
width="40" height="40" tabindex="4" alt=">" />
</label></p>
</form>
</section>
<!-- =================================================================================================================== -->
<div id="mods"><p id="nnf_mods-local">
Moderators for this sub-forum:
<span id="nnf_mods-local-list"><b class="nnf_mod">Alice</b></span>
</p><p id="nnf_mods">
Your friendly neighbourhood moderators:
<span id="nnf_mods-list"><b class="nnf_mod">Bob</b></span>
</p><p id="nnf_members">
Members of this forum:
<span id="nnf_members-list"><b>Charlie</b></span>
</p></div>
<footer><p>
Powered by <a href="http://camendesign.com/nononsense_forum">NoNonsense Forum</a><br />
<a href="/privacy.php">privacy policy</a>
</p><p id="signin" class="nnf_signed-in">
Signed in as<br /><b class="nnf_signed-in-name">Kroc</b>
</p><form id="signin" class="nnf_signed-out" method="post">
<input type="submit" name="signin" value="Sign In" />
</form></footer>
<script defer="defer"><!--
//in iOS tapping a label doesn't click the related input element, we'll add this back in using JavaScript
if (document.getElementsByTagName !== undefined) {
var labels = document.getElementsByTagName ("label");
//for reasons completely unknown, one only has to reset the onclick event, not actually make it do anything!!
for (i=0; i<labels.length; i++) if (labels[i].getAttribute ("for")) labels[i].onclick = function (){}
}
//when the language selector is changed, submit immediately
document.getElementById ("lang").onchange = function (){ document.getElementById ("nnf_lang").submit (); }
--></script>
</body></html>