Skip to content

Commit 86bae88

Browse files
author
Pat Mellon
committed
Add educational content to resources page
1 parent fcbbdbf commit 86bae88

File tree

8 files changed

+62
-17
lines changed

8 files changed

+62
-17
lines changed

‎_courses/course-1.md

+4-3
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,9 @@
11
---
2-
title: Course 1
3-
summary: Lorem ipsum dolor sit amet, consectetur adipiscing elit
4-
thumbnail: http://via.placeholder.com/560x360/ffffff/d8d8d8
2+
title: Intro to Deep Learning
3+
summary: Learn the basics of deep learning, and build your own deep neural networks using PyTorch. You’ll get practical experience with PyTorch through coding exercises and projects implementing state-of-the-art AI applications such as style transfer and text generation.
4+
thumbnail: http://placehold.it/387x219/f3f4f7
55
link: https://pytorch.org
66
order: 1
7+
platform: Udacity
78
---
89

‎_courses/course-2.md

+4-3
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
---
2-
title: Course 2
3-
summary: Lorem ipsum dolor sit amet, consectetur adipiscing elit
4-
thumbnail: http://via.placeholder.com/560x360/ffffff/d8d8d8
2+
title: Fast.ai Courses
3+
summary: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ultrices facilisis nisi id consequat. Morbi vestibulum feugiat lorem tincidunt tempus.
4+
thumbnail: http://placehold.it/387x219/f3f4f7
55
link: https://pytorch.org
66
order: 2
7+
platform: Fast.ai
78
---

‎_courses/course-3.md

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
---
22
title: Course 3
33
summary: Lorem ipsum dolor sit amet, consectetur adipiscing elit
4-
thumbnail: http://via.placeholder.com/560x360/ffffff/d8d8d8
4+
thumbnail: http://placehold.it/387x219/f3f4f7
55
link: https://pytorch.org
66
order: 3
7+
platform: Udacity
78
---

‎_courses/course-4.md

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
---
22
title: Course 4
33
summary: Lorem ipsum dolor sit amet, consectetur adipiscing elit
4-
thumbnail: http://via.placeholder.com/560x360/ffffff/d8d8d8
4+
thumbnail: http://placehold.it/387x219/f3f4f7
55
link: https://pytorch.org
66
order: 4
7+
platform: Fast.ai
78
---

‎_includes/educational_courses_module.html

+12-9
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,27 @@
11
<div class="container-fluid article-page-module">
2-
<div class="container">
2+
<div class="container educational-resources-container">
33
<div class="row">
44
<div class="col-md-12">
5-
<h3>Educational Courses</h3>
6-
<a href="{{ site.external_urls.udacity_courses }}" class="btn btn-lg with-right-arrow module-button" target="_blank">
7-
See all Courses
8-
</a>
5+
<h2>Educational Courses</h2>
96
</div>
107
</div>
118

9+
<div class="educational-courses-intro">
10+
<p>There are many educational resources available for learning and supporting AI / ML development with PyTorch.
11+
Here are a few to get you started.</p>
12+
</div>
13+
1214
<div class="row module-content-wrapper">
1315
{% assign courses = site.courses | sort: 'order' %}
1416

15-
{% for course in courses limit: 4 %}
16-
<div class="col-md-3">
17+
{% for course in courses %}
18+
<div class="col-md-4">
1719
<a href="{{ course.link }}" target="_blank">
20+
<h5>{{ course.platform }}</h5>
1821
<img src="{{ course.thumbnail }}" />
19-
<h5>{{ course.title }}</h5>
20-
<p>{{ course.summary }}</p>
22+
<h4>{{ course.title }}</h4>
2123
</a>
24+
<p>{{ course.summary }}</p>
2225
</div>
2326
{% endfor %}
2427
</div>

‎_sass/_variables.scss

+1
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,7 @@ $code_link_color: #4974D1;
2020
$purple: #812CE5;
2121
$light_white: #e2e2e2;
2222
$mid_gray: #979797;
23+
$grey: #8c8c8c;
2324

2425
$desktop_header_height: 90px;
2526
$mobile_header_height: 68px;

‎_sass/resources.scss

+35
Original file line numberDiff line numberDiff line change
@@ -28,3 +28,38 @@
2828
margin-bottom: rem(36px);
2929
}
3030
}
31+
32+
.resources .article-page-module {
33+
background: $white;
34+
35+
.educational-resources-container {
36+
h2 {
37+
text-transform: uppercase;
38+
}
39+
40+
h4 {
41+
color: $black;
42+
}
43+
44+
h5 {
45+
padding-top: rem(30px);
46+
padding-bottom: rem(10px);
47+
color: $grey;
48+
}
49+
50+
p {
51+
color: $grey;
52+
}
53+
54+
.educational-courses-intro {
55+
@include desktop {
56+
width: 41%;
57+
}
58+
59+
padding-top: rem(20px);
60+
p {
61+
color: $not_quite_black;
62+
}
63+
}
64+
}
65+
}

‎resources.html

+2
Original file line numberDiff line numberDiff line change
@@ -55,4 +55,6 @@ <h4>{{ resource.title }}</h4>
5555
</div>
5656
</div>
5757

58+
{% include educational_courses_module.html %}
59+
5860
{% include quick_start_module.html %}

0 commit comments

Comments
 (0)