portfolio | Portfolio built with Gatsby.js | Portfolio library

I am making a little web based tic tac toe game as a project to show on my portfolio website. I want someone visiting the site to be able to create a game, and then another player to join that game.

The person that creates the game creates a document in my firestore database under a "Games" collection, that is defined by this interface:

Here my code is working. but hamburger menu not visible. Here .menu-wrap .menu this selector causing the problem. After adding this hamburger is not visible. How can design so that I can see the hamburger menu and click. Is there any way to do this. If needed I can load image for understanding.

Problem: I am having trouble setting up navigation using GetX and AutoRoute.

Code Setup: According to the GetX documentation, if you want to use GetX navigation you have to replace MaterialApp() with GetMaterialApp(). You also set the routes.

I made a website with PageController to control the scroll of some screens. And I made a menu section with screen names, and when any of them are pressed, the user will navigate to the respective screen.

The app is working fine. But I refactored the menu button so I can control it's style, and to add animation in the future.

But when I refactored the button, I can't pass the PageController index, or the nextPage function.

That's why I thought of using the provider package. However, I didn't the package before, and my setup seems complex. For I should pass the PageController state to the button, and the button should send the nextPage function with a new number.

How can I achieve this?

Here's my code:

The button:

I am working on a rails 5 api only. I can get all the data that i want, but i would like to customize the output.I tried some solutions, but couldn't find it yet.

This is my portfolio controller:

My navigation is not showing when window is resized and navi open by button. I tried use z-index, but this does't work. What is the problem?

JS file, when the window resized, then nav displayed block and hidden and open by button.

I'm trying to create a portfolio website, where the user loads the page and my name slowly appears automatically. After my entire name appears, I want the name to zoom in. I have used CSS animation for the effects.

However, the problem is that my name zooms-in while appearing at the same time. I have looked up how to delay an animation so that my name zooms in 'after' my name appears in the screen, but I still cannot find out exactly how to do it.

HTML:

I'm trying to use Selenium to automatically connect to my etoro account and get some figures from my portfolio. I work on Google Colab and from now, here is what I have:

Because it's been a while since I was using Rails monolith instead of GrapeAPI I've silly question. I want to create a route for path - users/portfolios/1/portfolio_reports/archived_reports where I will displays PortfolioReports.where(status: 'archived'). I created routes: