Skip to content

Commit 3e96442

Browse files
isratenedaisrateneda
authored
Merge pull request #81 from skcode7/footer-issue-9
Footer issue 9
2 parents 2b3e001 + fd39aeb commit 3e96442

4 files changed

Lines changed: 180 additions & 18 deletions

File tree

‎src/components/footer/footer.js‎

Lines changed: 48 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,54 @@
1-
import React from 'react'
1+
import React from 'react';
2+
import { Link } from "gatsby";
3+
import styles from './footer.module.css';
4+
import escudo from "../../images/logo-escudo-ec.svg";
5+
//import SocialNetworks from './social-networks';
26

37
const Footer = () => (
4-
<footer className="bg-yellow-500">
5-
<nav className="flex justify-between max-w-4xl p-4 mx-auto text-sm md:p-8">
6-
<p className="text-white font-bold">JavaScript Ecuador</p>
8+
<footer className={styles.footer}>
9+
<div className={styles.flex}>
10+
<div className={styles.col}>
11+
<h4 className={styles.footer__title}>RECURSOS</h4>
12+
<ul>
13+
<li>Acerca de</li>
14+
<Link to="/blog" ><li>Blog</li> </Link>
15+
<Link to="/cuentas"><li>Cuentas</li></Link>
16+
</ul>
17+
</div>
18+
<div className={styles.col}>
19+
<h4 className={styles.footer__title}>AYUDA</h4>
20+
<ul>
21+
<li>Organizar un Meetup</li>
22+
<li>Dar una Charla/Taller</li>
23+
<li>Publicar un Post</li>
24+
<li>Informar un problema</li>
25+
<Link to="/code-of-conduct"><li>Código de Conducta</li></Link>
26+
</ul>
27+
</div>
28+
29+
<div className={styles.col}>
30+
<h4 className={styles.footer__title}>COMUNIDAD</h4>
31+
<ul>
32+
<Link to="/eventos"><li>Eventos</li></Link>
33+
<li>¿Cómo ayudar?</li>
34+
<li>Quiero ser Patrocinador</li>
35+
<li>Registrar mi ciudad</li>
36+
<li>Descargo de responsabilidad</li>
37+
</ul>
38+
</div>
39+
40+
<div className={styles.col}>
41+
<h1 >Ecuador.js</h1>
42+
<img src={escudo} alt="Escudo del Ecuador" />
43+
{/* <SocialNetworks /> */}
44+
</div>
45+
</div>
46+
47+
<p>¿Encontraste un error? <span><a href="https://github.com/javascriptecuador/web/issues/new/choose" target="_blank">Repórtalo </a></span></p>
48+
49+
<h2>2019 - 2020 Ecuador.js</h2>
50+
<h3>All rights reserved</h3>
751

8-
<p>
9-
<a
10-
className="font-bold text-white no-underline"
11-
href="https://github.com/javascriptecuador/web"
12-
target="_blank"
13-
rel="noopener noreferrer">
14-
GitHub
15-
</a>
16-
</p>
17-
</nav>
1852
</footer>
1953
);
2054

‎src/components/footer/footer.module.css‎

Lines changed: 125 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,125 @@
1+
.footer {
2+
background-color: #FEF6DD;
3+
color: #000;
4+
background-image: url('../../images/widgets/lines.svg');
5+
height: 500px;
6+
padding: 5em 10em 0 10em;
7+
position: relative;
8+
}
9+
10+
.footer__title {
11+
font-size: 14px;
12+
padding-bottom: 2em;
13+
font-weight: 700;
14+
}
15+
16+
.footer h1 {
17+
font-size: 64px;
18+
font-weight: 700;
19+
}
20+
21+
.footer h2 {
22+
font-size: 25px;
23+
font-weight: 700;
24+
text-align: center;
25+
}
26+
27+
.footer h3 {
28+
font-size: 18px;
29+
font-weight: 400;
30+
text-align: center;
31+
}
32+
33+
.footer p {
34+
text-align: center;
35+
padding-bottom: 1em;
36+
}
37+
38+
.footer span {
39+
text-decoration: underline;
40+
}
41+
42+
.footer img {
43+
top: 9.5em;
44+
right: 6%;
45+
position: absolute;
46+
}
47+
48+
.flex {
49+
display: flex;
50+
justify-content: space-between;
51+
padding-bottom: 5em;
52+
}
53+
54+
.col {
55+
width: 25%;
56+
}
57+
58+
.col li {
59+
font-size: 14px;
60+
line-height: 24px;
61+
}
62+
63+
@media only screen and (max-width: 800px) {
64+
.footer {
65+
height: 550px;
66+
padding: 3em 10em 0 2em;
67+
}
68+
69+
.footer h1 {
70+
font-size: 54px;
71+
padding-left: 2em;
72+
}
73+
74+
.footer img {
75+
top: 7.5em;
76+
right: 4em;
77+
position: absolute;
78+
}
79+
80+
.flex {
81+
padding-bottom: 3em;
82+
}
83+
84+
.col {
85+
width: 50%;
86+
}
87+
}
88+
89+
@media only screen and (max-width: 400px) {
90+
.footer {
91+
height: 810px;
92+
padding: 1em 0 0 2em;
93+
}
94+
95+
.footer__title {
96+
font-size: 14px;
97+
padding-top: 2em;
98+
padding-bottom: 0.5em;
99+
font-weight: 700;
100+
}
101+
102+
.footer h1 {
103+
font-size: 34px;
104+
padding-top: 1.5em;
105+
}
106+
107+
.footer img {
108+
top: 36.5em;
109+
right: 16%;
110+
position: absolute;
111+
}
112+
113+
.footer p {
114+
padding: 4.5em 0 1em 0;
115+
}
116+
117+
.flex {
118+
display: inline;
119+
padding-bottom: 3em;
120+
}
121+
122+
.col {
123+
width: 100%;
124+
}
125+
}

‎src/data/contributors.json‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -83,11 +83,11 @@
8383
"rol": "Co-Organizador",
8484
"name": "Carlos G. Encalada B.",
8585
"photo": "https://avatars2.githubusercontent.com/u/55223838?v=4",
86-
"github": "http://karlosencalada.dev",
86+
"github": "https://github.com/skcode7",
8787
"website": "http://karlosencalada.dev",
88-
"email": "http://karlosencalada.dev",
89-
"twitter": "http://karlosencalada.dev",
90-
"description": "Lorem ipsum dolor sit amet consectetur adipiscing elit id tempus cras orci accumsan, commodo semper sagittis consequat turpis hac malesuada felis nisi senectus est. "
88+
"email": "mailto:admin@karlosencalada.dev",
89+
"twitter": "https://twitter.com/karlosrocker",
90+
"description": "Desarrollador Low Code, consultor de ERPs, entusiasta de GNU-Linux y usuario de Jamstack"
9191
},
9292
{
9393
"rol": "Co-Organizador",

‎src/images/widgets/lines.svg‎

Lines changed: 3 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)