Skip to content
This repository was archived by the owner on Aug 27, 2025. It is now read-only.

Commit 040cd96

Browse files
author
Andrew
authored
Merge pull request #45 from AllInOpenSource/andrewrmn-patch-2
Update header.html
2 parents f1d2095 + 69c2223 commit 040cd96

File tree

9 files changed

+177
-95
lines changed

9 files changed

+177
-95
lines changed

_includes/header.html

Lines changed: 16 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,16 @@
2121
<span>Overview</span>
2222
</a>
2323
</li>
24+
<li class="bold-link">
25+
<a href="{{ '/access/' | relative_url }}">
26+
<span>Programs</span>
27+
</a>
28+
</li>
29+
<li{% if page.id == 'access' %} class="is-active"{% endif %}>
30+
<a href="{{ '/access/students/' | relative_url }}">
31+
<span>Students</span>
32+
</a>
33+
</li>
2434
<li{% if page.id == 'africa' %} class="is-active"{% endif %}>
2535
<a href="{{ '/access/africa/' | relative_url }}">
2636
<span>Africa</span>
@@ -127,9 +137,14 @@
127137
<span>Access</span>
128138
</a>
129139
</li>
140+
<li{% if page.id == 'students' %} class="is-active"{% endif %}>
141+
<a href="/access/students/">
142+
<span>All in for Students</span>
143+
</a>
144+
</li>
130145
<li{% if page.id == 'africa' %} class="is-active"{% endif %}>
131146
<a href="/access/africa/">
132-
<span>Africa</span>
147+
<span>All in Africa</span>
133148
</a>
134149
</li>
135150

assets/css/base/_links.scss

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -380,6 +380,7 @@ a:hover .icon-link.icon-link--static,
380380
align-items: center;
381381
font-weight: 500;
382382
font-size: 16px;
383+
color: currentColor;
383384

384385
svg {
385386
display: block;
@@ -389,6 +390,10 @@ a:hover .icon-link.icon-link--static,
389390
transition: transform $trans;
390391
}
391392

393+
svg * {
394+
fill: currentColor;
395+
}
396+
392397
&:hover {
393398

394399
svg {
@@ -398,6 +403,10 @@ a:hover .icon-link.icon-link--static,
398403
}
399404
}
400405

406+
.text-brand {
407+
color: $brand !important;
408+
}
409+
401410

402411

403412
// ----------------------------------------

assets/css/layout/_header.scss

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -153,7 +153,7 @@ $max-logo-width: 168px;
153153
.has-sub-nav > div,
154154
> li > a {
155155
position: relative;
156-
font-size: 14px;
156+
font-size: 16px;
157157
color: currentColor;
158158
font-family: $sans-serif;
159159
font-weight: 500;
@@ -166,9 +166,8 @@ $max-logo-width: 168px;
166166
text-decoration: none;
167167

168168
@include start-at(1600px) {
169-
font-size: 16px;
169+
font-size: 18px;
170170
}
171-
172171
}
173172

174173
li.is-active,
-12.4 KB
Loading
217 KB
Loading
223 KB
Loading

index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -93,7 +93,7 @@ <h3 class="h3">Access</h3>
9393
<p>All In will seek to lower barriers to access and provide an on-ramp and clear pathways to success for future developers from underrepresented backgrounds and regions. Our programs will provide support to increase contributors to open source in various stages of their journey and from all walks of life - students, military veterans, career changers, retirees, and formerly or currently incarcerated.</p>
9494
<p>We will also address infrastructure challenges such as inequities in course curriculum at some Minority Serving Institutions and challenges to access such as lack of reliable internet connectivity or cost to connect to the internet.</p>
9595
<div class="d-flex flex-wrap mt-4">
96-
<a class="arrow-link mr-4" href="/access/">
96+
<a class="arrow-link mr-4" href="/access/students/">
9797
<span>All In for Students</span>
9898
{% include arrow.html %}
9999
</a>

page-access.html

Lines changed: 34 additions & 86 deletions
Original file line numberDiff line numberDiff line change
@@ -13,106 +13,54 @@
1313
<img class="mx-auto col-4 col-md-12" style="max-width: 248px;" src="/assets/img/direction/access-icon.svg" alt="Access icon" />
1414
</div>
1515
<div class="col-12 col-md-8 col-lg-6" data-animate-in="up">
16-
<h1 class="h5">{ All In Access }</h1>
17-
<h1 class="h2">All In for Students</h1>
18-
<p class="p-lg mt-0">All In for Students is an online program for tech students from underrepresented backgrounds that provides open source education, training, and internship opportunities.</p>
19-
<div class="mt-6">
20-
<a class="btn mt-2" href="https://docs.google.com/forms/d/1BlDWSlBtujcWUpN6ecaT0kx8iFiGoyjp3xlAB5PqdCY/edit" target="_blank">
21-
<span>Join All In For Students Program</span>
22-
</a>
23-
</div>
16+
<h3 class="h5">{ Access Programs }</h3>
17+
<h1 class="h2">All In for Access</h1>
18+
<p class="p-lg mt-0">All In for Access is an comprehensive initiative designed to lower barriers to access and provide a clear pathway to success for future developers from underrepresented backgrounds and regions. Our programs provide an on-ramp and support to contributors to open source in various stages of their journey and from all walks of life. </p>
2419
</div>
2520
</div>
2621
</div>
2722
</div>
2823
</div>
2924

