@uoguelph/web-components 0.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -0
- package/dist/cjs/index-160752dd.js +1825 -0
- package/dist/cjs/index.cjs.js +2 -0
- package/dist/cjs/loader.cjs.js +22 -0
- package/dist/cjs/uofg-footer_3.cjs.entry.js +528 -0
- package/dist/cjs/uofg-web-components.cjs.js +26 -0
- package/dist/collection/collection-manifest.json +14 -0
- package/dist/collection/components/uofg-footer/footer-links.js +5 -0
- package/dist/collection/components/uofg-footer/improve-life.svg +4 -0
- package/dist/collection/components/uofg-footer/social-links.js +5 -0
- package/dist/collection/components/uofg-footer/uofg-footer.css +173 -0
- package/dist/collection/components/uofg-footer/uofg-footer.js +23 -0
- package/dist/collection/components/uofg-header/decoration.svg +1 -0
- package/dist/collection/components/uofg-header/global-links.js +2 -0
- package/dist/collection/components/uofg-header/hello-you.js +4 -0
- package/dist/collection/components/uofg-header/logo-full-size.svg +1 -0
- package/dist/collection/components/uofg-header/logo-reduced-size.svg +1 -0
- package/dist/collection/components/uofg-header/page-specific.js +15 -0
- package/dist/collection/components/uofg-header/search.js +4 -0
- package/dist/collection/components/uofg-header/single-sign-on.js +2 -0
- package/dist/collection/components/uofg-header/uofg-header.css +548 -0
- package/dist/collection/components/uofg-header/uofg-header.js +131 -0
- package/dist/collection/components/uofg-menu/uofg-menu.js +440 -0
- package/dist/collection/index.js +1 -0
- package/dist/collection/utils/feature-check.js +2 -0
- package/dist/collection/utils/font-awesome-icon.js +7 -0
- package/dist/components/index.d.ts +36 -0
- package/dist/components/index.js +4 -0
- package/dist/components/index2.js +82 -0
- package/dist/components/uofg-footer.d.ts +11 -0
- package/dist/components/uofg-footer.js +100 -0
- package/dist/components/uofg-header.d.ts +11 -0
- package/dist/components/uofg-header.js +156 -0
- package/dist/components/uofg-menu.d.ts +11 -0
- package/dist/components/uofg-menu.js +6 -0
- package/dist/components/uofg-menu2.js +264 -0
- package/dist/esm/index-48bb3110.js +1796 -0
- package/dist/esm/index.js +1 -0
- package/dist/esm/loader.js +18 -0
- package/dist/esm/polyfills/core-js.js +11 -0
- package/dist/esm/polyfills/css-shim.js +1 -0
- package/dist/esm/polyfills/dom.js +79 -0
- package/dist/esm/polyfills/es5-html-element.js +1 -0
- package/dist/esm/polyfills/index.js +34 -0
- package/dist/esm/polyfills/system.js +6 -0
- package/dist/esm/uofg-footer_3.entry.js +522 -0
- package/dist/esm/uofg-web-components.js +21 -0
- package/dist/index.cjs.js +1 -0
- package/dist/index.js +1 -0
- package/dist/loader/cdn.js +3 -0
- package/dist/loader/index.cjs.js +3 -0
- package/dist/loader/index.d.ts +21 -0
- package/dist/loader/index.es2017.js +3 -0
- package/dist/loader/index.js +4 -0
- package/dist/loader/package.json +11 -0
- package/dist/types/components/uofg-footer/footer-links.d.ts +2 -0
- package/dist/types/components/uofg-footer/social-links.d.ts +2 -0
- package/dist/types/components/uofg-footer/uofg-footer.d.ts +3 -0
- package/dist/types/components/uofg-header/global-links.d.ts +2 -0
- package/dist/types/components/uofg-header/hello-you.d.ts +6 -0
- package/dist/types/components/uofg-header/page-specific.d.ts +17 -0
- package/dist/types/components/uofg-header/search.d.ts +2 -0
- package/dist/types/components/uofg-header/single-sign-on.d.ts +2 -0
- package/dist/types/components/uofg-header/uofg-header.d.ts +19 -0
- package/dist/types/components/uofg-menu/uofg-menu.d.ts +67 -0
- package/dist/types/components.d.ts +132 -0
- package/dist/types/index.d.ts +1 -0
- package/dist/types/stencil-public-runtime.d.ts +1640 -0
- package/dist/types/utils/feature-check.d.ts +2 -0
- package/dist/types/utils/font-awesome-icon.d.ts +5 -0
- package/dist/uofg-web-components/index.esm.js +0 -0
- package/dist/uofg-web-components/p-24bd712c.entry.js +1 -0
- package/dist/uofg-web-components/p-b6a9700a.js +2 -0
- package/dist/uofg-web-components/uofg-web-components.css +1 -0
- package/dist/uofg-web-components/uofg-web-components.esm.js +1 -0
- package/package.json +51 -0
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
{
|
|
2
|
+
"entries": [
|
|
3
|
+
"./components/uofg-footer/uofg-footer.js",
|
|
4
|
+
"./components/uofg-header/uofg-header.js",
|
|
5
|
+
"./components/uofg-menu/uofg-menu.js"
|
|
6
|
+
],
|
|
7
|
+
"compiler": {
|
|
8
|
+
"name": "@stencil/core",
|
|
9
|
+
"version": "3.4.0",
|
|
10
|
+
"typescriptVersion": "5.0.4"
|
|
11
|
+
},
|
|
12
|
+
"collections": [],
|
|
13
|
+
"bundles": []
|
|
14
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { h } from '@stencil/core';
|
|
2
|
+
import { FontAwesomeIcon } from '../../utils/font-awesome-icon';
|
|
3
|
+
import { faBriefcase, faCalendarRange, faCircleCheck, faHandHoldingHeart, faKey, faList, faSitemap, faTrees, faUniversalAccess } from '@fortawesome/pro-solid-svg-icons';
|
|
4
|
+
const FooterLink = (props) => (h("li", null, h("a", { href: props.url, title: props.title }, h(FontAwesomeIcon, { icon: props.icon }), h("span", null, props.text))));
|
|
5
|
+
export const FooterLinks = () => (h("ul", { id: "uofg-footer-links", class: "uofg-footer-content-separator" }, h(FooterLink, { text: "Accessibility", url: "https://www.uoguelph.ca/diversity-human-rights/accessibility-u-g", icon: faUniversalAccess }), h(FooterLink, { text: "Privacy", url: "https://www.uoguelph.ca/web/privacy/", icon: faKey }), h(FooterLink, { text: "Site Map", url: "https://www.uoguelph.ca/site-map/", icon: faSitemap }), h(FooterLink, { text: "Status Page", url: "https://uoguelph.statuspage.io/", icon: faCircleCheck }), h(FooterLink, { text: "Land Acknowledgement", url: "https://www.uoguelph.ca/land-acknowledgement/", icon: faTrees, title: "The University of Guelph resides on the treaty lands and territory of the Mississaugas of the Credit. We recognize that today this gathering place is home to many First Nations, Inuit and M\u00E9tis peoples and acknowledging them reminds us of our collective responsibility to the land where we learn and work." }), h(FooterLink, { text: "Careers", url: "https://www.uoguelph.ca/hr/careers-guelph/current-opportunities", icon: faBriefcase }), h(FooterLink, { text: "Undergraduate Calendar", url: "https://www.uoguelph.ca/registrar/calendars/undergraduate/current/", icon: faCalendarRange }), h(FooterLink, { text: "Graduate Calendar", url: "https://www.uoguelph.ca/registrar/calendars/graduate/current/", icon: faCalendarRange }), h(FooterLink, { text: "Program Plans", url: "https://admission.uoguelph.ca/programs", icon: faList }), h(FooterLink, { text: "Give to U of G", url: "https://www.alumni.uoguelph.ca/give-to-guelph/how-to-give", icon: faHandHoldingHeart })));
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" fill="#fff" viewBox="0 0 107.4 12">
|
|
2
|
+
<path
|
|
3
|
+
d="M0 0h5.3v.5C4 .5 3.6.8 3.6 2.1v7.3c0 1.4.3 1.8 1.6 1.8v.5H0v-.5c1.5 0 1.5-.5 1.5-1.6V1.9C1.5.9 1.3.5 0 .5ZM6.1 11.4c.9 0 1.1-.2 1.2-1.4l.3-5.1c.1-1.2-.1-1.4-.9-1.4v-.4h2.6l3 6.5 2.8-6.5h2.6v.4c-.8 0-.9.2-.9.8l.5 6.3c.1.7.3.8 1.1.8v.4h-4v-.4c1.1 0 1.3-.3 1.2-1.8l-.4-5.1-3.2 7.3h-.5L8.4 4.7l-.3 5.1c-.1 1.5.2 1.5 1.1 1.6v.4H6.1ZM19.2 11.4c1 0 1.2-.2 1.2-1.5v-5c0-1.4-.2-1.5-1.3-1.5v-.3h1.4a14.4 14.4 0 0 1 1.8-.1c2.6 0 4.1.6 4.1 2.5 0 1.6-1.4 2.8-3.3 2.8a3.8 3.8 0 0 1-1.1-.1v1.9c0 1.1.3 1.3 1.6 1.3v.4h-4.3v-.4Zm2.7-3.7.6.1a2.2 2.2 0 0 0 2.2-2.3 2 2 0 0 0-2.1-2.1h-.7ZM29.7 10c0 1.2.2 1.4 1.4 1.4v.4h-4.3v-.4c1.2 0 1.3-.3 1.3-1.2V4.6c0-.9-.2-1.1-1.3-1.1v-.4l2-.1h1.7c2.8 0 3.8 1.2 3.8 2.5a2.5 2.5 0 0 1-1.8 2.3 9.4 9.4 0 0 1 1 1l.9.9a5.4 5.4 0 0 0 3.3 1.9v.4c-2.7.1-3.4-.4-4.7-1.7l-.7-.7a8 8 0 0 0-1.5-1.3h-1.2V10Zm0-2.2h.4c1.9-.1 2.5-.8 2.5-2.2a2 2 0 0 0-2.3-2.2 1.7 1.7 0 0 0-.7.1v4.3ZM42.4 2.9c3 0 5.1 1.8 5.1 4.4a4.8 4.8 0 0 1-5.1 4.7c-2.9 0-5-1.8-5-4.3-.1-2.8 2.1-4.8 5-4.8Zm.2 8.6c1.9 0 3.2-1.6 3.2-3.9 0-2.5-1.5-4.3-3.5-4.3S39 4.8 39 7.3c0 2.8 1.8 4.2 3.6 4.2ZM49 4.5c-.4-1-.5-1.1-1.4-1.1v-.3h4.3v.4c-1.1 0-1.3.3-1.3.6a3 3 0 0 0 .2.8l2.1 5.2 2-4.9a4.5 4.5 0 0 0 .3-1.1c0-.5-.4-.6-1.3-.6v-.4h3.4v.4c-1 0-1.2.5-1.6 1.6L52.8 12H52ZM57.7 11.8v-.4c1.1 0 1.4-.2 1.4-1v-6c0-.9-.5-.9-1.4-.9v-.4h7.1l.1 2.1h-.4l-.1-.3c-.3-1.1-.5-1.2-1.4-1.2h-2.5V7h2.2c.8 0 1-.1 1-1.1h.4v2.8h-.4c-.1-1-.3-1.1-1-1.1h-2.2v2.5c0 .9.1 1 .8 1H63c1.4 0 1.7-.2 2.1-1.6h.4l-.2 2.2h-7.6ZM72.2 11.8v-.5c1.5 0 1.8-.1 1.8-1.6V2.1C74 .8 73.9.4 72.2.5V0h6.2v.5c-2 0-2.3.1-2.3 1.5v8c0 .8.2.9 1 .9H79c1.6 0 1.7-.1 3.1-2h.6l-1.5 2.9ZM83.2 3.1h3.9v.4c-.9 0-1.2.2-1.2 1.2v5.4c0 1 .2 1.3 1.2 1.3v.4h-3.9v-.4c1.1 0 1.1-.4 1.1-1.2V4.5c0-.8-.2-1.1-1.1-1ZM90.7 10c0 1.1.2 1.3 1.2 1.3v.4H88v-.4c.9 0 1.1-.3 1.1-1.1V4.5c0-.8-.3-1-1.1-1v-.4h6.6v1.7h-.4c-.1-.9-.3-1.1-1.4-1.1h-2.2v3.1h2.2c.9 0 1-.1 1.1-.9h.4v2.6H94c-.1-.9-.3-1-1.2-1h-2.1ZM95.3 11.8v-.4c1.1 0 1.4-.2 1.4-1v-6c0-.9-.5-.9-1.4-.9v-.4h7.1l.1 2.1h-.4l-.1-.3c-.3-1.1-.5-1.2-1.4-1.2h-2.5V7h2.2c.8 0 1-.1 1-1.1h.4v2.8h-.4c-.1-1-.3-1.1-1-1.1h-2.2v2.5c0 .9.1 1 .8 1h1.5c1.4 0 1.7-.2 2.1-1.6h.4l-.2 2.2h-7.4ZM107.4 10.9c0 .7-.5 1.1-1.3 1.1s-1.3-.4-1.3-1.1a1.2 1.2 0 0 1 1.3-1.2 1.2 1.2 0 0 1 1.3 1.2Z"/>
|
|
4
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { h } from '@stencil/core';
|
|
2
|
+
import { FontAwesomeIcon } from '../../utils/font-awesome-icon';
|
|
3
|
+
import { faFacebookSquare, faInstagram, faLinkedin, faTiktok, faTwitterSquare, faYoutube } from '@fortawesome/free-brands-svg-icons';
|
|
4
|
+
const SocialLink = (props) => (h("li", null, h("a", { href: props.url, "aria-label": props.name }, h(FontAwesomeIcon, { icon: props.icon }))));
|
|
5
|
+
export const SocialLinks = () => (h("ul", { id: "uofg-footer-social-links" }, h(SocialLink, { name: "Twitter", url: "https://twitter.com/uofg", icon: faTwitterSquare }), h(SocialLink, { name: "Facebook", url: "https://www.facebook.com/uofguelph", icon: faFacebookSquare }), h(SocialLink, { name: "Instagram", url: "https://www.instagram.com/uofguelph/", icon: faInstagram }), h(SocialLink, { name: "Youtube", url: "https://www.youtube.com/user/uofguelph", icon: faYoutube }), h(SocialLink, { name: "LinkedIn", url: "https://www.linkedin.com/school/university-of-guelph/", icon: faLinkedin }), h(SocialLink, { name: "TikTok", url: "https://www.tiktok.com/@uofguelph", icon: faTiktok })));
|
|
@@ -0,0 +1,173 @@
|
|
|
1
|
+
:host {
|
|
2
|
+
display: block;
|
|
3
|
+
width: 100%;
|
|
4
|
+
font-size: 1.6rem;
|
|
5
|
+
font-family: sans-serif;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
* {
|
|
9
|
+
box-sizing: border-box;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
:focus-visible {
|
|
13
|
+
outline: 2px solid #ffc72a;
|
|
14
|
+
outline-offset: 0.5rem;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
a {
|
|
18
|
+
display: flex;
|
|
19
|
+
align-items: center;
|
|
20
|
+
gap: 0.5rem;
|
|
21
|
+
border-bottom: 2px dotted transparent;
|
|
22
|
+
transition-property: border-color;
|
|
23
|
+
width: fit-content;
|
|
24
|
+
color: inherit;
|
|
25
|
+
transition-duration: 200ms;
|
|
26
|
+
transition-timing-function: ease-in-out;
|
|
27
|
+
text-decoration: none;
|
|
28
|
+
white-space: nowrap;
|
|
29
|
+
padding-bottom: 0.2rem;
|
|
30
|
+
}
|
|
31
|
+
a:hover, a:focus {
|
|
32
|
+
border-color: currentColor;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
svg {
|
|
36
|
+
fill: currentColor;
|
|
37
|
+
height: 1.6rem;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
ul {
|
|
41
|
+
list-style: none;
|
|
42
|
+
padding: 0;
|
|
43
|
+
margin: unset;
|
|
44
|
+
}
|
|
45
|
+
ul li {
|
|
46
|
+
display: contents;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
#uofg-footer {
|
|
50
|
+
display: flex;
|
|
51
|
+
justify-content: center;
|
|
52
|
+
align-items: center;
|
|
53
|
+
background-color: #000;
|
|
54
|
+
color: #fff;
|
|
55
|
+
padding: 2rem;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
#uofg-footer-content {
|
|
59
|
+
display: grid;
|
|
60
|
+
grid-template-columns: 1fr;
|
|
61
|
+
gap: 2rem;
|
|
62
|
+
width: 100%;
|
|
63
|
+
max-width: 1370px;
|
|
64
|
+
}
|
|
65
|
+
@media (min-width: 570px) {
|
|
66
|
+
#uofg-footer-content {
|
|
67
|
+
grid-template-columns: 1fr 1fr;
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
@media (min-width: 962px) {
|
|
71
|
+
#uofg-footer-content {
|
|
72
|
+
grid-template-columns: 0.5fr 2fr 0.5fr;
|
|
73
|
+
justify-items: center;
|
|
74
|
+
gap: 2rem 4.75vw;
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.uofg-footer-content-separator {
|
|
79
|
+
display: flex;
|
|
80
|
+
flex-direction: column;
|
|
81
|
+
gap: 0.75rem;
|
|
82
|
+
justify-content: space-between;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
#uofg-footer-improve-life {
|
|
86
|
+
transition-property: opacity;
|
|
87
|
+
border: 0;
|
|
88
|
+
}
|
|
89
|
+
#uofg-footer-improve-life > svg {
|
|
90
|
+
height: 2.5rem;
|
|
91
|
+
}
|
|
92
|
+
#uofg-footer-improve-life:hover, #uofg-footer-improve-life:focus {
|
|
93
|
+
opacity: 0.8;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
#uofg-footer-social-links {
|
|
97
|
+
display: flex;
|
|
98
|
+
align-items: center;
|
|
99
|
+
list-style: none;
|
|
100
|
+
padding: 0;
|
|
101
|
+
margin-left: 0;
|
|
102
|
+
gap: 0.75rem;
|
|
103
|
+
}
|
|
104
|
+
#uofg-footer-social-links a {
|
|
105
|
+
transition-property: color;
|
|
106
|
+
border: 0;
|
|
107
|
+
}
|
|
108
|
+
#uofg-footer-social-links a:hover, #uofg-footer-social-links a:focus {
|
|
109
|
+
color: #ffc72a;
|
|
110
|
+
}
|
|
111
|
+
#uofg-footer-social-links a:hover[aria-label=Twitter], #uofg-footer-social-links a:focus[aria-label=Twitter] {
|
|
112
|
+
color: #1da1f2;
|
|
113
|
+
}
|
|
114
|
+
#uofg-footer-social-links a:hover[aria-label=Facebook], #uofg-footer-social-links a:focus[aria-label=Facebook] {
|
|
115
|
+
color: #4267b2;
|
|
116
|
+
}
|
|
117
|
+
#uofg-footer-social-links a:hover[aria-label=Instagram], #uofg-footer-social-links a:focus[aria-label=Instagram] {
|
|
118
|
+
color: #e1306c;
|
|
119
|
+
}
|
|
120
|
+
#uofg-footer-social-links a:hover[aria-label=Youtube], #uofg-footer-social-links a:focus[aria-label=Youtube] {
|
|
121
|
+
color: #f00;
|
|
122
|
+
}
|
|
123
|
+
#uofg-footer-social-links a:hover[aria-label=LinkedIn], #uofg-footer-social-links a:focus[aria-label=LinkedIn] {
|
|
124
|
+
color: #0077b5;
|
|
125
|
+
}
|
|
126
|
+
#uofg-footer-social-links a:hover[aria-label=TikTok], #uofg-footer-social-links a:focus[aria-label=TikTok] {
|
|
127
|
+
color: #f00;
|
|
128
|
+
}
|
|
129
|
+
#uofg-footer-social-links svg {
|
|
130
|
+
height: 2rem;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
#uofg-footer-links {
|
|
134
|
+
display: grid;
|
|
135
|
+
grid-template-columns: 1fr;
|
|
136
|
+
}
|
|
137
|
+
#uofg-footer-links svg {
|
|
138
|
+
color: #ffc72a;
|
|
139
|
+
}
|
|
140
|
+
@media (min-width: 570px) {
|
|
141
|
+
#uofg-footer-links {
|
|
142
|
+
grid-template-columns: 1fr 1fr;
|
|
143
|
+
grid-column-start: 1;
|
|
144
|
+
grid-column-end: 3;
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
@media (min-width: 962px) {
|
|
148
|
+
#uofg-footer-links {
|
|
149
|
+
grid-row: unset;
|
|
150
|
+
grid-column: unset;
|
|
151
|
+
gap: 0.75rem 9.5vw;
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
#uofg-footer-address {
|
|
156
|
+
font-style: normal;
|
|
157
|
+
white-space: nowrap;
|
|
158
|
+
}
|
|
159
|
+
#uofg-footer-address a {
|
|
160
|
+
color: #69a3b9;
|
|
161
|
+
}
|
|
162
|
+
@media (min-width: 570px) {
|
|
163
|
+
#uofg-footer-address {
|
|
164
|
+
grid-row: 1;
|
|
165
|
+
grid-column: 2;
|
|
166
|
+
}
|
|
167
|
+
}
|
|
168
|
+
@media (min-width: 962px) {
|
|
169
|
+
#uofg-footer-address {
|
|
170
|
+
grid-row: unset;
|
|
171
|
+
grid-column: unset;
|
|
172
|
+
}
|
|
173
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { h } from '@stencil/core';
|
|
2
|
+
import { FontAwesomeIcon } from '../../utils/font-awesome-icon';
|
|
3
|
+
import { SocialLinks } from './social-links';
|
|
4
|
+
import { FooterLinks } from './footer-links';
|
|
5
|
+
import { faPhoneFlip } from '@fortawesome/pro-solid-svg-icons';
|
|
6
|
+
import improveLifeLogo from './improve-life.svg';
|
|
7
|
+
export class UofgFooter {
|
|
8
|
+
render() {
|
|
9
|
+
return (h("footer", { id: "uofg-footer" }, h("div", { id: "uofg-footer-content" }, h("div", { id: "uofg-footer-social", class: "uofg-footer-content-separator" }, h("a", { id: "uofg-footer-improve-life", href: "//www.uoguelph.ca/improve-life", "aria-label": "Improve Life", innerHTML: improveLifeLogo }), h(SocialLinks, null), h("a", { href: "https://www.uoguelph.ca/web/socialmedia/" }, "Social Media Directory"), h("a", { href: "//www.uoguelph.ca/web/" }, "\u00A9 ", new Date().getFullYear(), " University of Guelph")), h(FooterLinks, null), h("address", { id: "uofg-footer-address", class: "uofg-footer-content-separator" }, h("strong", null, "University of Guelph"), h("span", null, "50 Stone Road East,"), h("span", null, "Guelph, Ontario, Canada"), h("span", null, "N1G 2W1"), h("a", { href: "tel:1-519-824-4120" }, h(FontAwesomeIcon, { icon: faPhoneFlip }), h("span", null, "519-824-4120"))))));
|
|
10
|
+
}
|
|
11
|
+
static get is() { return "uofg-footer"; }
|
|
12
|
+
static get encapsulation() { return "shadow"; }
|
|
13
|
+
static get originalStyleUrls() {
|
|
14
|
+
return {
|
|
15
|
+
"$": ["uofg-footer.scss"]
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
static get styleUrls() {
|
|
19
|
+
return {
|
|
20
|
+
"$": ["uofg-footer.css"]
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 68 90" xmlns="http://www.w3.org/2000/svg"><path d="M23.131 0l44.847 90H0V0" fill="#d41728"/><path d="M23.131 0l16.03 32.044L55.1 0" fill="#ffc500"/></svg>
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { h } from '@stencil/core';
|
|
2
|
+
export const GlobalLinks = () => (h("ul", { class: "uofg-header-global-links" }, h("li", null, h("a", { href: "/new-header/about" }, "About")), h("li", null, h("a", { href: "/new-header/academics" }, "Academics")), h("li", null, h("a", { href: "/new-header/admissions" }, "Admissions")), h("li", null, h("a", { href: "/new-header/research" }, "Research")), h("li", null, h("a", { href: "/new-header/student-life" }, "Student Life"))));
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { h } from '@stencil/core';
|
|
2
|
+
import { FontAwesomeIcon } from '../../utils/font-awesome-icon';
|
|
3
|
+
import { faCaretDown } from '@fortawesome/pro-solid-svg-icons';
|
|
4
|
+
export const HelloYou = (props) => (h("uofg-menu", { class: "uofg-header-hello-you-menu", "auto-collapse": props.autoCollapse }, h("button", { slot: "button" }, h("span", null, "Hello, YOU!"), h(FontAwesomeIcon, { icon: faCaretDown })), h("ul", { slot: "content" }, h("li", null, h("a", { href: "/new-header/future-students" }, "Future Students")), h("li", null, h("a", { href: "/new-header/current-students" }, "Current Students")), h("li", null, h("a", { href: "/new-header/alumni-and-donors" }, "Alumni & Donors")), h("li", null, h("a", { href: "/new-header/staff-and-faculty" }, "Staff & Faculty")), h("li", null, h("a", { href: "/new-header/parents-and-visitors" }, "Parents & Visitors")), h("li", null, h("a", { href: "/new-header/employers-and-partners" }, "Employers & Partners")))));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 90"><path d="M0 0h150v90H0V0z"/><path fill="#fff" d="M116 25.5s-1.3-.4-1.3 2.6V39c0 1.7.4 2.6 1.7 2.6v.9h-5.6v-.9c0-.4 1.8 0 1.8-1.7V28.6c0-3-2.6-3-2.6-3s-.5-1 .8-1h5.2l.4.5-.4.4m-57.8 19l-6-15.5c-1.4-3.5-2.7-3.5-2.7-3.5s0-.8 1.3-.8h5.6l-.4.8c-.9 0-1.7.9-.9 3L58.6 39l3.5-8.6c.8-3 .4-3.9-1-4.3-1.2-.9-.3-1.3-.3-1.3h5.1v.8c-1.3 0-2.1 3.5-2.6 4.8L58.6 44l-.4.4m19 7c-.5.8-1 .8-2.2.8l-3 .4v-5.2h4.7s1.8 0 2.2 1.8c.4 1.7 1.7.4 1.3-.5l-.5-3H68.1c-1.7 0-.9.9-.9.9s2.2 0 2.2 3v10.8c0 1.7-1.3 1.7-1.7 2.2-.5.4 0 .4.4.4h12l.5-3.9s0-1.3-.9 0c-.8 1.3-.8 2.6-3.8 2.6s-4-.4-4-1.3v-6s.5-1 1.4-1H75s1.7.5 2.2 2.3l.4-.5V52l-.4-.5M91 24.7c1.7 0 3.4 1.7 3.4 3.9 0 2.5-3 4.3-4.7 4.3 0 0 2.1 1.3 4.7 5.6 2.6 3.9 5.2 4.7 7.8 5.2 1.3 0 3.4-.5 5.6-1.8 1.7-.8.4.5.4.5 0 .4-3 2.6-6.9 2.6-5.2 0-8.2-4-9.9-6.5l-3.5-4.8c-.8-.8-2.1-.4-2.1-.4v6.5s0 1.3 1.3 1.3c1.3.4.4.8.4.8H82v-.4c0-.4 1.7 0 1.7-1.7V28.6c.5-3-2.1-3.5-2.1-3.5l1.3-.4H91M89.2 26l-3.4.4v5.2l3 .4 2.2-.9.8-2.1c0-1.3-.8-2.6-2.6-3z"/><path fill="#fff" d="M109.1 24.7h-1.3l-3.9-.5c-3 0-5.6 2.6-5.6 4.8 0 2.6 1.7 4.3 4.8 4.7 2.5.9 4.3 1.3 4.3 4 0 2-2.2 3-4 3a5.9 5.9 0 01-4.7-3c-.8-1-.4-1.8-.4-1.8l-.9.4v3c-.4 1 2.2 3 5.7 3 4.3 0 6.9-2 6.9-6.4 0-3.5-4.4-4.3-5.7-4.3-1.2 0-3.4-1.3-3.4-3 0-1.8 2.2-2.6 3.4-2.6 1.8 0 2.6.4 3.5 1.3l.4 1.7h.9l-.4-2.6.4-1.7m9.5.4h10l1.6-.4.5.8V29c0 .4-.9.9-.9 0-.4-2.2-.8-2.6-2.6-2.6-.8 0-2.1 0-2.1.9v13c0 .8 1.7 1.2 2.1 1.2l-.4.9h-6s-.5-.9.4-.9c.8 0 1.3-1.3 1.3-1.7V27.3s.4-.9-.9-.9c-1.7 0-3-.4-3.4 2.6-.5.4-.9.9-.9 0v-3.5c-.4-.8 0-.8 1.3-.4M31 45.8h.8v3c-1.3 0-1.3-.8-1.3-1.3 0-.4-2.1.5-3.8 2.2-1.8 1.3-2.2 3-2.2 3s2.2 0 2.6-.8l.4.4v3l-.8.5s.8-2.2-1.3-2.2H24s-.9 4.3-3.5 6.9c-2.6 2.6-6 3.5-8.2 1.7v-.8l2.6.8c1.7 0 3.9-.8 5.2-3.4l2.1-5.2h-.8v-.9h1.3s.4-2.1 2.6-3.9c1.7-1.3 3.4-2.5 5.6-3m16.8 0v6l-.9.5s-.8-3.9-3.4-4.3c-2.2-.5-5.6-.5-7 1.3a12.4 12.4 0 00-2.5 8.2c0 4.7.9 9.5 7.3 9.5 3.5 0 3.5-3 3.5-2.6v-4.8c0-.4-1.3-1.3-2.6-1.3l.4-.8h7.8v.8s-2.2.5-2.2 1.8v6l-4.7 2.2c-2.2 1.3-1.7 1.3-3.9 1.3S32.3 68.3 31 64c-1.3-4.4-1.3-10 2.1-14.7 2.2-3 5.2-4 8.7-4l3.9.5 1.7-.4.4.4m2.6 0H56v.9s-1.7.4-1.7 1.3v10.3c0 2.2 2.1 3.5 3.9 3.5 1.3 0 4.7-1.3 4.7-4.3V48c0-.5-.4-1.3-2.1-1.3l.4-.9h4.7v.9s-1.3.4-1.3 1.3v8.6c0 3.9-3 7-6.4 7-4.3 0-6.5-1.8-6.5-5.3V47.5l-1.7-.8c-.9 0 .4-.9.4-.9m31 0H88l-.4.9s-1.7-.4-1.7 2.1v11.7c0 .4-.4.9.9 1.3l4.7-.4c1.7-.9 2.2-2.6 2.2-2.6h.4l-.4 3.9c0 .8-.5.4-1.8.4H81.5v-.4s1.7 0 1.7-3.5V48c0-1.7-1.3-.9-2.2-1.3l.5-.9m13.4.5l5.1-.5c2.6 0 4.3 0 6 .9a4 4 0 011.8 3.4c0 1.8-1.3 3-2.2 4-1.7 1.2-3 1.2-6.4.8v6c0 .5.8 1.3 2.1 1.3l-.4.9h-6l.4-.4 1.3-1.8V48.4c0-.4-.5-1.3-1.7-1.3v-.8m4.3 6.9s0 .8 3 .8c1.7 0 3-2.1 3-3.4 0-1.3-1.3-2.6-2.6-3h-3.4v5.6zm24.6 9.9v-.4s-1.3 0-1.3-2.2v-13c0-.8 1.7-1.2 1.7-1.2v-.5h-5.6l-.4.9s1.7 0 1.7 1.3v4.7h-7.4l-.4-.4V48c0-1.3 1.3-1.3 1.3-1.3v-.9h-5.2l-.4.9s1.7-.4 1.7.8v13c0 .9-.4 2.2-1.3 2.2v.4h5.2s.9-.4 0-.9c-.9 0-1.3-.4-1.3-1.7v-6l.5-.5h7.3v6.5c0 1.7-.9 1.7-1.3 2.2v.4h5.2M20.2 29c0-2.6-.9-3.5-3.5-3.5-.4-.4.5-.8.5-.8h7.3v.4c0 .4-2.2-.4-2.2 3.5v12c0 2.6-1.7 4.4-1.7 4.4-1.3 1.7-3.4 3-6.9 3-8.6 0-8.6-6.5-8.6-6.5V29c0-2.2 0-3.5-2.6-3.5l.4-.8h7.8v.8c-.4 0-2.2-.4-2.2 3.5v10.8c0 3.9 2.6 6 6 6 3.5 0 5.7-2.1 5.7-5.2V29M40 29c0-3.9 1.8-3 1.8-3.5v-.8l-5.2.4s-.9.4 0 .4c2.1.5 2.1 1.3 2.1 3.5v8.6c-.4.5-8.6-11.6-8.6-11.6l-.4-1.3h-3.9l-.4.8c2.6 0 2.6.9 2.6 3.5v9c0 4-2.2 3-2.2 3.5v.9H31s1.3-.9.4-.9c-2.6 0-2.2-.9-2.2-3.4v-8.7s8.2 10.4 9.1 13.4c0 0 .4.9.9.4l.4-.4.4-.9V29m32.4 4l3-.5c.9 0 1.8 1.3 1.8 2.2 0 .9.8 0 .8-.4v-3.5c0-.8-.4-.4-.8-.4l-1.8 1.3h-3v-5.2h4.8s1.7 0 2.5 1.7c.5 1.3 1 .5.5-.4l-.5-3H68.1l-.9.8s2.6 0 2.6 2.6v11.2c0 1.8-2.1 1.8-2.1 1.8l.8.8H79s1.3.5 1.7 0l.4-3.8s0-1-.8 0c-.5.4-.5 2.5-4 2.5-3 0-3.8-.4-3.8-1.3V33m69.5 9.5l.9-.5c.4-.4 0-.4-.5-.4-.4 0-1.3-.4-1.3-1.7V35l3.5-6.4.4-.9c.5-.9.9-1.7 1.7-1.7l1-.5v-.4h-5.3c-.4 0-.8 0-.4.4l1.3.5c.4 0 .9.8.4 1.7l-3.4 5.6-3.5-5.6c-.4-.9-.4-1.7.5-1.7l.8-.5v-.4h-6s-.9 0 0 .4l1.3.9 5.1 9v4.4c0 1.3-.4 1.7-.8 1.7l-.9.4 1.3.5h3.9m5.2-19.5H2l.8-.8h145l-.8.8m-99.7 5.2c0-2.6 1.3-2.6 1.3-2.6l.4-.4h-5.2l-.4-.4c-1.3 0-.9.8-.9.8s2.2 0 2.2 3v11.3c0 1.7-1.3 1.7-1.3 1.7v.9h5.2l.4-.9c-1.3 0-1.7-.4-1.7-2.6V28.1m76.4 37.6H50.4l.4-.5h73.4l-.4.5M14.6 54c-.5.9-1.3 1.8-1.3 3-.9 3.5 1.7 3.5 3 3.5 1.7-.4 3.9-2.6 4.3-5.6.4-3.9-3.4-3.9-6-.9m3.4 3c-.8 1.3-1.3 2.2-2.6 1.8-1.3 0-.8-2.2.5-4 .8-1.2 2.6-1.6 3-.8.4.9 0 2.2-.9 3z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M0 0h100v100H0V0z"/><path fill="#fff" d="M74.6 54.9l-.7 2c2.4 0 5.6 1.4 5.6 2.9v9.5c0-.2-.2 5.4-7.8 5.4-13.7 0-15.6-10-15.6-20 0-6.7 2.4-13 5.8-17 3.4-3.8 9.8-3.6 15-3 5 .4 6.8 8.7 6.8 8.7l1.7-.5.2-13.2s-.7-.7-1.2-.5c-.5.3-2.4 1-3.7 1-1 0-4.6-.7-8.3-.7-6.6 0-13 1.4-17.8 8a32 32 0 00-3.4 6.1V28c0-8 4.1-6.3 4.6-7 .5-1.3.5-1.3-.2-1.5H39.9s-2 1.4-.7 1.4c5.4.5 7.6 2.5 7.6 7.4v25.4c0 6.6-5.1 10.5-12.5 10.5C27 64.2 22 59.5 22 51.5v-23c0-8 4.1-6.6 4.4-7.6.7-1 .7-1.2 0-1.2 0 0-9.3.5-16.2 0 0 0-2 1.5-.7 1.5 5.4.5 5.4 2.9 5.4 8v26.2s-.5 13.9 17.8 13.9c7.8 0 12.5-3.2 15-6.4l1.1-1.7c.3 2.5.8 5 1.5 7.1 3 9.6 14 12.2 17.6 12.2 4.6 0 4.6 0 8.8-2.9 2.2-1.2 10.2-4.4 10.2-4.4V59.8c0-2.2 4-3.2 4-3.2l.2-1.7H74.6z"/></svg>
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { h } from '@stencil/core';
|
|
2
|
+
import { FontAwesomeIcon } from '../../utils/font-awesome-icon';
|
|
3
|
+
import { faCaretDown } from '@fortawesome/pro-solid-svg-icons';
|
|
4
|
+
export const PageSpecific = (props) => {
|
|
5
|
+
var _a;
|
|
6
|
+
return (h("ul", { class: "uofg-header-page-specific" }, (_a = props.content) === null || _a === void 0 ? void 0 : _a.map((item) => {
|
|
7
|
+
if (!item) {
|
|
8
|
+
return null;
|
|
9
|
+
}
|
|
10
|
+
if ('text' in item) {
|
|
11
|
+
return (h("li", null, h("a", Object.assign({ href: item.href }, item.attributes), item.text)));
|
|
12
|
+
}
|
|
13
|
+
return (h("li", null, h("uofg-menu", { autoCollapse: props.autoCollapseMenus }, h("button", { slot: "button" }, h("span", null, item.title), h(FontAwesomeIcon, { icon: faCaretDown })), h("ul", { slot: "content", role: "menu" }, item.links.map((link) => (h("li", null, h("a", Object.assign({ href: link.href }, link.attributes), link.text))))))));
|
|
14
|
+
}).filter(Boolean)));
|
|
15
|
+
};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { h } from '@stencil/core';
|
|
2
|
+
import { FontAwesomeIcon } from '../../utils/font-awesome-icon';
|
|
3
|
+
import { faSearch } from '@fortawesome/pro-solid-svg-icons';
|
|
4
|
+
export const SearchBar = () => (h("form", { class: "uofg-header-search-bar", method: "get", role: "search", action: "https://uoguelph.ca/search/" }, h("input", { type: "text", name: "q" }), h("input", { type: "hidden", name: "cx", value: "002616817380988741256:tp3ks5ha2dw" }), h("input", { type: "hidden", name: "cof", value: "FORID:11" }), h("input", { type: "hidden", name: "ie", value: "UTF-8" }), h("button", { class: "uofg-search-bar-button", "aria-label": "Search", type: "submit" }, h(FontAwesomeIcon, { icon: faSearch }))));
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { h } from '@stencil/core';
|
|
2
|
+
export const SingleSignOn = () => (h("form", { class: "uofg-header-single-sign-on" }, h("span", null, "Please log in with your Central Login Account"), h("label", null, h("span", null, "Username"), h("input", { type: "text", name: "username" })), h("label", null, h("span", null, "Password"), h("input", { type: "password", name: "password" })), h("button", { type: "submit" }, "Sign in"), h("a", { href: "#" }, "Forgot your password?")));
|