Skip to content

Commit

Permalink
Merge pull request #1 from felipecastrosales/development
Browse files Browse the repository at this point in the history
Olhando as oportunidades!
  • Loading branch information
felipecastrosales authored Oct 13, 2020
2 parents b3651c8 + 1a50a56 commit a4c37ee
Show file tree
Hide file tree
Showing 12 changed files with 741 additions and 80 deletions.
66 changes: 37 additions & 29 deletions README-pt.md
Original file line number Diff line number Diff line change
Expand Up @@ -13,15 +13,16 @@
<p align="center">
O projeto Happy, desenvolvido na semana Next Level Week, da <a href="https://rocketseat.com.br/">Rocketseat</a>, durante o dia 12 ao 18 do mês de Outubro.<br>
O projeto tem como inspiração as Instituições de Caridade, que realizam um trabalho muito importante no mundo. E tem como intenção incentivar a visitação de crianças em orfanatos, que é uma coisa linda ver a felicidade de crianças.<br>
E o desafio da semana, era propor não só programar, mas também nos trazer uma pequena reflexão. 😀
E o desafio da semana, era propor não só programar, mas também nos trazer uma pequena reflexão. 😀<br>
Vamos levar felicidade para o mundo! 😊<br>
Este evento teve muito conteúdo exclusivo e gratuito, foi simplesmente sensacional! 😄
</p>

- ✅ "Acelerando sua evolução" 💪
- 🔄 "Olhando as oportunidades" 👀
- 🔄 "A escolha da Stack" 📌
- 🔄 "Até dois anos em 2 meses" 🔥
- 🔄 "A milha extra" 🚀
- ✅ "Acelerando sua evolução" 💪
- "Olhando as oportunidades" 👀
- 🔄 "A escolha da Stack" 📌
- 🔄 "Até dois anos em 2 meses" 🔥
- 🔄 "A milha extra" 🚀

---

Expand All @@ -31,18 +32,25 @@
<img src="https://user-images.githubusercontent.com/59374587/95769033-9a163200-0c8d-11eb-8f43-2930a859f858.png" width="100%" alt="Happy Demo"/>
</p>


<h2 align="center">Layout 🎨</h2>

<p align="center">
O Layout foi desenvolvido por <a href="https://instagram.com/tiagoluchtenberg">Tiago Luchtenberg</a>, e você pode acessá-lo no Figma, basta clicar <a href="https://www.figma.com/file/XYb2tha1gU5M8vTwTUmjNx/Happy-Web-(Copy)?node-id=0%3A1">aqui</a>!
O Layout foi desenvolvido por <a href="https://instagram.com/tiagoluchtenberg">Tiago Luchtenberg</a>, e você pode acessá-lo no Figma, basta clicar para ver em <a href="https://www.figma.com/file/XYb2tha1gU5M8vTwTUmjNx/Happy-Web-(Copy)?node-id=0%3A1">Desktop</a> e em <a href="https://www.figma.com/file/X27FfVxAgy9f5IFa7ONlph/Happy-Mobile?node-id=0%3A1">Mobile</a>!
</p>

---

<h2 align="center">Funcionalidades 🛠️</h2>

>A desenvolver
- Levar felicidade para o mundo! 🥳
- Incentivar as pessoas a visitar orfanatos!
- Você pode criar e cadastrar orfanatos;
- Pode marcar os dias para a visitação de orfanatos;
- Acessando horários e dias de funcionamento 📅,
- Agendar visitas,
- Entrar em contato via Whatsapp 📞,
- Ver as rotas via Google Maps 🗺
- Navegar em diferentes guias e páginas;

---

Expand All @@ -57,30 +65,30 @@

<h2 align="center">Como usar 🤔</h2>

```
- Clone o repositório:
$ git clone https://github.com/felipecastrosales/Happy Happy
```
- Clone o repositório:
$ git clone https://github.com/felipecastrosales/Happy Happy
- Entre no diretório:
$ cd Happy
```
- Entre no diretório:
$ cd Happy
```

---

<h2 align="center">Como contribuir 💪</h2>

```
- Fork o projeto
```
- Fork o projeto
- Crie uma nova branch com suas alterações:
$ git checkout -b my-feature
- Crie uma nova branch com suas alterações:
$ git checkout -b my-feature
- Salve suas alterações e crie uma mensagem de confirmação dizendo o que você fez:
$ git commit -m "feature: My new feature"
- Salve suas alterações e crie uma mensagem de confirmação dizendo o que você fez:
$ git commit -m "feature: My new feature"
- Envie suas alterações:
$ git push origin my-feature
```
- Envie suas alterações:
$ git push origin my-feature
```

---

Expand All @@ -90,15 +98,15 @@
Este repositório está sob licença MIT. Você pode ver o arquivo <a href="https://github.com/felipecastrosales/Happy/blob/master/LICENSE"> LICENSE </a> para mais detalhes. 😉
</p>

