diff --git a/components/bin/footer.js b/components/bin/footer.js index 09723da6a..df6b9088d 100644 --- a/components/bin/footer.js +++ b/components/bin/footer.js @@ -48,6 +48,7 @@ const Footer = () => {

Resources

+ Clubs Pizza Grant Community Events Jams Toolbox diff --git a/components/footer.js b/components/footer.js index d64ded067..d21a0547f 100644 --- a/components/footer.js +++ b/components/footer.js @@ -113,6 +113,7 @@ const Footer = ({ Resources + Clubs Pizza Grant Community Events Jams Toolbox diff --git a/components/index/cards/pizza.js b/components/index/cards/pizza.js new file mode 100644 index 000000000..3bc4bdfd3 --- /dev/null +++ b/components/index/cards/pizza.js @@ -0,0 +1,97 @@ +import CardModel from './card-model' +import { Box, Button, Flex, Grid, Image, Text } from 'theme-ui' +import Buttons from './button' + +/** @jsxImportSource theme-ui */ + +export default function Pizza() { + return ( + + + + + Start A Hack Club
Get{' '} + + {' '} + Pizza for Every Project + +
+ + + GitHub is providing pizza grants to every teen who starts a + Hack Club at their school. + + + + Get Your Pizza Grant + +
+ + + Group of teenage hackers enjoying GitHub Hack Club Pizza Grant + + Newton South HS Hack Club in Boston + + + +
+
+ ) +} \ No newline at end of file diff --git a/pages/index.js b/pages/index.js index 0af6e9c04..7d1de694f 100644 --- a/pages/index.js +++ b/pages/index.js @@ -19,6 +19,7 @@ import ForceTheme from '../components/force-theme' import Footer from '../components/footer' import Stage from '../components/stage' import Carousel from '../components/index/carousel' +import Pizza from '../components/index/cards/pizza' import Sprig from '../components/index/cards/sprig' import Sinerider from '../components/index/cards/sinerider' import SprigConsole from '../components/index/cards/sprig-console' @@ -669,6 +670,7 @@ function Page({ + diff --git a/pages/pizza.js b/pages/pizza.js new file mode 100644 index 000000000..bd03d73e4 --- /dev/null +++ b/pages/pizza.js @@ -0,0 +1,827 @@ +import { + Box, + Link, + Grid, + Image, + Container, + Button, + Heading, + Text + } from 'theme-ui' + import Head from 'next/head' + import Meta from '@hackclub/meta' + import ForceTheme from '../components/force-theme' + import Footer from '../components/footer' + import Nav from '../components/nav' + import Tilt from '../components/tilt' + import Ticker from 'react-ticker' + import { useState } from 'react' + + const PizzaPage = () => { + const getColor = idx => { + const colors = ['#EEA820', '#FF8C37', '#EC3750'] + return colors[idx % colors.length] + } + const pizzasByClubs = [ + { + sprite: + 'https://cloud-l0q2898m7-hack-club-bot.vercel.app/0sprite__1_.png', + author: 'Thomas', + age: 18, + from: 'South Carolina', + response: + "I love pineapple pizza & hosting club meets! It's awesome how every week I get to get together with friends and build awesome open source projects. SO GLAD I STARTED MY CLUB!!!" + }, + { + sprite: 'https://cloud-mpql3aoi9-hack-club-bot.vercel.app/0sprite.png', + author: 'Odysseus', + age: 14, + from: 'Epanomi', + response: + "I am addicted to margherita pizza and I am super excited to host club meetings! We meet every Saturday on Discord and we build projects together! On our next meeting, we will be creating a web-based operating system! I'm so happy to be a part of my club and Hack Club!" + }, + { + sprite: 'https://cloud-7sioop5e1-hack-club-bot.vercel.app/0sprite.png', + author: 'Sarvesh', + age: 16, + from: 'Ottawa', + response: + 'I love meat lovers pizza and sharing my passion for technology. I love to get together with friends with the same mindset as me and work on amazing open source projects! MAKING A HACK CLUB WAS A GREAT DECISION!!!' + }, + { + sprite: 'https://cloud-8rvh6jo64-hack-club-bot.vercel.app/0sprite.png', + author: 'Dieter', + age: 18, + from: 'South Carolina', + response: + "I'm a big fan of Cheese and Spinach pizza—the texture is amazing! I started my club to fill a gap in computer science projects at my school. Leading this club allows me to challenge members; for instance, we use Sprig to create our own 2-bit games. It's Open Source, which significantly enhances our projects!" + }, + { + sprite: 'https://cloud-2ca30e1bb-hack-club-bot.vercel.app/0sprite.png', + author: 'JC', + age: 17, + from: 'Massachusetts', + response: + "Leading a club is a lot of fun! You get to build cool stuff with other club members, but being a leader means you also get to teach people how to code. Plus who isn't excited about a Christmas pizza party (with pineapple of course)?" + }, + { + sprite: 'https://cloud-d16y68pgi-hack-club-bot.vercel.app/0sprite.png', + author: 'Miguel', + age: 17, + from: 'Illinois', + response: + "I love Costco pizza, and we had some at my Hack Club's hackathon! I decided to lead the Hersey Hack Club to bring the magic of code to my classmates and build a coding community at my high school. Open source projects like Code Jams have given the Hersey Hack Club a great stream of new, constantly improving workshops to host for members!" + }, + { + sprite: + 'https://cloud-i23dx2r15-hack-club-bot.vercel.app/0sprite__8_.png', + author: 'Jaime', + age: 18, + from: 'South Carolina', + response: + 'I love cheese pizzaaa (Ik I am kinda basic but it is good 😭). I lead the club because it is a great opportunity to meet people in my school who are so talented and skilled in areas where I may not be. And it is a great experience to interact and make friends with them!!!' + }, + { + sprite: + 'https://cloud-ed5wo5bt9-hack-club-bot.vercel.app/0sprite__1_.png', + author: 'Sarah', + age: 12, + from: 'Massachusetts', + response: + 'I love pepperoni pizza and my Hack Club! I love leading a Hack Club and sharing cool open source projects. yay!!' + }, + { + sprite: 'https://cloud-5kl9y9pup-hack-club-bot.vercel.app/0sprite.png', + author: 'Shubham', + age: 15, + from: 'Bay Area', + response: + "I love eating veggie pizza and hosting club meets at Mission San Jose High School's Hack Club! Hosting club meets is more than superficial for me—seeing everyone in the room, all exhibiting the same amount of excitement for code is something unique, and I'm glad to be hosting clubs meets for this passion to run wild." + } + ] + + return ( + <> + + +