Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

feat(Coder Camp): add schedule component #209

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

feat(Coder Camp): add schedule component #209

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
172 changes: 172 additions & 0 deletions apps/web/data/coder_camp_schedule.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,172 @@
[
{
"name": "Segunda",
"activities":
[
{
"title": "🧑‍💻 Projeto 🧑‍💻",
"hours": "09h00 - 10h30"
},
{
"title": "🥐 Lanche 🥐",
"hours": "10h30 - 11h00"
},
{
"title": "👩‍💻 Projeto 👩‍💻",
"hours": "11h00 - 12h30"
},
{
"title": "🍱 Almoço 🍱",
"hours": "12h30 - 14h00"
},
{
"title": "🤖 Torneio Lightbot IRL 🤖",
"hours": "14h00 - 16h00"
},
{
"title": "☕ Lanche ☕",
"hours": "16h00 - 16h30"
},
{
"title": "0️⃣ Circuitos Logicos 1️⃣",
"hours": "16h30 - 17h30"
}
]
},
{
"name": "Terça",
"activities":
[
{
"title": "🧑‍💻 Projeto 🧑‍💻",
"hours": "09h00 - 10h30"
},
{
"title": "🥐 Lanche 🥐",
"hours": "10h30 - 11h00"
},
{
"title": "👩‍💻 Projeto 👩‍💻",
"hours": "11h00 - 12h30"
},
{
"title": "🍱 Almoço 🍱",
"hours": "12h30 - 14h00"
},
{
"title": "🧨 Conversa Antidetonante 🧨",
"hours": "14h00 - 16h00"
},
{
"title": "☕ Lanche ☕",
"hours": "16h00 - 16h30"
},
{
"title": "✂️ Origami ✂️",
"hours": "16h30 - 17h30"
}
]
},
{
"name": "Quarta",
"activities":
[
{
"title": "🧑‍💻 Projeto 🧑‍💻",
"hours": "09h00 - 10h30"
},
{
"title": "🥐 Lanche 🥐",
"hours": "10h30 - 11h00"
},
{
"title": "👩‍💻 Projeto 👩‍💻",
"hours": "11h00 - 12h30"
},
{
"title": "🍱 Almoço 🍱",
"hours": "12h30 - 14h00"
},
{
"title": "📝 Peddy Paper 📝",
"hours": "14h00 - 16h00"
},
{
"title": "☕ Lanche ☕",
"hours": "16h00 - 16h30"
},
{
"title": "🎲 Jogos de Tabuleiro 🎲",
"hours": "16h30 - 17h30"
}
]
},
{
"name": "Quinta",
"activities":
[
{
"title": "🧑‍💻 Projeto 🧑‍💻",
"hours": "09h00 - 10h30"
},
{
"title": "🥐 Lanche 🥐",
"hours": "10h30 - 11h00"
},
{
"title": "👩‍💻 Projeto 👩‍💻",
"hours": "11h00 - 12h30"
},
{
"title": "🍱 Almoço 🍱",
"hours": "12h30 - 14h00"
},
{
"title": "🐾 ScoobyDojo 🐾",
"hours": "14h00 - 16h00"
},
{
"title": "☕ Lanche ☕",
"hours": "16h00 - 16h30"
},
{
"title": "🃏 Ordena o Baralho 🃏",
"hours": "16h30 - 17h30"
}
]
},
{
"name": "Sexta",
"activities":
[
{
"title": "🧑‍💻 Projeto 🧑‍💻",
"hours": "09h00 - 10h30"
},
{
"title": "🥐 Lanche 🥐",
"hours": "10h30 - 11h00"
},
{
"title": "👩‍💻 Projeto 👩‍💻",
"hours": "11h00 - 12h30"
},
{
"title": "🍱 Almoço 🍱",
"hours": "12h30 - 14h00"
},
{
"title": "🚀 Among Us 🚀",
"hours": "14h00 - 16h00"
},
{
"title": "☕ Lanche ☕",
"hours": "16h00 - 16h30"
},
{
"title": "⚙️ Linha de Montagem ⚙️",
"hours": "16h30 - 17h30"
}
]
}
]
50 changes: 37 additions & 13 deletions apps/web/pages/codercamp.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,8 @@ import { Footer, Header } from "@coderdojobraga/ui";
import { MessageFilled, ScheduleOutlined } from "@ant-design/icons";
import Image from "next/image";

import schedule from "../data/coder_camp_schedule.json"

const CoderCamp = () => (
<>
<Header landing={true} />
Expand Down Expand Up @@ -48,11 +50,11 @@ const CoderCamp = () => (
</div>
</div>
</section>
<section className="bg-primary mt-12 overflow-hidden">
<section className="bg-dark mt-12 overflow-hidden">
<div className="container mx-auto mb-20">
<div className="flex flex-wrap items-center justify-center">
<div className="ml-auto mr-auto mt-20 w-full px-12 md:w-5/12 md:px-4">
<div className="text-primary mb-6 inline-flex h-16 w-16 items-center justify-center rounded-full bg-white p-3 text-center shadow-lg">
<div className="text-dark mb-6 inline-flex h-16 w-16 items-center justify-center rounded-full bg-white p-3 text-center shadow-lg">
<MessageFilled style={{ fontSize: "150%" }} />
</div>
<h3 className="mb-2 text-3xl font-semibold leading-normal text-white">
Expand All @@ -76,11 +78,11 @@ const CoderCamp = () => (
</div>
</div>
</section>
<section className="bg-dark overflow-hidden">
<section className="bg-primary overflow-hidden">
<div className="container mx-auto mb-20 ">
<div className="flex flex-wrap items-center justify-center">
<div className="ml-auto mr-auto mt-20 w-full px-12 md:w-5/12 md:px-4">
<div className="text-dark mb-6 inline-flex h-16 w-16 items-center justify-center rounded-full bg-white p-3 text-center shadow-lg">
<div className="mx-auto mt-20 w-full px-12 md:w-5/12 md:px-4">
<div className="text-primary mb-6 inline-flex h-16 w-16 items-center justify-center rounded-full bg-white p-3 text-center shadow-lg">
<ScheduleOutlined style={{ fontSize: "150%" }} />
</div>
<h3 className="mb-2 text-3xl font-semibold leading-normal text-white">
Expand All @@ -92,18 +94,40 @@ const CoderCamp = () => (
</p>
</div>
<div className="ml-auto mr-auto mt-20 w-full px-12 md:w-5/12 md:px-4">
<Image
alt="Coder Camp"
src="/img/codercamp_horario.png"
width={2000}
height={1000}
className=""
/>
</div>

<div className="mx-auto px-12 lg:px-4 lg:mt-12 w-full flex flex-col lg:flex-row space-y-8 lg:space-y-0 lg:space-x-4">
{schedule.map(day => (
<div className="w-full lg:w-1/5">
<p className="text-white text-2xl font-semibold">
{day.name}
</p>
<div className="mt-6 space-y-8 bg-white/20 px-4 py-14 text-center shadow-xl shadow-primary/5 backdrop-blur">

<ol role="list" className="px-6 text-center divide-y divide-white/20">
{day.activities.map(activity => (
<li className="py-8">
<h4 className="text-lg truncate uppercase font-semibold tracking-tight text-white/90">
{activity.title}
</h4>

<p className="mt-1 font-mono text-sm text-white/60">
<span>{activity.hours}</span>
</p>
</li>
))}
</ol>

</div>
</div>))}

</div>


</div>
</div>
</section>
<Footer bgColor="dark" fgColor="white" />
<Footer bgColor="primary" fgColor="white" />
</>
);

Expand Down
Loading
Loading