Getting Started
Resources to get you started, whether you’re a content publisher or developer.
Content Publishers
The Design System 3 is available as a theme for our new CMS, CloudCannon. In order to use it, you will need to have your website in CloudCannon. Once you request a website, eligibility for CloudCannon will be evaluated based on the following criteria:
- Need. Have you conducted discovery/research, performed a content audit, and developed a new information architecture? If so, does your new site differ enough to warrant a new site? See our Guide to Designing a University Website for reference.
- Traffic. How much traffic does your current website receive? Sites with higher traffic will be given priority over those with lower traffic.
- Activity. How well do you maintain relevant/fresh content? Sites with content that is updated regularly will be given priority over those with content updated less frequently.
- User Count. We have a limited number of seats during the initial CloudCannon rollout. Sites that one or two editors will be given priority over those with more editors.
- Age of Current Site. Sites that have older themes that require more resources to update and maintain will be given priority over newer sites that are easier to update and maintain.
Sites Not Currently Eligible for CloudCannon
- Student org websites. Student orgs should transition to the WVU Engage Platform. See the Student Org Websites FAQ for more info.
- Faculty websites. Due to the limited number of seats available during our initial rollout, faculty websites are not currently eligible.
- Recently launched websites. If your current CleanSlate was launched within the calendar year, your site is not eligible.
Prof. Techs
WVU Prof. Techs can develop their own custom themes and components for CloudCannon sites. In order to do this, you’ll need to:
- Install the latest version of Node.js.
- Install the latest release of both Go and Hugo. See Hugo’s documentation. Our CloudCannon themes are built with Hugo.
- Check out our CloudCannon Development Guide, as well as our developer resources.
- Request a new CloudCannon theme. When you submit a site development request say that you want your site to be in CloudCannon in the Additional Comments section.
Our team will set up a new repo for your site, configure the site in CloudCannon, and reach out to you for additional training.
Helpful Resources
Developers
If you are a CloudCannon developer, the WVU Design System is included in your theme files when you request a site. The following info is for reference, and can be used to build WVU-branded websites on other systems.
CDN Links
CSS:
<link rel="stylesheet" href="https://designsystem.wvu.edu/scss/site.min.css" type="text/css">
Javascript:
<script src="https://designsystem.wvu.edu/js/meom-wvu-site-navigation--custom.js></script>
<script src="https://designsystem.wvu.edu/js/js/bootstrap-alert--custom.js></script>
Bootstrap
The WVU Design System is built on Bootstrap 5 (Version 5.3). See Bootstrap’s documentation for more info.
Fonts
To use our fonts, you must include a link to our font kit before in the <head> of your HTML.
<link rel="stylesheet" href="https://use.typekit.net/yys7vri.css">
Icons
We use Font Awesome 7 Pro for our icons. You can include our icon kit by including the following code into the <head></head> of your HTML.
<link rel="stylesheet" href="https://kit.fontawesome.com/e18572e018.css" crossorigin="anonymous">
Hugo Module
The WVU Design System can also be imported as a Hugo module.