30-
<div class="bg-white bg-pattern-right py-7">
31-
<div class="wrapper d-md-flex py-lg-6">
32-
<div class="col-12 col-md-4 col-lg-5" style="order: 3;" data-animate-in="up">
33-
<img class="mx-auto col-10" src="{{ '/assets/img/direction/student-on-computer.png' | relative_url }}" alt="student on computer" />
34-
</div>
35-
<div class="col-12 col-md-7 pr-md-6">
36-
<h2 class="h3 mb-6" data-animate-in="up">Program Overview</h2>
37-
<h3 class="h3 h3--alt mb-4">{ Who is eligible to participate? }</h3>
38-
<p><b>Students enrolled full time or part time at a:</b></p>
39-
<div class="rte" data-animate-in="up">
40-
<ul>
41-
<li>U.S. Historically Black College or University (HBCU)</li>
42-
<li>U.S. Hispanic Serving Institution (HSI)</li>
43-
<li>U.S. Women’s College </li>
44-
<li>U.S. Community College </li>
45-
<li>Any U.S. four-year institution and identify as a racial or ethnic minority</li>
46-
</ul>
25+
<div class="bg-static text-white pb-7">
26+
<div class="wrapper">
27+
<h3 class="h3">Overview</h1>
28+
<div class="d-md-flex">
29+
<div class="col-12 col-md-6 mb-6 mb-md-0 pr-md-6" data-animate-in="up">
30+
<p>Prioritizing diversity, equity, and inclusion (DEI) can make open source projects more accessible, welcoming, and productive for people from different backgrounds - and this focus has never been more urgent. Today, we face the reality of economic downturn and cultural shifts on DEI initiatives and programming. As layoffs, budget cuts , and internship programs are significantly reduced, high-impact programs focused on the unique needs of underrepresented and under-resourced communities adversely feel the impact of change. This comes during a time when programs centered on providing students , those looking to enter into the world of technology, and career professionals, the competitive edge critical to compete for opportunities in the evolving world of technology.</p>
31+
</div>
32+
<div class="col-12 col-md-6 pl-md-6" data-animate-in="up">
33+
<p>While recognizing these challenges, we see this as an opportunity to help guide the future generation of tech through tooling, best practices, connectivity and more. Whether it be addressing infrastructure challenges such as inequities in course curriculum at a Minority Serving Institution or working with regional ambassadors across the continent of Africa to build and enhance leadership, communication, and organizational skills through hands-on experience for African developers. All In for Access seeks to lower barriers to access and provide an on-ramp and clear pathways to success for future developers no matter what stage of their journey they are on, and from all walks of life.</p>
4734
</div>
4835
</div>
4936
</div>
5037
</div>
5138

5239

