@shortfuse/materialdesignweb 0.2.0 → 0.5.0

package/docs/src/components/menu.pug

@@ -1,292 +0,0 @@
-include ../mixins.pug
-
-+header()
-  +navdrawer("menu")
-    .mdw-layout(mdw-margin-top mdw-margin-bottom)
-      .mdw-layout__item(mdw-colspan="100%")
-        div
-          h5.mdw-type(mdw-baseline-next="36") Menus display a list of choices on a transient sheet of material.
-          p.mdw-type(mdw-baseline-next="36") Menus appear upon interaction with a button, action, or other control. They display a list of choices, with one choice per line.
-          p.mdw-type Menu items may be disabled if not applicable to a certain context. Contextual menus dynamically change their available menu items based on the current state of the app.
-      .mdw-layout__item(mdw-colspan="4")
-        .component-sample
-          .component-sample__container
-            .mdw-menu__wrapper
-              button.mdw-button Open
-              .mdw-menu
-                .mdw-menu__popup
-                  .mdw-menu__item
-                    .mdw-menu__icon.material-icons format_bold
-                    .mdw-menu__text Bold
-                    .mdw-menu__info ⌘B
-                  .mdw-menu__item(disabled)
-                    .mdw-menu__icon.material-icons format_italic
-                    .mdw-menu__text Italic
-                    .mdw-menu__info ⌘I
-                  .mdw-menu__item
-                    .mdw-menu__icon.material-icons format_underline
-                    .mdw-menu__text Underline
-                    .mdw-menu__info ⌘U
-                  .mdw-menu__divider
-                  .mdw-menu__item(mdw-checked)
-                    .mdw-menu__check.material-icons check
-                    .mdw-menu__text Flights
-                  .mdw-menu__item
-                    .mdw-menu__check.material-icons check
-                    .mdw-menu__text Apps
-      .mdw-layout__item(mdw-colspan="8")
-        div
-          .mdw-type(mdw-style="subtitle") Javascript
-          div
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="javascript" value="required" checked)
-              .mdw-selection__icon
-              .mdw-selection__label Required
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="javascript" value="optional")
-              .mdw-selection__icon
-              .mdw-selection__label Optional
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="javascript" value="none")
-              .mdw-selection__icon
-              .mdw-selection__label None
-          .mdw-type(mdw-style="subtitle") Vertical Position
-          div
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="vposition" value="auto" checked)
-              .mdw-selection__icon
-              .mdw-selection__label Auto
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="vposition" value="bottom")
-              .mdw-selection__icon
-              .mdw-selection__label Bottom
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="vposition" value="top")
-              .mdw-selection__icon
-              .mdw-selection__label Top
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="vposition" value="vcenter")
-              .mdw-selection__icon
-              .mdw-selection__label Center
-          .mdw-type(mdw-style="subtitle") Horizontal Position
-          div
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="hposition" value="auto" checked)
-              .mdw-selection__icon
-              .mdw-selection__label Auto
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="hposition" value="start")
-              .mdw-selection__icon
-              .mdw-selection__label Start
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="hposition" value="end")
-              .mdw-selection__icon
-              .mdw-selection__label End
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="hposition" value="left")
-              .mdw-selection__icon
-              .mdw-selection__label Left
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="hposition" value="right")
-              .mdw-selection__icon
-              .mdw-selection__label Right
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="hposition" value="hcenter")
-              .mdw-selection__icon
-              .mdw-selection__label Center
-          .mdw-type(mdw-style="subtitle") Vertical Direction
-          div
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="vdirection" value="auto" checked)
-              .mdw-selection__icon
-              .mdw-selection__label Auto
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="vdirection" value="down")
-              .mdw-selection__icon
-              .mdw-selection__label Down
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="vdirection" value="up")
-              .mdw-selection__icon
-              .mdw-selection__label Up
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="vdirection" value="vcenter")
-              .mdw-selection__icon
-              .mdw-selection__label Center
-          .mdw-type(mdw-style="subtitle") Horizontal Direction
-          div
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="hdirection" value="auto" checked)
-              .mdw-selection__icon
-              .mdw-selection__label Auto
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="hdirection" value="normal")
-              .mdw-selection__icon
-              .mdw-selection__label Normal
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="hdirection" value="reverse")
-              .mdw-selection__icon
-              .mdw-selection__label Reverse
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="hdirection" value="ltr")
-              .mdw-selection__icon
-              .mdw-selection__label Left-to-Right
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="hdirection" value="rtl")
-              .mdw-selection__icon
-              .mdw-selection__label Right-to-Left
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="hdirection" value="hcenter")
-              .mdw-selection__icon
-              .mdw-selection__label Center
-          .mdw-type(mdw-style="subtitle") Width Units
-          div
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="width" value="auto" checked)
-              .mdw-selection__icon
-              .mdw-selection__label Auto
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="width" value="3")
-              .mdw-selection__icon
-              .mdw-selection__label 3
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="width" value="4")
-              .mdw-selection__icon
-              .mdw-selection__label 4
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="width" value="5")
-              .mdw-selection__icon
-              .mdw-selection__label 5
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="width" value="6")
-              .mdw-selection__icon
-              .mdw-selection__label 6
-            label.mdw-selection(mdw-theme-color="accent" style="margin:16px 8px")
-              input.mdw-selection__input(type="radio" name="width" value="7")
-              .mdw-selection__icon
-              .mdw-selection__label 7
-      .mdw-layout__item(mdw-colspan="100%" style="max-height:0")
-      .mdw-layout__item(mdw-colspan="100%")
-        .display-flex(flex-column)
-          h6.mdw-type HTML Code
-          .mdw-card.component-code.component-html
-      .mdw-layout__item(mdw-colspan="100%")
-        .display-flex(flex-column)
-          h6.mdw-type Javascript Code
-          .mdw-card.component-code.component-js
-      .mdw-layout__item(mdw-colspan="100%")
-        h6.mdw-type Samples
-      .mdw-layout__item.display-flex(mdw-colspan="4" flex-justify-content="center")
-        .render
-          +androidstatusbar('primary-700 dark')
-          .mdw-toolbar(mdw-theme-fill="primary-500 dark")
-            .mdw-toolbar__action
-              .mdw-toolbar__start
-                .mdw-tooltip__wrapper
-                  .mdw-tooltip__target.mdw-button(mdw-icon).material-icons menu
-                  .mdw-tooltip Menu
-              .mdw-toolbar__end
-                .mdw-tooltip__wrapper.mdw-menu__wrapper
-                  a.mdw-tooltip__target.mdw-button(mdw-icon mdw-more-button href="#moremenu").material-icons more_vert
-                  .mdw-tooltip Options
-                  .mdw-menu#moremenu(mdw-direction="reverse" mdw-position="end" mdw-width-units="3" mdw-theme-fill="light")
-                    a.mdw-menu__close(href="#")
-                    .mdw-menu__popup
-                      .mdw-menu__text Refresh
-                      .mdw-menu__text Settings
-                      .mdw-menu__text Send feedback
-                      .mdw-menu__text Help
-                      .mdw-menu__text Signout
-                
-          .content(style="padding:16px 8px")
-            .mdw-menu__wrapper
-              a.mdw-button(mdw-theme-fill="primary dark" mdw-raised href="#textmenu") Text
-              .mdw-menu#textmenu
-                a.mdw-menu__close(href="#")
-                .mdw-menu__popup
-                  .mdw-menu__item Maps
-                  .mdw-menu__item Books
-                  .mdw-menu__item Flights
-                  .mdw-menu__item Apps
-            .mdw-menu__wrapper
-              a.mdw-button(mdw-theme-fill="primary dark" mdw-raised href="#checkmenu") Checks
-              .mdw-menu#checkmenu
-                a.mdw-menu__close(href="#")
-                .mdw-menu__popup
-                  .mdw-menu__item
-                    .mdw-menu__check.material-icons check
-                    .mdw-menu__text Maps
-                  .mdw-menu__item(mdw-checked)
-                    .mdw-menu__check.material-icons check
-                    .mdw-menu__text Books
-                  .mdw-menu__item(mdw-checked)
-                    .mdw-menu__check.material-icons check
-                    .mdw-menu__text Flights
-                  .mdw-menu__item
-                    .mdw-menu__check.material-icons check
-                    .mdw-menu__text Apps
-            div(style="height:400px")
-            .mdw-menu__wrapper
-              a.mdw-button(mdw-theme-fill="primary dark" mdw-raised href="#infomenu") Info
-              .mdw-menu#infomenu(mdw-width-units=4 mdw-direction="up" mdw-position="top")
-                a.mdw-menu__close(href="#")
-                .mdw-menu__popup
-                  .mdw-menu__item(disabled)
-                    .mdw-menu__check.material-icons check
-                    .mdw-menu__text Bold
-                    .mdw-menu__info ⌘B
-                  .mdw-menu__item(mdw-checked)
-                    .mdw-menu__check.material-icons check
-                    .mdw-menu__text Italic
-                    .mdw-menu__info ⌘I
-                  .mdw-menu__item(mdw-checked)
-                    .mdw-menu__check.material-icons check
-                    .mdw-menu__text Underline
-                    .mdw-menu__info ⌘U
-                  .mdw-menu__divider
-                  .mdw-menu__item(mdw-checked)
-                    .mdw-menu__check.material-icons check
-                    .mdw-menu__text Flights
-                  .mdw-menu__item
-                    .mdw-menu__check.material-icons check
-                    .mdw-menu__text Apps
-            .mdw-menu__wrapper
-              a.mdw-button(mdw-theme-fill="primary dark" mdw-raised href="#iconmenu") Icons
-              .mdw-menu#iconmenu(mdw-width-units=4 mdw-direction="up" mdw-position="top")
-                a.mdw-menu__close(href="#")
-                .mdw-menu__popup
-                  .mdw-menu__item
-                    .mdw-menu__icon.material-icons format_bold
-                    .mdw-menu__text Bold
-                    .mdw-menu__info ⌘B
-                  .mdw-menu__item
-                    .mdw-menu__icon.material-icons format_italic
-                    .mdw-menu__text Italic
-                    .mdw-menu__info ⌘I
-                  .mdw-menu__item
-                    .mdw-menu__icon.material-icons format_underline
-                    .mdw-menu__text Underline
-                    .mdw-menu__info ⌘U
-            .mdw-menu__wrapper.js
-              button.mdw-button(mdw-theme-fill="primary dark" mdw-raised) JS
-              .mdw-menu(mdw-width-units=4 mdw-direction="reverse")
-                .mdw-menu__popup
-                  .mdw-menu__item
-                    .mdw-menu__icon.material-icons format_bold
-                    .mdw-menu__text Bold
-                    .mdw-menu__info ⌘B
-                  .mdw-menu__item(disabled)
-                    .mdw-menu__icon.material-icons format_italic
-                    .mdw-menu__text Italic
-                    .mdw-menu__info ⌘I
-                  .mdw-menu__item
-                    .mdw-menu__icon.material-icons format_underline
-                    .mdw-menu__text Underline
-                    .mdw-menu__info ⌘U
-                  .mdw-menu__divider
-                  .mdw-menu__item(mdw-checked)
-                    .mdw-menu__check.material-icons check
-                    .mdw-menu__text Flights
-                  .mdw-menu__item
-                    .mdw-menu__check.material-icons check
-                    .mdw-menu__text Apps
-  script(src='menu.min.js')

