Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
10 changes: 5 additions & 5 deletions pages/hack-school/_meta.json
Original file line number Diff line number Diff line change
Expand Up @@ -3,9 +3,9 @@
"logistics": "Hack School Logistics",
"tools": "Developer Tools",
"git-github": "Git/GitHub",
"week1": "Week 1: HTML, CSS, and JavaScript",
"react": "Week 2: React and Next.js",
"mongodb": "Week 3: Databases with MongoDB",
"express": "Week 4: APIs with Express",
"deployment": "Week 5: Debugging and Deployment"
"week1": "Week 0: HTML, CSS, and JavaScript",
"react": "Week 1: React and Next.js",
"mongodb": "Week 2: Databases with MongoDB",
"express": "Week 3: APIs with Express",
"deployment": "Week 4: Debugging and Deployment"
}
2 changes: 1 addition & 1 deletion pages/hack-school/deployment.mdx
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
# Week 5: Debugging and Deployment
# Week 4: Debugging and Deployment

## What is deployment?

Expand Down
2 changes: 1 addition & 1 deletion pages/hack-school/express.mdx
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
# Week 4: Building APIs with Express.js
# Week 3: Building APIs with Express.js

## What is Express?
[Express](https://expressjs.com) is a web application framework for Node.js that enables developers to start a local server and develop API routes. Express does
Expand Down
2 changes: 1 addition & 1 deletion pages/hack-school/mongodb.mdx
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
# Week 3: Databases and MongoDB
# Week 2: Databases and MongoDB

## What is a Database?
A database is an organized collection of data or information. It allows people to store information between sessions on a website.
Expand Down
2 changes: 1 addition & 1 deletion pages/hack-school/react.mdx
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
# Week 2: UIs with React and Next.js
# Week 1: UIs with React and Next.js

## What is React?

Expand Down
2 changes: 1 addition & 1 deletion pages/hack-school/week1.mdx
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import ToggleCodeBlock from './toggle_component';

# Week 1: HTML, CSS, and JavaScript
# Week 0: HTML, CSS, and JavaScript

## What is HTML?

Expand Down
4 changes: 2 additions & 2 deletions src/components/footer/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -40,8 +40,8 @@ const Footer: React.FC = () => {
>
<FaLinkedinIn /> LinkedIn
</a>
<a href="https://www.facebook.com/acmucsd/" className={styles.link} target="_blank">
<FaFacebookF /> Facebook
<a href="https://www.youtube.com/@acmucsd" className={styles.link} target="_blank">
<FaYoutube /> YouTube
</a>
</div>
<div className={styles.newsletter}>
Expand Down
10 changes: 8 additions & 2 deletions src/components/navbar/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -47,13 +47,17 @@ const Navbar: React.FC = () => {
// Not on home, navigate to home with hash
router.push(href);
}
} else {
setIsMenuOpen(false);
}
};

return (
<nav className={styles.navbar}>
<div className={styles.navbarContent}>
<Logo />
<Link href="/" onClick={() => setIsMenuOpen(false)} aria-label="Home">
<Logo />
</Link>
<button
type="button"
className={`${styles.menuToggle} ${isMenuOpen ? styles.menuToggleOpen : ''}`}
Expand Down Expand Up @@ -82,7 +86,9 @@ const Navbar: React.FC = () => {
{link.name}
</button>
) : (
<Link href={link.href}>{link.name}</Link>
<Link href={link.href} onClick={() => setIsMenuOpen(false)}>
{link.name}
</Link>
)}
</li>
))}
Expand Down
1 change: 1 addition & 0 deletions src/components/navbar/style.module.css
Original file line number Diff line number Diff line change
Expand Up @@ -106,6 +106,7 @@
overflow: hidden;
opacity: 0;
transition: max-height 0.4s ease, opacity 0.3s ease, padding 0.3s ease;
background-color: #111;
}

.navLinksOpen {
Expand Down