53-
<section class="wrapper-full bg-static py-8" id="benefits">
54-
<div class="wrapper text-white" data-animate-in="up">
55-
<h3 class="h3 h3--alt">{ Benefits of participating }</h3>
56-
<p>There are many reasons to particpate in the program, including:</p>
57-
58-
<div class="row mt-6 pt-lg-6">
59-
{% for item in site.data.benefits %}
60-
<div class="col--xs--12 col--sm--6 col--md--4 mb-6">
61-
<img src="/assets/img/direction/icons/{{ item.image }}" alt="{{ item.title }} icon" />
62-
<h4>{{ item.title }}</h4>
63-
<p>{{ item.description }}</p>
64-
</div>
65-
{% endfor %}
66-
</div>
67-
68-
<small class="text-light mt-6">Benefits are subject to program completion and availability. Internships are not guaranteed. Program requirements must be completed and students must apply and be accepted to various internships and other opportunities.</small>
69-
70-
71-
<div class="my-6 d-md-flex flex-justify-between pt-6 row--img-icons">
72-
<div class="col-md-6 pr-md-6 mb-4">
73-
<h3 class="h3 h3--alt">{ How to get started with All In }</h3>
74-
75-
</div>
76-
<div class="col-md-6 pl-md-6">
77-
78-
<p>If you're interested in participating in the All In for Students Program, follow the instructions below to learn next steps!</p>
79-
<br />
80-
<div class="orb-wrap">
81-
<img src="/assets/img/direction/icons/orb-blue.svg" alt="blue orb" />
82-
<h4>Sign Up Online</h4>
83-
<p><b>Step 1</b> - Watch <a href="https://www.youtube.com/watch?v=-FdzqYiJkcA" target="_blank">What Is All In for Students</a></p>
84-
<p><b>Step 2</b> - <a href="https://docs.google.com/forms/d/1BlDWSlBtujcWUpN6ecaT0kx8iFiGoyjp3xlAB5PqdCY/edit" target="_blank">Join All In for Students</a></p>
85-
</div>
40+
<div class="bg-static text-white py-7">
41+
<div class="wrapper">
42+
<h3 class="h3 mb-6">Key Programs</h1>
43+
<div class="d-md-flex">
44+
<div class="col-12 col-md-6 mb-6 mb-md-0 pr-md-6" data-animate-in="up">
45+
<img src="{{ '/assets/img/direction/student-on-computer-3.png' | relative_url }}" alt="Student on computer" />
46+
<h2 class="h3">All in for Students</h2>
47+
<p>All In for Students is an online program for tech students from underrepresented backgrounds that provides open source education, training, and internship opportunities.</p>
48+
<a class="arrow-link text-brand mt-4" href="/access/students/">
49+
<span>All In for Students</span>
50+
{% include arrow.html %}
51+
</a>
8652
</div>
87-
</div>
88-
</section>
89-
90-
91-
<section class="wrapper-full bg-white py-8" id="faq">
92-
<div class="wrapper" data-animate-in="up">
93-
<h3 class="h3">FAQs</h3>
94-
95-
<div class="faqs mt-6 pt-lg-6">
96-
{% for item in site.data.faq %}
97-
<div>
98-
<h4>{{ item.question }}</h4>
99-
<p>{{ item.answer }}</p>
53+
<div class="col-12 col-md-6 pl-md-6" data-animate-in="up">
54+
<img src="{{ '/assets/img/direction/student-on-computer-4.png' | relative_url }}" alt="Student on computer" />
55+
<h2 class="h3">All in Africa</h2>
56+
<p>All In Africa is an online educational program that provides Africans with free open source education, training, mentorship, community involvement, and internship opportunities.</p>
57+
<a class="arrow-link mt-4 text-brand" href="/access/africa/">
58+
<span>All In Africa</span>
59+
{% include arrow.html %}
60+
</a>
10061
</div>
101-
{% endfor %}
10262
</div>
10363
</div>
104-
</section>
105-
10664

107-
<section class="bg-white bg-static py-8">
108-
<div class="wrapper-thin text-center text-white" data-animate-in="up">
109-
<p class="h2">Are you All In?</p>
110-
<p>All In for Students provides open source curriculum, career development, and opportunities at companies, nonprofits and within open source communities. Consider becoming a corporate partner today.</p>
111-
<div class="mt-6">
112-
<a class="btn" href="/become-a-partner/">
113-
<span>Request Partner Information</span>
114-
{% include arrow.html %}
115-
</a>
116-
</div>
117-
</div>
118-
</section>
65+
<div class="py-6"></div>
66+
</div>

page-students.html

Lines changed: 115 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,118 @@
11
---
2-
sitemap: false
3-
permalink: /students/
4-
redirect_to: /access/
2+
layout: default
3+
id: students
4+
permalink: /access/students/
5+
title: All In for Students
56
---
67