package/docs/src/components/navdrawer.js

@@ -1,112 +0,0 @@
-import { List } from '../../../components/list/index';
-import setupImageTargets from '../targetHandler';
-import { setupMenuOptions } from '../menuoptions';
-
-/** @return {void} */
-function configureNavDrawer() {
-  const navElement = document.querySelector('#navdrawer');
-  /**
-   * @param {Event} event
-   * @return {void}
-   */
-  function onStyleSelected(event) {
-    switch (event.target.value) {
-      case 'modal':
-        navElement.removeAttribute('mdw-clipped');
-        navElement.removeAttribute('mdw-floating');
-        navElement.setAttribute('mdw-modal', '');
-        return;
-      case 'clipped':
-        navElement.setAttribute('mdw-clipped', '');
-        navElement.removeAttribute('mdw-floating');
-        navElement.removeAttribute('mdw-modal');
-        return;
-      case 'floating':
-        navElement.removeAttribute('mdw-clipped');
-        navElement.setAttribute('mdw-floating', '');
-        navElement.removeAttribute('mdw-modal');
-        return;
-      case 'floatingcard':
-        navElement.removeAttribute('mdw-clipped');
-        navElement.setAttribute('mdw-floating', 'card');
-        navElement.removeAttribute('mdw-modal');
-        return;
-      default:
-      case 'fullheight':
-        navElement.removeAttribute('mdw-clipped');
-        navElement.removeAttribute('mdw-floating');
-        navElement.removeAttribute('mdw-modal');
-    }
-  }
-  /**
-   * @param {Event} event
-   * @return {void}
-   */
-  function onToggleSelected(event) {
-    switch (event.target.value) {
-      case 'dismissible':
-        navElement.setAttribute('mdw-dismissible', '');
-        navElement.removeAttribute('mdw-mini');
-        return;
-      case 'mini':
-        navElement.removeAttribute('mdw-dismissible');
-        navElement.setAttribute('mdw-mini', '');
-        return;
-      default:
-      case 'none':
-        navElement.removeAttribute('mdw-dismissible');
-        navElement.removeAttribute('mdw-mini');
-    }
-  }
-  const styleRadioElements = document.querySelectorAll('input[name="mdw-navdrawer__style"]');
-  for (let i = 0; i < styleRadioElements.length; i += 1) {
-    const element = styleRadioElements[i];
-    element.addEventListener('change', onStyleSelected);
-  }
-  const toggleRadioElements = document.querySelectorAll('input[name="mdw-navdrawer__toggle"]');
-  for (let i = 0; i < toggleRadioElements.length; i += 1) {
-    const element = toggleRadioElements[i];
-    element.addEventListener('change', onToggleSelected);
-  }
-  const navdrawerDrawer = document.querySelector('#navdrawer .mdw-navdrawer__drawer');
-  const navdrawerDrawerListItems = navdrawerDrawer.getElementsByClassName('mdw-list__item');
-
-  /**
-   * @param {NodeListOf<Element>} items
-   * @return {Element}
-   */
-  function getSelectedListItem(items) {
-    for (let i = 0; i < items.length; i += 1) {
-      if (items[i].hasAttribute('mdw-selected')) {
-        return items[i];
-      }
-    }
-    return null;
-  }
-  for (let i = 0; i < navdrawerDrawerListItems.length; i += 1) {
-    const item = navdrawerDrawerListItems[i];
-    item.addEventListener('click', () => {
-      if (item.hasAttribute('mdw-selected')) {
-        return;
-      }
-      const currentlySelected = getSelectedListItem(navdrawerDrawerListItems);
-      if (currentlySelected) {
-        currentlySelected.removeAttribute('mdw-selected');
-      }
-      item.setAttribute('mdw-selected', '');
-    });
-  }
-}
-
-/** @return {void} */
-function initializeMdwComponents() {
-  const lists = document.querySelectorAll('#navdrawer .mdw-list');
-  for (let i = 0; i < lists.length; i += 1) {
-    List.attach(lists.item(i));
-  }
-}
-
-initializeMdwComponents();
-configureNavDrawer();
-setupImageTargets();
-setupMenuOptions();

