Skip to content

Commit a8a18f1

Browse files
author
Kyle Smith
committed
GUI Clients: Ordered by popularity
Modifed CSS to list GUIs in the order that they appear on the list. Rather than: 1 3 2 4 It's now: 1 2 3 4
1 parent cd248ae commit a8a18f1

File tree

2 files changed

+51
-61
lines changed

2 files changed

+51
-61
lines changed

‎app/assets/stylesheets/lists.scss

+1-11
Original file line numberDiff line numberDiff line change
@@ -15,10 +15,6 @@ ul.gui-thumbnails {
1515
@extend .content-list;
1616
margin-top: 1em;
1717

18-
columns: 2;
19-
-webkit-columns: 2;
20-
-moz-columns: 2;
21-
2218
li {
2319
margin-bottom: 2em;
2420
img {
@@ -32,14 +28,8 @@ ul.gui-thumbnails {
3228

3329
ul.gui-thumbnails {
3430
li {
35-
break-inside: avoid-column;
36-
-webkit-column-break-inside: avoid;
37-
-moz-column-break-inside: avoid;
38-
-o-column-break-inside: avoid;
39-
column-break-inside: avoid;
40-
page-break-inside: avoid;
4131
display: inline-block;
42-
width: 100%;
32+
width: 49%;
4333
}
4434
li.masked {
4535
display: none;

‎app/views/downloads/guis/index.html.haml

+50-50
Original file line numberDiff line numberDiff line change
@@ -23,41 +23,23 @@
2323

2424
%div.two-column
2525
%ul.gui-thumbnails
26-
%li.mac.windows
27-
=link_to(image_tag('guis/github-desktop@2x.png', {:width => '294', :height => '166'}), "https://desktop.github.com/")
28-
%h4= link_to "GitHub Desktop", "https://desktop.github.com/"
29-
%p.description
30-
<strong>Platforms:</strong> Windows, Mac</br>
31-
<strong>Price:</strong> Free
32-
%li.mac
33-
=link_to(image_tag('guis/gitx@2x.png', {:width => '294', :height => '166'}), "https://rowanj.github.io/gitx/")
34-
%h4= link_to "GitX-dev ", "https://rowanj.github.io/gitx/"
35-
%p.description
36-
<strong>Platforms:</strong> Mac</br>
37-
<strong>Price:</strong> Free
3826
%li.mac.windows
3927
=link_to(image_tag('guis/sourcetree@2x.png', {:width => '294', :height => '166'}), "https://www.sourcetreeapp.com/")
4028
%h4= link_to "SourceTree", "https://www.sourcetreeapp.com/"
4129
%p.description
4230
<strong>Platforms:</strong> Mac, Windows</br>
4331
<strong>Price:</strong> Free
44-
%li.mac.windows.linux
45-
=link_to(image_tag('guis/smartgit@2x.png', {:width => '294', :height => '166'}), "https://www.syntevo.com/smartgit/")
46-
%h4= link_to "SmartGit", "https://www.syntevo.com/smartgit/"
47-
%p.description
48-
<strong>Platforms:</strong> Windows, Mac, Linux</br>
49-
<strong>Price:</strong> $79/user / Free for non-commercial use
50-
%li.mac
51-
=link_to(image_tag('guis/gitup@2x.png', {:width => '294', :height => '166'}), "http://gitup.co/")
52-
%h4= link_to "GitUp", "http://gitup.co/"
32+
%li.mac.windows
33+
=link_to(image_tag('guis/github-desktop@2x.png', {:width => '294', :height => '166'}), "https://desktop.github.com/")
34+
%h4= link_to "GitHub Desktop", "https://desktop.github.com/"
5335
%p.description
54-
<strong>Platforms:</strong> Mac</br>
36+
<strong>Platforms:</strong> Windows, Mac</br>
5537
<strong>Price:</strong> Free
56-
%li.linux
57-
=link_to(image_tag('guis/giggle@2x.png', {:width => '294', :height => '166'}), "https://wiki.gnome.org/Apps/giggle/")
58-
%h4= link_to "giggle", "https://wiki.gnome.org/Apps/giggle/"
38+
%li.windows
39+
=link_to(image_tag('guis/tortoisegit@2x.png', {:width => '294', :height => '166'}), "https://tortoisegit.org/")
40+
%h4= link_to "TortoiseGit", "https://tortoisegit.org/"
5941
%p.description
60-
<strong>Platforms:</strong> Linux</br>
42+
<strong>Platforms:</strong> Windows</br>
6143
<strong>Price:</strong> Free
6244
%li.mac.windows.linux
6345
=link_to(image_tag('guis/git-kraken@2x.png', {:width => '294', :height => '166'}), "https://www.gitkraken.com/")
@@ -66,70 +48,88 @@
6648
<strong>Platforms:</strong> Windows, Mac, Linux</br>
6749
<strong>Price:</strong> Free for non-commercial use
6850
%li.mac
69-
=link_to(image_tag('guis/fork@2x.png', {:width => '294', :height => '166'}), "https://git-fork.com/")
70-
%h4= link_to "Fork", "https://git-fork.com/"
51+
=link_to(image_tag('guis/gitup@2x.png', {:width => '294', :height => '166'}), "http://gitup.co/")
52+
%h4= link_to "GitUp", "http://gitup.co/"
7153
%p.description
7254
<strong>Platforms:</strong> Mac</br>
7355
<strong>Price:</strong> Free
7456
%li.mac.windows.linux
75-
=link_to(image_tag('guis/cycligent@2x.png', {:width => '294', :height => '166'}), "https://www.cycligent.com/git-tool")
76-
%h4= link_to "Cycligent Git Tool", "https://www.cycligent.com/git-tool"
57+
=link_to(image_tag('guis/smartgit@2x.png', {:width => '294', :height => '166'}), "https://www.syntevo.com/smartgit/")
58+
%h4= link_to "SmartGit", "https://www.syntevo.com/smartgit/"
7759
%p.description
7860
<strong>Platforms:</strong> Windows, Mac, Linux</br>
61+
<strong>Price:</strong> $79/user / Free for non-commercial use
62+
%li.windows
63+
=link_to(image_tag('guis/git-extensions@2x.png', {:width => '294', :height => '166'}), "https://gitextensions.github.io/")
64+
%h4= link_to "Git Extensions", "https://gitextensions.github.io/"
65+
%p.description
66+
<strong>Platforms:</strong> Windows</br>
7967
<strong>Price:</strong> Free
8068
%li.mac.windows
8169
=link_to(image_tag('guis/tower@2x.png', {:width => '294', :height => '166'}), "https://www.git-tower.com/")
8270
%h4= link_to "Tower", "https://www.git-tower.com/"
8371
%p.description
8472
<strong>Platforms:</strong> Windows, Mac</br>
8573
<strong>Price:</strong> $79/user (Free 30 day trial)
74+
%li.windows.linux
75+
=link_to(image_tag('guis/gitg@2x.png', {:width => '294', :height => '166'}), "https://wiki.gnome.org/Apps/Gitg/")
76+
%h4= link_to "gitg", "https://wiki.gnome.org/Apps/Gitg/"
77+
%p.description
78+
<strong>Platforms:</strong> Windows, Linux</br>
79+
<strong>Price:</strong> Free
8680
%li.mac
87-
=link_to(image_tag('guis/gitbox@2x.png', {:width => '294', :height => '166'}), "http://www.gitboxapp.com/")
88-
%h4= link_to "Gitbox", "http://www.gitboxapp.com/"
81+
=link_to(image_tag('guis/gitx@2x.png', {:width => '294', :height => '166'}), "https://rowanj.github.io/gitx/")
82+
%h4= link_to "GitX-dev ", "https://rowanj.github.io/gitx/"
8983
%p.description
9084
<strong>Platforms:</strong> Mac</br>
91-
<strong>Price:</strong> $14.99
85+
<strong>Price:</strong> Free
9286
%li.windows
93-
=link_to(image_tag('guis/git-extensions@2x.png', {:width => '294', :height => '166'}), "https://gitextensions.github.io/")
94-
%h4= link_to "Git Extensions", "https://gitextensions.github.io/"
87+
=link_to(image_tag('guis/aurees@2x.png', {:width => '294', :height => '166'}), "https://aurees.com/")
88+
%h4= link_to "Aurees", "https://aurees.com/"
9589
%p.description
9690
<strong>Platforms:</strong> Windows</br>
97-
<strong>Price:</strong> Free
91+
<strong>Price:</strong> $69.99/user / Free for non-commercial use
9892
%li.mac.windows.linux
9993
=link_to(image_tag('guis/git-cola@2x.png', {:width => '294', :height => '166'}), "https://git-cola.github.io/")
10094
%h4= link_to "git-cola", "https://git-cola.github.io/"
10195
%p.description
10296
<strong>Platforms:</strong> Windows, Mac, Linux</br>
10397
<strong>Price:</strong> Free
98+
%li.mac
99+
=link_to(image_tag('guis/gitbox@2x.png', {:width => '294', :height => '166'}), "http://www.gitboxapp.com/")
100+
%h4= link_to "Gitbox", "http://www.gitboxapp.com/"
101+
%p.description
102+
<strong>Platforms:</strong> Mac</br>
103+
<strong>Price:</strong> $14.99
104+
%li.mac.windows.linux
105+
=link_to(image_tag('guis/cycligent@2x.png', {:width => '294', :height => '166'}), "https://www.cycligent.com/git-tool")
106+
%h4= link_to "Cycligent Git Tool", "https://www.cycligent.com/git-tool"
107+
%p.description
108+
<strong>Platforms:</strong> Windows, Mac, Linux</br>
109+
<strong>Price:</strong> Free
104110
%li.mac.windows.linux
105111
=link_to(image_tag('guis/giteye@2x.png', {:width => '294', :height => '166'}), "http://www.giteyeapp.com/")
106112
%h4= link_to "GitEye", "http://www.giteyeapp.com/"
107113
%p.description
108114
<strong>Platforms:</strong> Windows, Mac, Linux</br>
109115
<strong>Price:</strong> Free
110-
%li.windows.linux
111-
=link_to(image_tag('guis/gitg@2x.png', {:width => '294', :height => '166'}), "https://wiki.gnome.org/Apps/Gitg/")
112-
%h4= link_to "gitg", "https://wiki.gnome.org/Apps/Gitg/"
116+
%li.mac
117+
=link_to(image_tag('guis/fork@2x.png', {:width => '294', :height => '166'}), "https://git-fork.com/")
118+
%h4= link_to "Fork", "https://git-fork.com/"
113119
%p.description
114-
<strong>Platforms:</strong> Windows, Linux</br>
120+
<strong>Platforms:</strong> Mac</br>
115121
<strong>Price:</strong> Free
116-
%li.windows
117-
=link_to(image_tag('guis/aurees@2x.png', {:width => '294', :height => '166'}), "https://aurees.com/")
118-
%h4= link_to "Aurees", "https://aurees.com/"
119-
%p.description
120-
<strong>Platforms:</strong> Windows</br>
121-
<strong>Price:</strong> $69.99/user / Free for non-commercial use
122122
%li.mac.windows.linux
123123
=link_to(image_tag('guis/gitahead@2x.png', {:width => '294', :height => '166'}), "https://www.gitahead.com/")
124124
%h4= link_to "GitAhead", "https://www.gitahead.com/"
125125
%p.description
126126
<strong>Platforms:</strong> Windows, Mac, Linux</br>
127127
<strong>Price:</strong> $29/user (Free 15 day trial)
128-
%li.windows
129-
=link_to(image_tag('guis/tortoisegit@2x.png', {:width => '294', :height => '166'}), "https://tortoisegit.org/")
130-
%h4= link_to "TortoiseGit", "https://tortoisegit.org/"
128+
%li.linux
129+
=link_to(image_tag('guis/giggle@2x.png', {:width => '294', :height => '166'}), "https://wiki.gnome.org/Apps/giggle/")
130+
%h4= link_to "giggle", "https://wiki.gnome.org/Apps/giggle/"
131131
%p.description
132-
<strong>Platforms:</strong> Windows</br>
132+
<strong>Platforms:</strong> Linux</br>
133133
<strong>Price:</strong> Free
134134

135135
%div.callout

0 commit comments

Comments
 (0)