Skip to content

10 add universal header to fa viewer #23

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
nrsa222 wants to merge 8 commits into
base: main
Choose a base branch
from
Open

10 add universal header to fa viewer #23

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
0462619
WIP: Add uklibraries/UKL_HeaderFooter implementation
nrsa222 Nov 24, 2025
2cf1ff3
WIP: UK libraries specific implementation of global header
nrsa222 Nov 24, 2025
9c8de50
add updated script for UKL_HeaderFooter implementation
nrsa222 Nov 25, 2025
b27af12
refactor universal footer into it's own layout; replace universal hea…
nrsa222 Nov 25, 2025
87f9cb3
remove repo specific logo rendering; add tab nav margin
nrsa222 Nov 25, 2025
1d1cd0c
Merge branch 'main' into 10-add-universal-header-to-fa-viewer
nrsa222 Feb 10, 2026
ca4e272
add a:hover style for header links to override competing source styles
nrsa222 Feb 12, 2026
1769219
remove outdated header css link; remove override for header a:hover
nrsa222 Feb 12, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 8 additions & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -80,6 +80,14 @@ If your usecase is development, the docker-compose.yml file will start an NGINX

Once your findingaids are installed, use `docker compose up` to start your development environment.

Header/footer implementation notes
---------------------------------------------------------
The UKLibraries specific implementation of the University branded universal and global headers, and universal footer, are semi-dynamically implemented in this project by copying a static script into `universal_header.mustache` and `universal_footer.mustache` from [UKL_HeaderFooter](https://github.com/uklibraries/UKL_HeaderFooter).

To update the site title, menu items, or to include a custom logo or search block, you must edit the [exploreukConfig.js](https://github.com/uklibraries/UKL_HeaderFooter/blob/main/js/config/sites/exploreuk/exploreukConfig.js) file in the UKL_HeaderFooter repo, and then push the updated file to [lib.uky.edu](https://lib.uky.edu/webparts/ukhdr/prod/js/config/sites/exploreuk/exploreukConfig.js).

See [UKL_HeaderFooter repo](https://github.com/uklibraries/UKL_HeaderFooter) for additional details.

Copyright
---------

Expand Down
28 changes: 14 additions & 14 deletions app/assets/css/extra.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -71,6 +71,7 @@ label {

.nav-tabs {
float: right;
margin: .5rem 0 0;
}

.container-fluid {
Expand Down Expand Up @@ -166,20 +167,19 @@ a:hover.underline-link {
color:#000000
}
.in-page-alert h2 {
text-transform: uppercase;
font-size: 1.75rem;
font-weight: 900;
margin-top: 0;
color: #0033A0;
line-height: 1.2;
text-transform: uppercase;
font-size: 1.75rem;
font-weight: 900;
margin-top: 0;
color: #0033A0;
line-height: 1.2;
}
.in-page-alert h3 {
text-transform: uppercase;
font-size: 1.5rem;
font-weight: 500;
margin-bottom: 5px;
margin-top: 10px;
color: #0033A0;
line-height: 1.2;

text-transform: uppercase;
font-size: 1.5rem;
font-weight: 500;
margin-bottom: 5px;
margin-top: 10px;
color: #0033A0;
line-height: 1.2;
}
2 changes: 2 additions & 0 deletions app/views/layouts/application.mustache
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
<!doctype html>
<html lang="en">
<head>
{{>universal_header}}
<title>{{title}}{{^title}}Welcome to ExploreUK{{/title}}</title>
{{#css}}
<link rel="stylesheet" href="{{href}}">
Expand Down Expand Up @@ -38,5 +39,6 @@
</div>
{{>footer}}
{{>viewer}}
{{>universal_footer}}
</body>
</html>
3 changes: 1 addition & 2 deletions app/views/layouts/nav.mustache
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
<div id="hd" class="hd"></div>
<div>
{{> repo}}
{{! > repo}}
{{#requestable}}
<ul class="nav nav-tabs">
<li class="active">
Expand Down
3 changes: 3 additions & 0 deletions app/views/layouts/universal_footer.mustache
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
<!-- universal header/footer file part 2 start -->
<script src="https://lib.uky.edu/webparts/ukhdr/2024/js/combofootershared.js"></script>
<!-- universal header/footer files part 2 end -->
37 changes: 37 additions & 0 deletions app/views/layouts/universal_header.mustache
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
<!-- universal header/footer files start -->
<link rel="stylesheet" id="ukl-header-styles" href="https://lib.uky.edu/webparts/ukhdr/prod/css/global_header_footer.css" media="all" />
<script
id="ukl-header-script"
type="module"
src="https://lib.uky.edu/webparts/ukhdr/prod/js/universalHeader.js"
onerror="
(() => {
// Remove this script
old_script = document.querySelector('#ukl-header-script');
old_script.remove();

// Use the fallback css
const styles = document.querySelector('#ukl-header-styles');
styles.href='https://cdn.jsdelivr.net/gh/uklibraries/UKL_HeaderFooter@main/css/global_header_footer.css'

// Create a new script and use fallback js
const script = document.createElement('script');
script.id = 'ukl-header-script';
script.type = 'module';
script.src = 'https://cdn.jsdelivr.net/gh/uklibraries/UKL_HeaderFooter@main/js/universalHeader.js';
script.dataset.base_path = 'exploreuk';
document.head.appendChild(script);

// Remove footer script
old_footer=document.querySelector('#ukl-footer-script')
old_footer.remove();

// Create a new footer script and use fallback js
const footer_script = document.createElement('script');
footer_script.src='https://cdn.jsdelivr.net/gh/uklibraries/UKL_HeaderFooter@main/js/comboFooterShared.js';
document.body.appendChild(footer_script);
})();
"
data-base_path="exploreuk"
></script>
<!-- universal header/footer files end -->
Loading