DeskWOW

Steps: 

1) Edit your support center theme
2) Go to 'Advanced Themes' tab at the top
3) Go to "Email (New)" sub-theme on the left side
4) Insert the JavaScript below at the very bottom
5) Insert the HTML below beneath the contact form HTML

DeskWOW

{% assign emails = case.emails %}
{% assign threadlength = emails.size|minus:1 %}  
{% for email in emails reversed %}
 
{% if forloop.first %}
 
{{email.new_html}}
 
{% if email.agent %}
{% if email.agent.signature %}

DeskWOW

// Include the sessvars library
<script src="https://desk-customers.s3.amazonaws.com/shared/sessvars.js" type="text/javascript"></script>

// This function allows you to read a GET parameter from the URL
function getParameterByName(name) {
  name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
  var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
    results = regex.exec(location.search);
  return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}

DeskWOW

<div id="autosuggest" style="display: none;"></div>
<div id="common">
  <h4>Common Questions</h4>
  <p>This will show on page-load and if no results are found based on what the user is typing. You can optionally put links to common articles here.</p>
</div>

<script>
var as_count = 0;

$(function() {

DeskWOW

<table class='mycases'>
  <thead>
    <tr>
      <th></th>
      <th>{{desk.system.snippets.case_id}}</th>
      <th>{{desk.system.snippets.subject}}</th>
      <th>{{desk.system.snippets.from}}</th>
      <th>{{desk.system.snippets.created}}</th>
      <th>{{desk.system.snippets.status}}</th>
    </tr>

DeskWOW

{% capture featured_force_article %}1227039,1227386{% endcapture %}

{% for topic in site.topics %}
  {% if topic.desc == "force" or topic.desc == "all" %}
    {% for article in topic.articles %}
      {% capture current_article_id %}{{ article.id }}{% endcapture %}
      {% if featured_force_article contains current_article_id %}
        <li><a href="{{ article.public_url }}">{{ article.subject_plain }}</a></li>
      {% endif %}
    {% endfor %}

DeskWOW

{% for current_article in topic.articles %}
  {% if current_processed == true %}
    {% assign next_article = current_article %}
    {% assign current_processed = false %}
  {% endif %}
  {% if current_article.subject_plain == article.subject_plain %}
    {% assign current_processed = true %}
    {% assign previous_article = last_processed %}
  {% endif %}
  {% assign last_processed = current_article %}

DeskWOW

List of all brands:
<ul>
  {% for current_brand in desk.brands %}
    <li><a href="{{current_brand.public_url}}">{{current_brand.name}}</a></li>
  {% endfor %}
</ul>

<hr>

Current brand variables: 

DeskWOW

<script type="text/javascript">
  
  $(document).ready(function(){
  
  var maxHeight = 0;
  
  $('div.simultaneously').each(function(index){
  if ($(this).height() > maxHeight)
  {
  maxHeight = $(this).height();

DeskWOW

<style>
  .active { font-weight: bold; }
  .inactive { opacity: 0.5; }
</style>

<ul>
  {% for cur in topic.articles %}
    <li>
      <a class="{% if article.id == cur.id %}active{% else %}inactive{% endif %}" href='{{ cur.public_url }}'>{{ cur.subject_plain | clip:40 }}</a>
    </li>