dailybruin / interactive.2019.overcrowded Goto Github PK

Acts as navigation in the section to its articles. On hover it will say "READ ARTICLE".

Each article will have this as the title, there is a mobile and desktop view depending on media query.

desktop (starts on left side, ends mid way with rounded corners at the right side):

mobile (bar across the entire screen):

Pull Image like in Prime.

Write a component that will display a mobile and desktop navbar, depending on media query.
Check out whose-campus for a similar implementation.

mobile:

mobile clicking hamburger menu:

desktop:

Basically like article grid but with photos and single block caption. Make sure it is responsive!

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Datasource	Name	Replacement PR?
npm	@material-ui/core

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

• Update material-ui monorepo to v4 (major) (@material-ui/core, @material-ui/icons)
• Update react monorepo to v18 (major) (@types/react, react, react-dom)
• 🔐 Create all rate-limited PRs at once 🔐

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• Update all non-major dependencies (@dailybruin/lux, @material-ui/core, @types/react, gatsby, gatsby-plugin-google-analytics, gatsby-plugin-manifest, gatsby-plugin-react-helmet, gatsby-plugin-typescript, gatsby-plugin-typography, prettier, react, react-animate-height, react-dom, react-draggable, react-hamburger-menu, react-helmet, react-icons, react-resizable, react-sizeme, react-typography, slugify, typography)
• Update dependency prettier to v3
• Update dependency react-animate-height to v3
• Update dependency react-draggable to v4
• Update dependency react-helmet to v6
• Update dependency react-icons to v5
• Update dependency react-resizable to v3
• Update dependency react-sizeme to v3
• Update emotion monorepo to v11 (major) (emotion, emotion-server)
• Update gatsby monorepo (major) (gatsby, gatsby-plugin-emotion, gatsby-plugin-google-analytics, gatsby-plugin-manifest, gatsby-plugin-react-helmet, gatsby-plugin-typescript, gatsby-plugin-typography)
• Click on this checkbox to rebase all open PRs at once

Ignored or Blocked

These are blocked by an existing closed PR and will not be recreated unless you click a checkbox below.

• Update dependency react-emotion to v10

Detected dependencies

• Check this box to trigger a request for Renovate to run again on this repository

video card that can expand to show a video.

Before:

After (should have an arrow pointing up at the bottom):

two links at the bottom of each section that will direct a user to the previous or next section. If the user is at the first or last section, then no arrow will appear.

normal:

last section example:

Create a photo slider like in here: https://features.dailybruin.com/2018/work-hard-play-hard/

but styled like this:

similar to the Lux coverphoto, but it will be a gif and the clicking the grey arrow should scroll the user down.

This will be at the top of each section.

QA component that has alternating colors per question. On mobile answers will be expandable if they are too long.
Desktop:

Mobile: