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.



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


See HTML view for Output.

Options reference


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


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 if you feel something here is missing.
<div class="miz-container">

  {% include "components/colophon/colophon.twig" %}

<div class="miz-container">

    <div class="miz-colophon">

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

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


/* 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