Lunds universitet - Style Guide

Calendar Cards 

<div class="container py-4" id="calendar_cards">
    <div class="row my-8">
        <div class="col-12 text-center">
            <h1 class="">Kalendarium</h1>

            <p>Kommande evenemang på och runt Ekonomihögskolan.</p>

            <div class="mt-5">
                <a href="../../#.html" class="btn  btn-primary mx-1 mb-3">Fler händelser</a>

                <a href="../../#.html" class="btn  btn-primary mx-1 mb-3">Konferenser</a>

                <a href="../../#.html" class="btn  btn-primary mx-1 mb-3">Kurser</a>

            </div>
        </div>
    </div>
    <div class="row my-5">
        <div class="col-12 col-lg-6 col-lined">
            <div class="card card-item nav-block bg-transparent flex-row card-item-lined nav-block h-100 nav-block-hover-plaster-25 p-2 py-md-3 nmx-2" title="Disputation i informatik: David Kiwana" aria-label="Heading">
                <div class="card-date">
                    <div class="calendar-date-box">
                        <div class="h1">26</div>
                        <p>april</p>
                    </div>

                </div>
                <div class="card-body p-2">
                    <div class="meta ">
                        <span class="meta-date" datetime="2018-04-26 13:15+01:00">26 april 2018 kl. 13:15–17:00</span>
                        <span class="meta-category">Disputation</span>
                    </div>

                    <a href="../../#.html" class="text-primary nav-undecorated stretched-link">
                        <h3 class="nav-block-link mt-0 mb-2 h5">Disputation i informatik: David Kiwana</h3>
                    </a>

                </div>
            </div>

        </div>
        <div class="col-12 col-lg-6 col-lined">
            <div class="card card-item nav-block bg-transparent flex-row card-item-lined nav-block h-100 nav-block-hover-plaster-25 p-2 py-md-3 nmx-2" title="Panelsamtal: Stakeholder engagement och hållbarhetsmålen som drivkraft för innovation" aria-label="Heading">
                <div class="card-date">
                    <div class="calendar-date-box">
                        <div class="h1">27</div>
                        <p>april</p>
                    </div>

                </div>
                <div class="card-body p-2">
                    <div class="meta ">
                        <span class="meta-date" datetime="2018-04-27 15:00+01:00">27 april 2018 kl. 15:00</span>
                        <span class="meta-category">Seminarium</span>
                    </div>

                    <a href="../../#.html" class="text-primary nav-undecorated stretched-link">
                        <h3 class="nav-block-link mt-0 mb-2 h5">Panelsamtal: Stakeholder engagement och hållbarhetsmålen som drivkraft för innovation</h3>
                    </a>

                </div>
            </div>

        </div>
        <div class="col-12 col-lg-6 col-lined">
            <div class="card card-item nav-block bg-transparent flex-row card-item-lined nav-block h-100 nav-block-hover-plaster-25 p-2 py-md-3 nmx-2" title="Entrepreneurial Learning in Technology-Based Ventures: The Process of Building &amp; Retaining Venture Knowledge for Innovation" aria-label="Heading">
                <div class="card-date">
                    <div class="calendar-date-box">
                        <div class="h1">27</div>
                        <p>april</p>
                    </div>

                </div>
                <div class="card-body p-2">
                    <div class="meta ">
                        <span class="meta-date" datetime="2018-04-27 13:15+01:00">27 april 2018 kl. 13:15–15:00</span>
                        <span class="meta-category">Seminarium</span>
                    </div>

                    <a href="../../#.html" class="text-primary nav-undecorated stretched-link">
                        <h3 class="nav-block-link mt-0 mb-2 h5">Entrepreneurial Learning in Technology-Based Ventures: The Process of Building &amp; Retaining Venture Knowledge for Innovation</h3>
                    </a>

                </div>
            </div>

        </div>
        <div class="col-12 col-lg-6 col-lined">
            <div class="card card-item nav-block bg-transparent flex-row card-item-lined nav-block h-100 nav-block-hover-plaster-25 p-2 py-md-3 nmx-2" title="KEFU-kurs: Ekonomi för verksamhetsansvariga" aria-label="Heading">
                <div class="card-date">
                    <div class="calendar-date-box">
                        <div class="h1">17</div>
                        <p>maj</p>
                    </div>

                </div>
                <div class="card-body p-2">
                    <div class="meta ">
                        <span class="meta-date" datetime="2018-05-17 09:00+01:00">17 maj 2018 kl. 09:00–16:30</span>
                        <span class="meta-category">Kurs</span>
                    </div>

                    <a href="../../#.html" class="text-primary nav-undecorated stretched-link">
                        <h3 class="nav-block-link mt-0 mb-2 h5">KEFU-kurs: Ekonomi för verksamhetsansvariga</h3>
                    </a>

                </div>
            </div>

        </div>
        <div class="col-12 col-lg-6 col-lined">
            <div class="card card-item nav-block bg-transparent flex-row card-item-lined nav-block h-100 nav-block-hover-plaster-25 p-2 py-md-3 nmx-2" title="Trade and Integration in a Time of Anti-Globalization" aria-label="Heading">
                <div class="card-date">
                    <div class="calendar-date-box">
                        <div class="h1">25</div>
                        <p>oktober</p>
                    </div>

                </div>
                <div class="card-body p-2">
                    <div class="meta ">
                        <span class="meta-date" datetime="2018-10-25">25–27 oktober 2018</span>
                        <span class="meta-category">Konferens</span>
                    </div>

                    <a href="../../#.html" class="text-primary nav-undecorated stretched-link">
                        <h3 class="nav-block-link mt-0 mb-2 h5">Trade and Integration in a Time of Anti-Globalization</h3>
                    </a>

                </div>
            </div>

        </div>
        <div class="col-12 col-lg-6 col-lined">
            <div class="card card-item nav-block bg-transparent flex-row card-item-lined nav-block h-100 nav-block-hover-plaster-25 p-2 py-md-3 nmx-2" title="Motivating mega-projects despite the numbers – An analysis of the Swedish high-speed rail negotiation" aria-label="Heading">
                <div class="card-date">
                    <div class="calendar-date-box">
                        <div class="h1">26</div>
                        <p>november</p>
                    </div>

                </div>
                <div class="card-body p-2">
                    <div class="meta ">
                        <span class="meta-date" datetime="2018-11-26 10:15+01:00">26 november 2018 kl. 10:15–12:00</span>
                        <span class="meta-category">Slutseminarium</span>
                    </div>

                    <a href="../../#.html" class="text-primary nav-undecorated stretched-link">
                        <h3 class="nav-block-link mt-0 mb-2 h5">Motivating mega-projects despite the numbers – An analysis of the Swedish high-speed rail negotiation</h3>
                    </a>

                </div>
            </div>

        </div>
    </div>
