JSFiddle - React, Tailwind, and code Playground

by alstin

HTML

{{#each artists}}
<article class="artist group">
  <h3>
    {{title}}
    <span class="small">
      with <a href="/speakers/{{shortname}}">{{name}}</a>
    </span>
  </h3>
  <p>
    <a href="/speakers/{{shortname}}">
      <img class="speaker" src="/images/speakers/{{shortname}}_tn.jpg" alt="Photo of {{name}}">
    </a>
    {{#unlessEq page 'home' }} <!--проверка page-->
      {{#eq page 'artistList'}} <!--проверка page-->
        {{{summary}}}
      {{else}}
      {{{description}}}
        {{/eq}}
    {{/unlessEq}}
  </p>
</article>
{{/each}}

JavaScript

router.get('/', function(req, res) {
  var myArtwork = [];
  var myArtists = [];

  myArtists = appdata.speakers;
  appdata.speakers.forEach(function(item) {
    myArtwork = myArtwork.concat(item.artwork);
  });
  res.render('index', {
    title: 'Home',
    artwork: myArtwork,
    artists: myArtists, //  массив объектов который перебирает each
    page: 'home' // нужная строка
  });
});

/* GET speakers page. */
router.get('/speakers', function(req, res) {
  var myArtwork = [];
  var myArtists = [];
  myArtists = appdata.speakers;

  appdata.speakers.forEach(function(item) {
    myArtwork = myArtwork.concat(item.artwork);
  });
  res.render('speakers', {
    title: 'Speakers',
    artwork: myArtwork,
    artists: myArtists, //  массив объектов который перебирает each
    page: 'artistList' // нужная строка
  });
});