frontendfoxes / ff-web Goto Github PK

When cloning the repository and running npm install, you are being alerted to a security vulnerability:

Fix it by updating the package.

hi, thank you for your work on this. It looked great to me on the Netlify site. Can you do this:

grab all the images from the current frontendfoxes.org site on the Team page and zip them and attach them to this issue. I will upload them to Cloudinary and complete the linking. For now, you can put a placeholder in the .json on the image path.

thanks!
Jen

Let's do a careful QA of all Spanish language translations, thanks!

Let's have a fallback page in case someone gets lost

A little loader will make the experience better as the images come from Cloudinary.

Problem:

Hacktoberfest is warning: Your PR was submitted to a repository that is not participating in Hacktoberfest. Maintainers of the repository can add the "hacktoberfest" topic to their repository if they wish to participate.

Expected:

No warning anymore.

Let's QA the upcoming French version of this web site

Probably we need to scale the cards less severely on iPad, make them more responsive.

Add a smooth page transition, mimicking frontendfoxes.org transitions.

I'd like to keep the text localized but have the image standardized. We can also remove the link in the .json files. I just would like to keep the codebase a little my DRY so let's make a standard file to keep our image paths in for the gallery and use that as well as the localization file to display the content

Unless my eyes are deceiving me (perhaps?) the buttons for 'Workshops' and 'Patreon' are different than the Events card buttons. Let's standardize those to look the same.

https://ff-next.netlify.app/

• Make the bottom photo gallery show three different photos from our current gallery on frontendfoxes.org (you can recommend links here and I will approve).
• Ensure that the three-card horizontal images scale for mobile to stack vertically on small screens
• Give the bottom photo gallery a margin to match the page/nav margins

The green link color is weird and gives us not enough contrast. Let's make them navy blue throughout the site

I love the cards when there are 4, but the way the card gallery on the home page is set up, they don't respond well if there are, for example, five or 6. Let's make them scale in batches of 3 if there are more than 4 cards.

Let's ask the Japanese chapter leaders to take a look!

Use the mitt package to add localizations (pattern is at https://github.com/jlooper/static-game-engine/blob/master/app/package.json) to enable localizations. Use our old system on frontendfoxes.org to have a flag appear in the top right corner with a dropdown to change localization.

Build a gallery page. It can be simpler than what is on frontendfoxes.org but should be organized by year. We can consider hosting images in a CDN on Cloudinary (ask Jen for info)

We can show one image for each event.

Let's go for it!

Let's go over the upcoming Portuguese translations

Currently, on Netlify, we see a page not found when navigating directly to the site: https://ff-next.netlify.app/team

let's fix that. _redirects file in root isn't working

I think @mariajcb had ideas on tidying this page ♥️🦊♥️🦊

Make the hamburger icon not highlight in orange, but perhaps reverse the colors on click (white/blue).

Make it appear on the left on mobile

Change the mobile navigation to a left-hand flyout menu

Basically, redo our current navigation pattern on FrontEndFoxes.org

related to https://github.com/FrontEndFoxes/ff-web/projects/1#card-44978733

Transfer all information on sponsors from frontendfoxes.org, including logos.

Let's make sure we have the right title tags, description, and other metadata in place, including the fonticon.ico

Create a new Team page, based on the look of the old one on frontendfoxes.org. Build it according to the Sponsors pattern, with a flat .json file behind it.

On medium-sized to large screens (breakpoints 768px and 1024px width), the sharing menu is not being displayed properly.

Steps to reproduce the behavior:

Clone the repository, and run npm install and npm run serve
Open the site in the browser
Visit either the About, Team, or Gallery page

Expected behavior
breakpoint: 768px: align the share menu in the Header.vue so it is not partially obscured by the top menu anymore
breakpoint: 1024px: hide the share menu

Add mouse-over highlighting on all links in nav and footer, like frontendfoxes.org; the highlight should persist when the page is visited

Audit the site for accessibility issues and fix any that crop up

On mobile, align items to center. On full screen, align left.

Redesign the Events area to make it pop. This is the most important part of the web site so I'm open to suggestions