HiVolda Styleguide

Content Teaser: Article 

<article class="content-teaser article ">
    <a href="http://testlenke.no" class="link-block">
        <div class="image"><img src="https://cldup.com/3EsQuKhX2a.png" alt="Image description"></div>
        <time datetime="2017-01-09" class="published">09. januar 2017</time>
        <h1 class="title"> Verdifull boksamling fra Volda</h1>
        <div class="desc">
            <p>Ehenet mod que porum in nimodis as am qui que sam si occum audae volorit exerum am repudisse nisquid maio</p>
        </div>
    </a>
</article>
 
<{{element}} class="content-teaser article {{ class }}">
  <a href="{{ href }}" class="link-block">
    <div class="image"><img src="{{ src }}" alt="{{ alt }}"></div>
    {% if date %}<time datetime="{{ datetime }}" class="published">{{ date }}</time>{% endif %}
    <h1 class="title"> {{ title }}</h1>
    {% if desc %}<div class="desc">{{ desc | markdown }}</div>{% endif %}
  </a>
</{{element}}>
 
{
  "element": "article",
  "title": "Verdifull boksamling fra Volda",
  "date": "09. januar 2017",
  "datetime": "2017-01-09",
  "desc": "Ehenet mod que porum in nimodis as am qui que sam si occum audae volorit exerum am repudisse nisquid maio",
  "src": "https://cldup.com/3EsQuKhX2a.png",
  "alt": "Image description",
  "href": "http://testlenke.no"
}

No notes defined.