Skip to content

Commit 8e1a501

Browse files
letsgetrustyletsgetrusty
committed
Added instructors section
1 parent 6cef0f0 commit 8e1a501

5 files changed

Lines changed: 206 additions & 5 deletions

File tree

‎src/curriculum/accelerator.html‎

Lines changed: 206 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -76,25 +76,56 @@
7676

7777
.header {
7878
text-align: center;
79-
margin-bottom: 1.5rem;
79+
margin-bottom: 2rem;
8080
}
8181

8282
.header h1 {
8383
color: var(--text-color);
84-
font-size: 1.75rem;
84+
font-size: 2rem;
8585
font-weight: 800;
8686
margin-bottom: 0.5rem;
8787
letter-spacing: -0.02em;
8888
}
8989

9090
.header p {
9191
color: var(--text-secondary);
92-
font-size: 1rem;
92+
font-size: 1.05rem;
9393
max-width: 600px;
9494
margin: 0 auto;
9595
font-weight: 500;
9696
}
9797

98+
.section-header {
99+
text-align: center;
100+
margin-bottom: 1.5rem;
101+
margin-top: 2.5rem;
102+
padding-top: 2rem;
103+
position: relative;
104+
}
105+
106+
.section-header::before {
107+
content: "";
108+
display: block;
109+
margin: 0 auto 2rem auto;
110+
width: 500px;
111+
max-width: 80%;
112+
border-top: 1px solid var(--border-color);
113+
}
114+
115+
.section-header h2 {
116+
color: var(--accent-color);
117+
font-size: 1.3rem;
118+
font-weight: 700;
119+
margin-bottom: 0.5rem;
120+
}
121+
122+
.section-header p {
123+
color: var(--text-secondary);
124+
font-size: 1rem;
125+
max-width: 700px;
126+
margin: 0 auto;
127+
}
128+
98129
.info-note {
99130
background-color: var(--card-bg);
100131
border: 1px solid var(--border-color);
@@ -510,6 +541,120 @@
510541
gap: 1.5rem;
511542
}
512543
}
544+
/* All-Star Speakers Section */
545+
.speakers-section {
546+
margin-bottom: 1rem;
547+
}
548+
.speakers-section h2 {
549+
color: var(--accent-color);
550+
font-size: 1.3rem;
551+
margin-bottom: 0.5rem;
552+
font-weight: 700;
553+
text-align: center;
554+
}
555+
.speakers-section > p {
556+
color: var(--text-secondary);
557+
font-size: 1rem;
558+
text-align: center;
559+
margin-bottom: 1.5rem;
560+
max-width: 700px;
561+
margin-left: auto;
562+
margin-right: auto;
563+
}
564+
.speakers-grid {
565+
display: grid;
566+
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
567+
gap: 1.5rem;
568+
max-width: 1000px;
569+
margin: 0 auto;
570+
}
571+
.speaker-card {
572+
background: var(--card-bg);
573+
border: 1px solid var(--border-color);
574+
border-radius: 16px;
575+
padding: 1.75rem 1.5rem;
576+
text-align: center;
577+
box-shadow: 0 4px 12px var(--shadow-color);
578+
display: flex;
579+
flex-direction: column;
580+
align-items: center;
581+
}
582+
.speaker-image-wrapper {
583+
width: 100px;
584+
height: 100px;
585+
border-radius: 50%;
586+
border: 3px solid var(--accent-color);
587+
margin: 0 auto 1rem auto;
588+
background: linear-gradient(135deg, var(--accent-color) 0%, #ff6b35 100%);
589+
overflow: hidden;
590+
display: flex;
591+
align-items: center;
592+
justify-content: center;
593+
}
594+
.speaker-image {
595+
width: 100%;
596+
height: 100%;
597+
border-radius: 50%;
598+
object-fit: cover;
599+
color: transparent; /* Hide alt text */
600+
}
601+
.speaker-name {
602+
color: var(--text-color);
603+
font-size: 1.1rem;
604+
font-weight: 700;
605+
margin-bottom: 0.35rem;
606+
}
607+
.speaker-title {
608+
color: var(--text-secondary);
609+
font-size: 0.9rem;
610+
line-height: 1.4;
611+
}
612+
.speaker-subs {
613+
color: var(--accent-color);
614+
font-size: 0.8rem;
615+
font-weight: 600;
616+
margin-top: 0.5rem;
617+
flex-grow: 1;
618+
}
619+
.speaker-link {
620+
display: inline-flex;
621+
align-items: center;
622+
gap: 0.4rem;
623+
margin-top: 0.75rem;
624+
padding: 0.5rem 1rem;
625+
background: var(--accent-color);
626+
color: #fff;
627+
text-decoration: none;
628+
font-size: 0.85rem;
629+
font-weight: 600;
630+
border-radius: 20px;
631+
transition: background 0.2s, transform 0.2s;
632+
}
633+
.speaker-link:hover {
634+
background: #e07830;
635+
transform: scale(1.05);
636+
}
637+
638+
@media (max-width: 768px) {
639+
.speakers-grid {
640+
grid-template-columns: repeat(2, 1fr);
641+
gap: 1rem;
642+
}
643+
.speaker-card {
644+
padding: 1.25rem 1rem;
645+
}
646+
.speaker-image-wrapper {
647+
width: 80px;
648+
height: 80px;
649+
}
650+
.speaker-name {
651+
font-size: 1rem;
652+
}
653+
.speaker-title {
654+
font-size: 0.85rem;
655+
}
656+
}
657+
513658
@media (max-width: 768px) {
514659
.companies-grid {
515660
gap: 1.5rem;
@@ -580,8 +725,64 @@
580725
<body>
581726
<div class="container">
582727
<div class="header">
583-
<h1><span style="font-size:1.3em;vertical-align:middle;">🚀</span> Rust Live Accelerator Curriculum</h1>
584-
<p>Our program is structured into <b>3 distinct phases</b> designed to take you from a Rust beginner to becoming a high-performing, highly-paid Rust developer: <b>Onboarding</b>, <b>Immersion</b>, and <b>Career Camp</b>.</p>
728+
<h1><span style="font-size:1.3em;vertical-align:middle;">🚀</span> Rust Live Accelerator</h1>
729+
<p>The most comprehensive Rust training program in the world.</p>
730+
</div>
731+
732+
<div class="speakers-section">
733+
<h2><span style="font-size:1.1em;vertical-align:middle;">🌎</span> World's Most Influential Rust Educators</h2>
734+
<p>All-star instructors & speakers, all in one program.</p>
735+
<div class="speakers-grid">
736+
<div class="speaker-card">
737+
<div class="speaker-image-wrapper">
738+
<img src="images/instructors/bogdan.png" alt="Bogdan" class="speaker-image">
739+
</div>
740+
<div class="speaker-name">Let's Get Rusty</div>
741+
<div class="speaker-title">Bogdan, Rust Creator<br>Let's Get Rusty</div>
742+
<div class="speaker-subs">100k+ subscribers</div>
743+
<a href="https://www.youtube.com/@letsgetrusty" target="_blank" rel="noopener" class="speaker-link">
744+
<span>▶</span> YouTube
745+
</a>
746+
</div>
747+
<div class="speaker-card">
748+
<div class="speaker-image-wrapper">
749+
<img src="images/instructors/jon.jpg" alt="Jon Gjengset" class="speaker-image">
750+
</div>
751+
<div class="speaker-name">Jon Gjengset</div>
752+
<div class="speaker-title">Popular Book Author<br>"Rust for Rustaceans"</div>
753+
<div class="speaker-subs">100k+ subscribers</div>
754+
<a href="https://www.youtube.com/@jonhoo" target="_blank" rel="noopener" class="speaker-link">
755+
<span>▶</span> YouTube
756+
</a>
757+
</div>
758+
<div class="speaker-card">
759+
<div class="speaker-image-wrapper">
760+
<img src="images/instructors/tris.jpg" alt="Tris" class="speaker-image">
761+
</div>
762+
<div class="speaker-name">No Boilerplate</div>
763+
<div class="speaker-title">Tris, Rust Creator<br>No Boilerplate</div>
764+
<div class="speaker-subs">200k+ subscribers</div>
765+
<a href="https://www.youtube.com/@NoBoilerplate" target="_blank" rel="noopener" class="speaker-link">
766+
<span>▶</span> YouTube
767+
</a>
768+
</div>
769+
<div class="speaker-card">
770+
<div class="speaker-image-wrapper">
771+
<img src="images/instructors/ken.png" alt="Ken" class="speaker-image">
772+
</div>
773+
<div class="speaker-name">Code to the Moon</div>
774+
<div class="speaker-title">Ken, Rust Creator<br>Code to the Moon</div>
775+
<div class="speaker-subs">80k+ subscribers</div>
776+
<a href="https://www.youtube.com/@codetothemoon" target="_blank" rel="noopener" class="speaker-link">
777+
<span>▶</span> YouTube
778+
</a>
779+
</div>
780+
</div>
781+
</div>
782+
783+
<div class="section-header">
784+
<h2><span style="font-size:1.1em;vertical-align:middle;">📚</span> Curriculum</h2>
785+
<p>Three phases designed to take you from Rust beginner to high-performing, highly-paid Rust developer: <b>Onboarding</b>, <b>Immersion</b>, and <b>Career Camp</b>.</p>
585786
</div>
586787

587788
<div class="info-note">

‎src/curriculum/images/instructors/bogdan.png‎

64.9 KB
Loading

‎src/curriculum/images/instructors/jon.jpg‎

13.6 KB
Loading

‎src/curriculum/images/instructors/ken.png‎

61.8 KB
Loading

‎src/curriculum/images/instructors/tris.jpg‎

14 KB
Loading

0 commit comments

Comments
 (0)