Skip to content

Commit 9025db4

Browse files
AangPerAangPer
committed
Seccion de mentores añadidos
1 parent 217f01f commit 9025db4

27 files changed

+3999
-1806
lines changed

Diff for: ‎.vscode/settings.json

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
{
2+
"spellright.language": [
3+
"es"
4+
],
5+
"spellright.documentTypes": [
6+
"markdown",
7+
"latex",
8+
"plaintext"
9+
],
10+
"git.ignoreLimitWarning": true
11+
}

Diff for: ‎package-lock.json

+2,410-1,712
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

Diff for: ‎package.json

+3-1
Original file line numberDiff line numberDiff line change
@@ -5,14 +5,16 @@
55
"dependencies": {
66
"react": "^16.11.0",
77
"react-dom": "^16.11.0",
8+
"react-feather": "^2.0.3",
89
"react-scripts": "3.2.0"
910
},
1011
"scripts": {
1112
"start": "react-scripts start",
1213
"build": "react-scripts build",
1314
"test": "react-scripts test",
1415
"eject": "react-scripts eject",
15-
"compile:sass": "node-sass src/sass/main.scss src/css/style.css -w"
16+
"compile:sass": "node-sass src/sass/main.scss src/css/style.css -w",
17+
"compile:sasas": "react-scripts start"
1618
},
1719
"eslintConfig": {
1820
"extends": "react-app"

Diff for: ‎src/assets/img/Terminal.gif

109 KB
Loading

Diff for: ‎src/assets/img/mentor-giov.png

217 KB
Loading

Diff for: ‎src/assets/img/pineapple.jpg

16.1 KB
Loading

Diff for: ‎src/components/About.js

+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
import React from 'react';
2+
import console from '../assets/img/Terminal.gif';
3+
4+
const About = () => {
5+
return (
6+
<div className="section-about">
7+
<div className="section-about__text-box">
8+
<h2 className="heading-secondary">
9+
Estas a un <span className="u-underline">npm</span>&nbsp; <span className="u-underline">install</span> de aprender cualquier cosa
10+
</h2>
11+
<p className="paragraph">
12+
<strong className="u-strong"> NodeSchool </strong> es el lugar donde puedes comenzar en el increíble camino de <strong className="u-strong">JavaScript </strong> y <strong className="u-strong">Node.js </strong> y donde estudiantes y mentores comparten lo que han aprendido juntos, tanto mentores como alumnos están dispuestos a ayudar a progresar a la comunidad de <strong className="u-strong">NodeSchool</strong>.
13+
</p>
14+
</div>
15+
<div className="section-about__console-box">
16+
<img src={console} className="section-about__console" srcset="" alt="Logo" />
17+
</div>
18+
</div>
19+
)
20+
}
21+
22+
export default About;

Diff for: ‎src/components/Contact.js

+41
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
import React from 'react';
2+
import logo from '../assets/img/logo-NodeSchoolTabasco.png';
3+
import { GitHub, Twitter, Facebook } from 'react-feather';
4+
5+
const Contact = () => {
6+
return (
7+
<section className="section-contact">
8+
<div className="section-contact__wrapper">
9+
<div className="contact contact__text-box">
10+
<h2 className="heading-secondary">
11+
Contacto
12+
</h2>
13+
<p className="paragraph">
14+
NodeSchool es un grupo de voluntarios que apoyan a las demás personas a aprender y escribir código JavaScript
15+
</p>
16+
<p className="paragraph">
17+
Si tienes alguna duda puedes contactarnos en NodeSchoolTabasco
18+
</p>
19+
<p className="paragraph">
20+
Pedimos a todos los participantes, patrocinadores y ponentes que se guíen por nuestro código de conducta.
21+
</p>
22+
</div>
23+
<div className="contact contact__img-box">
24+
<img className="contact__img" src={logo} alt="" />
25+
<div className="contact__social-media u-margin-top-small">
26+
<button className="contact__social-media__links">
27+
<Twitter size={30} />
28+
</button>
29+
<button className="contact__social-media__links">
30+
<Facebook size={30} />
31+
</button>
32+
<button className="contact__social-media__links">
33+
<GitHub size={30} />
34+
</button>
35+
</div>
36+
</div>
37+
</div>
38+
</section>
39+
)
40+
}
41+
export default Contact;

Diff for: ‎src/components/EventCard.js

+20
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
import React from 'react';
2+
import Foto from '../assets/img/photo-3.jpg';
3+
4+
const EventCard = () => {
5+
return (
6+
<div className="card card__previous-event">
7+
<img src={Foto} alt="" className="card__previous-event__img" />
8+
<div className="card card__previous-event__box-text">
9+
<h2 className="heading-tertiary heading-tertiary--main u-align-center">
10+
Git-It
11+
</h2>
12+
<h2 className="heading-tertiary heading-tertiary--sub u-align-center">
13+
20 Octubre 2019
14+
</h2>
15+
</div>
16+
</div>
17+
)
18+
}
19+
20+
export default EventCard;

Diff for: ‎src/components/Events.js

+38
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
import React from 'react';
2+
import NextEvent from './NextEvent';
3+
import EventCard from './EventCard';
4+
5+
const Events = () => {
6+
return (
7+
<section className="section-events">
8+
<div className="section-events__wrapper">
9+
<div className="section-events__next-event u-margin-top-big">
10+
<h2 className="heading-secondary u-align-center">
11+
Proximo evento
12+
</h2>
13+
<NextEvent />
14+
</div>
15+
<div className="section-events__previous-events u-margin-top-big">
16+
<h2 className="heading-secondary u-align-center">
17+
Eventos anteriores
18+
</h2>
19+
<div className="section-events__event-gallery">
20+
<EventCard />
21+
<EventCard />
22+
<EventCard />
23+
<EventCard />
24+
<EventCard />
25+
<EventCard />
26+
<EventCard />
27+
<EventCard />
28+
<EventCard />
29+
<EventCard />
30+
<EventCard />
31+
</div>
32+
</div>
33+
</div>
34+
</section>
35+
)
36+
}
37+
38+
export default Events;

Diff for: ‎src/components/Header.js

+26
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
import React from 'react';
2+
import logo from '../assets/img/logo-NodeSchoolTabasco.png';
3+
import Foto from '../assets/img/slide-1.jpg';
4+
5+
const Slide = () => {
6+
return (
7+
<header className="header">
8+
<div className="header header__wrapper">
9+
<div className="header__text-box">
10+
<h1 className="heading-primary">
11+
<span className="heading-primary--main">¡Asiste, aprende y comparte!</span>
12+
<span className="heading-primary--sub">NodeSchoool es el lugar donde puedes conocer a la comunidad de developers en Tabasco.</span>
13+
</h1>
14+
</div>
15+
<div className="header__logo-box">
16+
<img src={logo} className="header__logo" srcset="" alt="Logo" />
17+
</div>
18+
</div>
19+
<div className="header__slider">
20+
<img src={Foto} alt="" className="header__slider__img" />
21+
</div>
22+
</header>
23+
)
24+
}
25+
26+
export default Slide;

Diff for: ‎src/components/MentorCard.js

+31
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
import React from 'react';
2+
import Foto from '../assets/img/mentor-giov.png';
3+
import { GitHub, Twitter, Facebook } from 'react-feather';
4+
5+
const MentorCard = () => {
6+
return (
7+
<div className="card card__mentor">
8+
<div className="card card__mentor__box-img">
9+
<img src={Foto} alt="" className="card__mentor__img" />
10+
</div>
11+
<div className="card card__mentor__box-text">
12+
<h2 className="heading-tertiary heading-tertiary--main u-align-center">
13+
Giovanni Ortiz
14+
</h2>
15+
<div className="card card__mentor__social-media">
16+
<button className="card card__mentor__social-media-links">
17+
<Twitter size={20} />
18+
</button>
19+
<button className="card card__mentor__social-media-links">
20+
<Facebook size={20} />
21+
</button>
22+
<button className="card card__mentor__social-media-links">
23+
<GitHub size={20} />
24+
</button>
25+
</div>
26+
</div>
27+
</div>
28+
)
29+
}
30+
31+
export default MentorCard;

Diff for: ‎src/components/Mentors.js

+25
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
import React from 'react';
2+
import Foto from '../assets/img/mentor-giov.png';
3+
import MentorCard from './MentorCard';
4+
// import EventCard from './EventCard';
5+
6+
7+
const Mentors = () => {
8+
return (
9+
<section className="section-mentors">
10+
<div className="section-mentors__wrapper">
11+
<h2 className="heading-secondary heading-secondary--white u-align-center u-margin-top-big u-margin-bottom-big">
12+
Mentores
13+
</h2>
14+
<div className="section-mentors__box">
15+
<MentorCard />
16+
<MentorCard />
17+
<MentorCard />
18+
<MentorCard />
19+
</div>
20+
</div>
21+
</section >
22+
)
23+
}
24+
25+
export default Mentors;

Diff for: ‎src/components/NextEvent.js

+29
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
import React from 'react';
2+
3+
const NextEvent = () => {
4+
return (
5+
<div className="card card__next-event">
6+
<h2 className="heading-secondary heading-secondary--white u-align-center u-margin-bottom-small">
7+
Hacktoberfest 2019
8+
<span className="heading-secondary heading-secondary--yellow">
9+
20 de Octubre
10+
</span>
11+
</h2>
12+
{/* Los apartados siguientes deverian ser dinamicos y sacados de los eventos de facebook */}
13+
<p className="paragraph">
14+
<span className="paragraph--yellow u-bold">¿Cuando? </span><span className="paragraph--white">Viernes, 20 de Octubre desde 6-8 PM
15+
</span>
16+
</p>
17+
<p className="paragraph">
18+
<span className="paragraph--yellow u-bold">¿Donde? </span><span className="paragraph--white">Galaxia Coworking Villahermosa, Mexico <a className="btn btn--yellow">[mapa]</a>
19+
</span>
20+
</p>
21+
<p className="paragraph">
22+
<span className="paragraph--yellow u-bold">¿De que tratara? </span><span className="paragraph--white"> Learning, mentoring, javascript bffs, and pizza 🍕
23+
</span>
24+
</p>
25+
</div>
26+
)
27+
}
28+
29+
export default NextEvent;

Diff for: ‎src/components/Slide.js

-10
This file was deleted.

0 commit comments

Comments
 (0)