package/docs/src/components/navdrawer.pug

@@ -1,113 +0,0 @@
-include ../mixins.pug
-
-+header()
-  +navdrawer("navdrawer")
-    #horizontalLine
-    #verticalLineLeft
-    #verticalLineRight
-    .comparison
-      .render(style="min-width:640px")
-        .mdw-navdrawer#navdrawer
-          a.mdw-navdrawer__scrim(href="#")
-          .mdw-navdrawer__toolbar
-            +androidstatusbar('accent-700 dark')
-            .mdw-toolbar(mdw-theme-fill="accent-500 dark")
-              .mdw-toolbar__action
-                .mdw-toolbar__start
-                  .mdw-tooltip__wrapper
-                    a.mdw-tooltip__target.mdw-navdrawer__open.mdw-button(mdw-icon href="#navdrawer").material-icons menu
-                    a.mdw-tooltip__target.mdw-navdrawer__close.mdw-button(mdw-icon href="#").material-icons menu
-                    .mdw-tooltip Menu
-                .mdw-toolbar__title Nav Test
-                .mdw-toolbar__end
-                  .mdw-tooltip__wrapper
-                    .mdw-tooltip__target.mdw-button(mdw-icon mdw-more-button).material-icons more_vert
-                    .mdw-tooltip Options
-          .mdw-navdrawer__drawer
-            .mdw-navdrawer__account
-              .mdw-navdrawer__image
-                img(src="http://yesassets.okdk.co.uk/minititle/cache/minititle-5344-q90-h900-ml99-rz3-b75.jpg")
-              .mdw-navdrawer__avatars
-                .mdw-navdrawer__avatars-current
-                  .mdw-button(mdw-image)
-                    img(src="https://i.imgur.com/4YkReKZ.png")
-                .mdw-navdrawer__avatars-others
-                  .mdw-button(mdw-image)
-                    img(src="https://i.imgur.com/4YkReKZ.png")
-                  .mdw-button(mdw-image)
-                    img(src="https://i.imgur.com/4YkReKZ.png")
-              .mdw-button.mdw-navdrawer__subtitle
-                .mdw-navdrawer__name Johnathan Lee
-                .mdw-navdrawer__email heyfromjonathan@gmail.com
-            .mdw-list
-              .mdw-list__item(mdw-selected mdw-theme-color="accent-A400 light")
-                .mdw-list__icon.material-icons move_to_inbox
-                .mdw-list__text Inbox
-              .mdw-list__item(mdw-theme-color="primary-500 dark")
-                .mdw-list__icon.material-icons star
-                .mdw-list__text Starred
-              .mdw-list__item(mdw-theme-color="warn-500 dark")
-                .mdw-list__icon.material-icons send
-                .mdw-list__text Sent
-              .mdw-list__item
-                .mdw-list__icon.material-icons drafts
-                .mdw-list__text Drafts
-            .mdw-list__divider
-            .mdw-list
-              .mdw-list__subheader Subheader
-              .mdw-list__item
-                .mdw-list__icon.material-icons mail
-                .mdw-list__text All mail
-              .mdw-list__item
-                .mdw-list__icon.material-icons delete
-                .mdw-list__text Trash
-              .mdw-list__item
-                .mdw-list__icon.material-icons report
-                .mdw-list__text Spam
-          .mdw-navdrawer__content(style="padding:16px 8px;")
-            div
-              .mdw-type(mdw-style="subtitle") Style
-              div.display-flex(style="padding:16px")
-                label.mdw-selection(mdw-theme-color="accent-A700 dark")
-                  input.mdw-selection__input(type="radio" checked name="mdw-navdrawer__style" value="fullheight")
-                  .mdw-selection__icon
-                  .mdw-selection__label Full-height (Default)
-              div.display-flex(style="padding:16px")
-                label.mdw-selection(mdw-theme-color="accent-A700 dark")
-                  input.mdw-selection__input(type="radio" name="mdw-navdrawer__style" value="clipped")
-                  .mdw-selection__icon
-                  .mdw-selection__label Clipped
-              div.display-flex(style="padding:16px")
-                label.mdw-selection(mdw-theme-color="accent-A700 dark")
-                  input.mdw-selection__input(type="radio" name="mdw-navdrawer__style" value="modal")
-                  .mdw-selection__icon
-                  .mdw-selection__label Modal
-              div.display-flex(style="padding:16px")
-                label.mdw-selection(mdw-theme-color="accent-A700 dark")
-                  input.mdw-selection__input(type="radio" name="mdw-navdrawer__style" value="floating")
-                  .mdw-selection__icon
-                  .mdw-selection__label Floating (Deprecated)
-              div.display-flex(style="padding:16px")
-                label.mdw-selection(mdw-theme-color="accent-A700 dark")
-                  input.mdw-selection__input(type="radio" name="mdw-navdrawer__style" value="floatingcard")
-                  .mdw-selection__icon
-                  .mdw-selection__label Floating Card (Deprecated)
-              .mdw-type(mdw-style="subtitle") Toggle
-              div.display-flex(style="padding:16px")
-                label.mdw-selection(mdw-theme-color="accent-A700 dark")
-                  input.mdw-selection__input(type="radio" name="mdw-navdrawer__toggle" value="none" checked)
-                  .mdw-selection__icon
-                  .mdw-selection__label Permanent (Default)
-              div.display-flex(style="padding:16px")
-                label.mdw-selection(mdw-theme-color="accent-A700 dark")
-                  input.mdw-selection__input(type="radio" name="mdw-navdrawer__toggle" value="dismissible")
-                  .mdw-selection__icon
-                  .mdw-selection__label Dismissible
-              div.display-flex(style="padding:16px")
-                label.mdw-selection(mdw-theme-color="accent-A700 dark")
-                  input.mdw-selection__input(type="radio" name="mdw-navdrawer__toggle" value="mini")
-                  .mdw-selection__icon
-                  .mdw-selection__label Mini (Deprecated)
-        +androidnavbar
-      +target('https://storage.googleapis.com/material-design/publish/material_v_12/assets/0Bzhp5Z4wHba3eXV2RE1fQ0QtQzQ/patterns-navdrawer-metrics3.png')
-  script(src='navdrawer.min.js')

package/docs/src/components/progress.pug

@@ -1,17 +0,0 @@
-include ../mixins.pug
-
-+header()
-  +navdrawer("progress")
-    .comparison.clipped-300.js
-      .render.mdw-theme-progress
-        .content.display-flex
-          .flex-1.display-flex(flex-justify-content="center" flex-align-items="center")
-            .mdw-progress-circle(mdw-theme-color="primary")
-              svg(viewBox="0 0 24 24")
-                path(d="M12 3.25A8.75 8.75 0 1 1 3.25 12")
-                path(d="M12 3.25A8.75 8.75 0 1 1 3.25 12 A 8.75 8.75 0 0 1 12 3.25")
-            .mdw-progress-circle(mdw-theme-color="accent-A700" mdw-determinate)
-              svg(viewBox="0 0 24 24")
-                path(d="M12 3.25A8.75 8.75 0 1 1 3.25 12")
-                path(d="M12 3.25A8.75 8.75 0 1 1 3.25 12 A 8.75 8.75 0 0 1 12 3.25")
-  script(src='progress.min.js')