Create Footer Component about eventbadging HOT 19 CLOSED

Yes we are using Link from react-router-dom I meant that we have links in the footer like the about us, event badging, contact us, project badging etc. we are using the react-router-dom package to link these pages. This is for scalability purposes since we are using react

from eventbadging.

Yes sure. Let me know when you need help

from eventbadging.

When you clone the repo, supply a port number in a .env file and then run npm run dev in the terminal

The build folder is generated with the build scripts for production purposes.

I think I'll come up with a small ReadME.md that guides contribution in the meantime

from eventbadging.

For now there are no naming conventions as far branches are concerned. Anything should work as long as it is short and meaningful.

from eventbadging.

@audreymengue please pull the changes in the main branch. they address that issue

from eventbadging.

To be clear, do you mean using <Link> instead of <a> ?

from eventbadging.

Hey @kaxada , can I work on this?

from eventbadging.

Hi @kaxada, if I understand very well, the static files have to be served form express in a folder called build? I believe the "build" folder will be created when we push to prod.

from eventbadging.

@kaxada can the branch bear the name of the issue?

from eventbadging.

Hey @kaxada I have an error bothering me lately and I was wondering if I could use your help.

Here in Footer.js

`import React from "react";
import { NavLink } from "react-router-dom";
import "../../assets/styles/variables.scss"

const Footer = () => {
return

Hello links

export default Footer;
`

Here is where I am styling the background to text scss, the file is variables.scss in the assets folder

`$primary-color: #46BA8A;
$secondary-color: #D61B5E;
$background-color: #F5F5F5;
$primary-container-color: #AFFFEC;
$secondary-container-color: #FFE7EF;

h2 {
background-color: $background-color;
}`

Here is the error I am facing when running the app in my terminal and browser.

from eventbadging.

Alright. Thank you @kaxada

from eventbadging.

@kaxada here is how far I have come with the footer as far as the desktop view is concerned.

But, is it possible to have more specs in terms of the fonts I need to use, colors etc... on particular sections/header, so I can wrap up with it?

Also, I cannot get colorful icons because I am using the free version.

And the CHAOSS logo does not show and I cannot figure out why.

Thanks.

from eventbadging.

I made this out using HTML and CSS, hope it can be helpful .

from eventbadging.

@audreymengue you have done beautiful work so far, Here is a link to the Figma file to get more specifications in terms of font size, font color etc.

from eventbadging.

Thank you @oma131. Thanks for the Figma file.

from eventbadging.

@kaxada and @oma131 for some reasons I am unable to use the svg. Please if you have a trick on how to use these svgs, let me know. In the mean time, I am using common image files like jpeg, png. Also working on the DEI badging. Thanks for your feedback in advance.

from eventbadging.

Hello @kaxada
Is this Issue still opened?

from eventbadging.

@Denike-d this is going to be reopened as soon as we merge this PR #53

from eventbadging.

This issue has been closed since it was partly addressed in #55 . I am opening up a new issue that addresses the current footer

from eventbadging.