Revamp screen shots for release v2.10.2

Fixes commons-app#11.

Some images are kept without being used just in case they are needed in
future.

Author: sivaraam

images/screen-categories.jpeg

@@ -74,7 +74,49 @@ <h2>Features</h2>
                 <div class="col-lg-6 col-sm-12">
                     <div class="item">
                         <div class="item-image">
-                            <img class="feature-image" src="images/screen-upload.jpeg" alt="Screenshot of upload feature" />
+                            <img class="feature-image"
+                                 src="images/screen-explore.jpeg"
+                                 alt="Explore screen where users discover images from Commons." />
+                        </div>
+                        <div class="hover-bar"></div>
+                        <h3 class="item-header">
+                        <!--
+                            New feature
+                        -->
+                            Explore Commons
+                        </h3>
+                        <p class="item-text">
+                            Explore images featured in Commons right from the app.
+                        </p>
+                    </div>
+                </div>
+                <div class="col-lg-6 col-sm-12">
+                    <div class="item">
+                        <div class="item-image">
+                            <img class="feature-image"
+                                 src="images/screen-search-media.jpeg"
+                                 alt="Search screen where users search for images in Commons." />
+                        </div>
+                        <div class="hover-bar"></div>
+                        <h3 class="item-header">
+                            <!--
+                                New feature
+                            -->
+                            Search Commons
+                        </h3>
+                        <p class="item-text">
+                            Want to search for images in Commons?
+                            Now, you can do that using the Commons app!
+                            You can search both media and categories.
+                        </p>
+                    </div>
+                </div>
+                <div class="col-lg-6 col-sm-12">
+                    <div class="item">
+                        <div class="item-image">
+                            <img class="feature-image"
+                                 src="images/screen-upload-1.jpeg"
+                                 alt="Upload images screen to upload images to Commons." />
                         </div>
                         <div class="hover-bar"></div>
                         <h3 class="item-header">Upload your files anywhere</h3>
@@ -83,22 +125,26 @@ <h3 class="item-header">Upload your files anywhere</h3>
                         </p>
                     </div>
                 </div>
-                <div class="col-lg-6 col-sm-12">
+                <div class="col-lg-6 col-lg-pull-6 col-sm-12">
                     <div class="item">
                         <div class="item-image">
-                            <img class="feature-image" src="images/screen-gallery.jpeg" alt="Screenshot of gallery feature" />
+                            <img class="feature-image"
+                                 src="images/screen-upload-3.jpeg"
+                                 alt="Categorize upload screen to add categories to the image being uploaded." />
                         </div>
                         <div class="hover-bar"></div>
-                        <h3 class="item-header">View your uploads</h3>
+                        <h3 class="item-header">Categorize your photos</h3>
                         <p class="item-text">
-                            The app shows all the uploads you made to Commons. This is a great way to easily view your contributions.
+                            Assign categories to your photos, which makes them easier for other people to find.
                         </p>
                     </div>
                 </div>
                 <div class="col-lg-6 col-lg-push-6 col-sm-12">
                     <div class="item">
                         <div class="item-image">
-                            <img class="feature-image" src="images/screen-nearby.jpeg" alt="Screenshot of nearby places missing image feature" />
+                            <img class="feature-image"
+                                 src="images/screen-nearby.jpeg"
+                                 alt="Nearby places missing image screen to discover places nearby that need images." />
                         </div>
                         <div class="hover-bar"></div>
                         <h3 class="item-header">View nearby missing images</h3>
@@ -107,15 +153,20 @@ <h3 class="item-header">View nearby missing images</h3>
                         </p>
                     </div>
                 </div>
-                <div class="col-lg-6 col-lg-pull-6 col-sm-12">
+                <div class="col-lg-6 col-sm-12">
                     <div class="item">
                         <div class="item-image">
-                            <img class="feature-image" src="images/screen-categories.jpeg" alt="Screenshot of categories feature" />
+                            <img class="feature-image"
+                                 src="images/screen-home-contributions.jpeg"
+                                 alt="Contributions screen which features users' contributions." />
                         </div>
                         <div class="hover-bar"></div>
-                        <h3 class="item-header">Categorize your photos</h3>
+                        <h3 class="item-header">
+                            View your contributions
+                        </h3>
                         <p class="item-text">
-                            Assign categories to your photos, which makes them easier for other people to find.
+                            The app shows all the uploads you have made to Commons.
+                            This is a great way to easily view your contributions.
                         </p>
                     </div>
                 </div>