Comments (19)
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.
Related Issues (20)
- Create FAQ Content HOT 2
- Create Testimonial Content HOT 4
- Revamp Footer HOT 9
- Redesign Badged Events section HOT 4
- Mobile responsiveness for the landing page HOT 4
- Graphic needed: CHAOSS Retractable Banner HOT 13
- The website is not responsive for all screens including mobile...
- Create Colour Style for the Badging Web Project HOT 5
- Add components to designs HOT 7
- Combine mobile and desktop elements into one components HOT 8
- update footer.js
- Change the website title to 'Badging by CHAOSS' HOT 1
- The accordions are overlapping the footer when expanded HOT 7
- fix social links HOT 7
- [Landing Page] : Implement mobile responsiveness HOT 12
- [About Page] Implement page features and its reusable components HOT 2
- [Event Badging Page]: Implement page features and Import component(s) HOT 2
- [Apply For A Badge Page]: Implement page features and frontend form validation HOT 9
- Implement 404 page HOT 7
- Navbar doesn't match the design and the navigation links are not vertically aligned to the center HOT 5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from eventbadging.