{tag}meta name="citation_journal_title" content="{{journal_title}}"{/tag}
{tag}meta name="citation_title" content="{{article_title}}"{/tag}
{tag}meta name="citation_publication_date" content="{{publication_date}}"{/tag}
{tag}meta name="citation_publisher" content="{{publisher}}"{/tag}
{{citation_author_list}}
{tag}meta name="citation_volume" content="{{volume}}"{/tag}
{tag}meta name="citation_issue" content="{{issue}}"{/tag}
{tag}meta name="citation_firstpage" content="{{firstpage}}"{/tag}
{tag}meta name="citation_lastpage" content="{{lastpage}}"{/tag}
{tag}meta name="citation_pdf_url" content="{{url}}/archives/volume{{volume}}/number{{issue}}/{{pdf_filename}}"{/tag}
{tag}meta name="citation_abstract_html_url" content="{{url}}/archives/volume{{volume}}/number{{issue}}/{{article_alias}}"{/tag}
{tag}meta name="citation_fulltext_html_url" content="{{url}}/archives/volume{{volume}}/number{{issue}}/{{article_alias}}"{/tag}
{tag}meta property="og:title" content="{{article_title}}"{/tag}
{tag}meta property="og:type" content="article"{/tag}
{tag}meta property="og:url" content="{{url}}/archives/volume{{volume}}/number{{issue}}/{{article_alias}}"{/tag}
{tag}meta property="og:site_name" content="{{journal_title}}"{/tag}
<article class="uk-article">
  <div class="tm-article-content uk-margin">
    <div class="uk-grid" data-uk-grid-margin>
      <div class="uk-width-small-1-1 uk-width-medium-2-10-article-page"> 
        <img src="/images/journalCover.png" alt="journal image" /> 
      </div>
      <div class="uk-width-small-1-1 uk-width-medium-6-10">
        <ul class="uk-list uk-list-striped">
          <li>{{journal_title}}</li>
          <li>{{publisher}}</li>
          <li>
            <a href="/archives/volume{{volume}}/">Volume {{volume}}</a> - <a href="/archives/volume{{volume}}/number{{issue}}">Number {{issue}}</a>
          </li>
          <li>Year of Publication: {{year}}</li>
          <li>
            <span class="authors">Authors: {{author_names}}</span>
          </li>
          <li>
            <img src="/images/doi.gif"> {{doi}}
          </li>
        </ul>
      </div>
      <div class="uk-width-small-1-1 uk-width-medium-2-10-article-page">
        <a class="uk-button uk-button-download" href="/archives/volume{{volume}}/number{{issue}}/{{pdf_filename}}"> <i class="uk-icon-file-pdf-o">&nbsp;Download</i> 
        </a>
        <div class="uk-margin uk-text-left pview">
          <div class="pageviews">
            <span class="jpageviews" style="float:none">
            {source}
              <?php 
                require_once(JPATH_LIBRARIES."/dbaccess.php");
                echo getTableData("#__content", "hits", "id={{article_content_id}}", 0);
              ?>
            {/source}
            </span>
          </div>
        </div>
        <div class="uk-margin uk-text-left" id="bib-export">
          <h4 class="uk-margin-small-bottom uk-margin-top-remove">Export</h4>
          <ul class="uk-list uk-text-small">
            <li>
              <a id="acmref-download" href="#" download="{{filename_prefix}}.txt">
                <i class="uk-icon-download"></i> ACMRef
              </a>
            </li>
            <li>
              <a id="bibtex-download" href="#" download="{{filename_prefix}}.bib">
                <i class="uk-icon-download"></i> BibTeX
              </a>
            </li>
            <li>
              <a id="endnote-download" href="#" download="{{filename_prefix}}.enw">
                <i class="uk-icon-download"></i> EndNote
              </a>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="uk-margin-top">
      <ul class="uk-tab" data-uk-tab="{connect:'#my-id'}">
        <li><a href="/">ACMRef</a></li>
        <li><a href="/">BibTeX</a></li>
        <li><a href="/">EndNote</a></li>
      </ul>
      <ul id="my-id" class="uk-switcher uk-margin">
        <li id="acmref-content">
          {{acmref}}
        </li>
        <li>
          <pre id="bibtex-content" class="bibtexCode" style="display: block;">{{bibtex}}</pre>
        </li>
        <li>
          <pre id="endnote-content" class="EndNoteCode" style="display: block;">{{endnote}}</pre>
        </li>
      </ul>
    </div>
    <div id="abstract">
      <div id="abs-wrapper-r">
        <div id="abs-wrapper-b">
          <div id="abs-wrapper-l">
            <h3>
              Abstract
            </h3>
            <p style="text-align: justify;">{{abstract}}</p>
          </div>
        </div>
      </div>
    </div>
    <div id="reference">
      <div id="ref-wrapper-r">
        <div id="ref-wrapper-b">
          <div id="ref-wrapper-l">
            <h3>References</h3>
            <div>{{references}}</div>
          </div>
        </div>
      </div>
    </div>
    <h3>Index Terms</h3>
    <div class='indextop'>Computer Science</div>
    <div class="index-level2">
      <div class='badge badge-info'>{{index_term}}</div>
    </div>
  </div>
</article>