Design System

Usage

• Purpose — The hero image is decorative and gives Gleeson Library a sense of place.
• Layout — The full-width display of the hero image is controlled by the LIVE Homepage Template.
• Image Source — The hero image is identified in the CSS rather than the HTML. Any changes to the hero image must be done in the gleeson-libguides.css file.

Editing/Updating the Component

Always use a code editor to edit the HTML. Always paste your edits into the HTML Source box.

1. Test Your Edits on the Staging Homepage — Use the staging version of our homepage to make sure your edits will display properly.
   • Group: Staging
   • Guide name: Gleeson Library | Geschke Center — STAGING
   • Admin URL: https://usfca.libapps.com/libguides/admin_c.php?g=1275885&p=9361103
   • Public URL: https://library.usfca.edu/staging
   • Public access: Only LibGuides account holders can access the staging version of the homepage
2. Publish Your Edits on the Live Homepage — Once you have thoroughly tested your edits on the staging homepage, publish your edits on the live homepage.
   • Group: Homepage
   • Guide name: Gleeson Library | Geschke Center
   • Admin URL: https://usfca.libapps.com/libguides/admin_c.php?g=1246496&p=9121669
   • Public URL: https://library.usfca.edu/
   • Public access: Everyone can access the homepage.