4-elements edit

lists  edit


List examples
Unordered, ordered, and definition lists
H5 - Unordered List
  • Click Insert/edit image (Insert/edit image button) on the tool bar.
  • List with two texts in p tags. The academic advising system distinguishes W&M as a university that values high-quality faculty/student interaction. Meetings and consultations with faculty advisors are key features of the program preparation and educational development of students.

    The academic advising system distinguishes W&M as a university that values high-quality faculty/student interaction. Meetings and consultations with faculty advisors are key features of the program preparation and educational development of students.

  • List with nested list
    • Nested list
    • Slideshow
    • YouTube
  • Related Links

P between lists. The academic advising system distinguishes W&M as a university that values high-quality faculty/student interaction. Meetings and consultations with faculty advisors are key features of the program preparation and educational development of students.

  • List between paragraphs
  • two
  • three

P under list. The academic advising system distinguishes W&M as a university that values high-quality faculty/student interaction. Meetings and consultations with faculty advisors are key features of the program preparation and educational development of students.

H6 - Ordered List
  1. Ordered list
  2. Click Insert/edit image (Insert/edit image button) on the tool bar.
  3. Widget
    1. Image
    2. Slideshow
    3. YouTube
  4. Listbox
    1. Announcements
    2. Feeds (Events & Twitter)
    3. Stories
    4. Custom
  5. Related Links
H6 - Definition List

Paragraph tag. Meetings and consultations with faculty advisors are key features of the program preparation and educational development of students.

Definition Term
Click Insert/edit image (Insert/edit image button) on the tool bar.
Definition Term with P

List with long text. The academic advising system distinguishes W&M as a university that values high-quality faculty/student interaction. Meetings and consultations with faculty advisors are key features of the program preparation and educational development of students.

Definition Term with nested UL
  • Nested list
  • Feeds (Events & Twitter)
  • Stories
  • Custom
H5 - Example from prod

Paragraph tag. Meetings and consultations with faculty advisors are key features of the program preparation and educational development of students.

  • The Emergency Management Team (EMT) and William & Mary Police have the lead on all crisis communications involving campus public safety. The EMT has an established emergency communication protocol for immediate public safety incidents and imminent or pending threats such as weather events and/or university closures.
  • When considering non-imminent public safety communications and statements, members of the Executive Leadership Team (ELT) are empowered by the president to reflect the university's view through statements on current events and messages to the community on issues that fall within their domain. Members of the ELT will consider the facts of the specific incident and consult as necessary with members of the campus community. Decisions will be guided by these considerations:
    • Direct impact. ELT will assess the extent to which an incident directly impacts members of the campus community and if so, the scale of the impact.
    • Indirect impact. ELT will assess the extent to which an incident indirectly impacts members of the campus community and if so, the scale of the impact. This could include anything from proximity to W&M, demographics of individuals involved or some other factor that has impacted members of campus.
    • Appropriate responder/platform. If a response is warranted, the ELT will recommend whether the situation warrants a presidential statement, campus message or a response from another member of university leadership.
    • Platforms to be considered (one or all may be used):
