forked from bulib/bulib-wc
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
151 lines (144 loc) · 8.45 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<html>
<head>
<title>BULib Web Components</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="./assets/css/shared.css">
<script type="module" src="./src/index.js"></script>
<script type="text/javascript" src="dist/helpers.js"></script>
</head>
<body style="margin: 0px;">
<div class="header-wrapper">
<nav>
<div class="primary-navbar">
<div class="primary-nav-left">
<a title="BU Libraries Homepage" href="https://www.bu.edu/library">
<img id="bu-logo" src="https://cdn.jsdelivr.net/npm/bulib-wc@latest/dist/icons/bulib-logo.png">
</a>
</div>
<div class="primary-nav-main menu-items-wrapper">
<ul class="menu-items">
<li id="subsite-research"><a href="https://www.bu.edu/library/research">Research</a></li>
<li id="subsite-services"><a href="https://www.bu.edu/library/services">Services</a></li>
<li id="subsite-about"><a href="https://www.bu.edu/library/">About</a></li>
<!-- <li id="subsite-guides"><a href="https://library.bu.edu/guides">Guides</a></li> -->
<!-- <li id="subsite-help"><a href="https://askalibrarian.bu.edu/">Help</a></li> -->
</ul>
</div>
<div class="primary-nav-right">
<div class="mobile-navigation none" aria-hidden="true">
<div id="menuToggle">
<!-- invisible toggle with hamburger -->
<input type="checkbox" tabindex="-1"/>
<span></span>
<span></span>
<span></span>
<!-- mobile nav menu -->
<ul id="mobile-menu">
<li id="subsite-research"><a href="https://www.bu.edu/library/research">Research</a></li>
<li id="subsite-services"><a href="https://www.bu.edu/library/services">Services</a></li>
<li id="subsite-about"><a href="https://www.bu.edu/library/">About</a></li>
<li><hr /></li>
<li><a href="https://www.bu.edu/library/about">Library Locations</a></li>
<li><a href="https://askalibrarian.bu.edu/">Ask a Librarian</a></li>
</ul>
</div>
</div>
<div class="top-right">
<ul class="menu-items">
<li>
<div class="dropdown">
<a class="menu-item inline" href="https://www.bu.edu/library/about">
<span class="labeled-icon prs">Library Locations</span><i class="material-icons inline">arrow_drop_down</i>
</a>
<div class="dropdown-content">
<ul class="library-list no-bullet">
<li><a href="https://www.bu.edu/library/african-studies/">African Studies Library</a></li>
<li><a href="https://www.bu.edu/library/astronomy/">Astronomy Library</a></li>
<!-- <li><a href="https://www.bu.edu/disc/">Digital Collections</a></li> -->
<li><a href="http://archives.bu.edu/">Howard Gotlieb Archival Research Center</a></li>
<li><a href="https://www.bu.edu/library/mugar-memorial/">Mugar Memorial Library</a></li>
<li><a href="https://www.bu.edu/library/music/">Music Library</a></li>
<!-- <li><a href="https://open.bu.edu/">OpenBU</a></li> -->
<li><a href="https://www.bu.edu/library/management/">Pardee Management Library</a></li>
<li><a href="https://www.bu.edu/library/pickering-educational/">Pickering Educational Resources Library</a></li>
<li><a href="https://www.bu.edu/library/sel/">Science & Engineering Library</a></li>
<li><a href="https://www.bu.edu/library/stone-science/">Stone Science Library</a></li>
<li><a href="https://www.bu.edu/library/about/additional-libraries/">Additional Libraries</a></li>
</ul>
</div>
</div>
</li>
<li>
<a class="menu-item inline" href="https://askalibrarian.bu.edu/">
<span class="labeled-icon prl">Ask a Librarian</span><i class="material-icons inline">question_answer</i>
</a>
</li>
</ul>
</div>
</div>
</div>
<script id="mobile-nav-clickout" type="text/javascript">
let input = document.querySelector("#menuToggle > input");
window.addEventListener("click", (event) => {
let clicked = event.target;
let clicked_within_mobile_menu = clicked.closest("#menuToggle") != null;
if(input && clicked != input && !clicked_within_mobile_menu || clicked.tagName == "A"){
input.checked = false; // uncheck the #menuToggle input, closing the mobile nav
}
});
</script>
</nav>
</div>
<div class="banner-wrapper">
<div class="banner">
<span><a href="/">Ask a Librarian:</a> <a href="/dev_staging">Help & FAQs</a></span>
<bulib-search str_options="help primo"></bulib-search>
</div>
</div>
<div class="lorem-ipsum">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam illum, voluptate repellat, ex minus at odio alias tenetur optio voluptatibus dicta deleniti cupiditate rem culpa laudantium, dolore deserunt fugiat repudiandae.</p>
<p>Cumque provident nam, inventore repudiandae animi doloribus dignissimos illo ea error esse reprehenderit possimus odio, libero beatae, accusamus ratione itaque laboriosam expedita amet nihil voluptatum blanditiis obcaecati. Possimus, assumenda sint.</p>
<p>Sunt quas dicta, vel perspiciatis ducimus placeat voluptates ad necessitatibus quis reprehenderit ullam consectetur! Enim neque ab architecto praesentium voluptatem saepe commodi, aperiam odio facere illum incidunt laborum laudantium pariatur?</p>
<p>Minima quo molestias asperiores nam nisi officia impedit molestiae, sed hic reiciendis. Officia atque labore odit aliquid inventore ab possimus, incidunt provident ut at, neque consequatur minus quod expedita eligendi!</p>
<p>Amet unde eligendi provident molestias suscipit itaque exercitationem voluptatum, ut natus id quas consectetur illo! Libero cum eum sit autem aliquid officia consequuntur tempore velit rerum? Vero blanditiis odio omnis.</p>
</div>
<div class="deck">
<div class="card">
<i class="material-icons" onclick="window.open('/form.php?quid=511','_self')">email</i>
<div class="inline">
<h3><a href="/form.php?quid=511">Email</a></h3>
<p>Email us your research questions and we’ll respond within 24 hours.</p>
</div>
</div>
<div class="card">
<i class="material-icons" onclick="document.querySelector('button.s-lch-widget-float-btn').click();">question_answer</i>
<div class="inline">
<h3><a onclick="console.log('chat says hi')" href="javascript:void(0)">Chat</a></h3>
<p>Talk online to a research librarian on weekdays and Sundays</p>
</div>
</div>
<div class="card">
<i class="material-icons" onclick="window.open('tel:6173532700','_self')">phone</i>
<div class="inline">
<h3><a href="tel:6173532700">Call</a></h3>
<p>Call us at 617-353-2700 during our open hours</p>
</div>
</div>
</div>
<div class="ctas">
<div class="cta" onclick="window.open('/search/?g=716&topics=Borrowing','_self')">
<h3><a href="/search/?g=716&topics=Borrowing">Borrowing Items</a></h3>
</div>
<div class="cta" onclick="window.open('/search/?t=0&g=716&topics=Alumni&adv=1','_self')">
<h3><a href="/search/?t=0&g=716&topics=Alumni&adv=1">Alumni</a></h3>
</div>
<div class="cta" onclick="window.open('/search/?t=0&g=716&topics=Where%20Is%20It%3F&adv=1','_self')">
<h3><a href="/search/?t=0&g=716&topics=Where%20Is%20It%3F&adv=1">Where is it?</a></h3>
</div>
<div class="cta" onclick="window.open('/businessFAQs/','_self')">
<h3><a href="/businessFAQs/">Pardee / Management</a></h3>
</div>
</div>
<bulib-footer></bulib-footer>
</body>
</html>