<commit_before>---
layout: my-uw-template
title: MyUW App Style Guide
slug: my-uw
---
<p class="lead">Your content in the new MyUW is called an app. The following are the styles for apps. This page is a work in progress. These styles are all namespaced under the class 'my-uw', which affects the content of MyUW. It does not affect the sidebar, top header, or footer of MyUW.</p>
<p class="lead">You can view current apps in the new MyUW by <a href="https://my.wisc.edu/portal/Login?profile=bucky" target="blank">logging in with your NetID</a>.</p>
<div>

<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="quickaccess" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    Quick Access
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" aria-labelledby="quickaccess">
    <li class='dropdown-header'>Application Configuration</li>
    <li><a href="#app-structure">App Structure</a></li>
    <li><a href="#text-guidelines">Text Guidelines</a></li>
    <li><a href="#coarse-grain-access">Coarse Grain Access</a></li>
    <li><a href="#app-examples">App Examples</a></li>
    <li class="dropdown-header">Components</li>
    <li><a href="#typography">Typography</a></li>
    <li><a href="#widgets">Widgets</a></li>
    <li><a href="#links">Links</a></li>
    <li><a href="#buttons">Buttons</a></li>
    <li><a href="#tables">Tables</a></li>
  </ul>
</div>

  <div class="page-header">
    <h2 id='app-structure'>App Structure</h2>
  </div>
  <p>Apps should be structured the same way for consistency and improved usability. Below is the basic app framework that all apps should use. Each app should have an app header which contains the title and optionally a cover image and description, and an app body, which contains the main content and an optional navigation if necessary.</p>
  {% highlight html %}
  <div class="portlet-frame">
    <div class="portlet-header">
      <!-- Optional Cover Image --><commit_msg>target=_blank rather than just blank.<commit_after>---
layout: my-uw-template
title: MyUW App Style Guide
slug: my-uw
---
<p class="lead">Your content in the new MyUW is called an app. The following are the styles for apps. This page is a work in progress. These styles are all namespaced under the class 'my-uw', which affects the content of MyUW. It does not affect the sidebar, top header, or footer of MyUW.</p>
<p class="lead">You can view current apps in the new MyUW by <a href="https://my.wisc.edu/portal/Login?profile=bucky" target="_blank">logging in with your NetID</a>.</p>
<div>

<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="quickaccess" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    Quick Access
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" aria-labelledby="quickaccess">
    <li class='dropdown-header'>Application Configuration</li>
    <li><a href="#app-structure">App Structure</a></li>
    <li><a href="#text-guidelines">Text Guidelines</a></li>
    <li><a href="#coarse-grain-access">Coarse Grain Access</a></li>
    <li><a href="#app-examples">App Examples</a></li>
    <li class="dropdown-header">Components</li>
    <li><a href="#typography">Typography</a></li>
    <li><a href="#widgets">Widgets</a></li>
    <li><a href="#links">Links</a></li>
    <li><a href="#buttons">Buttons</a></li>
    <li><a href="#tables">Tables</a></li>
  </ul>
</div>

  <div class="page-header">
    <h2 id='app-structure'>App Structure</h2>
  </div>
  <p>Apps should be structured the same way for consistency and improved usability. Below is the basic app framework that all apps should use. Each app should have an app header which contains the title and optionally a cover image and description, and an app body, which contains the main content and an optional navigation if necessary.</p>
  {% highlight html %}
  <div class="portlet-frame">
    <div class="portlet-header">
      <!-- Optional Cover Image -->
{'fraction_non_alphanumeric': 0.1612983770287141, 'fraction_numerical': 0.0009987515605493133, 'mean_word_length': 4.398921832884097, 'pattern_counts': {'":': 0, '<': 131, '<?xml version=': 0, '>': 131, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1402967', 'n_tokens_mistral': 1247, 'n_tokens_neox': 1213, 'n_words': 406}