Widgets (#130)

* Community page: added new widgets

* Restored missing images
diff --git a/_src/our-community.pug b/_src/our-community.pug
index f3b56e2..9a96548 100644
--- a/_src/our-community.pug
+++ b/_src/our-community.pug
@@ -402,12 +402,20 @@
             .cmty-redstart__bottom.flexi
                 .cmty-redstart__left
                     .h4.pb-1 
-                        strong Project Awareness <br>Top Contributors
-                    .cmty-redstart__bottitle.h5.pt-4.pb-3
-                        p We do recognize and welcome non-code contributions. There are dozens of Apache Ignite community members who contribute this way.
-                .cmty-redstart__botright
-                    iframe(src="https://recognition.gridgain.com/leaderboard-frame?limit=10&interval=prev-quarter&product=ignite", frameborder="0").cmty-redstart__iframe.themescroll
-                    a(href="https://recognition.gridgain.com/main?product=ignite", target="_blank") See all contributors 
+                        strong Non-Code Top Contributors
+                    .cmty-redstart__bottitle.pt-2.pb-3
+                        p We do recognize and welcome non-code contributions. There are dozens of Apache Ignite community members who are sharing their knowledge with developers by creating blog posts, and videos, presenting at conferences, and answering Apache Ignite questions on StackOverflow or the User mailing list.
+                .cmty-redstart__right
+                    .cmty-redstart__botright.left
+                        .cmty-redstart__botright__header Project Awareness Top Contributors
+                        iframe(src="https://recognition.gridgain.com/leaderboard-frame?limit=10&interval=prev-quarter&product=ignite&typeGroup=content", frameborder="0").cmty-redstart__iframe.themescroll
+                        a(href="https://recognition.gridgain.com/main?date=prev-quarter&typeGroup=content", target="_blank") See all 
+                            span →
+                    .cmty-redstart__botright.right
+                        .cmty-redstart__botright__header User Forums' Top Contributors
+                        iframe(src="https://recognition.gridgain.com/leaderboard-frame?limit=10&interval=prev-quarter&product=ignite&typeGroup=answers", frameborder="0").cmty-redstart__iframe.themescroll
+                        a(href="https://recognition.gridgain.com/main?date=prev-quarter&typeGroup=answers", target="_blank") See all 
+                            span →
     // /.cmty-redstart
 
 
diff --git a/css/communnity.css b/css/communnity.css
index 3b7f4c6..750b2d9 100644
--- a/css/communnity.css
+++ b/css/communnity.css
@@ -723,17 +723,50 @@
     padding-top: 8rem;
     padding-bottom: 8px;
     align-items: flex-start;
+    justify-content: space-between;
+}
+@media (max-width:992px) {
+    .cmty-redstart__bottom {
+        flex-direction: column;
+    }
 }
 .cmty-redstart__left {
-    width: 50%;
+    width: 33%;
     flex-shrink: 0;
     flex-grow: 0;
 }
