4chan-x/src/General/html/Settings/Advanced.html

<fieldset>
  <legend>Custom Board Navigation</span></legend>
  <div><textarea name=boardnav class=field spellcheck=false></textarea></div>
  <span class=note>New lines will be converted into spaces.</span><br><br>
  <div>In the following, <code>board</code> can translate to a board ID (<code>a</code>, <code>b</code>, etc...), the current board (<code>current</code>), or the Status/Twitter link (<code>status</code>, <code>@</code>).</div>
  <div>
    For example:<br>
    <code>[ toggle-all ] [current-title] [g-title / a-title / jp-title] [x / wsg / h] [t-text:"Piracy"]</code><br>
    will give you<br>
    <code>[ + ] [Technology] [Technology / Anime & Manga / Otaku Culture] [x / wsg / h] [Piracy]</code><br>
    if you are on /g/.
  </div>
  <div>Board link: <code>board</code></div>
  <div>Title link: <code>board-title</code></div>
  <div>Board link (Replace with title when on that board): <code>board-replace</code></div>
  <div>Full text link: <code>board-full</code></div>
  <div>Custom text link: <code>board-text:"VIP Board"</code></div>
  <div>Index-only link: <code>board-index</code></div>
  <div>Catalog-only link: <code>board-catalog</code></div>
  <div>External link: <code>external-text:"Google","http://www.google.com"</code></div>
  <div>Combinations are possible: <code>board-index-text:"VIP Index"</code></div>
  <div>Full board list toggle: <code>toggle-all</code></div>
</fieldset>

<fieldset>
  <legend>Time Formatting <span class=warning #{if Conf['Time Formatting'] then 'hidden' else ''}>is disabled.</span></legend>
  <div><input name=time class=field spellcheck=false>: <span class=time-preview></span></div>
  <div>Supported <a href=//en.wikipedia.org/wiki/Date_%28Unix%29#Formatting>format specifiers</a>:</div>
  <div>Day: <code>%a</code>, <code>%A</code>, <code>%d</code>, <code>%e</code></div>
  <div>Month: <code>%m</code>, <code>%b</code>, <code>%B</code></div>
  <div>Year: <code>%y</code>, <code>%Y</code></div>
  <div>Hour: <code>%k</code>, <code>%H</code>, <code>%l</code>, <code>%I</code>, <code>%p</code>, <code>%P</code></div>
  <div>Minute: <code>%M</code></div>
  <div>Second: <code>%S</code></div>
</fieldset>

<fieldset>
  <legend>Quote Backlinks formatting <span class=warning #{if Conf['Quote Backlinks'] then 'hidden' else ''}>is disabled.</span></legend>
  <div><input name=backlink class=field spellcheck=false>: <span class=backlink-preview></span></div>
</fieldset>

<fieldset>
  <legend>File Info Formatting <span class=warning #{if Conf['File Info Formatting'] then 'hidden' else ''}>is disabled.</span></legend>
  <div><input name=fileInfo class=field spellcheck=false>: <span class='fileText file-info-preview'></span></div>
  <div>Link: <code>%l</code> (truncated), <code>%L</code> (untruncated), <code>%T</code> (Unix timestamp)</div>
  <div>Original file name: <code>%n</code> (truncated), <code>%N</code> (untruncated), <code>%t</code> (Unix timestamp)</div>
  <div>Spoiler indicator: <code>%p</code></div>
  <div>Size: <code>%B</code> (Bytes), <code>%K</code> (KB), <code>%M</code> (MB), <code>%s</code> (4chan default)</div>
  <div>Resolution: <code>%r</code> (Displays 'PDF' for PDF files)</div>
</fieldset>

<fieldset>
  <legend>Quick Reply Personas <span class="warning" #{if Conf['Quick Reply'] then 'hidden' else ''}>is disabled.</span></legend>
  <textarea class=personafield name="QR.personas" class="field" spellcheck="false"></textarea>
  <p>
    One item per line.<br>
    Items will be added in the relevant input's auto-completion list.<br>
    Password items will always be used, since there is no password input.<br>
    Lines starting with a <code>#</code> will be ignored.
  </p>
  <ul>You can use these settings with each item, separate them with semicolons:
    <li>Possible items are: <code>name</code>, <code>email</code>, <code>subject</code> and <code>password</code>.</li>
    <li>Wrap values of items with quotes, like this: <code>email:"sage"</code>.</li>
    <li>Force values as defaults with the <code>always</code> keyword, for example: <code>email:"sage";always</code>.</li>
    <li>Select specific boards for an item, separated with commas, for example: <code>email:"sage";boards:jp;always</code>.</li>
  </ul>
</fieldset>

<fieldset>
  <legend>Unread Favicon <span class=warning #{if Conf['Unread Favicon'] then 'hidden' else ''}>is disabled.</span></legend>
  <select name=favicon>
    <option value=ferongr>ferongr</option>
    <option value=xat->xat-</option>
    <option value=Mayhem>Mayhem</option>
    <option value=Original>Original</option>
  </select>
  <span class=favicon-preview></span>
</fieldset>

<fieldset>
  <legend>Emoji <span class=warning #{if Conf['Emoji'] then 'hidden' else ''}>is disabled.</span></legend>
  <div>
    Sage Icon: <select name=sageEmoji>
      <option value="4chan SS">4chan SS</option>
      <option value="appchan">appchan</option>
    </select>
    <span class=sage-icon-preview></span>
  </div>
  <div>
    Position: <select name=emojiPos>
      <option value="before">Before</option>
      <option value="after">After</option>
    </select>
  </div>
</fieldset>

<fieldset>
  <legend>Thread Updater <span class=warning #{if Conf['Thread Updater'] then 'hidden' else ''}>is disabled.</span></legend>
  <div>
    Interval: <input type=number name=Interval class=field min=1 value=#{Conf['Interval']}>
  </div>
</fieldset>

<fieldset>
  <legend>
    <label><input type=checkbox name='Custom CSS' #{if Conf['Custom CSS'] then 'checked' else ''}> Custom CSS</label>
  </legend>
  <button id=apply-css>Apply CSS</button>
  <textarea name=usercss class=field spellcheck=false #{if Conf['Custom CSS'] then '' else 'disabled'}></textarea>
</fieldset>