Merge pull request #32147 from code-dot-org/oceans-ai-videos

Oceans Landing: AI/ML videos

pegasus/sites.v3/code.org/public/oceans.haml

@@ -45,6 +45,10 @@ theme: responsive
 
   = view :resource_boxes, resources: resources
 
+  %h2= hoc_s(:oceans_landing_learn_more)
+
+  = view :ai_videos
+
   = view :ai_ml_resources_table
 
 .clear

pegasus/sites.v3/code.org/views/ai_videos.haml

@@ -0,0 +1,40 @@
+:ruby
+  videos = [
+    {
+      id: 'ml_human_bias',
+      code: '59bMh59JQDo',
+      text: hoc_s(:ai_video_title_ml_human_bias)
+    },
+    {
+      id: 'ethics_of_ai',
+      code: 'GboOXAjGevA',
+      text: hoc_s(:ai_video_title_ethics_of_ai)
+    },
+    {
+      id: 'ml_big_small_prickly',
+      code: '_rdINNHLYaQ',
+      text: hoc_s(:ai_video_title_ml_big_small_prickly)
+    },
+    {
+      id: 'what_is_ml',
+      code: 'f_uwKZIAeM0',
+      text: hoc_s(:ai_video_title_what_is_ml)
+    },
+    {
+      id: 'phone_knows_dog',
+      code: 'bHvf7Tagt18',
+      text: hoc_s(:ai_video_title_phone_knows_dog)
+    },
+    {
+      id: 'what_is_ai',
+      code: 'mJeNghZXtMo',
+      text: hoc_s(:ai_video_title_what_is_ai)
+    }
+  ]
+
+- videos.each do |video|
+  .col-50{style: "padding:10px"}
+    - url = "https://www.youtube.com/watch?v=#{video[:code]}"
+    = view :display_video_thumbnail, id: video[:id], video_code: video[:code], caption: "#{video[:text]}", play_button: 'center'
+
+%div{style: 'clear: both'}

pegasus/sites.v3/hourofcode.com/i18n/en.yml

@@ -30,13 +30,21 @@
   oceans_landing_resource_button: 'View Resources'
   oceans_landing_cs_for_good: 'CS For Good'
   oceans_landing_cs_for_good_desc: 'Resources to help students understand the role computer science could play in creating a more equitable world.'
+  oceans_landing_learn_more: 'Learn more about AI and Machine Learning'
 
   social_hoc2019_oceans_title: 'AI for Oceans #CSForGood'
   social_hoc2019_oceans_desc: "Learn about AI, machine learning, training data, and bias, while exploring ethical issues and how AI can be used to address world problems. Computer science is about so much more than coding! Enjoy Code.org's first step in a new journey to teach more about AI throughout our curriculum."
 
   hoc_overview_oceans_tutorial_header: 'AI For Oceans'
   hoc_overview_oceans_tutorial_desc: 'Learn about AI, machine learning, training data, and bias, while exploring ethical issues and how AI can be used to address world problems.'
 
+  ai_video_title_what_is_ai: 'What is AI?'
+  ai_video_title_phone_knows_dog: 'How does your phone know this is a dog?'
+  ai_video_title_what_is_ml: 'What is Machine Learning?'
+  ai_video_title_ml_big_small_prickly: 'Machine Learning: Solving Problems Big, Small and Prickly'
+  ai_video_title_ethics_of_ai: 'Ethics of AI'
+  ai_video_title_ml_human_bias: 'Machine Learning and Human Bias'
+
   activity: 'Activity'
   name: 'Name'
   description: 'Description'