Colophon

The Colophon is a content component that contains two important pieces of content: the site publisher or owner and our campus copyright, DMCA and EEO/AA statements.

Usage

Twig

<div class="miz-container">
  {% include "@miz/components/colophon/colophon.twig" %}
</div>

HTML

See HTML view for Output.

Options reference

Options

The Colophon currently only has the standard class and attributes options.

Param Default Values Description
class miz-block-message String Additional classes appended to the block message
attributes null Object Attributes to be applied to the block messsage

Blocks

Each of these blocks can be used to extend and add more content _or_ override it completely. But be careful, that could cause unintended consquences.

Block name Description
colophon Main block. This block lets you override all the contents inside of the colophon container.
colophon__publisher Site publisher or ownder information. Contact information here should direct users to the best contact for getting information about the management of the site.
colophon__copyright Campus copyright information. This block should only be overridden if absolutely necessary. Contact digitalservice@missouri.edu if you feel something here is missing.
{#

  Colophon
  Base Colophon pattern.

  @uses   AppendClasses, AddAttributes from @miz/utilties/utils.twig

  @param  {object}    options
  @param  {string}    ├─ options.class
  @param  {object}    └─ options.attributes (optional)

#}
{%- spaceless %}
{# Imports #}
  {% import "@miz/utilities/utils.twig" as utils %}

{# Parameters #}
  {% set options = _context ?: {} %}

  {% set colophonClass      = "miz-colophon" %}
  {% set colophonClass      = options.class ? utils.AppendClasses( colophonClass, options.class ) : colophonClass %}
  {% set colophonAttributes = options.attributes ? utils.AddAttributes( options.attributes ) %}

{# Variables #}
  {% set MizzouCopyrightYear = "now" | date( "Y" ) %}

{% endspaceless -%}

{# Output #}
  <div class="{{ colophonClass }}"{{ colophonAttributes }}>
    {% block colophon %}

      {% block colophon__publisher %}

        <div class="miz-publisher">
          <p><small>Published by <a href="//www.umsystem.edu/">Digital Service,</a> 234 Heinkel Building, Columbia, MO 65211</small></p>
          <p><small><strong>Email:</strong> <a href="mailto:digitalservice@missouri.edu">digitalservice@missouri.edu</a><br>
            <strong>Phone:</strong> 573-882-4523</small></p>
        </div>

      {% endblock colophon__publisher %}

      {% block colophon__copyright %}

        <div class="miz-copyright">
          <p><small>&copy; <time datetime="{{ MizzouCopyrightYear }}">{{ MizzouCopyrightYear }}</time> &#8212; Curators of the <a href="//www.umsystem.edu/">University of Missouri</a>. All rights reserved. <a href="http://missouri.edu/copyright/">DMCA and other copyright information</a>.</small></p>
          <p><small><a href="//missouri.edu/eeo-aa/">An equal opportunity/access/affirmative action/pro-disabled and veteran employer</a>.</small></p>
        </div>

      {% endblock colophon__copyright %}

    {% endblock %}
  </div>
<div class="miz-colophon">

    <div class="miz-publisher">
        <p><small>Published by <a href="//www.umsystem.edu/">Digital Service,</a> 234 Heinkel Building, Columbia, MO 65211</small></p>
        <p><small><strong>Email:</strong> <a href="mailto:digitalservice@missouri.edu">digitalservice@missouri.edu</a><br>
            <strong>Phone:</strong> 573-882-4523</small></p>
    </div>

    <div class="miz-copyright">
        <p><small>&copy; <time datetime="2019">2019</time> &#8212; Curators of the <a href="//www.umsystem.edu/">University of Missouri</a>. All rights reserved. <a href="http://missouri.edu/copyright/">DMCA and other copyright information</a>.</small></p>
        <p><small><a href="//missouri.edu/eeo-aa/">An equal opportunity/access/affirmative action/pro-disabled and veteran employer</a>.</small></p>
    </div>

</div>
/* No context defined for this component. */
  • Content:
    //
    // Colophon
    
    .miz-colophon {
      display: flex;
      flex-direction: column;
    
      @include media-breakpoint-up(md) {
        flex-direction: row;
        align-items: stretch;
    
        > * {
          // This ensures IE11 won't break.
          flex: 1 1 100%;
        }
      }
    }
    
  • URL: /components/raw/miz-colophon/_colophon.scss
  • Filesystem Path: fractal/pattern-library/miz/components/colophon/_colophon.scss
  • Size: 249 Bytes