Skip to content

Commit 2613be8

Browse files
author
Blake Morgan
authored
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
1 parent eb73698 commit 2613be8

39 files changed

+4047
-8145
lines changed

‎CHANGELOG.md‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,10 @@
11
# byu-theme-components CHANGELOG
22

3-
## Breaking changes between 1.x.x and 2.x.x
3+
## 2.1.0
4+
5+
The design was enhanced to better match the styles of websites hosted in Brightspot.
6+
7+
## 2.0.0
48

59
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.
610

‎components/byu-footer-action-button/byu-footer-action-button.sass‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@
2020
\:host
2121
background-color: $royal
2222
font-family: $font-heading
23-
font-size: 13px
23+
font-size: 14px
2424
color: $white
2525
display: inline-block
2626
text-align: center

‎components/byu-footer-column/byu-footer-column-mixins.sass‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -2,29 +2,29 @@
22
font-family: $font-heading
33
text-transform: uppercase
44
color: $grey90
5-
font-size: $fontSize16
6-
line-height: $fontSize18
5+
font-size: 14px // Set px value to match BrightSpot
6+
line-height: $fontSize20
7+
letter-spacing: 1.5px
78
padding-bottom: $spacing3
89
font-weight: $font-weight-bold
910
width: 100%
1011
display: inline-block
11-
max-width: 230px
12+
margin-top: 0
1213

1314
=footerColumnHeader
1415
font-family: $font-heading
1516
text-transform: uppercase
16-
font-size: $fontSize14
17-
line-height: $fontSize32
17+
font-size: 14px // Set px value to match BrightSpot
18+
line-height: 24px // Set px value to match BrightSpot
1819
padding-bottom: $spacing1
1920
font-weight: $font-weight-semi-bold
2021
width: 100%
2122
display: inline-block
22-
max-width: 230px
2323

2424
=baseColumnContent
2525
font-family: $font-text
26-
font-size: $fontSize14
27-
line-height: $fontSize24
26+
font-size: 14px // Set px value to match BrightSpot
27+
line-height: 24px // Set px value to match BrightSpot
2828
font-weight: $font-weight-normal
2929
color: $grey90
3030
display: block
@@ -34,13 +34,13 @@
3434
text-decoration: none
3535
outline: none
3636
color: $royal
37-
font-size: $fontSize14
38-
height: $fontSize18
39-
margin: 0 0 $spacing4
37+
font-size: 14px // Set px value to match BrightSpot
38+
line-height: $fontSize24
39+
padding: 5px 0
4040

4141
=columnContentNotLink
4242
text-decoration: none
4343
outline: none
44-
font-size: $fontSize14
44+
font-size: 14px // Set px value to match BrightSpot
4545
min-height: $fontSize24
46-
line-height: $fontSize32
46+
line-height: 24px // Set px value to match BrightSpot

‎components/byu-footer-column/byu-footer-column.sass‎

Lines changed: 0 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,6 @@
2323

2424
@media (max-width: $breakMdLg)
2525
.column-title
26-
font-size: $fontSize12
2726
padding-bottom: $spacing0
2827

2928
slot[name="header"]
@@ -64,15 +63,6 @@
6463
.content > a:hover
6564
color: $navy
6665

67-
@media (max-width: $breakMdLg)
68-
.content
69-
\::slotted(:not(byu-footer-action-button))
70-
font-size: $fontSize12
71-
72-
slot[name="header"] ::slotted(*)
73-
font-size: $fontSize12
74-
max-width: 230px
75-
7666
.footerActionButton
7767
background-color: $royal
7868
font-size: $fontSize12

‎components/byu-footer/byu-footer-fouc.sass‎

Lines changed: 23 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -16,17 +16,22 @@
1616
1717
byu-footer:not(.byu-component-rendered)
1818
display: grid
19-
grid-template: 1fr 70px / auto repeat(4, 256px) auto
19+
grid-template: 1fr 82px / auto repeat(4, 300px) auto
2020
background-color: #fff
21+
padding-top: 60px
22+
23+
@media (max-width: $breakMdSm)
24+
padding-top: 30px
2125

