[SE-5135] Update HTML templates to the v2 counterparts.

common/lib/xmodule/xmodule/templates/html/calendar.yaml

@@ -0,0 +1,9 @@
+---
+metadata:
+  display_name: Calendar
+  data: |
+    <div class="div-info"><img class="icon-image" src="/static/calendar.png" alt="" />
+    <div>
+    <h4>Calendar</h4>
+    </div>
+    </div>

common/lib/xmodule/xmodule/templates/html/case_analysis.yaml

@@ -1,14 +1,14 @@
 ---
 metadata:
-    display_name: Case Analysis
-data: |
-      <div class="div-casestudy"><img class="icon-image" src="/static/Case_Study.png" alt="" />
-      <div>
-      <h4>Case Analysis</h4>
-      <p>Having read this case, consider the following questions:</p>
-      <ul>
-      <li>[Enter question 1]</li>
-      <li>[Enter question 2]</li>
-      </ul>
-      </div>
-      </div>
+  display_name: Case Analysis
+  data: |
+    <div class="div-info"><img class="icon-image" src="/static/discussion_activities.png" alt="" />
+    <div>
+    <h4>Case Analysis</h4>
+    <p>Having read this case, consider the following questions:</p>
+    <ul>
+    <li>[Enter question 1]</li>
+    <li>[Enter question 2]</li>
+    </ul>
+    </div>
+    </div>

common/lib/xmodule/xmodule/templates/html/case_study.yaml

@@ -2,10 +2,9 @@
 metadata:
     display_name: Case Study
 data: |
-      <div class="div-casestudy">
-        <img class="icon-image" src="/static/quick_fact.png" alt="">
-        <div>
-          <h4>Quick Facts</h4>
-      		<p>[Enter text here]</p>
-        </div>
-      </div>
+  <div class="div-info"><img class="icon-image" src="/static/Case_Study.png" alt="" />
+  <div>
+  <h4>Case Study</h4>
+  <p>Enter the case study content here.</p>
+  </div>
+  </div>

common/lib/xmodule/xmodule/templates/html/certificate.yaml

@@ -0,0 +1,9 @@
+---
+metadata:
+  display_name: Certificate
+  data: |
+    <div class="div-info"><img class="icon-image" src="/static/certificate.png" alt="" />
+    <div>
+    <h4>Certificate</h4>
+    </div>
+    </div>

common/lib/xmodule/xmodule/templates/html/downloads.yaml

@@ -0,0 +1,10 @@
+---
+metadata:
+  display_name: Downloads
+  data: |
+    <div class="div-info"><img class="icon-image" src="/static/downloads.png" alt="" />
+    <div>
+    <h4>Downloads</h4>
+    </div>
+    </div>
+    <p></p>

common/lib/xmodule/xmodule/templates/html/final_capstone_project.yaml

@@ -0,0 +1,10 @@
+---
+metadata:
+  display_name: Final Capstone Project
+  data: |
+    <div class="div-info"><img class="icon-image" src="/static/capstone.png" alt="" />
+    <div>
+    <h4>Final Capstone Project</h4>
+    <p><strong>Note:</strong> This is the Module 6 final project. Intermediate milestone assignments (in modules 1-5) toward the Capstone should be styled as Group Exercises.</p>
+    </div>
+    </div>

common/lib/xmodule/xmodule/templates/html/graded_assignments.yaml

@@ -1,16 +1,15 @@
 ---
 metadata:
-    display_name: Graded Assignments
-data: |
-      <div class="div-assignments"><img class="icon-image" src="/static/assessments.png" alt="" />
-      <div>
-      <h4>Graded Assignments</h4>
-      <p>We will also complete individual and group assignments, which count towards your completion of the programme. This week, we:</p>
-      <ul>
-      <li>[Assignment 1]</li>
-      <li>[Assignment 2]</li>
-      </ul>
-      <p>You must submit all graded assignments in Module 1 <strong>by [Enter Date], 23:59 UTC</strong>. (Try the <a href="https://www.thetimezoneconverter.com/?t=11%3A00%20AM&amp;tz=UTC%20(Coordinated%20Universal%20Time)" target="_blank" s="">Time Zone Converter</a> to get your local time.)</p>
-      </div>
-      </div>
-      <p></p>
+  display_name: Graded Assignments
+  data: |
+    <div class="div-info"><img class="icon-image" src="/static/assessments.png" alt="" />
+    <div>
+    <h4>Graded Assignments</h4>
+    <p>We will also complete individual and group assignments, which count towards your completion of the course. This week, we:</p>
+    <ul>
+    <li>[Assignment 1]</li>
+    <li>[Assignment 2]</li>
+    </ul>
+    <p>You must submit all graded assignments in Module 1 <strong>by [Enter Date], 23:59 UTC</strong>. (Try the <a href="https://www.thetimezoneconverter.com/?t=11%3A00%20AM&amp;tz=UTC%20(Coordinated%20Universal%20Time)" target="_blank" s="">Time Zone Converter</a> to get your local time.)</p>
+    </div>
+    </div>

common/lib/xmodule/xmodule/templates/html/group_exercise.yaml

@@ -0,0 +1,12 @@
+---
+metadata:
+  display_name: Group Exercise
+  data: |
+    <div class="div-info"><img class="icon-image" src="/static/group_exercise.png" alt="" />
+    <div>
+    <h4>Group Exercise: [Enter Exercise Name]</h4>
+    <p>[Frame the exercise here]</p>
+    <h5>Instructions</h5>
+    <p>[Provide step by step instructions for learners here.]</p>
+    </div>
+    </div>

common/lib/xmodule/xmodule/templates/html/in_the_news.yaml

