orbit_demo_new_old3/modules/publication/publications_index2.html.erb

<div class="i-annc index-publications-2">
  <h3 class="i-annc__page-title">{{page-title}}</h3>
  <ul class="i-annc__list" data-level="0" data-list="publications">
    <li class="i-annc__item row">
      <div class="i-annc__img-wrap col-sm-4">
      <a href="{{link_to_show}}">
        <img class="i-annc__img" src="{{cover}}" alt="{{cover_description}}" title="{{cover_description}}">
      </a>
      </div>
      <div class="i-annc__content-wrap col-sm-8">
        <div class="i-annc__meta">
          <span class="i-annc__status-wrap" data-list="statuses" data-level="1">
            <span class="i-annc__status label status {{status-class}}">{{status}}</span>
          </span>
          <span class="i-annc__postdate-wrap" date-format="%Y-%m">
            <i class="fa-regular fa-calendar"></i>
            <span class="i-annc__postdate">{{pub_date}}</span>
          </span>
          <span class="i-annc__category-wrap">
            <i class="fa-solid fa-list"></i>
            <span class="i-annc__category">{{category}}</span>
          </span>
        </div>
        <h4 class="i-annc__entry-title">
          <a class="i-annc__title" href="{{link_to_show}}">{{title}}</a>
        </h4>
        <p class="i-annc__subtitle">{{pub_information}}</p>
      </div>
    </li>
  </ul>
</div>
{{pagination_goes_here}}
<style>
  .i-annc__img-wrap{

  }
  .i-annc__img{
    border-radius: 1em;
    &:hover{
      box-shadow: 4px 4px 5px 1px rgba(0, 0, 0, 0.3);
      -webkit-transform:translateY(-6px);
      -ms-transform:translateY(-6px);
      transform:translateY(-6px);
      -webkit-transition: all .3s ease;
      -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease;
    }
  }
.i-annc__content-wrap{
      margin-top: 1em;
      display: -webkit-box;
-webkit-line-clamp: 10;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}

</style>