Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Footer component #31 #19

Open
wants to merge 58 commits into
base: main
Choose a base branch
from

Conversation

OniWithTheHoodie
Copy link

Footer

image

  1. Footer gemaakt met grid layout
  2. flexbox voor icons, links en copyright om ze uit te lijnen

driezie and others added 30 commits September 23, 2024 15:06
- Global Style css
- Link stylesheet in head

Link #9
Ik heb de basic layout in html gemaakt, ook heb ik de styling voor mobile al gedaan.

Ik doe deze commit omdat ik graag verder wil werken om mijn desktop.

Daar zal ik weer per kleine commit werken.
Ik heb de flexbox goed gezet in deze commit. hierdoor flext hij altijd tot volledige breedte
Made general styling and variables in the style.css
Chaning of pathing
adapter
This reverts commit 8281ec6, reversing
changes made to 20d0af0.
Deze commit is erg groot, dit omdat daan en ik een error hadden met de merge, dus heb ik alles handmatig gedaan
I made a button with a dynamic link and label, i also added some cool animations on it!
Set temp fonts in styleguide
This is part of #32 & #9
Footer gemaakt
-dit bestaat uit een grid layout
-flexbox op de icons en links
-images zijn enhanced en hebben een webP en Avif
Ik heb een hover effect aan de knop toegevoegd en een functie waarmee je de svg uit kan zetten op de knop zodat deze te hergebruiken is
-class op enhanced images verplaatst naar list
-h4 veranderd naar h3
-.footer__header-footer veranderd naar .footer__h2 om benoeming in lijn te houden
added font files
-fonts has properly been added
Ik heb comments en alle kleuren custom variabelen gegeven
I made a variable that can turn off the transparant background at 600px
Removed javascript click animation for peformance
-cursor pointer voor incons en links
-text-size toegevoegd voor copyright
- cursor pointer voor links
In this push, is the html setup for the component
Started editing the css, this isnt finsished. but i want to work further from here
Heb de footer aangepast zodat het onderste gedeelte niet buiten de footer komt
TomDeeterink1 and others added 28 commits October 4, 2024 15:11
comments added to how i made the enhanced images
deleted the space and removed unused js function
- css white spacing
Optimized the svg into a smaller variant for peformance
links zijn tabbaar
-Footer update responsiveness
-desktop omgezet naar mobile first
- added small comment
Updated the readme
I forgot to commit earlier, this needs to be picked up by me.

Now im going to refector this code.
Ik heb mijn html een refactor gegeven, zo is de code korter
-font has been changed and is currently working
- standard width en height mee gegeven aan de images
- footer turned off for mobile
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants