diff --git a/_courses/course-1.md b/_courses/course-1.md index d637355ed0fe..20010990a6e8 100644 --- a/_courses/course-1.md +++ b/_courses/course-1.md @@ -1,8 +1,9 @@ --- -title: Course 1 -summary: Lorem ipsum dolor sit amet, consectetur adipiscing elit -thumbnail: http://via.placeholder.com/560x360/ffffff/d8d8d8 +title: Intro to Deep Learning +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. +thumbnail: http://placehold.it/387x219/f3f4f7 link: https://pytorch.org order: 1 +platform: Udacity --- diff --git a/_courses/course-2.md b/_courses/course-2.md index bcbf94fbddd6..42a940a8e5be 100644 --- a/_courses/course-2.md +++ b/_courses/course-2.md @@ -1,7 +1,8 @@ --- -title: Course 2 -summary: Lorem ipsum dolor sit amet, consectetur adipiscing elit -thumbnail: http://via.placeholder.com/560x360/ffffff/d8d8d8 +title: Fast.ai Courses +summary: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ultrices facilisis nisi id consequat. Morbi vestibulum feugiat lorem tincidunt tempus. +thumbnail: http://placehold.it/387x219/f3f4f7 link: https://pytorch.org order: 2 +platform: Fast.ai --- diff --git a/_courses/course-3.md b/_courses/course-3.md index 35bddf9e3cd0..4c8df2157f03 100644 --- a/_courses/course-3.md +++ b/_courses/course-3.md @@ -1,7 +1,8 @@ --- title: Course 3 summary: Lorem ipsum dolor sit amet, consectetur adipiscing elit -thumbnail: http://via.placeholder.com/560x360/ffffff/d8d8d8 +thumbnail: http://placehold.it/387x219/f3f4f7 link: https://pytorch.org order: 3 +platform: Udacity --- diff --git a/_courses/course-4.md b/_courses/course-4.md index 7bab968a5b34..79f6f458145b 100644 --- a/_courses/course-4.md +++ b/_courses/course-4.md @@ -1,7 +1,8 @@ --- title: Course 4 summary: Lorem ipsum dolor sit amet, consectetur adipiscing elit -thumbnail: http://via.placeholder.com/560x360/ffffff/d8d8d8 +thumbnail: http://placehold.it/387x219/f3f4f7 link: https://pytorch.org order: 4 +platform: Fast.ai --- diff --git a/_includes/educational_courses_module.html b/_includes/educational_courses_module.html index 23c0bfeb9493..03f5b5e41143 100644 --- a/_includes/educational_courses_module.html +++ b/_includes/educational_courses_module.html @@ -1,24 +1,27 @@
-
+
-

Educational Courses

- - See all Courses - +

Educational Courses

+
+

There are many educational resources available for learning and supporting AI / ML development with PyTorch. + Here are a few to get you started.

+
+
{% assign courses = site.courses | sort: 'order' %} - {% for course in courses limit: 4 %} -
+ {% for course in courses %} + {% endfor %}
diff --git a/_sass/_variables.scss b/_sass/_variables.scss index 6a452e253067..08d89b2e9d87 100644 --- a/_sass/_variables.scss +++ b/_sass/_variables.scss @@ -20,6 +20,7 @@ $code_link_color: #4974D1; $purple: #812CE5; $light_white: #e2e2e2; $mid_gray: #979797; +$grey: #8c8c8c; $desktop_header_height: 90px; $mobile_header_height: 68px; diff --git a/_sass/resources.scss b/_sass/resources.scss index 8e9a01c44925..8e8fede0bb22 100644 --- a/_sass/resources.scss +++ b/_sass/resources.scss @@ -28,3 +28,38 @@ margin-bottom: rem(36px); } } + +.resources .article-page-module { + background: $white; + + .educational-resources-container { + h2 { + text-transform: uppercase; + } + + h4 { + color: $black; + } + + h5 { + padding-top: rem(30px); + padding-bottom: rem(10px); + color: $grey; + } + + p { + color: $grey; + } + + .educational-courses-intro { + @include desktop { + width: 41%; + } + + padding-top: rem(20px); + p { + color: $not_quite_black; + } + } + } +} diff --git a/resources.html b/resources.html index 86b4b3ab88d2..de77c501caf9 100644 --- a/resources.html +++ b/resources.html @@ -55,4 +55,6 @@

{{ resource.title }}

+{% include educational_courses_module.html %} + {% include quick_start_module.html %}