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

implemented designs for application process section #231

Merged
merged 15 commits into from
Dec 29, 2024
Merged

implemented designs for application process section #231

Show file tree
Hide file tree
Changes from 6 commits
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
811dba7
implemented designs for application process section
dersual Nov 20, 2024
ae8f7ad
hopefully has resolved merge issues
dersual Nov 20, 2024
19d1531
ran prettier checks
dersual Nov 20, 2024
7493bdb
deal with build errors
dersual Nov 20, 2024
f0cc47c
implement application and team section designs/cleanup
dersual Nov 21, 2024
0288a2d
Added email icon & fixed padding issues
dersual Nov 21, 2024
76c3eb8
Added requested changes
dersual Nov 22, 2024
c7e2d0e
Organized section components for ForStudents page
dersual Nov 23, 2024
50c8278
Fixed bottom padding in StudentsProjectTeam component
dersual Dec 10, 2024
106d5a1
created project timeline component and added it to NPO jsx (#230)
mpate154 Nov 20, 2024
d206c0a
Feat/npo project criteria (#235)
aemerson1 Dec 29, 2024
0275e98
updated lume version
Caposto Dec 29, 2024
3e59b83
Merge branch 'main' into 216-students---application-process--internal…
Caposto Dec 29, 2024
150db9c
lockfile
Caposto Dec 29, 2024
6edb275
regen lockfile
Caposto Dec 29, 2024
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
571 changes: 177 additions & 394 deletions deno.lock
View file
Open in desktop

Large diffs are not rendered by default.

214 changes: 213 additions & 1 deletion src/_includes/_layouts/ForStudents.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,8 @@
export default ({ comp, faqs }) => (
export default ({
comp,
faqs,
internal_teams_img = "../../assets/clip_art/internal_teams.svg",
}) => (
<html>
<head>
<comp.OpenGraphCommon />
Expand All @@ -20,6 +24,213 @@ export default ({ comp, faqs }) => (
</h1>
</section>
<comp.StudentsProjectTeam comp={comp} />
{/* Application Process Section */}
dersual marked this conversation as resolved.
Show resolved Hide resolved
<section className="flex flex-col items-center px-12 pb-12 max-lg:px-12 max-md:w-full max-md:px-4">
<h1 className="text-4xl text-center">
<strong>Application Process</strong>
</h1>
<div className="grid grid-cols-[1fr_2px_1fr] grid-rows-[auto] h-auto grid-flow-row pt-12 mt-2">
<div className="h-[149px] w-[2px]"></div>
<div className="w-full relative h-full bg-black">
<div className="absolute top-0 left-1/2 translate-x-[-50%] w-[10px] h-[10px] bg-black rounded-full"></div>
</div>
<div>{/*Empty Div*/}</div>
<div className="flex h-[auto] justify-center mr-14 relative top-[-50%] items-center">
<div className="w-80 self-stretch p-8 rounded-l-lg border border-[#9D1535]">
<h2 className="font-bold text-xl text-[#9D1535]">
Written Application
</h2>
<p className="text-[#9D1535]">
Our written application will open in a short and anonymized
format where we can get a sense of what brings you to Blueprint!
</p>
</div>
<div className="w-28 self-stretch bg-[#9D1535] rounded-r-lg border border-[#9D1535] flex justify-center items-center">
<img
className="object-cover"
src={"../../assets/clip_art/MdOutlineStickyNote2.svg"}
alt="Sticky Note"
/>
</div>
<div className="left-[-1px] relative">
<svg
xmlns="http://www.w3.org/2000/svg"
width="23"
height="26"
viewBox="0 0 23 26"
fill="none"
className="left-[-1px]"
>
<path d="M23 13L0.5 0.00961876V25.9904L23 13Z" fill="#9D1535" />
</svg>
</div>
</div>
<div className="w-full relative h-full bg-black">
<div className="absolute top-[-25px] left-1/2 translate-x-[-50%] w-[50px] h-[50px] bg-[#9D1535] rounded-full flex justify-center items-center">
<p className="text-xl text-white text-center font-bold">1</p>
</div>
</div>
<div>{/*Empty Div*/}</div>
Caposto marked this conversation as resolved.
Show resolved Hide resolved
<div>{/*Empty Div*/}</div>
<div className="w-full relative h-full bg-black">
<div className="absolute top-[-25px] left-1/2 translate-x-[-50%] w-[50px] h-[50px] bg-[#9D1535] rounded-full flex justify-center items-center">
<p className="text-xl text-white text-center font-bold">2</p>
</div>
</div>
<div className="flex h-[auto] justify-center ml-14 relative top-[-50%] items-center">
<div className="left-[1px] relative">
<svg
xmlns="http://www.w3.org/2000/svg"
width="23"
height="26"
viewBox="0 0 23 26"
fill="none"
>
<path d="M0 13L22.5 0.00961876V25.9904L0 13Z" fill="#9D1535" />
</svg>
</div>
<div className="w-28 self-stretch bg-[#9D1535] rounded-l-lg border border-[#9D1535] flex justify-center items-center">
<img
className="object-cover"
src={"../../assets/clip_art/MdMenuBook.svg"}
alt="Menu Book"
/>
</div>
<div className="w-80 self-stretch p-8 rounded-r-lg border border-[#9D1535]">
<h2 className="font-bold text-xl text-[#9D1535]">
Take Home Challenge
</h2>
<p className="text-[#9D1535]">
Next, we will assign you a challenge that corresponds to your
applied role and is to be completed on your own time (1-2 hours
max).
</p>
</div>
</div>
<div className="flex h-[auto] justify-center mr-14 relative top-[-50%] items-center">
<div className="w-80 self-stretch p-8 rounded-l-lg border border-[#9D1535]">
<h2 className="font-bold text-xl text-[#9D1535]">
Blueprint Games
</h2>
<p className="text-[#9D1535]">
After the challenge, we will invite you to an interactive and
collaborative activity where you will solve a mock NPO problem.
</p>
</div>
<div className="w-28 self-stretch bg-[#9D1535] rounded-r-lg border border-[#9D1535] flex justify-center items-center">
<img
className="object-cover"
src={"../../assets/clip_art/MdPeopleOutline.svg"}
alt="Sticky Note"
/>
</div>
<div className="left-[-1px] relative">
<svg
xmlns="http://www.w3.org/2000/svg"
width="23"
height="26"
viewBox="0 0 23 26"
fill="none"
className="left-[-1px]"
>
<path d="M23 13L0.5 0.00961876V25.9904L23 13Z" fill="#9D1535" />
</svg>
</div>
</div>
<div className="w-full relative h-full bg-black">
<div className="absolute top-[-25px] left-1/2 translate-x-[-50%] w-[50px] h-[50px] bg-[#9D1535] rounded-full flex justify-center items-center">
<p className="text-xl text-white text-center font-bold">3</p>
</div>
</div>
<div>{/*Empty Div*/}</div>
<div>{/*Empty Div*/}</div>
<div className="w-full relative h-full bg-black">
<div className="absolute top-[-25px] left-1/2 translate-x-[-50%] w-[50px] h-[50px] bg-[#9D1535] rounded-full flex justify-center items-center">
<p className="text-xl text-white text-center font-bold">4</p>
</div>
<div className="absolute bottom-0 left-1/2 translate-x-[-50%] w-[10px] h-[10px] bg-black rounded-full"></div>
</div>
<div className="flex h-[auto] justify-center ml-14 relative top-[-50%] items-center">
<div className="left-[1px] relative">
<svg
xmlns="http://www.w3.org/2000/svg"
width="23"
height="26"
viewBox="0 0 23 26"
fill="none"
>
<path d="M0 13L22.5 0.00961876V25.9904L0 13Z" fill="#9D1535" />
</svg>
</div>
<div className="w-28 self-stretch bg-[#9D1535] rounded-l-lg border border-[#9D1535] flex justify-center items-center">
<img
className="object-cover"
src={"../../assets/clip_art/BiCoffeeToGo.svg"}
alt="Menu Book"
/>
</div>
<div className="w-80 self-stretch p-8 rounded-r-lg border border-[#9D1535]">
<h2 className="font-bold text-xl text-[#9D1535]">Coffee Chat</h2>
<p className="text-[#9D1535]">
Finally, we will invite you to speak with an executive board
member to review each stage of the application process, ask
questions, and talk!
</p>
</div>
</div>
</div>
</section>
{/*Internal Teams & Design Teams Section*/}
<section className="flex items-start justify-center align-center pt-12 px-12 max-lg:px-12 max-md:w-full max-md:px-4 gap-14">
<div>
<img
className="object-cover"
src={internal_teams_img}
alt="Internal Teams"
/>
</div>
<div className="flex w-7/12 flex-col gap-6">
<h2 className="font-bold text-3xl">Internal Teams</h2>
<span className="bg-primary text-white self-start px-2 rounded-md text-xs">
No Application
</span>
<div>
<h2 className="text-2xl mb-3.5 font-bold">Tech Team</h2>
<p className="text-xl">
<strong>Purpose: </strong>
Apply your coding skills and support internal development
projects!
</p>
<p className="text-xl">
<strong>Goal: </strong>
Help run Blueprint as an organization while also
learning/improving programming skills!
</p>
</div>
<div>
<h2 className="text-2xl mb-3.5 font-bold">Design Team</h2>
<p className="text-xl">
<strong>Purpose: </strong>
Support the design process in the tech team and project teams!
</p>
<p className="text-xl">
<strong>Goal: </strong>
Help strengthen collaboration between designers and developers
while also learning/improving design skills!
</p>
</div>
</div>
</section>
<section className="flex flex-col items-center p-12 max-lg:px-12 max-md:w-full max-md:px-4">
<h1 className="text-[40px] text-center text-primary font-bold w-3/5 my-16">
Have any questions? Reach out at [email protected]{" "}
<img
className="object-cover inline h-8 w-8"
src={"../../assets/clip_art/AiOutlineMail.svg"}
alt="Email"
/>
</h1>
</section>
<section className="flex flex-col justify-center px-5 mb-10 max-w-7xl mx-auto">
<h1 className="md:text-[40px] font-semibold text-5xl py-3">FAQs</h1>
<div className="w-full flex flex-col">
Expand All @@ -28,6 +239,7 @@ export default ({ comp, faqs }) => (
))}
</div>
</section>

<comp.Footer />
</body>
</html>
Expand Down
5 changes: 5 additions & 0 deletions src/assets/clip_art/AiOutlineMail.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
5 changes: 5 additions & 0 deletions src/assets/clip_art/BiCoffeeToGo.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 6 additions & 0 deletions src/assets/clip_art/MdMenuBook.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
5 changes: 5 additions & 0 deletions src/assets/clip_art/MdOutlineStickyNote2.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
5 changes: 5 additions & 0 deletions src/assets/clip_art/MdPeopleOutline.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
9 changes: 9 additions & 0 deletions src/assets/clip_art/internal_teams.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
24 changes: 12 additions & 12 deletions src/assets/vector/clock.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.