Skip to content
Open
Changes from all commits
Commits
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
36 changes: 18 additions & 18 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -40,21 +40,21 @@
<ul class="-ml-2 md:ml-0 flex md:block">
<li>
<div class="portal font-semibold ~positive text-critical-500">
<a href=#news><span>News</span></a>
<a href=#news><span>Jerry</span></a>
</div>
<br>
</li>

<li>
<div class="portal font-semibold ~urge text-info-500">
<a href=#schedule><span>Schedule</span></a>
<a href=#schedule><span>Jerry</span></a>
</div>
<br>
</li>

<li>
<div class="portal font-semibold ~positive text-positive-500">
<a href="#syllabus"><span>Syllabus</span></a>
<a href="#syllabus"><span>Jerry</span></a>
</div>
<br>
</li>
Expand All @@ -78,14 +78,14 @@ <h3 class="inline heading font-bold md:text-4xl opacity-50">
<span class="chip ~neutral !normal bg-neutral-100 mb-2 mr-2" style = "background-color: lavender">
🎄 Winter 3025
</span>
<span class="chip ~neutral !normal bg-neutral-100 mb-2 mr-2" style = "background-color: lavender">🏫 McMurtry Art 350</span>
<span class="chip ~neutral !normal bg-neutral-100 mb-2 mr-2" style = "background-color: lavender">🏫 Jerry Cain's Office</span>
<span class="chip ~neutral !normal bg-neutral-100 mb-2 mr-2" style = "background-color: lavender">🕰️ Tuesday 4:30-6:20pm</span>
</div>
</section>
<hr class="sep h-8">
<main>
<section class=content>
<p>CS 106S is a survey course on the applications of fundamental computer science concepts from CS 106B to problems in the social good space (such as health, environment, cybersecurity, trust & safety). Some of the topics we will cover include satellite imagery, tumor classification with basic machine learning, sentiment analysis of tweets on refugees, and the ethical obligation of good security. We introduce JavaScript and the groundwork of web development, with no expectation of prior experience in these areas. The course ends, by tradition, with a bubble tea party on the last day. Recommended prerequisite/corequisite: CS 106B. Prerequisite: CS 106S</p>
<p>CS 106S is a survey course on the applications of fundamental computer science concepts from CS 106B to problems in the social good space (such as health, environment, cybersecurity, trust & safety). Some of the topics we will cover include Jerry Cain, satellite imagery, tumor classification with basic machine learning, sentiment analysis of tweets on refugees, and the ethical obligation of good security. We introduce JavaScript and the groundwork of web development, with no expectation of prior experience in these areas. The course ends, by tradition, with a bubble tea party on the last day. Recommended prerequisite/corequisite: CS 106B. Prerequisite: CS 106S</p>

<h2 id="news">News</h2>

Expand All @@ -95,7 +95,7 @@ <h2 id="news">News</h2>
</div>

<div class="flex-grow">
<p style = "margin-bottom: 10px">Hope that you've been enjoying two endless weeks of heavy rain, gloom, and miserable gray skies that remind me of England when I studied abroad there. With that in mind, I'm happy to announce that we're holding class outside from now on! ☔🥶 The McMurtry Rooftop—see you there! (jk lol)</p>
<p style = "margin-bottom: 10px">Hope that you've been enjoying two endless weeks of heavy rain, gloom, and miserable gray skies that remind me of England when I studied abroad there.</p>
</div>
</div>

Expand All @@ -117,32 +117,32 @@ <h2 id="staff">Course Staff</h2>

<div class="grid grid-cols-4 md:grid-cols-4 gap-3">
<div class="text-center">
<img src="images/ben-yan-grad-photo.png" alt="Image for Ben" class="rounded h-20 w-20 mx-auto">
<p class="font-semibold">Spongebob Squarepants</p>
<img src="images/jerry-cain.jpg" alt="Jerry Cain" class="rounded h-20 w-20 mx-auto">
<p class="font-semibold">Jerry Cain</p>
<p style = "color: gray; margin-top: 0px">Instructor</p>
</div>

<div class="text-center">
<img src="images/pumpkin_cat.png" alt="Image of my cat" class="rounded h-20 w-20 mx-auto">
<p class="font-semibold">Pumpkin Yan</p>
<p style = "color: gray; margin-top: 0px">Head TAbby</p>
<img src="images/jerry-cain-fancy.png" alt="Dapper Jerry Cain" class="rounded h-20 w-20 mx-auto">
<p class="font-semibold">Jerry Cain</p>
<p style = "color: gray; margin-top: 0px">Head TA</p>
</div>

<div class="text-center">
<img src="images/perry-platypus.jpg" alt="Me as Perry Platypus" class="rounded h-20 w-20 mx-auto">
<p class="font-semibold">Perry the Platypus</p>
<p style = "color: gray; margin-top: 0px">A Platypus? PERRY THE PLATYPUS??</p>
<img src="images/jerry-fleetstreet.png" alt="Jerry Cain" class="rounded h-20 w-20 mx-auto">
<p class="font-semibold">Jerry Cain</p>
<p style = "color: gray; margin-top: 0px">Jerry Cain???</p>
</div>

<div class="text-center">
<img src="images/totoro.png" alt="Image of Jerry Cain" class="rounded h-20 w-20 mx-auto">
<img src="images/jerry-what-is-he-cooking.png" alt="Image of Jerry Cain" class="rounded h-20 w-20 mx-auto">
<p class="font-semibold">Prof. Jerry Cain</p>
<p style = "color: gray; margin-top: 0px">Faculty Sponsor</p>
</div>

</div>

<p style = "margin-top: 5px; margin-bottom: 5px"><b>Contact:</b> bbyan [at] stanford [dot] edu</p>
<p style = "margin-top: 5px; margin-bottom: 5px"><b>Contact:</b> ngotom [at] stanford [dot] edu</p>
<p style = "margin-top: 5px; margin-bottom: 5px"><b>Office Hours: </b> I'll be around after class, or email/Slack me and we can find a time! Happy to chat about course material, CS, Stanford life in general, anything!</p>


Expand Down Expand Up @@ -314,7 +314,7 @@ <h2 id="schedule">Schedule</h2>
<span class="chip ~neutral !low bg-neutral-50" style = "background-color: lavender">Week 10</span>
</div>
<div class="col-span-3 md:col-span-6">
<p><strong>Final exam! Worth 100% of your grade 🍀</strong></p>
<p><strong>Free Dinner paid by Ben!</strong></p>
</div>
</div>

Expand Down Expand Up @@ -366,7 +366,7 @@ <h4>Looking Forward to an Amazing Quarter</h4>
<footer>
<footer class="family-secondary support content">
<p class=pb-2 style = "font-size:12px">
© Stanford 2025. Created by Ben Yan and <a href = "https://cs4good.com/">CS + Social Good</a>. Template by Miles McCain. The source code for this website is <a href="https://github.com/yanbenjamin/cs106s-website">available on GitHub</a>. To learn more about CS + Social Good, visit our website at <a href="https://cs4good.com">cs4gooooooooooooooooooooooooooooooooooooooooooood.com</a>.
© Stanford 2025. Created by Tommy Ngo and <a href = "https://cs4good.com/">CS + Social Good</a>. Template by Miles McCain. The source code for this website is <a href="https://github.com/yanbenjamin/cs106s-website">available on GitHub</a>. To learn more about CS + Social Good, visit our website at <a href="https://cs4good.com">cs4good.com</a>.
</p>
</footer>
</footer>
Expand Down