Theme Assets
In order to maintain consistency across all sites, the Web Theme makes use of common asset files. These shared assets provide a common foundation on which to build.
CSS & JavaScript
Global CSS
- Link: https://conductor.nd.edu/stylesheets/themes/ndt/3.0/ndt.css
- Usage: Include in head of document before any other stylesheets.
<link rel="stylesheet" href="https://conductor.nd.edu/stylesheets/themes/ndt/3.0/ndt.css">
Global JavaScript
- Link: https://conductor.nd.edu/javascripts/themes/ndt/3.0/ndt.js
- Usage: Place toward end of the document, right before the closing body tag.
<script src="https://conductor.nd.edu/javascripts/themes/ndt/3.0/ndt.js"></script>
Site JavaScript
- Source: https://github.com/ndwebgroup/ndt3-html/blob/master/javascripts/site.js
- Usage: Unlike the Global JavaScript file, this file is meant to be copied and modified for each specific site. It includes code responsible for loading the NDT Icon set, but can be extended or modified as needed.
<script src="/path/to/site.js"></script>
Icon Set
- Link: https://static.nd.edu/images/icons/base-v1.svg
- Usage Must be inlined within the document to be accessible. This is done by default by the Web Theme’s site.js.
Academic Marks
Header
- Link: https://static.nd.edu/images/marks/gold-white/ndmark.svg
- Usage: Header, Tablet and Desktop
Mobile Wordmark
On mobile, a wordmark is used in the header in place of the full academic mark.
- Link: https://static.nd.edu/images/brandbar/dept-nd-white.svg
- Usage: Header, Mobile
Footer
- Link: https://static.nd.edu/images/marks/white/ndmark.svg
- Usage: Footer, Screen
A grayscale academic mark is used for printing.
- Link: https://static.nd.edu/images/marks/gray/ndmark.svg
- Usage: Footer, Print
Favicons
- Location: https://static.nd.edu/images/monogram/gold/
- File Names: monogram-{size}.png
- Available Sizes: 16, 32, 96
- Example: https://static.nd.edu/images/monogram/gold/monogram-32.png
Webclips
- Location: https://static.nd.edu/images/webclips/default/
- File Names: webclip-{size}.png
- Available Sizes: 76, 114, 120, 144, 152, 180, 192, 256, 512
- Example: https://static.nd.edu/images/webclips/default/webclip-57.png