---
---

>Este projeto foi desenvolvido com ❤️ por **[@Felipe Sales](https://www.linkedin.com/in/felipecastrosales/)**, com o instrutor **[@MaykBrito](https://linkedin.com/in/maykbrito)**, durante a **[Next Level Week](https://rocketseat.com.br/)** da **[Rocketseat](https://www.linkedin.com/school/rocketseat/about/)** 💜. <br>
Se isso te ajudou, dê uma ⭐, isso vai me ajudar também! 😉
> Este projeto foi desenvolvido com ❤️ por **[@Felipe Sales](https://www.linkedin.com/in/felipecastrosales/)**, com o instrutor **[@MaykBrito](https://linkedin.com/in/maykbrito)**, durante a **[Next Level Week](https://rocketseat.com.br/)** da **[Rocketseat](https://www.linkedin.com/school/rocketseat/about/)** 💜. <br>
> Se isso te ajudou, dê uma ⭐, isso vai me ajudar também! 😉
---

<div align="center">

[![Linkedin Badge](https://img.shields.io/badge/-Felipe%20Sales-292929?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/felipecastrosales/)](https://www.linkedin.com/in/felipecastrosales/)
[![Linkedin Badge](https://img.shields.io/badge/-Felipe%20Sales-292929?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/felipecastrosales/)](https://www.linkedin.com/in/felipecastrosales/)

</div>
</div>
15 changes: 12 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,11 +10,12 @@
The Happy project, developed during the Next Level Week, from <a href="https://rocketseat.com.br/">Rocketseat</a>, from the 12th to the 18th of October.<br>
The project is inspired by Charities, which carry out very important work in the world. And it is intended to encourage children to visit orphanages, which is a beautiful thing to see the happiness of children.<br>
And the challenge for the week was to propose not only programming, but also a little reflection. 😀<br>
Let's bring happiness to the world! 😊 <br>
This event had a lot of exclusive, free content, it was simply sensational and profitable! 😄
</p>

- ✅ "Accelerating Your Evolution" 💪
- 🔄 "Looking at opportunities" 👀
- "Looking at opportunities" 👀
- 🔄 "The Stack's Choice" 📌
- 🔄 "Up to two years in 2 months" 🔥
- 🔄 "The extra mile" 🚀
Expand All @@ -33,14 +34,22 @@
<h2 align="center">Layout 🎨</h2>

<p align="center">
The Layout was developed by <a href="https://instagram.com/tiagoluchtenberg">Tiago Luchtenberg</a>, and you can access it on Figma, just click <a href="https://www.figma.com/file/XYb2tha1gU5M8vTwTUmjNx/Happy-Web-(Copy)?node-id=0%3A1">here</a>!
The Layout was developed by <a href="https://instagram.com/tiagoluchtenberg">Tiago Luchtenberg</a>, and you can access it on Figma, just click to see <a href="https://www.figma.com/file/XYb2tha1gU5M8vTwTUmjNx/Happy-Web-(Copy)?node-id=0%3A1">Desktop</a> and at <a href="https://www.figma.com/file/X27FfVxAgy9f5IFa7ONlph/Happy-Mobile?node-id=0%3A1">Mobile </a>!
</p>

---

<h2 align="center">Functionalities 🛠️</h2>

> In development
- Bring happiness to the world! 🥳
- Encourage people to visit orphanages!
- You can create and register orphanages;
- You can mark the days for visiting orphanages;
- Accessing opening hours and days 📅,
- Schedule visits,
- Get in touch via Whatsapp 📞,
- View directions via Google Maps 🗺
- Browse different tabs and pages;

---

Expand Down
24 changes: 14 additions & 10 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,33 +6,37 @@
<title>Happy</title>
<link rel="icon" href="./public/images/logo-icon.png" />
<link rel="stylesheet" href="./public/css/main.css" />
<link rel="stylesheet" href="./public/css/animation.css" />
<link rel="stylesheet" href="./public/css/animations.css" />
<link rel="stylesheet" href="./public/css/page-landing.css" />
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap"
rel="stylesheet" />
<link
href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap"
rel="stylesheet"
/>
</head>
<body>
<div id="page-landing">
<div id="container">
<header>
<img
class="animate-up"
id="logo"
src="./public/images/logo.svg"
alt="Logomarca de Happy" />
class="animate-up"
id="logo"
src="./public/images/logo.svg"
alt="Logomarca de Happy"
/>

<div class="location animate-up">
<strong>Fortaleza</strong>
<p>Ceará</p>
</div>
</header>

<main>
<h1 class="animate-up">Leve felicidade para o mundo</h1>
<section class="visit">
<p class="animate-up">Visite orfanatos e mude o dia de muitas crianças.</p>
<p class="animate-up">
Visite orfanatos e mude o dia de muitas crianças.
</p>

<a class="animate-up" href="#" title="Visite orfanatos">
<a class="animate-up" href="orphanages.html" title="Visite orfanatos">
<img src="./public/images/arrow.svg" alt="Ir para o mapa" />
</a>
</section>
Expand Down
127 changes: 127 additions & 0 deletions orphanage.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,127 @@
<!DOCTYPE html>
<html lang="pt_BR">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Lar das Meninas | Happy</title>
<link
rel="stylesheet"
href="https://unpkg.com/[email protected]/dist/leaflet.css"
integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
crossorigin=""
/>
<script
src="https://unpkg.com/[email protected]/dist/leaflet.js"
integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA=="
crossorigin=""
></script>
<link rel="icon" href="./public/images/logo-icon.png" />
<link rel="stylesheet" href="./public/css/main.css" />
<link rel="stylesheet" href="./public/css/animations.css" />
<link rel="stylesheet" href="./public/css/page-orphanage.css" />
<link
href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap"
rel="stylesheet"
/>
</head>
<body>
<div id="page-orphanage">
<aside class="animate-right sidebar">
<img src="./public/images/map-marker.svg" alt="Happy" />
<footer>
<button onclick="history.back()">
<img src="./public/images/arrow-back.svg" alt="Voltar">
</button>
</footer>
</aside>

<main class="animate-appear with-sidebar">
<div class="orphanage-details">
<img src="./public/images/home.jpg" alt="Lar das Meninas" />
<div class="images">
<button onclick="selectImage(event)" class="active" type="button">
<img
src="https://source.unsplash.com/random?id=1"
alt="Lar das meninas"
/>
</button>

<button onclick="selectImage(event)" type="button">
<img
src="https://source.unsplash.com/random?id=2"
alt="Lar das meninas"
/>
</button>

<button onclick="selectImage(event)" type="button">
<img
src="https://source.unsplash.com/random?id=3"
alt="Lar das meninas"
/>
</button>

<button onclick="selectImage(event)" type="button">
<img
src="https://source.unsplash.com/random?id=4"
alt="Lar das meninas"
/>
</button>

<button onclick="selectImage(event)" type="button">
<img
src="https://source.unsplash.com/random?id=5"
alt="Lar das meninas"
/>
</button>

<button onclick="selectImage(event)" type="button">
<img
src="https://source.unsplash.com/random?id=6"
alt="Lar das meninas"
/>
</button>
</div>

<div class="orphanage-details-content">
<h1>Lar das Meninas</h1>
<p>
Presta assistência a crianças de 06 a 15 anos que se encontre em
situação de risco e/ou vulnerabilidade social.
</p>
<div class="map-container">
<div id="mapid"></div>

<footer>
<a href="">Ver rotas no Google Maps</a>
</footer>
</div>
<hr />
<h2>Instruções para a visita</h2>
<p>
Venha como se sentir a vontade e traga muito amor e paciência para
dar
</p>
<div class="open-details">
<div class="hour">
<img src="./public/images/clock.svg" alt="Horários" />
Horário de visitas das 8h até 18h
</div>
<div class="open-on-weekends">
<img src="./public/images/info.svg" alt="Informações" />
Atendemos fim de semana
</div>
</div>
<button class="primary-button" type="button">
<img
src="./public/images/whatsapp.svg"
alt="Chamar no whatsapp"
/>
Entrar em contato
</button>
</div>
</div>
</main>
</div>
<script src="./public/scripts/page-orphanage.js"></script>
</body>
</html>
54 changes: 54 additions & 0 deletions orphanages.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,54 @@
<!DOCTYPE html>
<html lang="pt_BR">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Localize um Orfanato | Happy</title>
<link
rel="stylesheet"
href="https://unpkg.com/[email protected]/dist/leaflet.css"
integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
crossorigin=""
/>
<script
src="https://unpkg.com/[email protected]/dist/leaflet.js"
integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA=="
crossorigin=""
></script>
<link rel="icon" href="./public/images/logo-icon.png" />
<link rel="stylesheet" href="./public/css/main.css" />
<link rel="stylesheet" href="./public/css/animations.css" />
<link rel="stylesheet" href="./public/css/page-orphanages.css" />
<link
href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap"
rel="stylesheet"
/>
</head>
<body>
<div id="page-orphanages">
<aside class="animate-right">
<header>
<img src="./public/images/map-marker.svg" alt="Happy" />
<h2>Escolha um orfanato no mapa</h2>
<p>Muitas crianças estão esperando sua visita :)</p>
</header>

<footer>
<strong>Fortaleza</strong>
<p>Ceará</p>
</footer>
</aside>

<div id="mapid" class="animate-appear"></div>

<a
href="create-orphanage.html"
class="create-orphanage"
title="Cadastre um orfanato"
>
<img src="./public/images/plus.svg" alt="Criar orfanato" />
</a>
</div>
<script src="./public/scripts/page-orphanages.js"></script>
</body>
</html>
Loading

0 comments on commit a4c37ee

Please sign in to comment.