+@media (max-width:992px) {
+    .cmty-redstart__left {
+        width: 100%;
+    }
+}
+.cmty-redstart__right {
+    width: 60%;
+    display: flex;
+}
+@media (max-width:1199px) {
+    .cmty-redstart__right {
+        width: 70%;
+    }
+}
+@media (max-width:992px) {
+    .cmty-redstart__right {
+        width: 100%;
+    }
+}
+@media (max-width:767px) {
+    .cmty-redstart__right {
+        flex-direction: column;
+    }
+}
+.cmty-redstart__bottitle {
+    width: 88%;  
+}
 .cmty-redstart__grey {
     color: var(--grey4)
 }
 .cmty-redstart__botright {
-    width: 40%;
+    width: 47%;
     border: 1px solid #ededed;
     box-sizing: border-box;
     border-radius: 10px;
@@ -742,11 +775,39 @@
     flex-flow: column nowrap;
     align-items: center;
     justify-content: center;
-    padding: 3rem 3rem 2rem;
+    padding: 5rem 3rem 1rem 3rem;
     background: #fff;
+    position: relative;
+    overflow: hidden;
+}
+@media (max-width:1199px) {
+    .cmty-redstart__botright {
+        padding: 5rem 1rem 1rem 1rem;
+    }
+}
+@media (max-width:767px) {
+    .cmty-redstart__right .cmty-redstart__botright {
+        padding-top: 5rem;
+    }
+    .cmty-redstart__botright.left {
+        margin-bottom: 10px;
+    }
+}
+.cmty-redstart__botright__header {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    text-align: center;
+    background-color: var(--blue);
+    color: #fff;
+    padding: 9px 0;
 }
 .cmty-redstart__botright a {
-    margin-top: 2rem;
+    color: #1957c2;
+}
+.cmty-redstart__botright a span {
+    vertical-align: text-bottom;
 }
 .cmty-redstart__botpic {
     display: block;
diff --git a/images/wallpapers/2020/Ignite2020-clean.jpg b/images/wallpapers/2020/Ignite2020-clean.jpg
new file mode 100755
index 0000000..225a727
--- /dev/null
+++ b/images/wallpapers/2020/Ignite2020-clean.jpg
Binary files differ
diff --git a/images/wallpapers/2020/Ignite2020-iso-num.jpg b/images/wallpapers/2020/Ignite2020-iso-num.jpg
new file mode 100755
index 0000000..5b31a3e
--- /dev/null
+++ b/images/wallpapers/2020/Ignite2020-iso-num.jpg
Binary files differ
diff --git a/images/wallpapers/2020/Ignite2020-iso-text-num.jpg b/images/wallpapers/2020/Ignite2020-iso-text-num.jpg
new file mode 100755
index 0000000..6e84f57
--- /dev/null
+++ b/images/wallpapers/2020/Ignite2020-iso-text-num.jpg
Binary files differ
diff --git a/images/wallpapers/2020/Ignite2020-iso.jpg b/images/wallpapers/2020/Ignite2020-iso.jpg
new file mode 100755
index 0000000..4cad437
--- /dev/null
+++ b/images/wallpapers/2020/Ignite2020-iso.jpg
Binary files differ
diff --git a/images/wallpapers/2020/Ignite2020-logo-burn.jpg b/images/wallpapers/2020/Ignite2020-logo-burn.jpg
new file mode 100755
index 0000000..a9bc428
--- /dev/null
+++ b/images/wallpapers/2020/Ignite2020-logo-burn.jpg
Binary files differ
diff --git a/images/wallpapers/2020/Ignite2020-logo-metal.jpg b/images/wallpapers/2020/Ignite2020-logo-metal.jpg
new file mode 100755
index 0000000..9fa4f5b
--- /dev/null
+++ b/images/wallpapers/2020/Ignite2020-logo-metal.jpg
Binary files differ
diff --git a/images/wallpapers/2020/Ignite2020-logo.jpg b/images/wallpapers/2020/Ignite2020-logo.jpg
new file mode 100755
index 0000000..a4ea05b
--- /dev/null
+++ b/images/wallpapers/2020/Ignite2020-logo.jpg
Binary files differ
diff --git a/images/wallpapers/2020/mobile/Ignite-2020-Mobile-1.jpg b/images/wallpapers/2020/mobile/Ignite-2020-Mobile-1.jpg
new file mode 100755
index 0000000..77c2825
--- /dev/null
+++ b/images/wallpapers/2020/mobile/Ignite-2020-Mobile-1.jpg
Binary files differ
diff --git a/images/wallpapers/2020/mobile/Ignite-2020-Mobile-2.jpg b/images/wallpapers/2020/mobile/Ignite-2020-Mobile-2.jpg
new file mode 100755
index 0000000..248c33b
--- /dev/null
+++ b/images/wallpapers/2020/mobile/Ignite-2020-Mobile-2.jpg
Binary files differ
diff --git a/images/wallpapers/2020/mobile/Ignite-2020-Mobile-3.jpg b/images/wallpapers/2020/mobile/Ignite-2020-Mobile-3.jpg
new file mode 100755
index 0000000..9eb0c0c
--- /dev/null
+++ b/images/wallpapers/2020/mobile/Ignite-2020-Mobile-3.jpg
Binary files differ
diff --git a/images/wallpapers/2020/mobile/Ignite-2020-Mobile-4.jpg b/images/wallpapers/2020/mobile/Ignite-2020-Mobile-4.jpg
new file mode 100755
index 0000000..ae3cd13
--- /dev/null
+++ b/images/wallpapers/2020/mobile/Ignite-2020-Mobile-4.jpg
Binary files differ
diff --git a/images/wallpapers/2020/mobile/Ignite-2020-Mobile-5.jpg b/images/wallpapers/2020/mobile/Ignite-2020-Mobile-5.jpg
new file mode 100755
index 0000000..c0c7aee
--- /dev/null
+++ b/images/wallpapers/2020/mobile/Ignite-2020-Mobile-5.jpg
Binary files differ
diff --git a/images/wallpapers/2020/mobile/Ignite-2020-Mobile-6.jpg b/images/wallpapers/2020/mobile/Ignite-2020-Mobile-6.jpg
new file mode 100755
index 0000000..0f96f55
--- /dev/null
+++ b/images/wallpapers/2020/mobile/Ignite-2020-Mobile-6.jpg
Binary files differ
diff --git a/images/wallpapers/2021/desktop/wallpaper_big_black.jpg b/images/wallpapers/2021/desktop/wallpaper_big_black.jpg
new file mode 100644
index 0000000..3d4bc6e
--- /dev/null
+++ b/images/wallpapers/2021/desktop/wallpaper_big_black.jpg
Binary files differ
diff --git a/images/wallpapers/2021/desktop/wallpaper_big_black_fire.jpg b/images/wallpapers/2021/desktop/wallpaper_big_black_fire.jpg
new file mode 100644
index 0000000..9be7cac
--- /dev/null
+++ b/images/wallpapers/2021/desktop/wallpaper_big_black_fire.jpg
Binary files differ
diff --git a/images/wallpapers/2021/desktop/wallpaper_big_white.jpg b/images/wallpapers/2021/desktop/wallpaper_big_white.jpg
new file mode 100644
index 0000000..076bd59
--- /dev/null
+++ b/images/wallpapers/2021/desktop/wallpaper_big_white.jpg
Binary files differ
diff --git a/images/wallpapers/2021/desktop/wallpaper_big_white_fire.jpg b/images/wallpapers/2021/desktop/wallpaper_big_white_fire.jpg
new file mode 100644
index 0000000..a66b8f0
--- /dev/null
+++ b/images/wallpapers/2021/desktop/wallpaper_big_white_fire.jpg
Binary files differ
diff --git a/images/wallpapers/2021/phone/1080_1920_phone_black.jpg b/images/wallpapers/2021/phone/1080_1920_phone_black.jpg
new file mode 100644
index 0000000..67dc7c3
--- /dev/null
+++ b/images/wallpapers/2021/phone/1080_1920_phone_black.jpg
Binary files differ
diff --git a/images/wallpapers/2021/phone/1080_1920_phone_black_fire.jpg b/images/wallpapers/2021/phone/1080_1920_phone_black_fire.jpg
new file mode 100644
index 0000000..28a38f8
--- /dev/null
+++ b/images/wallpapers/2021/phone/1080_1920_phone_black_fire.jpg
Binary files differ
diff --git a/images/wallpapers/2021/phone/1080_1920_phone_white.jpg b/images/wallpapers/2021/phone/1080_1920_phone_white.jpg
new file mode 100644
index 0000000..4fff4fa
--- /dev/null
+++ b/images/wallpapers/2021/phone/1080_1920_phone_white.jpg
Binary files differ
diff --git a/images/wallpapers/2021/phone/1080_1920_phone_white_fire.jpg b/images/wallpapers/2021/phone/1080_1920_phone_white_fire.jpg
new file mode 100644
index 0000000..7d3615e
--- /dev/null
+++ b/images/wallpapers/2021/phone/1080_1920_phone_white_fire.jpg
Binary files differ
diff --git a/images/wallpapers/2021/zoom/1280x720_logo_wallpaper_zoom_black.jpg b/images/wallpapers/2021/zoom/1280x720_logo_wallpaper_zoom_black.jpg
new file mode 100644
index 0000000..cf7854f
--- /dev/null
+++ b/images/wallpapers/2021/zoom/1280x720_logo_wallpaper_zoom_black.jpg
Binary files differ
diff --git a/images/wallpapers/2021/zoom/1280x720_logo_wallpaper_zoom_white.jpg b/images/wallpapers/2021/zoom/1280x720_logo_wallpaper_zoom_white.jpg
new file mode 100644
index 0000000..fd7713e
--- /dev/null
+++ b/images/wallpapers/2021/zoom/1280x720_logo_wallpaper_zoom_white.jpg
Binary files differ
diff --git a/images/wallpapers/2021/zoom/1280x720_wallpaper_zoom_black.jpg b/images/wallpapers/2021/zoom/1280x720_wallpaper_zoom_black.jpg
new file mode 100644
index 0000000..7a1b851
--- /dev/null
+++ b/images/wallpapers/2021/zoom/1280x720_wallpaper_zoom_black.jpg
Binary files differ
diff --git a/images/wallpapers/2021/zoom/1280x720_wallpaper_zoom_white.jpg b/images/wallpapers/2021/zoom/1280x720_wallpaper_zoom_white.jpg
new file mode 100644
index 0000000..135685a
--- /dev/null
+++ b/images/wallpapers/2021/zoom/1280x720_wallpaper_zoom_white.jpg
Binary files differ
diff --git a/our-community.html b/our-community.html
index f32b730..1bb5baa 100644
--- a/our-community.html
+++ b/our-community.html
@@ -1262,14 +1262,25 @@
         </div>
         <div class="cmty-redstart__bottom flexi">
           <div class="cmty-redstart__left">
-            <div class="h4 pb-1">
-              <strong>Project Awareness <br />Top Contributors</strong>
+            <div class="h4 pb-1"><strong>Non-Code Top Contributors</strong></div>
+            <div class="cmty-redstart__bottitle pt-2 pb-3">
+              <p>
+                We do recognize and welcome non-code contributions. There are dozens of Apache Ignite community members who are sharing their knowledge with developers by creating blog posts, and videos, presenting at conferences, and
+                answering Apache Ignite questions on StackOverflow or the User mailing list.
+              </p>
             </div>
-            <div class="cmty-redstart__bottitle h5 pt-4 pb-3"><p>We do recognize and welcome non-code contributions. There are dozens of Apache Ignite community members who contribute this way.</p></div>
           </div>
-          <div class="cmty-redstart__botright">
-            <iframe class="cmty-redstart__iframe themescroll" src="https://recognition.gridgain.com/leaderboard-frame?limit=10&amp;interval=prev-quarter&amp;product=ignite" frameborder="0"></iframe
-            ><a href="https://recognition.gridgain.com/main?product=ignite" target="_blank">See all contributors </a>
+          <div class="cmty-redstart__right">
+            <div class="cmty-redstart__botright left">
+              <div class="cmty-redstart__botright__header">Project Awareness Top Contributors</div>
+              <iframe class="cmty-redstart__iframe themescroll" src="https://recognition.gridgain.com/leaderboard-frame?limit=10&amp;interval=prev-quarter&amp;product=ignite&amp;typeGroup=content" frameborder="0"></iframe
+              ><a href="https://recognition.gridgain.com/main?date=prev-quarter&amp;typeGroup=content" target="_blank">See all <span>→</span></a>
+            </div>
+            <div class="cmty-redstart__botright right">
+              <div class="cmty-redstart__botright__header">User Forums' Top Contributors</div>
+              <iframe class="cmty-redstart__iframe themescroll" src="https://recognition.gridgain.com/leaderboard-frame?limit=10&amp;interval=prev-quarter&amp;product=ignite&amp;typeGroup=answers" frameborder="0"></iframe
+              ><a href="https://recognition.gridgain.com/main?date=prev-quarter&amp;typeGroup=answers" target="_blank">See all <span>→</span></a>
+            </div>
           </div>
         </div>
       </div>