Match Brightspot (#474)

* Update blue header styles. * Update menu styles with JS. * Update menu styles FOUC. * Update search placeholder and icon. * Get rid of 'x' in search input. * Fix search input size * Adjust search FOUC * Adjust search requires JS text. * Adjust blue footer with JS and FOUC (as best I can). * Adjust white footer with four columns (no FOUC). * Adjust white footer FOUC. * Footer tablet fix * Adjust footer column layout. * Fix columns in white fouc * Search placement tablet/small screen * Mobile menu display * Mobile search display * Mobile menu button display * More random tweaks * Adjust tablet and mobile university footer view. * Fix spacing on mobile menu * Fix mobile menu shadow * Update dependencies and rollup. * Add license * Fixes #468 * Small fixes * Update docs with test page. * Add missing !important * Final tweaks
byuweb · Jul 28, 2020 · 2613be8 · 2613be8
1 parent eb73698
commit 2613be8
Show file tree

Hide file tree

Showing 39 changed files with 4,047 additions and 8,145 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,6 +1,10 @@
 # byu-theme-components CHANGELOG
 
-## Breaking changes between 1.x.x and 2.x.x
+## 2.1.0
+
+The design was enhanced to better match the styles of websites hosted in Brightspot. 
+
+## 2.0.0
 
 In addition to a new design to match the design of sites hosted with BYU websites, the have been some minor tweaks to the theme components API. According to the [Semantic Versioning specification](https://semver.org/), these changes constitute a new major release. We have documented the breaking changes below so you know what you'll need to tweak to get the components working on your site. If you aren't using these changed feature listed belows, then no changes need to be made to use v2 of the BYU theme components.
 

diff --git a/components/byu-footer-action-button/byu-footer-action-button.sass b/components/byu-footer-action-button/byu-footer-action-button.sass
@@ -20,7 +20,7 @@
 \:host
   background-color: $royal
   font-family: $font-heading
-  font-size: 13px
+  font-size: 14px
   color: $white
   display: inline-block
   text-align: center

diff --git a/components/byu-footer-column/byu-footer-column-mixins.sass b/components/byu-footer-column/byu-footer-column-mixins.sass
@@ -2,29 +2,29 @@
   font-family: $font-heading
   text-transform: uppercase
   color: $grey90
-  font-size: $fontSize16
-  line-height: $fontSize18
+  font-size: 14px // Set px value to match BrightSpot
+  line-height: $fontSize20
+  letter-spacing: 1.5px
   padding-bottom: $spacing3
   font-weight: $font-weight-bold
   width: 100%
   display: inline-block
-  max-width: 230px
+  margin-top: 0
 
 =footerColumnHeader
   font-family: $font-heading
   text-transform: uppercase
-  font-size: $fontSize14
-  line-height: $fontSize32
+  font-size: 14px // Set px value to match BrightSpot
+  line-height: 24px // Set px value to match BrightSpot
   padding-bottom: $spacing1
   font-weight: $font-weight-semi-bold
   width: 100%
   display: inline-block
-  max-width: 230px
 
 =baseColumnContent
   font-family: $font-text
-  font-size: $fontSize14
-  line-height: $fontSize24
+  font-size: 14px // Set px value to match BrightSpot
+  line-height: 24px // Set px value to match BrightSpot
   font-weight: $font-weight-normal
   color: $grey90
   display: block
@@ -34,13 +34,13 @@
   text-decoration: none
   outline: none
   color: $royal
-  font-size: $fontSize14
-  height: $fontSize18
-  margin: 0 0 $spacing4
+  font-size: 14px // Set px value to match BrightSpot
+  line-height: $fontSize24
+  padding: 5px 0
 
 =columnContentNotLink
   text-decoration: none
   outline: none
-  font-size: $fontSize14
+  font-size: 14px // Set px value to match BrightSpot
   min-height: $fontSize24
-  line-height: $fontSize32
+  line-height: 24px // Set px value to match BrightSpot
diff --git a/components/byu-footer-column/byu-footer-column.sass b/components/byu-footer-column/byu-footer-column.sass
@@ -23,7 +23,6 @@
 
   @media (max-width: $breakMdLg)
     .column-title
-      font-size: $fontSize12
       padding-bottom: $spacing0
 
   slot[name="header"]
@@ -64,15 +63,6 @@
   .content > a:hover
     color: $navy
 
-  @media (max-width: $breakMdLg)
-    .content
-      \::slotted(:not(byu-footer-action-button))
-        font-size: $fontSize12
-
-    slot[name="header"] ::slotted(*)
-      font-size: $fontSize12
-      max-width: 230px
-
   .footerActionButton
     background-color: $royal
     font-size: $fontSize12

diff --git a/components/byu-footer/byu-footer-fouc.sass b/components/byu-footer/byu-footer-fouc.sass
@@ -16,17 +16,22 @@
 
 byu-footer:not(.byu-component-rendered)
   display: grid
-  grid-template: 1fr 70px / auto repeat(4, 256px) auto
+  grid-template: 1fr 82px / auto repeat(4, 300px) auto
   background-color: #fff
+  padding-top: 60px
+
+  @media (max-width: $breakMdSm)
+    padding-top: 30px
 
   &::before
     grid-area: 2/1/3/7
     content: ""
     color: #fff
+    // TODO: Get SVG redesigned to match BrightSpot footer
     background: url(https://cdn.byu.edu/product-logos/latest/staging/footer-logo-full.svg) 0 0 no-repeat
     position: relative
     z-index: 100
-    width: 345px
+    width: 450px
     height: 29px
     margin: auto auto
 
@@ -40,17 +45,21 @@ byu-footer:not(.byu-component-rendered)
 
   byu-footer-column *
     display: block
-    font-size: 12.5px
-    font-family: "Public Sans", "Noto Sans", "Open Sans", Helvetica, Arial, sans-serif
+    font-size: 14px
+    font-family: $font-text
     margin: 0 0 13px 0
 
   byu-footer-column
-    margin: 32px 8px 52px
-    padding: 0 20px
+    margin: 0 40px 40px 0
+    min-width: 270px
 
     &:nth-child(1)
       grid-area: 1/2/2/3
 
+      @media (max-width: 1300px)
+        padding-left: 70px
+        margin-left: 0
+
     &:nth-child(2)
       grid-area: 1/3/2/4
 
@@ -70,17 +79,19 @@ byu-footer:not(.byu-component-rendered)
 
     *[slot="header"]
       color: #141414
-      font-family: "HCo Ringside Narrow SSm", "Noto Sans", "Open Sans", Helvetica, Arial, sans-serif
+      font-family: $font-heading
       text-transform: uppercase
+      letter-spacing: 1.5px
       font-weight: 700
       font-size: 14px
       padding: 0 0 10px
-      margin: 12px 0
+      margin-top: 0
+      margin-bottom: 12px
 
     byu-footer-action-button a
       color: #fff !important
       background-color: #0062b8
-      font-family: "HCo Ringside Narrow SSm", "Noto Sans", "Open Sans", Helvetica, Arial, sans-serif
+      font-family: $font-heading
       font-weight: 500 !important
       display: inline-block
       padding: 10px 20px
@@ -147,6 +158,8 @@ byu-footer:not(.byu-component-rendered)
 
       &:nth-child(1)
         grid-area: 1/2/2/3
+        padding-left: 0
+        margin-left: 12px
 
       &:nth-child(2)
         grid-area: 1/3/2/4
@@ -160,20 +173,13 @@ byu-footer:not(.byu-component-rendered)
         margin-bottom: 50px
 
       *[slot="header"]
-        font-size: 10.5px
         margin: 0
 
-      p, a
-        font-size: 10.5px
-
-      p
-        line-height: 18px
-
       byu-footer-action-button a
         font-size: 11px
         padding: 7px 23px
 
-  @media( max-width: $breakMdSm )
+  @media( max-width: $breakMd )
     grid-template: repeat(4, min-content) 76px / auto 100% auto
 
     &::before

diff --git a/components/byu-footer/byu-footer.js b/components/byu-footer/byu-footer.js
@@ -39,59 +39,74 @@ export class BYUFooter extends LitElement {
         </div>
     </div>
     <div class="university-footer">
-        <div class="university-logo-wrapper">
-            <a href="https://home.byu.edu/home/" target="_blank">
-                <svg class="university-logo" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-                        viewBox="0 0 389.8 14" style="enable-background:new 0 0 389.8 14;" xml:space="preserve">
-                    <style type="text/css">
-                        .st0{fill:#FFFFFF;}
-                    </style>
-                    <g>
-                        <path class="st0" d="M5.9,0.3c2.5,0,3.9,1.2,3.9,3.2v0.6c0,1.6-0.8,2.4-2.2,2.8v0.1C9.1,7.3,10,8.2,10,9.7v0.7
-                            c0,2.1-1.4,3.3-3.9,3.3H0V0.3H5.9z M2.8,5.9h2.6c1,0,1.6-0.5,1.6-1.4V3.9c0-0.8-0.6-1.3-1.6-1.3H2.8V5.9z M2.8,11.4h2.8
-                            c1,0,1.6-0.5,1.6-1.4V9.4c0-0.9-0.6-1.4-1.7-1.4H2.8V11.4z"/>
-                        <path class="st0" d="M20.6,13.7h-2.9V0.3h5.8c2.8,0,4.3,1.4,4.3,3.7v1c0,1.7-0.9,2.9-2.4,3.4l2.9,5.2h-3.1l-2.6-4.9h-1.9V13.7z
-                            M20.6,6.6H23c1.4,0,2-0.6,2-1.6V4.2c0-1-0.6-1.6-2-1.6h-2.4V6.6z"/>
-                        <path class="st0" d="M38.6,0.3v13.4h-2.9V0.3H38.6z"/>
-                        <path class="st0" d="M57,4.4v0.5h-2.8V4.7c0-1.4-0.7-2.2-2.3-2.2c-1.7,0-2.7,1.2-2.7,3.1v3c0,1.9,1,3.1,2.6,3.1
-                            c1.5,0,2.5-1,2.5-2.4V8.6h-2.4v-2h5.2v7.1h-1.3l-0.4-2c-0.7,1.2-1.8,2.3-4,2.3c-3,0-5-2.1-5-5.4v-3c0-3.3,2.1-5.5,5.6-5.5
-                            C55.2,0,57,1.7,57,4.4z"/>
-                        <path class="st0" d="M68,0.3v5.3h4.7V0.3h2.9v13.4h-2.9V8.2H68v5.5h-2.9V0.3H68z"/>
-                        <path class="st0" d="M91.2,11.2h-4.8l-0.8,2.5h-2.8l4.4-13.5h3.3l4.4,13.5h-3L91.2,11.2z M87.1,8.9h3.4l-1.7-5.5h0L87.1,8.9z"/>
-                        <path class="st0" d="M106.2,0.3l3.1,9.2h0l3-9.2h4.1v13.4h-2.7V3.6h0l-3.3,10.1h-2.2l-3.4-10.1h0v10.1h-2.6V0.3H106.2z"/>
-                        <path class="st0" d="M135.3,0.3l2.8,5.7l2.8-5.7h3.1l-4.4,8.3v5.1h-2.9V8.6l-4.4-8.3H135.3z"/>
-                        <path class="st0" d="M161.6,5.7v2.6c0,3.7-2.2,5.7-5.6,5.7c-3.5,0-5.6-1.9-5.6-5.7V5.7c0-3.7,2.2-5.7,5.6-5.7
-                            C159.4,0,161.6,1.9,161.6,5.7z M153.3,5.6v2.8c0,2.2,1,3.1,2.7,3.1c1.7,0,2.7-1,2.7-3.1V5.6c0-2.2-1-3.1-2.7-3.1
-                            C154.3,2.5,153.3,3.4,153.3,5.6z"/>
-                        <path class="st0" d="M172.1,0.3v8.6c0,1.7,0.8,2.6,2.4,2.6s2.4-0.9,2.4-2.6V0.3h2.8v8.5c0,3.3-1.7,5.2-5.2,5.2
-                            c-3.5,0-5.2-1.9-5.2-5.2V0.3H172.1z"/>
-                        <path class="st0" d="M190.4,0.3l5.1,8.6h0l0-8.6h2.6v13.4h-2.8L190.1,5h0l0,8.7h-2.6V0.3H190.4z"/>
-                        <path class="st0" d="M216.6,4.4v0.5h-2.8V4.7c0-1.4-0.7-2.2-2.3-2.2c-1.7,0-2.7,1.2-2.7,3.1v3c0,1.9,1,3.1,2.6,3.1
-                            c1.5,0,2.5-1,2.5-2.4V8.6h-2.4v-2h5.2v7.1h-1.3l-0.4-2c-0.7,1.2-1.8,2.3-4,2.3c-3,0-5-2.1-5-5.4v-3c0-3.3,2.1-5.5,5.6-5.5
-                            C214.8,0,216.6,1.7,216.6,4.4z"/>
-                        <path class="st0" d="M236.2,0.3v8.6c0,1.7,0.8,2.6,2.4,2.6c1.5,0,2.4-0.9,2.4-2.6V0.3h2.8v8.5c0,3.3-1.7,5.2-5.2,5.2
-                            c-3.5,0-5.2-1.9-5.2-5.2V0.3H236.2z"/>
-                        <path class="st0" d="M254.5,0.3l5.1,8.6h0l0-8.6h2.6v13.4h-2.8L254.2,5h0l0,8.7h-2.6V0.3H254.5z"/>
-                        <path class="st0" d="M273.5,0.3v13.4h-2.9V0.3H273.5z"/>
-                        <path class="st0" d="M284,0.3l2.9,9.5h0l2.9-9.5h3l-4.5,13.5h-2.9l-4.5-13.5H284z"/>
-                        <path class="st0" d="M309.1,0.3v2.5h-6.3v3h4.9v2.3h-4.9v3.2h6.4v2.5h-9.2V0.3H309.1z"/>
-                        <path class="st0" d="M319.1,13.7h-2.9V0.3h5.8c2.8,0,4.3,1.4,4.3,3.7v1c0,1.7-0.9,2.9-2.4,3.4l2.9,5.2h-3.1l-2.6-4.9h-1.9V13.7z
-                            M319.1,6.6h2.3c1.4,0,2.1-0.6,2.1-1.6V4.2c0-1-0.6-1.6-2-1.6h-2.4V6.6z"/>
-                        <path class="st0" d="M343.8,4.1v0.4h-2.9V4.2c0-1-0.7-1.8-2.3-1.8c-1.3,0-2,0.6-2,1.4c0,1,0.7,1.3,2.9,2c3.4,0.9,4.4,1.9,4.4,4.1
-                            c0,2.5-2.1,4-5.2,4c-3.6,0-5.2-1.6-5.2-4.1V9.2h2.9v0.4c0,1.2,0.8,2,2.5,2c1.4,0,2.2-0.5,2.2-1.5c0-1.1-0.5-1.3-3-2.1
-                            c-3.2-0.8-4.3-1.8-4.3-4.1c0-2.3,1.9-3.9,5-3.9C342.2,0.1,343.8,1.7,343.8,4.1z"/>
-                        <path class="st0" d="M354.5,0.3v13.4h-2.9V0.3H354.5z"/>
-                        <path class="st0" d="M372,0.3v2.5h-3.8v10.9h-2.9V2.8h-3.8V0.3H372z"/>
-                        <path class="st0" d="M381.2,0.3L384,6l2.8-5.7h3.1l-4.4,8.3v5.1h-2.9V8.6l-4.4-8.3H381.2z"/>
-                    </g>
+        <div class="university-footer-gte-1440">
+            <div class="university-logo-wrapper">
+                <a href="https://home.byu.edu/home/" target="_blank">
+                    <svg class="university-logo" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+                            viewBox="0 0 389.8 14" style="enable-background:new 0 0 389.8 14;" xml:space="preserve">
+                        <style type="text/css">
+                            .st0{fill:#FFFFFF;}
+                        </style>
+                        <g>
+                            <path class="st0" d="M5.9,0.3c2.5,0,3.9,1.2,3.9,3.2v0.6c0,1.6-0.8,2.4-2.2,2.8v0.1C9.1,7.3,10,8.2,10,9.7v0.7
+                                c0,2.1-1.4,3.3-3.9,3.3H0V0.3H5.9z M2.8,5.9h2.6c1,0,1.6-0.5,1.6-1.4V3.9c0-0.8-0.6-1.3-1.6-1.3H2.8V5.9z M2.8,11.4h2.8
+                                c1,0,1.6-0.5,1.6-1.4V9.4c0-0.9-0.6-1.4-1.7-1.4H2.8V11.4z"/>
+                            <path class="st0" d="M20.6,13.7h-2.9V0.3h5.8c2.8,0,4.3,1.4,4.3,3.7v1c0,1.7-0.9,2.9-2.4,3.4l2.9,5.2h-3.1l-2.6-4.9h-1.9V13.7z
+                                M20.6,6.6H23c1.4,0,2-0.6,2-1.6V4.2c0-1-0.6-1.6-2-1.6h-2.4V6.6z"/>
+                            <path class="st0" d="M38.6,0.3v13.4h-2.9V0.3H38.6z"/>
+                            <path class="st0" d="M57,4.4v0.5h-2.8V4.7c0-1.4-0.7-2.2-2.3-2.2c-1.7,0-2.7,1.2-2.7,3.1v3c0,1.9,1,3.1,2.6,3.1
+                                c1.5,0,2.5-1,2.5-2.4V8.6h-2.4v-2h5.2v7.1h-1.3l-0.4-2c-0.7,1.2-1.8,2.3-4,2.3c-3,0-5-2.1-5-5.4v-3c0-3.3,2.1-5.5,5.6-5.5
+                                C55.2,0,57,1.7,57,4.4z"/>
+                            <path class="st0" d="M68,0.3v5.3h4.7V0.3h2.9v13.4h-2.9V8.2H68v5.5h-2.9V0.3H68z"/>
+                            <path class="st0" d="M91.2,11.2h-4.8l-0.8,2.5h-2.8l4.4-13.5h3.3l4.4,13.5h-3L91.2,11.2z M87.1,8.9h3.4l-1.7-5.5h0L87.1,8.9z"/>
+                            <path class="st0" d="M106.2,0.3l3.1,9.2h0l3-9.2h4.1v13.4h-2.7V3.6h0l-3.3,10.1h-2.2l-3.4-10.1h0v10.1h-2.6V0.3H106.2z"/>
+                            <path class="st0" d="M135.3,0.3l2.8,5.7l2.8-5.7h3.1l-4.4,8.3v5.1h-2.9V8.6l-4.4-8.3H135.3z"/>
+                            <path class="st0" d="M161.6,5.7v2.6c0,3.7-2.2,5.7-5.6,5.7c-3.5,0-5.6-1.9-5.6-5.7V5.7c0-3.7,2.2-5.7,5.6-5.7
+                                C159.4,0,161.6,1.9,161.6,5.7z M153.3,5.6v2.8c0,2.2,1,3.1,2.7,3.1c1.7,0,2.7-1,2.7-3.1V5.6c0-2.2-1-3.1-2.7-3.1
+                                C154.3,2.5,153.3,3.4,153.3,5.6z"/>
+                            <path class="st0" d="M172.1,0.3v8.6c0,1.7,0.8,2.6,2.4,2.6s2.4-0.9,2.4-2.6V0.3h2.8v8.5c0,3.3-1.7,5.2-5.2,5.2
+                                c-3.5,0-5.2-1.9-5.2-5.2V0.3H172.1z"/>
+                            <path class="st0" d="M190.4,0.3l5.1,8.6h0l0-8.6h2.6v13.4h-2.8L190.1,5h0l0,8.7h-2.6V0.3H190.4z"/>
+                            <path class="st0" d="M216.6,4.4v0.5h-2.8V4.7c0-1.4-0.7-2.2-2.3-2.2c-1.7,0-2.7,1.2-2.7,3.1v3c0,1.9,1,3.1,2.6,3.1
+                                c1.5,0,2.5-1,2.5-2.4V8.6h-2.4v-2h5.2v7.1h-1.3l-0.4-2c-0.7,1.2-1.8,2.3-4,2.3c-3,0-5-2.1-5-5.4v-3c0-3.3,2.1-5.5,5.6-5.5
+                                C214.8,0,216.6,1.7,216.6,4.4z"/>
+                            <path class="st0" d="M236.2,0.3v8.6c0,1.7,0.8,2.6,2.4,2.6c1.5,0,2.4-0.9,2.4-2.6V0.3h2.8v8.5c0,3.3-1.7,5.2-5.2,5.2
+                                c-3.5,0-5.2-1.9-5.2-5.2V0.3H236.2z"/>
+                            <path class="st0" d="M254.5,0.3l5.1,8.6h0l0-8.6h2.6v13.4h-2.8L254.2,5h0l0,8.7h-2.6V0.3H254.5z"/>
+                            <path class="st0" d="M273.5,0.3v13.4h-2.9V0.3H273.5z"/>
+                            <path class="st0" d="M284,0.3l2.9,9.5h0l2.9-9.5h3l-4.5,13.5h-2.9l-4.5-13.5H284z"/>
+                            <path class="st0" d="M309.1,0.3v2.5h-6.3v3h4.9v2.3h-4.9v3.2h6.4v2.5h-9.2V0.3H309.1z"/>
+                            <path class="st0" d="M319.1,13.7h-2.9V0.3h5.8c2.8,0,4.3,1.4,4.3,3.7v1c0,1.7-0.9,2.9-2.4,3.4l2.9,5.2h-3.1l-2.6-4.9h-1.9V13.7z
+                                M319.1,6.6h2.3c1.4,0,2.1-0.6,2.1-1.6V4.2c0-1-0.6-1.6-2-1.6h-2.4V6.6z"/>
+                            <path class="st0" d="M343.8,4.1v0.4h-2.9V4.2c0-1-0.7-1.8-2.3-1.8c-1.3,0-2,0.6-2,1.4c0,1,0.7,1.3,2.9,2c3.4,0.9,4.4,1.9,4.4,4.1
+                                c0,2.5-2.1,4-5.2,4c-3.6,0-5.2-1.6-5.2-4.1V9.2h2.9v0.4c0,1.2,0.8,2,2.5,2c1.4,0,2.2-0.5,2.2-1.5c0-1.1-0.5-1.3-3-2.1
+                                c-3.2-0.8-4.3-1.8-4.3-4.1c0-2.3,1.9-3.9,5-3.9C342.2,0.1,343.8,1.7,343.8,4.1z"/>
+                            <path class="st0" d="M354.5,0.3v13.4h-2.9V0.3H354.5z"/>
+                            <path class="st0" d="M372,0.3v2.5h-3.8v10.9h-2.9V2.8h-3.8V0.3H372z"/>
+                            <path class="st0" d="M381.2,0.3L384,6l2.8-5.7h3.1l-4.4,8.3v5.1h-2.9V8.6l-4.4-8.3H381.2z"/>
+                        </g>
                     </svg>
-            </a>
+                </a>
+                <div class="university-info">
+                    <span class="info-text">Provo, UT 84602, USA</span>
+                    <span class="info-text"><a class="contact-phone" href="tel:18014224636">801-422-4636</a></span>
+                    <span class="info-text">${date.getFullYear()} &copy;<span id="currentYear"></span> All Rights Reserved</span>
+                </div>
+            </div>
         </div>
-        <div class="university-info">
-            <span class="info-text">Provo, UT 84602, USA</span>
-            <span class="info-text"><a class="contact-phone" href="tel:18014224636">801-422-4636</a></span>
-            <span class="info-text">${date.getFullYear()} &copy;<span id="currentYear"></span> All Rights Reserved</span>
-            
+        <div class="university-footer-lt-1440">
+            <a class="byu-link" href="https://byu.edu">
+                <svg class="byu-link-img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 139.7 40.3">
+                    <g fill="#FFF">
+                        <path d="M16.6 16.1V9.4c0-.5-.1-.9-.1-.9s.5.1.9.1h5c3.8 0 6.1.6 6.1 4.1 0 2.3-1.4 4.3-5.9 4.3h-6v-.9zm0 15.3v-7.7c0-.5-.1-.9-.1-.9s.5.1.9.1h4.3c3.4 0 7.5 0 7.5 4.7 0 3.5-3 4.7-7 4.7h-4.8c-.5 0-.9.1-.9.1s.1-.5.1-1zM4.4 4.5v32.1c0 1 .1 1.4-.7 1.9-.7.4-1.4.5-2.6.7-.1 0-.1.5 0 .5h26c11 0 15.6-4.3 15.6-11.1 0-5-2.3-8.1-7-9.2-.1 0-.1-.1 0-.1 2.9-.9 5.7-3.1 5.7-8.3 0-7.1-4.8-9.5-15.2-9.5h-25c-.2-.1-.2.3-.1.4 1.2.2 1.9.3 2.6.7.8.5.7.8.7 1.9zM135.3 4.5c0-1-.1-1.4.7-1.9.7-.4 1.5-.5 2.7-.7.1 0 .1-.5 0-.5h-19.2c-.1 0-.1.4 0 .5 1.2.2 1.8.3 2.5.7.7.5.7.8.7 1.9v19.3c0 4.4-2.5 7.8-7.5 7.8s-7.5-3.4-7.5-7.8V4.5c0-1-.1-1.4.7-1.9.7-.4 1.3-.6 2.5-.7.1 0 .1-.5 0-.5H92.8c-.1 0-.1.5 0 .5.7 0 1.1.1 1.5.4.6.5.7 1.1.7 2.2v19c0 9.1 5 16.9 20.2 16.9s20.2-7.8 20.2-16.9v-19zM77.3 39.7c.1 0 .1-.4 0-.5-1.2-.2-1.9-.3-2.7-.7-.7-.5-.7-.8-.7-1.9V24.4L87.2 4.7c.7-1.1 1.2-1.6 1.8-2.1.1-.1.3-.2.5-.3.5-.3.7-.4 1.4-.4.1 0 .2-.5 0-.5H73c-.1 0-.1.5 0 .5.9 0 1.9 0 1.8 1.3-.1 1.2-5.3 8.7-7.1 11.5-.3.4-.5.8-.6 1.3-.1-.5-.4-1-.6-1.3-2.6-3.8-6.9-10-7.1-11.5-.1-1.3.9-1.3 1.8-1.3.1 0 .2-.5 0-.5H42.4c-.1 0-.1.4 0 .5.8.1 1.2 0 2.2.5.1.1.4.2.5.3.6.5 1 1 1.7 2L60 24.3v12.3c0 1 .1 1.4-.7 1.9-.7.4-1.5.5-2.7.7-.1 0-.1.5 0 .5h20.7z"/>
+                    </g>
+                </svg>
+            </a>
+            <div class="university-info">
+                <span class="info-text">Provo, UT 84602, USA</span>
+                <span class="info-text"><a class="contact-phone" href="tel:18014224636">801-422-4636</a></span>
+                <span class="info-text">${date.getFullYear()} &copy;<span id="currentYear"></span> All Rights Reserved</span>
+            </div>
         </div>
     </div>
     `;