Skip to content

Commit

Permalink
jekyll connection
Browse files Browse the repository at this point in the history
  • Loading branch information
@vickyz223
vickyz223 committed Oct 23, 2023
1 parent 18f5051 commit 8e87afa
Show file tree
Hide file tree
Showing 2 changed files with 28 additions and 108 deletions.
10 changes: 6 additions & 4 deletions _sass/_ailessons.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -71,8 +71,8 @@ label {

.two-by-two {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(4, 1fr);
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-rows: repeat(2, minmax(0, 1fr));
grid-gap: 20px;

@media (min-width: 768px) {
Expand All @@ -90,6 +90,7 @@ label {
.lesson-w-chip {
width: 100%;
padding: 1.5rem;
height: 100%;

display: flex;
flex-direction: column;
Expand All @@ -109,10 +110,12 @@ label {
padding: 0;
margin: 0;
}
}

div {
.green-chips {
display: flex;
gap: 0.5rem;
flex-wrap: wrap;
div {
background-color: #016d3a;
color: white;
Expand All @@ -122,7 +125,6 @@ label {

font-size: 14px;
}
}
}

.lesson-triple-col {
Expand Down
126 changes: 22 additions & 104 deletions ai_ml_lesson.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -91,83 +91,25 @@ <h2>Learning goals</h2>
<h2>Lessons</h2>
<div class="center">
<div class="lesson-triple-col">
{% for lesson in site.aiml %}
<div class="lesson-w-chip">
<h3>What is AI</h3>
<p>
You’ve probably heard of Artificial Intelligence in the news. But what
exactly is AI?
</p>
<div div class="green-chips">
<div>slides</div>
<div>worksheet</div>
</div>
</div>
<div class="lesson-w-chip">
<h3>What is AI</h3>
<p>
You’ve probably heard of Artificial Intelligence in the news. But what
exactly is AI?
</p>
<div div class="green-chips">
<div>slides</div>
<div>worksheet</div>
</div>
</div>
<div class="lesson-w-chip">
<h3>What is AI</h3>
<p>
You’ve probably heard of Artificial Intelligence in the news. But what
exactly is AI?
</p>
<div div class="green-chips">
<div>slides</div>
<div>worksheet</div>
</div>
</div>
<div class="lesson-w-chip">
<h3>What is AI</h3>
<p>
You’ve probably heard of Artificial Intelligence in the news. But what
exactly is AI?
</p>
<div div class="green-chips">
<div>slides</div>
<div>worksheet</div>
</div>
</div>
<div class="lesson-w-chip">
<h3>What is AI</h3>
<p>
You’ve probably heard of Artificial Intelligence in the news. But what
exactly is AI?
</p>
<div div class="green-chips">
<div>slides</div>
<div>worksheet</div>
</div>
</div>
<div class="lesson-w-chip">
<h3>What is AI</h3>
<p>
You’ve probably heard of Artificial Intelligence in the news. But what
exactly is AI?
</p>
<div div class="green-chips">
<div>slides</div>
<div>worksheet</div>
</div>
</div>
<div class="lesson-w-chip">
<h3>What is AI</h3>
<p>
You’ve probably heard of Artificial Intelligence in the news. But what
exactly is AI?
</p>
<div div class="green-chips">
<div>slides</div>
<div>worksheet</div>
<h3>{{lesson.title}}</h3>
{% if lesson.excerpt %}
{{lesson.excerpt}}
{% endif %}
<div class="green-chips">
{% if lesson.slides_link %}
<div href="{{lesson.slides_link}}">slides</div>
{% endif %}
{% if lesson.homework_link %}
<div href="{{lesson.homework_link}}">worksheet</div>
{% endif %}
{% if lesson.colab_link %}
<div href="{{lesson.colab_link}}">colab</div>
{% endif %}
</div>
</div>
{% endfor %}
</div>
</div>
</div>
Expand All @@ -178,40 +120,16 @@ <h1 class="reset">More resources</h1>
<p>These are our favorite AI/ML resources - they're all awesome!</p>
</div>
<div class="two-by-two">
{% for subcategory in site.data.curriculum_resources.aiml %}
<div>
<h3>ACM AI Resources</h3>
<ul>
<li>You Belong in AI! Podcast</li>
<li>ACM AI Blog</li>
<li>Plotting Data Notebook</li>
<li>MNIST Dataset with Keras Notebook (Archer School Event)</li>
<li>Intro to Deep Learning</li>
</ul>
</div>
<div>
<h3>Intro to Deep Learning</h3>
<h3>{{subcategory.title}}</h3>
<ul>
<li>Coursera: Deep Learning Specialization</li>
<li>The Deep Learning Textbook</li>
<li>3Blue1Brown: Neural Networks</li>
<li>Udacity: Intro to Deep Learning with TensorFlow</li>
{% for item in subcategory.items %}
<li>{{item.name}}</li>
{% endfor %}
</ul>
</div>
<div>
<h3>Tensorflow and Pytorch</h3>
<ul>
<li>UC Berkeley: CS294 Tensorflow Tutorial</li>
<li>UC Berkeley: CS285 (Deep Reinforcement Learning) Resources</li>
<li>Pytorch: Getting Started with Pytorch</li>
</ul>
</div>
<div>
<h3>Intro to Machine Learning</h3>
<ul>
<li>Coursera: Introduction to Machine Learning</li>
<li>Hal Daumé III: A Course in Machine Learning</li>
<li>Google: Machine Learning Crash Course</li>
</ul>
{% endfor %}
</div>
</div>
</div>
Expand Down

0 comments on commit 8e87afa

Please sign in to comment.