@@ -0,0 +1,10 @@
+---
+metadata:
+  display_name: In the News
+  data: |
+    <div class="div-info"><img class="icon-image" src="/static/In_The_News.png" alt="" />
+    <div>
+    <h4>In the News</h4>
+    <p>Current events, etc.</p>
+    </div>
+    </div>

common/lib/xmodule/xmodule/templates/html/individual_exercise.yaml

@@ -1,11 +1,10 @@
 ---
 metadata:
-    display_name: Individual Exercise
-data: |
-      <div class="div-exercise">
-      <img class="icon-image" src="/static/exercises.png" alt="">
-      <div>
-        <h4>Individual Exercise</h4>
-       <p>[Enter the description and instructions for the exercise. You will add the exercise as it's own component.]</p>
-      </div>
-      </div>
+  display_name: Individual Exercise
+  data: |
+    <div class="div-info"><img class="icon-image" src="/static/exercises.png" alt="" />
+    <div>
+    <h4>Individual Exercise</h4>
+    <p>[Enter the description and instructions for the exercise.]</p>
+    </div>
+    </div>

common/lib/xmodule/xmodule/templates/html/individual_reflection.yaml

@@ -0,0 +1,9 @@
+---
+metadata:
+  display_name: Individual Reflection
+  data: |
+    <div class="div-info"><img class="icon-image" src="/static/individual_reflection.png" alt="" />
+    <div>
+    <h4>Individual Reflection</h4>
+    </div>
+    </div>

common/lib/xmodule/xmodule/templates/html/info_or_vocabulary_check.yaml

@@ -0,0 +1,10 @@
+---
+metadata:
+  display_name: Info or Vocabulary Check
+  data: |
+    <div class="div-info"><img class="icon-image" src="/static/info.png" alt="" />
+    <div>
+    <h4>[H4 Title Goes Here]</h4>
+    <p>Brief informational bits, including Vocabulary Check components</p>
+    </div>
+    </div>

common/lib/xmodule/xmodule/templates/html/key_takeaways.yaml

@@ -1,17 +1,16 @@
 ---
 metadata:
-    display_name: Key Takeaways
-data: |
-      <div class="div-keytakeaways">
-      <img class="icon-image" src="/static/highlights_takeaways.png" alt="">
-        <div>
-      <h4>Key Takeaways</h4>
-      <p>Let's review the key points of this section:</p>
-      <ol>
-        <li>[Enter key point 1]</li>
-      <li>[Enter key point 2]</li>
-      <li>[Enter key point 3]</li>
-      <li>[Enter key point 4]</li>
-      </ol>
-      </div>
-      </div>
+  display_name: Key Takeaways
+  data: |
+    <div class="div-info"><img class="icon-image" src="/static/highlights_takeaways.png" alt="" />
+    <div>
+    <h4>Key Takeaways</h4>
+    <p>Let's review the key points of this section:</p>
+    <ol>
+    <li>[Enter key point 1]</li>
+    <li>[Enter key point 2]</li>
+    <li>[Enter key point 3]</li>
+    <li>[Enter key point 4]</li>
+    </ol></div>
+    </div>
+    <p></p>

common/lib/xmodule/xmodule/templates/html/knowledge_check.yaml

@@ -0,0 +1,11 @@
+---
+metadata:
+  display_name: Knowledge Check (non-edX/H5P)
+  data: |
+    <h3>1.2.3 Knowledge Check</h3>
+    <p></p>
+    <div class="div-info"><img class="icon-image" src="/static/knowledge-check.png" alt="" />
+    <div>
+    <p>Try the question below to check your understanding of this lesson. This question is not graded, and you have unlimited attempts.</p>
+    </div>
+    </div>

common/lib/xmodule/xmodule/templates/html/module_overview.yaml

@@ -0,0 +1,12 @@
+---
+metadata:
+  display_name: Module Overview
+  data: |
+    <div class="div-info"><img class="icon-image" src="/static/overview.png" alt="" />
+    <div>
+    <h4>Overview</h4>
+    <h6>Module Time: 7-10 hours | <a href="/static/CYB-Summer-2021-M1.pdf" target="_blank">Download Module Materials</a> (PDF)</h6>
+    <p>Welcome to the [X] module of the [Enter Programme Name Here]!</p>
+    <p>This week we will learn about [Enter text here]</p>
+    </div>
+    </div>

common/lib/xmodule/xmodule/templates/html/objectives.yaml

@@ -1,19 +1,19 @@
 ---
 metadata:
-    display_name: Objectives
-data: |
-      <div class="div-objectives"><img class="icon-image" src="/static/objectives_outcomes.png" alt="" />
-      <div>
-      <h4>Objectives</h4>
-      <p>Our goals for this module are to:</p>
-      <ul>
-      <li>[Enter Goal 1]</li>
-      <li>[Enter Goal 2]</li>
-      </ul>
-      <p>At the end of this module, you will be able to:</p>
-      <ul>
-      <li>[Enter Learning Objective 1]</li>
-      <li>[Enter Learnign Objective 2]</li>
-      </ul>
-      </div>
-      </div>
+  display_name: Objectives
+  data: |
+    <div class="div-info"><img class="icon-image" src="/static/Objectives_outcomes.png" alt="" />
+    <div>
+    <h4>Objectives</h4>
+    <p>Our goals for this module are to:</p>
+    <ul>
+    <li>[Enter Goal 1]</li>
+    <li>[Enter Goal 2]</li>
+    </ul>
+    <p>At the end of this module, you will be able to:</p>
+    <ul>
+    <li>[Enter Learning Objective 1]</li>
+    <li>[Enter Learning Objective 2]</li>
+    </ul>
+    </div>
+    </div>