Skip to content

Initial DUL fonts and colors (DOK-173) #2

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
seanaery wants to merge 2 commits into
base: main
Choose a base branch
from
Open

Initial DUL fonts and colors (DOK-173) #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
474e1f5
Essentially skip the success page altogether by removing the 250ms ti…
seanaery May 5, 2025
7a8a2ed
Add DUL colors & fonts, and a basic blue masthead. Hide the extraneou…
seanaery May 5, 2025
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
86 changes: 86 additions & 0 deletions web/index.templ
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,7 @@ templ base(title string, body templ.Component, challenge any, ogTags map[string]
for key, value := range ogTags {
<meta property={ key } content={ value }/>
}

<style>
body,
html {
Expand Down Expand Up @@ -55,13 +56,97 @@ templ base(title string, body templ.Component, challenge any, ogTags map[string]
transition: width 0.25s ease-in;
}
</style>

<!-- DUL CUSTOM FONT -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap" rel="stylesheet">

<!-- DUL CUSTOM STYLES HERE OVERRIDE ANUBIS DEFAULTS -->
<!-- See xess/xess.css for default values -->
<style type="text/css">
:root {
--body-sans-font: "Source Sans 3", sans-serif;
--body-title-font: "Source Sans 3", sans-serif;

// Note DUL doesn't support light vs. dark mode
// so we keep these variables the same b/w modes.

--dark-background: #f3f2f1; // $whisper-gray
--dark-text: #262626; // $cast-iron
--dark-text-selection: #e2e6ed; // $hatteras
--dark-preformatted-background: transparent;
--dark-link-foreground: #004ccc;
--dark-link-background: transparent;
--dark-blockquote-border-left: 1px solid #262626; // $cast-iron

--light-background: #f3f2f1; // $whisper-gray
--light-text: #262626; // $cast-iron
--light-text-selection: #e2e6ed; // $hatteras
--light-preformatted-background: transparent;
--light-link-foreground: #004ccc;
--light-link-background: transparent;
--light-blockquote-border-left: 1px solid #262626; // $cast-iron

--progress-bar-outline: #a1b70d solid 2px; // $piedmont
--progress-bar-fill: #a1b70d; // $piedmont
}

body,
html {
margin: 0;
font-family: "Source Sans 3", sans-serif !important;
display: block;
background-color: #f3f2f1; // $whisper-gray
}

header {
background-color: #053482;
height: 75px;
width: 100%;
}

h1#title {
font-weight: 600;
margin-bottom: 1rem;
}

details {
display: none !important;
}

#progress {
outline-color: #a1b70d !important;
}

.bar-inner {
background-color: #a1b70d !important;
}

::selection {
background: #e2e6ed !important; // $hatteras
}

footer {
border-top: 1px solid #b5b5b5; // $granite
margin-top: 2rem;
padding-top: 2rem;
}

</style>


@templ.JSONScript("anubis_version", anubis.Version)
if challenge != nil {
@templ.JSONScript("anubis_challenge", challenge)
}
@templ.JSONScript("anubis_base_prefix", anubis.BasePrefix)
</head>
<body id="top">
<!-- DUL CUSTOM header element -->
<header>
<!-- <a href="https://library.duke.edu">Duke University Libraries</a> -->
</header>
<main>
<center>
<h1 id="title" class=".centered-div">{ title }</h1>
Expand All @@ -76,6 +161,7 @@ templ base(title string, body templ.Component, challenge any, ogTags map[string]
</p>
<p>Mascot design by <a href="https://bsky.app/profile/celphase.bsky.social">CELPHASE</a>.</p>
</center>

</footer>
</main>
</body>
Expand Down
24 changes: 12 additions & 12 deletions web/index_templ.go
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

5 changes: 4 additions & 1 deletion web/js/main.mjs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -247,7 +247,10 @@ function showContinueBar(hash, nonce, t0, t1) {
elapsedTime: t1 - t0
}),
);
}, 250);
// DUL CUSTOMIZATION: we set this timeout to 0 to avoid displaying a
// "success" screen altogether. For debugging, it may be useful to
// set this to e.g., 10000 to see the success screen for 10 sec.
}, 0);
}

} catch (err) {
Expand Down