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,10 +30,18 @@
   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'
 
   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'