University of Leeds Design System v1.0.15

Linked list widget

No notes defined.

{% if items.length %}
  {% extends '@uol-widget' %}

  {% block widget_content %}
    {% render '@uol-linked-list', { items: items } %}
  {% endblock %}
{% endif %}
 
<div class="uol-widget-container uol-widget-container__">
    <div class="uol-widget">

        <div class="uol-widget__left-col">

            <div class="uol-widget__head">

                <h2 class="uol-widget__title">Our Schools and Institutes</h2>

                <div class="uol-widget__lead">
                    <p>The Faculty of Design System has the following 11 Schools and institutes affiliated with it.</p>
                </div>

            </div>

        </div>

        <div class="uol-widget__content">

            <ul class="uol-linked-list">

                <li class="uol-linked-list__item">
                    <a class="uol-linked-list__link" href="/item-1">School of Typography</a>
                </li>

                <li class="uol-linked-list__item">
                    <a class="uol-linked-list__link" href="/item-2">School of Web Design</a>
                </li>

                <li class="uol-linked-list__item">
                    <a class="uol-linked-list__link" href="/item-3">School of Branding</a>
                </li>

                <li class="uol-linked-list__item">
                    <a class="uol-linked-list__link" href="/item-4">School of Fine Art History of Art and Print Illustration</a>
                </li>

                <li class="uol-linked-list__item">
                    <a class="uol-linked-list__link" href="/item-5">School of Media Queries</a>
                </li>

                <li class="uol-linked-list__item">
                    <a class="uol-linked-list__link" href="/item-6">School of Media and Communications</a>
                </li>

                <li class="uol-linked-list__item">
                    <a class="uol-linked-list__link" href="/item-7">School of New CSS Tricks</a>
                </li>

                <li class="uol-linked-list__item">
                    <a class="uol-linked-list__link" href="/item-8">School of Console Commands</a>
                </li>

                <li class="uol-linked-list__item">
                    <a class="uol-linked-list__link" href="/item-9">School of Front-end Development</a>
                </li>

                <li class="uol-linked-list__item">
                    <a class="uol-linked-list__link" href="/item-10">Institute of Accessibility for Everyone</a>
                </li>

                <li class="uol-linked-list__item">
                    <a class="uol-linked-list__link" href="/item-11">Institute of Content Design</a>
                </li>

            </ul>

        </div>
    </div>
</div>
 
{
  "widget_title": "Our Schools and Institutes",
  "widget_lead": "<p>The Faculty of Design System has the following 11 Schools and institutes affiliated with it.</p>",
  "items": [
    {
      "text": "School of Typography",
      "url": "/item-1"
    },
    {
      "text": "School of Web Design",
      "url": "/item-2"
    },
    {
      "text": "School of Branding",
      "url": "/item-3"
    },
    {
      "text": "School of Fine Art History of Art and Print Illustration",
      "url": "/item-4"
    },
    {
      "text": "School of Media Queries",
      "url": "/item-5"
    },
    {
      "text": "School of Media and Communications",
      "url": "/item-6"
    },
    {
      "text": "School of  New CSS Tricks",
      "url": "/item-7"
    },
    {
      "text": "School of Console Commands",
      "url": "/item-8"
    },
    {
      "text": "School of Front-end Development",
      "url": "/item-9"
    },
    {
      "text": "Institute of Accessibility for Everyone",
      "url": "/item-10"
    },
    {
      "text": "Institute of Content Design",
      "url": "/item-11"
    }
  ]
}