-
Notifications
You must be signed in to change notification settings - Fork 10
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
658f2d7
commit a5fb64f
Showing
9 changed files
with
260 additions
and
32 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,36 @@ | ||
| --- | ||
| import featureImage from "@images/hero.avif"; | ||
| import { Image } from "astro:assets"; | ||
| interface Props { | ||
| title: string; | ||
| description: string; | ||
| contactImage: ImageMetadata; | ||
| } | ||
| const { title, contactImage, description } = Astro.props; | ||
| --- | ||
|
|
||
| <div class="max-w-[85rem] mx-auto px-4 sm:px-6 lg:px-8"> | ||
| <div class="grid lg:grid-cols-7 lg:gap-x-8 xl:gap-x-12 lg:items-center"> | ||
| <div class="lg:col-span-3"> | ||
| <h1 | ||
| class="block text-3xl font-bold text-gray-800 sm:text-4xl md:text-5xl lg:text-6xl dark:text-white" | ||
| > | ||
| {title} | ||
| </h1> | ||
| <p class="mt-3 text-lg text-gray-800 dark:text-neutral-400"> | ||
| Hands on in-person sessions combining subject experts with rangatahi on | ||
| areas that interest them. Everything done is practical with real world | ||
| applications with actual outcomes. | ||
| </p> | ||
| </div> | ||
|
|
||
| <div class="lg:col-span-4 mt-10 lg:mt-0"> | ||
| <Image | ||
| src={featureImage} | ||
| alt="Group of rangatahi" | ||
| class="w-full rounded-xl" | ||
| /> | ||
| </div> | ||
| </div> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
File renamed without changes.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,7 +1,69 @@ | ||
| --- | ||
| import Layout from "@layouts/Layout.astro"; | ||
| import heroImage from "@images/hero.avif"; | ||
| import Contact from "@components/Contact.astro"; | ||
| import SmallHero from "@components/SmallHero.astro"; | ||
| import FAQs from "@components/FAQs.astro"; | ||
| import { sessions } from "../../data"; | ||
| import IconCards from "@components/IconCards.astro"; | ||
| const title = "What We Do"; | ||
| import featureImage from "@images/hero.avif"; | ||
| const title = "Sessions"; | ||
| --- | ||
|
|
||
| <Layout meta={{ title }} /> | ||
| <Layout meta={{ title }}> | ||
| <SmallHero | ||
| title="Sessions" | ||
| featureImage={featureImage} | ||
| description="Enrichment and Outreach sessions during school allowing exploration of technology outside of curriculum." | ||
| /> | ||
| <FAQs | ||
| title="What does this look like?" | ||
| faqs={[ | ||
| { | ||
| question: "Age ranges", | ||
| answer: "We work with rangatahi from years 5-13", | ||
| }, | ||
| { | ||
| question: "Do you cover curriculm", | ||
| answer: | ||
| "We do not cover any areas of curriculm and instead cover topics outside of school curriculm.", | ||
| }, | ||
| { | ||
| question: "What is the cost", | ||
| answer: "Our sessions are free of charge to all rangatahi and whanau.", | ||
| }, | ||
| { | ||
| question: "What do I need to bring?", | ||
| answer: | ||
| "We can provide everything needed including laptops however if you do have a laptop it would be great to bring it.", | ||
| }, | ||
| { | ||
| question: "Do I need prior knwoledge?", | ||
| answer: "No prior knowledge is needed with rangatahi with no knowledge to those who are experts in the sessions." | ||
| } | ||
| ]} | ||
| /> | ||
| <div class="max-w-2xl mx-auto text-center mb-10 lg:mb-14" id="sessions"> | ||
| <h1 | ||
| class="text-6xl font-bold md:text-6xl md:leading-tight text-gray-800 dark:text-neutral-200" | ||
| > | ||
| Sessions | ||
| </h1> | ||
| </div> | ||
| { | ||
| sessions.map((location) => ( | ||
| <IconCards cards={location.sessions} location={location.location} /> | ||
| )) | ||
| } | ||
| <Contact | ||
| title="Contact Us" | ||
| contactImage={heroImage} | ||
| email="contact@tuhuratech.org.nz" | ||
| phone="0211990711" | ||
| description={[ | ||
| "Are you in an area where we don't have any sessions or have a location we can run sessions at?", | ||
| ]} | ||
| /></Layout | ||
| > |
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,35 +1,132 @@ | ||
| --- | ||
| import Layout from "@layouts/Layout.astro"; | ||
| import IconCards from "@components/IconCards.astro"; | ||
| import SmallHero from "@components/SmallHero.astro"; | ||
| import featureImage from "@images/hero.avif"; | ||
| import { Image } from "astro:assets"; | ||
| import { sessions } from "../data"; | ||
| const title = "What We Do"; | ||
| --- | ||
|
|
||
| <Layout meta={{ title }}> | ||
| <div class="max-w-[85rem] mx-auto px-4 sm:px-6 lg:px-8"> | ||
| <div class="grid lg:grid-cols-7 lg:gap-x-8 xl:gap-x-12 lg:items-center"> | ||
| <div class="lg:col-span-3"> | ||
| <h1 | ||
| class="block text-3xl font-bold text-gray-800 sm:text-4xl md:text-5xl lg:text-6xl dark:text-white" | ||
| > | ||
| What We Do | ||
| </h1> | ||
| <p class="mt-3 text-lg text-gray-800 dark:text-neutral-400"> | ||
| We Do a Lot | ||
| <SmallHero | ||
| title="What We Do" | ||
| featureImage={featureImage} | ||
| description="Hands on in-person sessions combining subject experts with rangatahi on areas that interest them. Everything done is practical with real world applications with actual outcomes." | ||
| /> | ||
| <div class="max-w-[85rem] px-4 pt-6 lg:pt-10 pb-12 sm:px-6 lg:px-8 mx-auto"> | ||
| <!-- Content --> | ||
| <div class="space-y-5 md:space-y-8"> | ||
| <div class="space-y-3"> | ||
| <h2 class="text-2xl font-bold md:text-3xl dark:text-white">Sessions</h2> | ||
|
|
||
| <p class="text-lg text-gray-800 dark:text-neutral-200"> | ||
| At the core of what we do is our After School Sessions where we work | ||
| with Rangatahi to inspire them to explore different areas of | ||
| technology.Sessions cover a variety of topics with junior sessions | ||
| (year 5-8) being slightly structured and senior sessions (year 9-13) | ||
| functioning as a place to explore interests with support from our | ||
| staff. This means that rangatahi are always engaged and learning. | ||
| </p><p class="text-lg text-gray-800 dark:text-neutral-200"> | ||
| Junior Sessions (Year 5-8) follow a rough structure where they will | ||
| focus on a topic such as Introduction to Programming with Scratch for | ||
| a Term before moving to another topic. These sessions while focused | ||
| ona topic are guided by their individual interests with a custom path | ||
| through created specifically for them. | ||
| </p><p class="text-lg text-gray-800 dark:text-neutral-200"> | ||
| Our Senior sessions (Year 9-13) are more relaxed and casual with | ||
| everyone working on different projects and interests and a small | ||
| section doing a set subject. This is a space to explore and experiment | ||
| with the support of our staff or come along and focus on a topic that | ||
| changes every term. | ||
| </p> | ||
| </div> | ||
|
|
||
| <div class="lg:col-span-4 mt-10 lg:mt-0"> | ||
| <figure> | ||
| <Image | ||
| src={featureImage} | ||
| alt="Group of rangatahi" | ||
| class="w-full rounded-xl" | ||
| class="w-full object-cover rounded-xl" | ||
| /> | ||
| <figcaption | ||
| class="mt-3 text-sm text-center text-gray-500 dark:text-neutral-500" | ||
| > | ||
| Group of rangatahi at a session | ||
| </figcaption> | ||
| </figure> | ||
|
|
||
| <p class="text-lg text-gray-800 dark:text-neutral-200"> | ||
| As we've grown, we've seen how Preline has helped companies such as | ||
| Spotify, Microsoft, Airbnb, Facebook, and Intercom bring their designers | ||
| closer together to create amazing things. We've also learned that when | ||
| the culture of sharing is brought in earlier, the better teams adapt and | ||
| communicate with one another. | ||
| </p> | ||
|
|
||
| <p class="text-lg text-gray-800 dark:text-neutral-200"> | ||
| That's why we are excited to share that we now have a <a | ||
| class="text-blue-600 decoration-2 hover:underline font-medium dark:text-blue-500" | ||
| href="#">free version of Preline</a | ||
| >, which will allow individual designers, startups and other small teams | ||
| a chance to create a culture of openness early on. | ||
| </p> | ||
|
|
||
| <blockquote class="text-center p-4 sm:px-7"> | ||
| <p | ||
| class="text-xl font-medium text-gray-800 md:text-2xl md:leading-normal xl:text-2xl xl:leading-normal dark:text-neutral-200" | ||
| > | ||
| Our focus is on growing their interest and curiosity and fostering | ||
| that to allow them to explore all areas of technology. | ||
| </p> | ||
| <p class="mt-5 text-gray-800 dark:text-neutral-200"> | ||
| Leon Bowie - Head of Operations | ||
| </p> | ||
| </blockquote> | ||
|
|
||
| <div class="space-y-3"> | ||
| <h3 class="text-2xl font-semibold dark:text-white">Workshops</h3> | ||
|
|
||
| <p class="text-lg text-gray-800 dark:text-neutral-200">Lorem ipsum</p> | ||
| </div> | ||
|
|
||
| <div class="space-y-3"> | ||
| <h3 class="text-2xl font-semibold dark:text-white"> | ||
| Teacher Workshops | ||
| </h3> | ||
|
|
||
| <p class="text-lg text-gray-800 dark:text-neutral-200">Lorem ipsum</p> | ||
| </div> | ||
|
|
||
| <ul | ||
| class="list-disc list-outside space-y-5 ps-5 text-lg text-gray-800 dark:text-neutral-200" | ||
| > | ||
| <li class="ps-2"> | ||
| Preline allows us to collaborate in real time and is a really great | ||
| way for leadership on the team to stay up-to-date with what everybody | ||
| is working on," <a | ||
| class="text-blue-600 decoration-2 hover:underline font-medium dark:text-blue-500" | ||
| href="#">said</a | ||
| > Stewart Scott-Curran, Intercom's Director of Brand Design. | ||
| </li> | ||
| <li class="ps-2"> | ||
| Preline opened a new way of sharing. It's a persistent way for | ||
| everyone to see and absorb each other's work," said David Scott, | ||
| Creative Director at <a | ||
| class="text-blue-600 decoration-2 hover:underline font-medium dark:text-blue-500" | ||
| href="#">Eventbrite</a | ||
| >. | ||
| </li> | ||
| </ul> | ||
|
|
||
| <p class="text-lg text-gray-800 dark:text-neutral-200"> | ||
| Small teams and individual designers need a space where they can watch | ||
| the design process unfold, both for themselves and for the people they | ||
| work with – no matter if it's a fellow designer, product manager, | ||
| developer or client. Preline allows you to invite more people into the | ||
| process, creating a central place for conversation around design. As | ||
| those teams grow, transparency and collaboration becomes integrated in | ||
| how they communicate and work together. | ||
| </p> | ||
| </div> | ||
| <!-- End Content --> | ||
| </div> | ||
|
|
||
| {sessions.map((location) => <IconCards cards={location.sessions} location={location.location}/>)} | ||
| </Layout> |