Merge pull request #4 from jetbrains-academy/add-more-examples

Add dark images example, update readme and course info

README.md

@@ -46,7 +46,7 @@ This allows you to create a new repository easily without copying and pasting pr
 
 All you have to do is click the <kbd>Use this template</kbd> button (you must be logged in with your GitHub account).
 
-**TODO: add picture**
+![Use this template][file:use-template-blur]
 
 The most convenient way for getting your new project from GitHub is the <kbd>Get from VCS</kbd> action available on the Welcome Screen, 
 where you can filter your GitHub  repository by its name.
@@ -269,4 +269,5 @@ In the `.github/workflows` directory, you can find definitions for the following
 [file:use-this-template.png]: common/src/main/resources/images/get-from-version-control.png
 [file:course-structure-author]: common/src/main/resources/images/course-structure-author.png
 [file:course-structure-student]: common/src/main/resources/images/course-structure-student.png
-[file:run-debug-configurations]: common/src/main/resources/images/run-debug-configurations.png
+[file:run-debug-configurations]: common/src/main/resources/images/run-debug-configurations.png
+[file:use-template-blur]: common/src/main/resources/images/use_template_blur.jpg

course-info.yaml

@@ -1,7 +1,7 @@
 type: marketplace
 title: JetBrains Academy Kotlin course template
 language: English
-summary: TODO
+summary: "Here you can put the course description. You can use HTML tags inside the description."
 programming_language: Kotlin
 content:
   - courseSection

courseSection/courseFrameworkLesson/theoryTask/task.md

@@ -16,3 +16,12 @@ you can put them into the `common` module:
     <img src="../../../common/src/main/resources/images/logo.png" alt="Logo" width="400"/>
 </p>
 
+<div class="hint" title="How to change pictures between themes?">
+
+You can put picture for the dark theme together with the initial one with the suffix "_dark". 
+In this case the plugin will use this picture if the user switched the IDE theme to the dark one:
+
+<p align="center">
+    <img src="../../../common/src/main/resources/images/theme_example.gif" alt="Logo" width="500"/>
+</p>
+</div>