Several little tasks for my website requiring CSS, HTML & JS

Hi there!

I'm currently working on my website and I need some help with several little tasks that I can't do myself. This first job shouldn't be very time intense, but I'm looking for someone who'd be interested in assisting me in the long-term since the website will need changes and updates on a regular basis.

I put a brief description below and I would of course give you more details at a later stage. Let me know if you have any question. Thanks!


1. HAMBURGER MENU

My main navigation needs to change to a hamburger menu for mobile screen sizes. I was thinking of a typical approach where the menu items are displayed full on the full screen after tapping the hamburger.

Something like here, but with a slightly different styling:
https://sam-robinson.com


2. CLICKABLE IMAGES

I had placed some images on a grid using the CSS grid property and I can't make the pictures behave as links. So that would be another task.


3. Deactivation of a script for mobile sized screens.

My project pages are run with a JS "template" called fullpage.js. Maybe you've already heard about it. Another freelancer had written a script for me that deactivates the script for smaller screen sizes, but I can't get it to work for this new website. So you would have to adapt the script, so that it works again. That should be quite a quick thing, but it requires JS knowledge.


4. STICKY COPYRIGHT

I have a small copyright section, that needs to be adjusted, so that it sticks to the bottom of the page. Now it's kinda crashing into other elements or floating up if there's not much content on the page.


5. SCROLL BEHAVIOUR
My project pages consist of different sections (slides) with pictures in it. At the very end I prepared a slide with other projects (let’s call it „other projects section“), so that the user can jump straight to other projects from there.

The scrolling behavior of the fullpage script should not be active for the last slide. The part with the other sections should be able to be scrolled up in the normal way and not jump to a fullscreen like the script would usually do.

Here’s an example, that illustrates my need: https://alvarotrigo.com/fullPage/examples/ oneSection.html#firstPage/1

6. IMAGE FADE-IN:
I would like to apply this to the pictures of my homepage: https://stackoverflow.com/questions/27747970/how-to- make-images-fade-visible-when-im-scrolling/27748638