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

Lpad 2022 #35

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Lpad 2022 #35

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
c43411b
add schedule
isadeks Feb 13, 2022
5344eda
changed location from Online to Online(Discord), added guest speaker,…
isadeks Mar 27, 2022
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
2 changes: 1 addition & 1 deletion src/components/launchpad/About.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@ const About = () => (
<Header title='About' />
<div>
<p><strong>When:</strong> April 2nd - 3rd </p>
<p><strong>Where:</strong> Online </p>
<p><strong>Where:</strong> Online (Discord) </p>
<p><strong>Who:</strong> Grades 8-12</p>
</div>
<hr></hr>
Expand Down
75 changes: 26 additions & 49 deletions src/components/launchpad/Schedule.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -68,11 +68,11 @@ const ScheduleTable = styled('div')`
const Schedule = () => (
<ScheduleSection>
<Header title='Schedule' />
<h2>To be announced.</h2>
{/*
<Days>
<ScheduleTable>
<h3>October 10th</h3>
<div style={{textAlign: 'left'}}>
<h3>Saturday, April 2nd</h3>
</div>
<table>
<tbody>
<tr>
Expand All @@ -88,55 +88,47 @@ const Schedule = () => (
9:00 am
</td>
<td>
Intro, Form Teams
Welcome!
</td>
</tr>
<tr>
<td>
9:30 am
</td>
<td>
Start Hacking!
Make teams and start brainstorming
</td>
</tr>
<tr>
<td>
10:00 am
</td>
<td>
Workshop: Python in 60 minutes or less
</td>
</tr>
<tr>
<td>
11:30 am
9:45 am
</td>
<td>
Workshop: Basic Web Development
Scavenger hunt kickoff
</td>
</tr>
<tr>
<td>
12:00 pm
10:00 am
</td>
<td>
Lunch break
Start hacking + Intro to Python workshop
</td>
</tr>
<tr>
<td>
1:00 pm
</td>
<td>
Workshop: Art with Computer Science
Introductory workshops
</td>
</tr>
<tr>
<td>
2:30 pm
3:00 pm
</td>
<td>
Workshop: Version Control with Git
Team building activity: Wikipedia game
</td>
</tr>
<tr>
Expand All @@ -151,7 +143,9 @@ const Schedule = () => (
</table>
</ScheduleTable>
<ScheduleTable>
<h3>October 11th</h3>
<div style={{textAlign: 'left'}}>
<h3>Sunday, April 3rd</h3>
</div>
<table>
<tbody>
<tr>
Expand All @@ -167,71 +161,54 @@ const Schedule = () => (
9:00 am
</td>
<td>
Resume Hacking
Welcome back!
</td>
</tr>
<tr>
<td>
09:30 am
9:15 am
</td>
<td>
Workshop: Cryptography
Resume hacking
</td>
</tr>
<tr>
<td>
10:30 am
</td>
<td>
Workshop: Web APIs
</td>
</tr>
<tr>
<td>
12:00 pm
</td>
<td>
Lunch break
</td>
</tr>
<tr>
<td>
1:00 pm
10:00 am
</td>
<td>
Workshop: Pitching
Advanced workshop
</td>
</tr>
<tr>
<td>
2:00 pm
3:30 pm
</td>
<td>
Guest Speaker
Guest speaker
</td>
</tr>
<tr>
<td>
3:00 pm
4:00 pm
</td>
<td>
Project Pitches, Judging
Project demo + Judging
</td>
</tr>
<tr>
<td>
4:00 pm
5:00 pm
</td>
<td>
Awards Presentation, Wrap-up!
Closing + Awards
</td>
</tr>
</tbody>
</table>
</ScheduleTable>
</Days>
<p>All workshops are optional. Balance them with work time!</p>
*/}
</ScheduleSection>
);

Expand Down
36 changes: 34 additions & 2 deletions src/components/launchpad/Speaker.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,15 +1,25 @@
import React from 'react';
import Header from './Header';
import styled from '@emotion/styled';
import mark from 'images/mark.jpg';
import dave from 'images/dave.jpg';
import dimensions from 'styles/dimensions';
import colors from 'styles/colors';
import Button from 'components/_ui/Button';

const SpeakerSection = styled('div')`
text-align: center;

`;

const LearnMoreButton = styled('div')`
button {
font-size: 24px;
margin: 0;
padding: 0.5rem;
border-radius: 0.5rem;
}
`;

const SpeakerContent = styled('div')`
display: flex;
flex-direction: row;
Expand Down Expand Up @@ -45,7 +55,29 @@ const SpeakerContent = styled('div')`
const Speaker = () => (
<SpeakerSection>
<Header title='Speaker' />
<h2>To be announced.</h2>
<h3>Dave Cutler</h3>
<img src={dave} style={{
borderRadius: 50,
borderColor: "white",
borderWidth: 2,
}}alt="Dave" />
<p style={{fontWeight: "bold"}}>Co-Founder at WAVE Drowning Detection Systems</p>
<p style={{paddingTop: '0px'}}>His journey began began after a tragedy occurred at a town park where he lived.
This experience inspired entrepreneur Dave Cutler and his co-founder Mark Caron to
assemble a dedicated team of engineers and designers to set out to
create a reliable and simple to use drowning detection system.
He was a 2013 CES Last Gadget Standing semi-finalist
and the recipient of the Community Lifesaver Award in 2014 from the National
Drowning Prevention Alliance.</p>
<LearnMoreButton>
<a href="https://www.wavedds.com/our-story" target="_blank">
<Button>
Learn More
</Button>
</a>
</LearnMoreButton>


</SpeakerSection>
);

Expand Down
30 changes: 8 additions & 22 deletions src/components/launchpad/Workshops.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -44,38 +44,24 @@ const WorkshopContent = styled('div')`
const Workshop = () => (
<WorkshopSection>
<Header title='Workshops' />
<h3>Also to be announced (there's a lot of moving parts to this).</h3>
{/*<WorkshopContent>
<WorkshopContent>
<div>
<h3>Python in 60 minutes or less</h3>
<p>Never programmed before? Start here! We'll get you started in a common introductory programming language used by professionals around the world. No outside software required!</p>
{/* <p>Never programmed before? Start here! We'll get you started in a common introductory programming language used by professionals around the world. No outside software required!</p> */}
</div>
<div>
<h3>Basic Web Dev</h3>
<p>How does a website work? How do I make one? Find out at this workshop, which will show you the three pillars of web development: HTML, CSS, and Javascript.</p>
<h3>Object Oriented Programming</h3>
{/* <p>How does a website work? How do I make one? Find out at this workshop, which will show you the three pillars of web development: HTML, CSS, and Javascript.</p> */}
</div>
<div>
<h3>Art with CS</h3>
<p>Code is often beautiful. Learn how to show your creative side with the Processing API, a toolkit designed for making beautiful visualizations programmatically.</p>
<h3>Creative Coding (ps5.js)</h3>
{/* <p>Code is often beautiful. Learn how to show your creative side with the Processing API, a toolkit designed for making beautiful visualizations programmatically.</p> */}
</div>
<div>
<h3>Version Control with Git</h3>
<p>Have you ever spent hours on a word doc only to forget to save it? We can't help with that, but Git can help you keep your code organized and understandable.</p>
</div>
<div>
<h3>Web APIs</h3>
<p>Want to find all the restaurants within a mile of your home? Google Maps can do it for you, with your own code! Learn how to get your programs communicating with the tools of the internet.</p>
</div>
<div>
<h3>Cryptography</h3>
<p>Take a peek at cybersecurity through the science of secret codes. Learn some historical ciphers, how to crack them, and ways computers keep your information safe.</p>
</div>
<div>
<h3>Pitching</h3>
<p>So you've made a project, how do you get other people excited about it? This workshop will get you ready to show your project off for judging.</p>
<h3>Automated behavior engineering with social media and AI</h3>
{/* <p>Have you ever spent hours on a word doc only to forget to save it? We can't help with that, but Git can help you keep your code organized and understandable.</p> */}
</div>
</WorkshopContent>
*/}
</WorkshopSection>
);

Expand Down