Skip to content

Commit a4ada56

Browse files
sivaraamsivaraam
authored
Merge pull request #36 from sivaraam/update-screenshots
Revamp screen shots for release v2.10.2
2 parents da27f61 + 278127a commit a4ada56

11 files changed

+110
-10
lines changed

‎images/screen-categories.jpeg

-33.1 KB
Binary file not shown.

‎images/screen-explore.jpeg

80 KB
Loading

‎images/screen-gallery.jpeg

-79.6 KB
Binary file not shown.

‎images/screen-home-contributions-with-campaigns.jpeg

45.2 KB
Loading

‎images/screen-nearby.jpeg

6.76 KB
Loading

‎images/screen-search-media.jpeg

75.2 KB
Loading

‎images/screen-upload-1.jpeg

57.5 KB
Loading

‎images/screen-upload-2.jpeg

14.7 KB
Loading

‎images/screen-upload.jpeg

-42.5 KB
Binary file not shown.

‎images/upload-via-sharing.jpeg

29.6 KB
Loading

‎index.html

+110-10
Original file line numberDiff line numberDiff line change
@@ -75,7 +75,64 @@ <h2>Features</h2>
7575
<div class="col-lg-6 col-sm-12">
7676
<div class="item">
7777
<div class="item-image">
78-
<img class="feature-image" src="images/screen-upload.jpeg" alt="Screenshot of upload feature" />
78+
<img class="feature-image"
79+
src="images/screen-explore.jpeg"
80+
alt="Explore screen where users discover images from Commons."
81+
title="Explore screen where users discover images from Commons.
82+
83+
Attribution:
84+
Eastern chanting goshawk..: Charles J Sharp [CC BY-SA 4.0 (https://creativecommons.org/licenses/by-sa/4.0)]
85+
46-101-0548 Lviv Latin Cathedral..: Rbrechko [CC BY-SA 4.0 (https://creativecommons.org/licenses/by-sa/4.0)]
86+
"
87+
/>
88+
</div>
89+
<div class="hover-bar"></div>
90+
<h3 class="item-header">
91+
Explore Commons
92+
<span class="badge badge-pill badge-primary">New</span>
93+
</h3>
94+
<p class="item-text">
95+
Explore images featured in Commons right from the app.
96+
Further, you <em>do not need an account</em> to explore Commons
97+
or search it using the app!
98+
</p>
99+
</div>
100+
</div>
101+
<div class="col-lg-6 col-sm-12">
102+
<div class="item">
103+
<div class="item-image">
104+
<img class="feature-image"
105+
src="images/screen-search-media.jpeg"
106+
alt="Search screen where users search for images in Commons."
107+
title="Search screen where users search for images in Commons.
108+
109+
Attribution:
110+
Flower with pollen: Muhammad Mahdi Karim. Edited by Jjron. [CC BY-SA 2.5 (https://creativecommons.org/licenses/by-sa/2.5)]
111+
Cape Skink Flowers: Prosthetic Head [CC BY-SA 4.0 (https://creativecommons.org/licenses/by-sa/4.0)]"
112+
/>
113+
</div>
114+
<div class="hover-bar"></div>
115+
<h3 class="item-header">
116+
Search Commons
117+
<span class="badge badge-pill badge-primary">New</span>
118+
</h3>
119+
<p class="item-text">
120+
Want to search for images in Commons?
121+
Now, you can do that using the Commons app!
122+
You can search both media and categories.
123+
Note that you <em>do not need an account</em>
124+
to search.
125+
</p>
126+
</div>
127+
</div>
128+
<div class="col-lg-6 col-sm-12">
129+
<div class="item">
130+
<div class="item-image">
131+
<img class="feature-image"
132+
src="images/screen-upload-1.jpeg"
133+
alt="Upload images screen to upload images to Commons."
134+
title="Upload images screen to upload images to Commons. Attribution: Meena Kadri [CC BY 2.0 (https://creativecommons.org/licenses/by/2.0)]"
135+
/>
79136
</div>
80137
<div class="hover-bar"></div>
81138
<h3 class="item-header">Upload your files anywhere</h3>
@@ -84,22 +141,51 @@ <h3 class="item-header">Upload your files anywhere</h3>
84141
</p>
85142
</div>
86143
</div>
87-
<div class="col-lg-6 col-sm-12">
144+
<div class="col-lg-6 col-lg-pull-6 col-sm-12">
88145
<div class="item">
89146
<div class="item-image">
90-
<img class="feature-image" src="images/screen-gallery.jpeg" alt="Screenshot of gallery feature" />
147+
<img class="feature-image"
148+
src="images/screen-upload-2.jpeg"
149+
alt="Categorize upload screen to add categories to the image being uploaded."
150+
title="Categorize upload screen to add categories to the image being uploaded."
151+
/>
91152
</div>
92153
<div class="hover-bar"></div>
93-
<h3 class="item-header">View your uploads</h3>
154+
<h3 class="item-header">Categorize your photos</h3>
94155
<p class="item-text">
95-
The app shows all the uploads you made to Commons. This is a great way to easily view your contributions.
156+
Assign categories to your photos, which makes them easier for other people to find.
157+
</p>
158+
</div>
159+
</div>
160+
<div class="col-lg-6 col-lg-pull-6 col-sm-12">
161+
<div class="item">
162+
<div class="item-image">
163+
<img class="feature-image"
164+
src="images/upload-via-sharing.jpeg"
165+
alt="Commons app in the list of apps to share an image."
166+
title="Commons app in the list of apps to share an image."
167+
/>
168+
</div>
169+
<div class="hover-bar"></div>
170+
<h3 class="item-header">Upload by sharing</h3>
171+
<p class="item-text">
172+
Start uploading images to Commons just by
173+
<em>sharing</em> them from your favourite
174+
gallery app. Just choose the Commons app
175+
from the list of apps and you'll directly
176+
get into uploading the image using the
177+
Commons app.
96178
</p>
97179
</div>
98180
</div>
99181
<div class="col-lg-6 col-lg-push-6 col-sm-12">
100182
<div class="item">
101183
<div class="item-image">
102-
<img class="feature-image" src="images/screen-nearby.jpeg" alt="Screenshot of nearby places missing image feature" />
184+
<img class="feature-image"
185+
src="images/screen-nearby.jpeg"
186+
alt="Nearby places missing image screen to discover places nearby that need images."
187+
title="Nearby places missing image screen to discover places nearby that need images."
188+
/>
103189
</div>
104190
<div class="hover-bar"></div>
105191
<h3 class="item-header">View nearby missing images</h3>
@@ -108,15 +194,29 @@ <h3 class="item-header">View nearby missing images</h3>
108194
</p>
109195
</div>
110196
</div>
111-
<div class="col-lg-6 col-lg-pull-6 col-sm-12">
197+
<div class="col-lg-6 col-sm-12">
112198
<div class="item">
113199
<div class="item-image">
114-
<img class="feature-image" src="images/screen-categories.jpeg" alt="Screenshot of categories feature" />
200+
<img class="feature-image"
201+
src="images/screen-home-contributions-with-campaigns.jpeg"
202+
alt="Contributions screen which features users' contributions and ongoing campaigns."
203+
title="Contributions screen which features users' contributions and ongoing campaigns.
204+
205+
Attribution:
206+
Sunset at chunnmbar: Kaartic [CC BY-SA 3.0 (https://creativecommons.org/licenses/by-sa/3.0)]"
207+
/>
115208
</div>
116209
<div class="hover-bar"></div>
117-
<h3 class="item-header">Categorize your photos</h3>
210+
<h3 class="item-header">
211+
View your contributions and ongoing campaigns
212+
<span class="badge badge-pill badge-primary">New</span>
213+
</h3>
118214
<p class="item-text">
119-
Assign categories to your photos, which makes them easier for other people to find.
215+
The app shows all the uploads you have made to Commons.
216+
This is a great way to easily view your contributions.
217+
Further, you could get to know about ongoing campaigns
218+
from within the app. You can tap on the campaign banner
219+
in the app to learn more about it.
120220
</p>
121221
</div>
122222
</div>

0 commit comments

Comments
 (0)