2226
&::before
2327
grid-area: 2/1/3/7
2428
content: ""
2529
color: #fff
30+
// TODO: Get SVG redesigned to match BrightSpot footer
2631
background: url(https://cdn.byu.edu/product-logos/latest/staging/footer-logo-full.svg) 0 0 no-repeat
2732
position: relative
2833
z-index: 100
29-
width: 345px
34+
width: 450px
3035
height: 29px
3136
margin: auto auto
3237

@@ -40,17 +45,21 @@ byu-footer:not(.byu-component-rendered)
4045

4146
byu-footer-column *
4247
display: block
43-
font-size: 12.5px
44-
font-family: "Public Sans", "Noto Sans", "Open Sans", Helvetica, Arial, sans-serif
48+
font-size: 14px
49+
font-family: $font-text
4550
margin: 0 0 13px 0
4651

4752
byu-footer-column
48-
margin: 32px 8px 52px
49-
padding: 0 20px
53+
margin: 0 40px 40px 0
54+
min-width: 270px
5055

5156
&:nth-child(1)
5257
grid-area: 1/2/2/3
5358

59+
@media (max-width: 1300px)
60+
padding-left: 70px
61+
margin-left: 0
62+
5463
&:nth-child(2)
5564
grid-area: 1/3/2/4
5665

@@ -70,17 +79,19 @@ byu-footer:not(.byu-component-rendered)
7079

7180
*[slot="header"]
7281
color: #141414
73-
font-family: "HCo Ringside Narrow SSm", "Noto Sans", "Open Sans", Helvetica, Arial, sans-serif
82+
font-family: $font-heading
7483
text-transform: uppercase
84+
letter-spacing: 1.5px
7585
font-weight: 700
7686
font-size: 14px
7787
padding: 0 0 10px
78-
margin: 12px 0
88+
margin-top: 0
89+
margin-bottom: 12px
7990

8091
byu-footer-action-button a
8192
color: #fff !important
8293
background-color: #0062b8
83-
font-family: "HCo Ringside Narrow SSm", "Noto Sans", "Open Sans", Helvetica, Arial, sans-serif
94+
font-family: $font-heading
8495
font-weight: 500 !important
8596
display: inline-block
8697
padding: 10px 20px
@@ -147,6 +158,8 @@ byu-footer:not(.byu-component-rendered)
147158

148159
&:nth-child(1)
149160
grid-area: 1/2/2/3
161+
padding-left: 0
162+
margin-left: 12px
150163

151164
&:nth-child(2)
152165
grid-area: 1/3/2/4
@@ -160,20 +173,13 @@ byu-footer:not(.byu-component-rendered)
160173
margin-bottom: 50px
161174

162175
*[slot="header"]
163-
font-size: 10.5px
164176
margin: 0
165177

166-
p, a
167-
font-size: 10.5px
168-
169-
p
170-
line-height: 18px
171-
172178
byu-footer-action-button a
173179
font-size: 11px
174180
padding: 7px 23px
175181

176-
@media( max-width: $breakMdSm )
182+
@media( max-width: $breakMd )
177183
grid-template: repeat(4, min-content) 76px / auto 100% auto
178184

179185
&::before

‎components/byu-footer/byu-footer.js‎

Lines changed: 66 additions & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -39,59 +39,74 @@ export class BYUFooter extends LitElement {
3939
</div>
4040
</div>
4141
<div class="university-footer">
42-
<div class="university-logo-wrapper">
43-
<a href="https://home.byu.edu/home/" target="_blank">
44-
<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"
45-
viewBox="0 0 389.8 14" style="enable-background:new 0 0 389.8 14;" xml:space="preserve">
46-
<style type="text/css">
47-
.st0{fill:#FFFFFF;}
48-
</style>
49-
<g>
50-
<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
51-
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
52-
c1,0,1.6-0.5,1.6-1.4V9.4c0-0.9-0.6-1.4-1.7-1.4H2.8V11.4z"/>
53-
<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
54-
M20.6,6.6H23c1.4,0,2-0.6,2-1.6V4.2c0-1-0.6-1.6-2-1.6h-2.4V6.6z"/>
55-
<path class="st0" d="M38.6,0.3v13.4h-2.9V0.3H38.6z"/>
56-
<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
57-
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
58-
C55.2,0,57,1.7,57,4.4z"/>
59-
<path class="st0" d="M68,0.3v5.3h4.7V0.3h2.9v13.4h-2.9V8.2H68v5.5h-2.9V0.3H68z"/>
60-
<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"/>
61-
<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"/>
62-
<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"/>
63-
<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
64-
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
65-
C154.3,2.5,153.3,3.4,153.3,5.6z"/>
66-
<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
67-
c-3.5,0-5.2-1.9-5.2-5.2V0.3H172.1z"/>
68-
<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"/>
69-
<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
70-
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
71-
C214.8,0,216.6,1.7,216.6,4.4z"/>
72-
<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
73-
c-3.5,0-5.2-1.9-5.2-5.2V0.3H236.2z"/>
74-
<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"/>
75-
<path class="st0" d="M273.5,0.3v13.4h-2.9V0.3H273.5z"/>
76-
<path class="st0" d="M284,0.3l2.9,9.5h0l2.9-9.5h3l-4.5,13.5h-2.9l-4.5-13.5H284z"/>
77-
<path class="st0" d="M309.1,0.3v2.5h-6.3v3h4.9v2.3h-4.9v3.2h6.4v2.5h-9.2V0.3H309.1z"/>
78-
<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
79-
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"/>
80-
<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
81-
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
82-
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"/>
83-
<path class="st0" d="M354.5,0.3v13.4h-2.9V0.3H354.5z"/>
84-
<path class="st0" d="M372,0.3v2.5h-3.8v10.9h-2.9V2.8h-3.8V0.3H372z"/>
85-
<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"/>
86-
</g>
42+
<div class="university-footer-gte-1440">
43+
<div class="university-logo-wrapper">
44+
<a href="https://home.byu.edu/home/" target="_blank">
45+
<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"
46+
viewBox="0 0 389.8 14" style="enable-background:new 0 0 389.8 14;" xml:space="preserve">
47+
<style type="text/css">
48+
.st0{fill:#FFFFFF;}
49+
</style>
50+
<g>
51+
<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
52+
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
53+
c1,0,1.6-0.5,1.6-1.4V9.4c0-0.9-0.6-1.4-1.7-1.4H2.8V11.4z"/>
54+
<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
55+
M20.6,6.6H23c1.4,0,2-0.6,2-1.6V4.2c0-1-0.6-1.6-2-1.6h-2.4V6.6z"/>
56+
<path class="st0" d="M38.6,0.3v13.4h-2.9V0.3H38.6z"/>
57+
<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
58+
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
59+
C55.2,0,57,1.7,57,4.4z"/>
60+
<path class="st0" d="M68,0.3v5.3h4.7V0.3h2.9v13.4h-2.9V8.2H68v5.5h-2.9V0.3H68z"/>
61+
<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"/>
62+
<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"/>
63+
<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"/>
64+
<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
65+
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
66+
C154.3,2.5,153.3,3.4,153.3,5.6z"/>
67+
<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
68+
c-3.5,0-5.2-1.9-5.2-5.2V0.3H172.1z"/>
69+
<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"/>
70+
<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
71+
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
72+
C214.8,0,216.6,1.7,216.6,4.4z"/>
73+
<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
74+
c-3.5,0-5.2-1.9-5.2-5.2V0.3H236.2z"/>
75+
<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"/>
76+
<path class="st0" d="M273.5,0.3v13.4h-2.9V0.3H273.5z"/>
77+
<path class="st0" d="M284,0.3l2.9,9.5h0l2.9-9.5h3l-4.5,13.5h-2.9l-4.5-13.5H284z"/>
78+
<path class="st0" d="M309.1,0.3v2.5h-6.3v3h4.9v2.3h-4.9v3.2h6.4v2.5h-9.2V0.3H309.1z"/>
79+
<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
80+
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"/>
81+
<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
82+
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
83+
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"/>
84+
<path class="st0" d="M354.5,0.3v13.4h-2.9V0.3H354.5z"/>
85+
<path class="st0" d="M372,0.3v2.5h-3.8v10.9h-2.9V2.8h-3.8V0.3H372z"/>
86+
<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"/>
87+
</g>
8788
</svg>
88-
</a>
89+
</a>
90+
<div class="university-info">
91+
<span class="info-text">Provo, UT 84602, USA</span>
92+
<span class="info-text"><a class="contact-phone" href="tel:18014224636">801-422-4636</a></span>
93+
<span class="info-text">${date.getFullYear()} &copy;<span id="currentYear"></span> All Rights Reserved</span>
94+
</div>
95+
</div>
8996
</div>
90-
<div class="university-info">
91-
<span class="info-text">Provo, UT 84602, USA</span>
92-
<span class="info-text"><a class="contact-phone" href="tel:18014224636">801-422-4636</a></span>
93-
<span class="info-text">${date.getFullYear()} &copy;<span id="currentYear"></span> All Rights Reserved</span>
94-
97+
<div class="university-footer-lt-1440">
98+
<a class="byu-link" href="https://byu.edu">
99+
<svg class="byu-link-img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 139.7 40.3">
100+
<g fill="#FFF">
101+
<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"/>
102+
</g>
103+
</svg>
104+
</a>
105+
<div class="university-info">
106+
<span class="info-text">Provo, UT 84602, USA</span>
107+
<span class="info-text"><a class="contact-phone" href="tel:18014224636">801-422-4636</a></span>
108+
<span class="info-text">${date.getFullYear()} &copy;<span id="currentYear"></span> All Rights Reserved</span>
109+
</div>
95110
</div>
96111
</div>
97112
`;

0 commit comments

Comments
 (0)