Skip to content

Commit

Permalink
LIBWEB-6306. [Component] Navigation
Browse files Browse the repository at this point in the history 
- create component.

https://umd-dit.atlassian.net/browse/LIBWEB-6306
  • Loading branch information
@alfjrl
alfjrl committed Feb 18, 2025
1 parent e60526c commit 29ae4e1
Show file tree
Hide file tree
Showing 14 changed files with 2,653 additions and 36 deletions.
38 changes: 31 additions & 7 deletions app/globals.css
View file

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

4 changes: 2 additions & 2 deletions app/layout.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,8 +12,8 @@ const geistMono = Geist_Mono({
});

export const metadata = {
title: "Create Next App",
description: "Generated by create next app",
title: "UMD Libraries Design System",
description: "maintained by SSDR & DPI",
};

export default function RootLayout({ children }) {
Expand Down
4 changes: 2 additions & 2 deletions app/page.js
View file
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
import Footer from "@/components/footer/Footer";
import Navigation from "@/components/navigation/Navigation";

export default function Home() {
return (
<div>
<Footer />
<Navigation />
</div>
);
}
4 changes: 2 additions & 2 deletions components/cards/CardOverlay.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,12 +21,12 @@ const CardOverlay = forwardRef(
<p>{eyebrow}</p>
</div>

<h3 className="card--headline s-stack-default t-title-medium">
<h3 className="card--headline s-stack-small t-title-medium">
<a>{title}</a>
</h3>
</div>
<div className="card--details">
<div className="card--text t-body-small c-content-secondary s-stack-default">
<div className="card--text t-body-small c-content-secondary s-stack-small">
<p>{description}</p>
</div>

Expand Down
6 changes: 3 additions & 3 deletions components/cards/CardStandard.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,18 +18,18 @@ const CardStandard = forwardRef(
<div className="card--image">
<img src="https://picsum.photos/1600/900" alt="Example Image" />
</div>
<div className="card--content s-box-small-v s-box-small-h">
<div className="card--content s-box-small-v">
<div className="card--title">
<div className="card--eyebrow t-eyebrow s-stack-small">
<p>{eyebrow}</p>
</div>

<h3 className="card--headline s-stack-default t-title-medium">
<h3 className="card--headline s-stack-small t-title-medium">
<a>{title}</a>
</h3>
</div>
<div className="card--details">
<div className="card--text t-body-small c-content-secondary s-stack-default">
<div className="card--text t-body-small c-content-secondary s-stack-small">
<p>{description}</p>
</div>

Expand Down
40 changes: 20 additions & 20 deletions components/footer/Footer.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -50,63 +50,63 @@ const Footer = forwardRef(({ children, className, ...props }, ref) => {
Our Libraries
</p>
<ul className="s-box-default-h">
<li className="s-stack-default">
<li className="s-stack-small">
<a
href="/"
className="ani-underline c-underline-dark-primary"
>
McKeldin Library (Main)
</a>
</li>
<li className="s-stack-default">
<li className="s-stack-small">
<a
href="/"
className="ani-underline c-underline-dark-primary"
>
Architecture Library
</a>
</li>
<li className="s-stack-default">
<li className="s-stack-small">
<a
href="/"
className="ani-underline c-underline-dark-primary"
>
Art Library
</a>
</li>
<li className="s-stack-default">
<li className="s-stack-small">
<a
href="/"
className="ani-underline c-underline-dark-primary"
>
Hornbake Library
</a>
</li>
<li className="s-stack-default">
<li className="s-stack-small">
<a
href="/"
className="ani-underline c-underline-dark-primary"
>
Michelle Smith Performing Arts Library
</a>
</li>
<li className="s-stack-default">
<li className="s-stack-small">
<a
href="/"
className="ani-underline c-underline-dark-primary"
>
Priddy Library (Universities at Shady Grove)
</a>
</li>
<li className="s-stack-default">
<li className="s-stack-small">
<a
href="/"
className="ani-underline c-underline-dark-primary"
>
Severn Library
</a>
</li>
<li className="s-stack-default">
<li className="s-stack-small">
<a
href="/"
className="ani-underline c-underline-dark-primary"
Expand All @@ -128,23 +128,23 @@ const Footer = forwardRef(({ children, className, ...props }, ref) => {
Library Information
</p>
<ul className="s-box-default-h">
<li className="s-stack-default">
<li className="s-stack-small">
<a
href="/"
className="ani-underline c-underline-dark-primary"
>
Library Hours
</a>
</li>
<li className="s-stack-default">
<li className="s-stack-small">
<a
href="/"
className="ani-underline c-underline-dark-primary"
>
Libraries' Directory
</a>
</li>
<li className="s-stack-default">
<li className="s-stack-small">
<a
href="/"
className="ani-underline c-underline-dark-primary"
Expand All @@ -166,15 +166,15 @@ const Footer = forwardRef(({ children, className, ...props }, ref) => {
Get Involved
</p>
<ul className="s-box-default-h">
<li className="s-stack-default">
<li className="s-stack-small">
<a
href="/"
className="ani-underline c-underline-dark-primary"
>
Support the Libraries
</a>
</li>
<li className="s-stack-default">
<li className="s-stack-small">
<a
href="/"
className="ani-underline c-underline-dark-primary"
Expand All @@ -196,23 +196,23 @@ const Footer = forwardRef(({ children, className, ...props }, ref) => {
Services & Support
</p>
<ul className="s-box-default-h">
<li className="s-stack-default">
<li className="s-stack-small">
<a
href="/"
className="ani-underline c-underline-dark-primary"
>
Ask a Librarian
</a>
</li>
<li className="s-stack-default">
<li className="s-stack-small">
<a
href="/"
className="ani-underline c-underline-dark-primary"
>
Share Feedback
</a>
</li>
<li className="s-stack-default">
<li className="s-stack-small">
<a
href="/"
className="ani-underline c-underline-dark-primary"
Expand All @@ -234,7 +234,7 @@ const Footer = forwardRef(({ children, className, ...props }, ref) => {
Stay Connected
</p>
<ul className="social-media-list s-box-default-h l-flex-row">
<li className="s-stack-default s-inline-small">
<li className="s-stack-small s-inline-small">
<a
className="social-media-list-item c-bg-interactive-dark-primary ani-bg-interactive ani-icon-interactive"
href="https://twitter.com/umdlibraries"
Expand All @@ -257,7 +257,7 @@ const Footer = forwardRef(({ children, className, ...props }, ref) => {
</svg>
</a>
</li>
<li className="s-stack-default s-inline-small">
<li className="s-stack-small s-inline-small">
<a
className="social-media-list-item c-bg-interactive-dark-primary ani-bg-interactive ani-icon-interactive"
href="https://facebook.com/umdlibraries"
Expand All @@ -281,7 +281,7 @@ const Footer = forwardRef(({ children, className, ...props }, ref) => {
</svg>
</a>
</li>
<li className="s-stack-default s-inline-small">
<li className="s-stack-small s-inline-small">
<a
className="social-media-list-item c-bg-interactive-dark-primary ani-bg-interactive ani-icon-interactive"
href="https://instagram.com/umdlibraries"
Expand All @@ -305,7 +305,7 @@ const Footer = forwardRef(({ children, className, ...props }, ref) => {
</svg>
</a>
</li>
<li className="s-stack-default s-inline-small">
<li className="s-stack-small s-inline-small">
<a
className="social-media-list-item c-bg-interactive-dark-primary ani-bg-interactive ani-icon-interactive"
href="https://youtube.com/umdlibraries"
Expand Down
Loading

0 comments on commit 29ae4e1

Please sign in to comment.