</div>
 
<div class="container py-4{{modifiers modifiers}}" id="calendar_cards">
  <div class="row my-8">
    <div class="col-12 text-center">
      {{render "@heading" heading merge=true}}
      {{render "@paragraph" lead}}
      <div class="mt-5">
        {{#each buttons}}
          {{render "@button--link" this}}
        {{/each}}
      </div>
    </div>
  </div>
  <div class="row my-5">
    {{#each items}}
      <div class="col-12 col-lg-6 col-lined">
        {{render "@list-item--calendar-lined" this merge=true}}
      </div>
    {{/each}}
  </div>
</div>
 
{
  "heading": {
    "content": "Kalendarium"
  },
  "lead": {
    "content": "Kommande evenemang på och runt Ekonomihögskolan."
  },
  "buttons": [
    {
      "link": "#",
      "label": "Fler händelser",
      "modifiers": [
        "btn-primary",
        "mx-1",
        "mb-3"
      ]
    },
    {
      "link": "#",
      "label": "Konferenser",
      "modifiers": [
        "btn-primary",
        "mx-1",
        "mb-3"
      ]
    },
    {
      "link": "#",
      "label": "Kurser",
      "modifiers": [
        "btn-primary",
        "mx-1",
        "mb-3"
      ]
    }
  ],
  "items": [
    {
      "date": {
        "day": "26",
        "month": "april"
      },
      "image": {
        "src": "/images/default/seal-100x100@1x.jpg",
        "src-2x": "/images/default/seal-100x100@2x.jpg"
      },
      "meta": {
        "date": "26 april 2018 kl. 13:15–17:00",
        "datetime": "2018-04-26 13:15+01:00",
        "category": "Disputation"
      },
      "link": "#",
      "title": "Disputation i informatik: David Kiwana",
      "heading": "Disputation i informatik: David Kiwana"
    },
    {
      "date": {
        "day": "27",
        "month": "april"
      },
      "image": {
        "src": "/images/default/seal-100x100@1x.jpg",
        "src-2x": "/images/default/seal-100x100@2x.jpg"
      },
      "meta": {
        "date": "27 april 2018 kl. 15:00",
        "datetime": "2018-04-27 15:00+01:00",
        "category": "Seminarium"
      },
      "link": "#",
      "title": "Panelsamtal: Stakeholder engagement och hållbarhetsmålen som drivkraft för innovation",
      "heading": "Panelsamtal: Stakeholder engagement och hållbarhetsmålen som drivkraft för innovation"
    },
    {
      "date": {
        "day": "27",
        "month": "april"
      },
      "image": {
        "src": "/images/default/seal-100x100@1x.jpg",
        "src-2x": "/images/default/seal-100x100@2x.jpg"
      },
      "meta": {
        "date": "27 april 2018 kl. 13:15–15:00",
        "datetime": "2018-04-27 13:15+01:00",
        "category": "Seminarium"
      },
      "link": "#",
      "title": "Entrepreneurial Learning in Technology-Based Ventures: The Process of Building & Retaining Venture Knowledge for Innovation",
      "heading": "Entrepreneurial Learning in Technology-Based Ventures: The Process of Building & Retaining Venture Knowledge for Innovation"
    },
    {
      "date": {
        "day": "17",
        "month": "maj"
      },
      "image": {
        "src": "/images/default/seal-100x100@1x.jpg",
        "src-2x": "/images/default/seal-100x100@2x.jpg"
      },
      "meta": {
        "date": "17 maj 2018 kl. 09:00–16:30",
        "datetime": "2018-05-17 09:00+01:00",
        "category": "Kurs"
      },
      "link": "#",
      "title": "KEFU-kurs: Ekonomi för verksamhetsansvariga",
      "heading": "KEFU-kurs: Ekonomi för verksamhetsansvariga"
    },
    {
      "date": {
        "day": "25",
        "month": "oktober"
      },
      "image": {
        "src": "/images/default/seal-100x100@1x.jpg",
        "src-2x": "/images/default/seal-100x100@2x.jpg"
      },
      "meta": {
        "date": "25–27 oktober 2018",
        "datetime": "2018-10-25",
        "category": "Konferens"
      },
      "link": "#",
      "title": "Trade and Integration in a Time of Anti-Globalization",
      "heading": "Trade and Integration in a Time of Anti-Globalization"
    },
    {
      "date": {
        "day": "26",
        "month": "november"
      },
      "image": {
        "src": "/images/default/seal-100x100@1x.jpg",
        "src-2x": "/images/default/seal-100x100@2x.jpg"
      },
      "meta": {
        "date": "26 november 2018 kl. 10:15–12:00",
        "datetime": "2018-11-26 10:15+01:00",
        "category": "Slutseminarium"
      },
      "link": "#",
      "title": "Motivating mega-projects despite the numbers – An analysis of the Swedish high-speed rail negotiation",
      "heading": "Motivating mega-projects despite the numbers – An analysis of the Swedish high-speed rail negotiation"
    }
  ]
}

No notes defined.