Copy
Edit
<hr> <h5>List examples</h5> <strong>Unordered, ordered, and definition lists</strong> <h5>H5 - Unordered List</h5> <ul> <li>Click Insert/edit image (<img alt="Insert/edit image button" src="<?php echo $asset_url; ?>/offices/webanddesign/web/cascade/help/_images/wysiwyg-image-button.png">) on the tool bar.</li> <li> <p>List with two texts in p tags. The academic advising system distinguishes W&M as a university that values high-quality faculty/student interaction. Meetings and consultations with faculty advisors are key features of the program preparation and educational development of students.</p> <p>The academic advising system distinguishes W&M as a university that values high-quality faculty/student interaction. Meetings and consultations with faculty advisors are key features of the program preparation and educational development of students.</p> </li> <li>List with nested list <ul> <li>Nested list</li> <li>Slideshow</li> <li>YouTube</li> </ul> </li> <li>Related Links</li> </ul> <p>P between lists. The academic advising system distinguishes W&M as a university that values high-quality faculty/student interaction. Meetings and consultations with faculty advisors are key features of the program preparation and educational development of students.</p> <ul> <li>List between paragraphs</li> <li>two</li> <li>three</li> </ul> <p>P under list. The academic advising system distinguishes W&M as a university that values high-quality faculty/student interaction. Meetings and consultations with faculty advisors are key features of the program preparation and educational development of students.</p> <h6>H6 - Ordered List</h6> <ol> <li>Ordered list</li> <li>Click Insert/edit image (<img alt="Insert/edit image button" src="<?php echo $asset_url; ?>/offices/webanddesign/web/cascade/help/_images/wysiwyg-image-button.png">) on the tool bar.</li> <li>Widget <ol> <li>Image</li> <li>Slideshow</li> <li>YouTube</li> </ol> </li> <li>Listbox <ol> <li>Announcements</li> <li>Feeds (Events &amp; Twitter)</li> <li>Stories</li> <li>Custom</li> </ol> </li> <li>Related Links</li> </ol> <h6>H6 - Definition List</h6> <p>Paragraph tag. Meetings and consultations with faculty advisors are key features of the program preparation and educational development of students.</p> <dl> <dt>Definition Term</dt> <dd>Click Insert/edit image (<img alt="Insert/edit image button" src="<?php echo $asset_url; ?>/offices/webanddesign/web/cascade/help/_images/wysiwyg-image-button.png">) on the tool bar.</dd> <dt>Definition Term with P</dt> <dd> <p>List with long text. The academic advising system distinguishes W&M as a university that values high-quality faculty/student interaction. Meetings and consultations with faculty advisors are key features of the program preparation and educational development of students.</p> </dd> <dt>Definition Term with nested UL</dt> <dd> <ul> <li>Nested list</li> <li>Feeds (Events &amp; Twitter)</li> <li>Stories</li> <li>Custom</li> </ul> </dd> </dl> <h5>H5 - Example <a href="https://www.wm.edu/about/administration/president/about/leadership-communications/index.php" target="_blank">from prod</a></h5> <p>Paragraph tag. Meetings and consultations with faculty advisors are key features of the program preparation and educational development of students.</p> <ul> <li>The Emergency Management Team (EMT) and William &amp; Mary Police have the lead on all crisis communications involving campus public safety. The EMT has an established emergency communication protocol for immediate public safety incidents and imminent or pending threats such as weather events and/or university closures.</li> <li>When considering non-imminent public safety communications and statements, members of the Executive Leadership Team (ELT) are empowered by the president to reflect the university's view through statements on current events and messages to the community on issues that fall within their domain. Members of the ELT will consider the facts of the specific incident and consult as necessary with members of the campus community. Decisions will be guided by these considerations: <ul> <li><strong>Direct impact.</strong> ELT will assess the extent to which an incident directly impacts members of the campus community and if so, the scale of the impact.</li> <li><strong>Indirect impact.</strong> ELT will assess the extent to which an incident indirectly impacts members of the campus community and if so, the scale of the impact. This could include anything from proximity to W&amp;M, demographics of individuals involved or some other factor that has impacted members of campus.</li> <li><strong>Appropriate responder/platform.</strong> If a response is warranted, the ELT will recommend whether the situation warrants a presidential statement, campus message or a response from another member of university leadership.</li> <li><strong>Platforms to be considered (one or all may be used):</strong> <ul> <li>Campus email message.</li> <li>Statement posted to the W&amp;M website: <a href="/news/announcements/index.php">https://www.wm.edu/news/announcements/longurlinlist.php</a> </li> <li>Statement distributed to media.</li> <li>Statement shared on W&amp;M social media sites.</li> </ul> </li> </ul> </li> </ul> <!-- components/4-elements/lists.php -->
Copy
Copy
Edit
/* scss/4-elements/_lists.scss */