├── .vscode └── settings.json ├── .github ├── figma.png ├── participate.png ├── faceb00k.svg ├── linkedin.svg ├── twitter.svg ├── pull-request.svg ├── github.svg ├── discord.svg ├── instagram.svg ├── pull-reques-1.svg ├── pull-reques-4.svg ├── pull-reques-2.svg ├── pull-reques-3.svg └── meetup.svg ├── public ├── favicon.ico └── index.html ├── src ├── assets │ ├── styles │ │ ├── typography.js │ │ ├── colors.js │ │ └── GlobalStyles.js │ └── images │ │ ├── WWCodeRecife.png │ │ ├── WomenWhoCode.png │ │ ├── facebook.svg │ │ ├── linkedIn.svg │ │ ├── linkedln.svg │ │ ├── footer-twitter.svg │ │ ├── twitter.svg │ │ ├── footer-discord.svg │ │ ├── gitHub.svg │ │ ├── footer-instagram.svg │ │ ├── btn.svg │ │ ├── H_hacktoberfest.svg │ │ ├── logo-digital-ocean.svg │ │ ├── commingSoon.svg │ │ ├── commingSoonPink.svg │ │ └── participation.svg ├── setupTests.js ├── shared-ui │ ├── Layout.js │ └── Typography.js ├── index.js ├── components │ ├── WWCodeRecife │ │ ├── styles.js │ │ └── index.js │ ├── Team │ │ ├── index.js │ │ ├── styles.js │ │ └── Session │ │ │ └── index.js │ ├── Hacktoberfest │ │ ├── styles.js │ │ └── index.js │ ├── Hero │ │ ├── index.js │ │ └── styles.js │ ├── Footer │ │ ├── index.js │ │ └── styles.js │ ├── WomenWhoCode │ │ ├── index.js │ │ └── styles.js │ └── Header │ │ ├── index.js │ │ └── styles.js ├── App.js ├── data │ ├── links.js │ └── team.js └── serviceWorker.js ├── .gitignore ├── package.json ├── CONTRIBUTING.md └── README.md /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { "prettier.singleQuote": true, "prettier.semi": true } 2 | -------------------------------------------------------------------------------- /.github/figma.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/womenwhocoderecife/wwcode-hacktoberfest-2020/HEAD/.github/figma.png -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/womenwhocoderecife/wwcode-hacktoberfest-2020/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /.github/participate.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/womenwhocoderecife/wwcode-hacktoberfest-2020/HEAD/.github/participate.png -------------------------------------------------------------------------------- /src/assets/styles/typography.js: -------------------------------------------------------------------------------- 1 | export const fonts = { 2 | base: "'Inter', sans-serif", 3 | alpha: "'Montserrat', sans-serif;", 4 | }; 5 | -------------------------------------------------------------------------------- /src/assets/images/WWCodeRecife.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/womenwhocoderecife/wwcode-hacktoberfest-2020/HEAD/src/assets/images/WWCodeRecife.png -------------------------------------------------------------------------------- /src/assets/images/WomenWhoCode.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/womenwhocoderecife/wwcode-hacktoberfest-2020/HEAD/src/assets/images/WomenWhoCode.png -------------------------------------------------------------------------------- /src/setupTests.js: -------------------------------------------------------------------------------- 1 | // jest-dom adds custom jest matchers for asserting on DOM nodes. 2 | // allows you to do things like: 3 | // expect(element).toHaveTextContent(/react/i) 4 | // learn more: https://github.com/testing-library/jest-dom 5 | import '@testing-library/jest-dom/extend-expect'; 6 | -------------------------------------------------------------------------------- /src/shared-ui/Layout.js: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components/macro'; 2 | 3 | export const Section = styled.section` 4 | display: flex; 5 | align-items: center; 6 | justify-content: center; 7 | flex-direction: column; 8 | background: transparent; 9 | padding: 50px 1rem; 10 | width: 100%; 11 | font-size: 1.125rem; 12 | font-weight: 400; 13 | line-height: 1.5; 14 | `; -------------------------------------------------------------------------------- /src/assets/styles/colors.js: -------------------------------------------------------------------------------- 1 | export const colors = { 2 | neutral: '#FFFFFF', 3 | neutrayDark: '#000000', 4 | neutralLight: '#93C2DB', 5 | 6 | primary: '#00707A', 7 | primaryLighter: '#183d5d', 8 | primaryHighLight: '#FF8AE2', 9 | primaryDark: '#072540', 10 | primaryDarker: '#010e28', 11 | primaryLight: '#48484C', 12 | primaryClear: '#99E1DD', 13 | 14 | secondary: '#0060FF', 15 | }; 16 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env.local 17 | .env.development.local 18 | .env.test.local 19 | .env.production.local 20 | 21 | npm-debug.log* 22 | yarn-debug.log* 23 | yarn-error.log* 24 | 25 | .vercel 26 | 27 | yarn.lock 28 | -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import App from './App'; 4 | import * as serviceWorker from './serviceWorker'; 5 | 6 | ReactDOM.render( 7 | 8 | 9 | , 10 | document.getElementById('root') 11 | ); 12 | 13 | // If you want your app to work offline and load faster, you can change 14 | // unregister() to register() below. Note this comes with some pitfalls. 15 | // Learn more about service workers: https://bit.ly/CRA-PWA 16 | serviceWorker.unregister(); 17 | -------------------------------------------------------------------------------- /.github/faceb00k.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /src/assets/images/facebook.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /src/components/WWCodeRecife/styles.js: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components/macro'; 2 | import { fonts } from '../../assets/styles/typography'; 3 | import { Subtitle } from '../../shared-ui/Typography'; 4 | 5 | export const Statement = styled(Subtitle)` 6 | max-width: 1020px; 7 | width: 100%; 8 | margin-top: 3rem; 9 | padding: 2rem 0 0 0; 10 | font-family: ${fonts.base}; 11 | word-break: break-word; 12 | font-size: 1.8rem; 13 | line-height: 2.5rem; 14 | font-weight: 600; 15 | text-align: center; 16 | `; 17 | 18 | export const Logo = styled.img` 19 | display: flex; 20 | max-width: 650px; 21 | width: 100%; 22 | margin: 0 0 3rem 0; 23 | padding: 2rem 0 1rem 0; 24 | object-fit: contain; 25 | `; -------------------------------------------------------------------------------- /src/components/Team/index.js: -------------------------------------------------------------------------------- 1 | import React, { useState } from 'react'; 2 | import team from '../../data/team'; 3 | import Session from './Session'; 4 | import { TeamContainer, TeamNav, TeamLink } from './styles'; 5 | 6 | const Team = () => { 7 | const [index, setIndex] = useState(0); 8 | 9 | return ( 10 | 11 | 12 | {team.map(({ title }, index) => ( 13 | setIndex(index)} key={index}> 14 | {title} 15 | 16 | ))} 17 | 18 | 23 | 24 | ); 25 | }; 26 | 27 | export default Team; -------------------------------------------------------------------------------- /src/App.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import { Normalize } from 'styled-normalize'; 3 | import GlobalStyles from './assets/styles/GlobalStyles'; 4 | 5 | import HacktoberFest from './components/Hacktoberfest'; 6 | import Header from './components/Header'; 7 | import Hero from './components/Hero'; 8 | import Team from './components/Team'; 9 | import WomenWhoCode from './components/WomenWhoCode'; 10 | import WWCodeRecife from './components/WWCodeRecife'; 11 | import Footer from './components/Footer'; 12 | 13 | const App = () => ( 14 | <> 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 |