7-
<script>location='{{ page.redirect_to }}'</script>
8+
<div class="hero">
9+
<div class="hero__content text-white">
10+
<div class="wrapper">
11+
<div class="d-md-flex text-center text-left-md">
12+
<div class="col-12 col-md-4 col-lg-5 mb-6 mb-md-0 px-md-6" data-animate-in="up">
13+
<img class="mx-auto col-4 col-md-12" style="max-width: 248px;" src="/assets/img/direction/access-icon.svg" alt="Access icon" />
14+
</div>
15+
<div class="col-12 col-md-8 col-lg-6" data-animate-in="up">
16+
<h1 class="h5">{ All In Access }</h1>
17+
<h1 class="h2">All In for Students</h1>
18+
<p class="p-lg mt-0">All In for Students is an online program for tech students from underrepresented backgrounds that provides open source education, training, and internship opportunities.</p>
19+
<div class="mt-6">
20+
<a class="btn mt-2" href="https://docs.google.com/forms/d/1BlDWSlBtujcWUpN6ecaT0kx8iFiGoyjp3xlAB5PqdCY/edit" target="_blank">
21+
<span>Join All In For Students Program</span>
22+
</a>
23+
</div>
24+
</div>
25+
</div>
26+
</div>
27+
</div>
28+
</div>
29+
30+
<div class="bg-white bg-pattern-right py-7">
31+
<div class="wrapper d-md-flex py-lg-6">
32+
<div class="col-12 col-md-4 col-lg-5" style="order: 3;" data-animate-in="up">
33+
<img class="mx-auto col-10" src="{{ '/assets/img/direction/student-on-computer.png' | relative_url }}" alt="student on computer" />
34+
</div>
35+
<div class="col-12 col-md-7 pr-md-6">
36+
<h2 class="h3 mb-6" data-animate-in="up">Program Overview</h2>
37+
<h3 class="h3 h3--alt mb-4">{ Who is eligible to participate? }</h3>
38+
<p><b>Students enrolled full time or part time at a:</b></p>
39+
<div class="rte" data-animate-in="up">
40+
<ul>
41+
<li>U.S. Historically Black College or University (HBCU)</li>
42+
<li>U.S. Hispanic Serving Institution (HSI)</li>
43+
<li>U.S. Women’s College </li>
44+
<li>U.S. Community College </li>
45+
<li>Any U.S. four-year institution and identify as a racial or ethnic minority</li>
46+
</ul>
47+
</div>
48+
</div>
49+
</div>
50+
</div>
51+
52+
53+
<section class="wrapper-full bg-static py-8" id="benefits">
54+
<div class="wrapper text-white" data-animate-in="up">
55+
<h3 class="h3 h3--alt">{ Benefits of participating }</h3>
56+
<p>There are many reasons to particpate in the program, including:</p>
57+
58+
<div class="row mt-6 pt-lg-6">
59+
{% for item in site.data.benefits %}
60+
<div class="col--xs--12 col--sm--6 col--md--4 mb-6">
61+
<img src="/assets/img/direction/icons/{{ item.image }}" alt="{{ item.title }} icon" />
62+
<h4>{{ item.title }}</h4>
63+
<p>{{ item.description }}</p>
64+
</div>
65+
{% endfor %}
66+
</div>
67+
68+
<small class="text-light mt-6">Benefits are subject to program completion and availability. Internships are not guaranteed. Program requirements must be completed and students must apply and be accepted to various internships and other opportunities.</small>
69+
70+
71+
<div class="my-6 d-md-flex flex-justify-between pt-6 row--img-icons">
72+
<div class="col-md-6 pr-md-6 mb-4">
73+
<h3 class="h3 h3--alt">{ How to get started with All In }</h3>
74+
75+
</div>
76+
<div class="col-md-6 pl-md-6">
77+
78+
<p>If you're interested in participating in the All In for Students Program, follow the instructions below to learn next steps!</p>
79+
<br />
80+
<div class="orb-wrap">
81+
<img src="/assets/img/direction/icons/orb-blue.svg" alt="blue orb" />
82+
<h4>Sign Up Online</h4>
83+
<p><b>Step 1</b> - Watch <a href="https://www.youtube.com/watch?v=-FdzqYiJkcA" target="_blank">What Is All In for Students</a></p>
84+
<p><b>Step 2</b> - <a href="https://docs.google.com/forms/d/1BlDWSlBtujcWUpN6ecaT0kx8iFiGoyjp3xlAB5PqdCY/edit" target="_blank">Join All In for Students</a></p>
85+
</div>
86+
</div>
87+
</div>
88+
</section>
89+
90+
91+
<section class="wrapper-full bg-white py-8" id="faq">
92+
<div class="wrapper" data-animate-in="up">
93+
<h3 class="h3">FAQs</h3>
94+
95+
<div class="faqs mt-6 pt-lg-6">
96+
{% for item in site.data.faq %}
97+
<div>
98+
<h4>{{ item.question }}</h4>
99+
<p>{{ item.answer }}</p>
100+
</div>
101+
{% endfor %}
102+
</div>
103+
</div>
104+
</section>
105+
106+
107+
<section class="bg-white bg-static py-8">
108+
<div class="wrapper-thin text-center text-white" data-animate-in="up">
109+
<p class="h2">Are you All In?</p>
110+
<p>All In for Students provides open source curriculum, career development, and opportunities at companies, nonprofits and within open source communities. Consider becoming a corporate partner today.</p>
111+
<div class="mt-6">
112+
<a class="btn" href="/become-a-partner/">
113+
<span>Request Partner Information</span>
114+
{% include arrow.html %}
115+
</a>
116+
</div>
117+
</div>
118+
</section>

0 commit comments

Comments
 (0)