Skip to content
This repository was archived by the owner on Nov 1, 2025. It is now read-only.

Commit dc55e66

Browse files
aadrianaadrian
committed
improve the rendering of the plug-in list
1 parent 9f698ef commit dc55e66

File tree

4 files changed

+41
-32
lines changed

4 files changed

+41
-32
lines changed

‎_sass/_base.scss‎

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -154,17 +154,17 @@ pre {
154154
* Wrapper
155155
*/
156156
.wrapper {
157-
max-width: -webkit-calc(800px - (#{$spacing-unit} * 2));
158-
max-width: calc(800px - (#{$spacing-unit} * 2));
157+
max-width: -webkit-calc(1000px - (#{$spacing-unit} * 2));
158+
max-width: calc(1000px - (#{$spacing-unit} * 2));
159159
margin-right: auto;
160160
margin-left: auto;
161161
padding-right: $spacing-unit;
162162
padding-left: $spacing-unit;
163163
@extend %clearfix;
164164

165165
@include media-query($on-laptop) {
166-
max-width: -webkit-calc(800px - (#{$spacing-unit}));
167-
max-width: calc(800px - (#{$spacing-unit}));
166+
max-width: -webkit-calc(1000px - (#{$spacing-unit}));
167+
max-width: calc(1000px - (#{$spacing-unit}));
168168
padding-right: $spacing-unit / 2;
169169
padding-left: $spacing-unit / 2;
170170
}
@@ -202,3 +202,7 @@ pre {
202202
}
203203
}
204204
}
205+
206+
.separator {
207+
border-top: 1px solid #e8e8e8;
208+
}

‎_sass/_layout.scss‎

Lines changed: 11 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -174,12 +174,13 @@
174174
}
175175

176176
.plugin-list {
177-
list-style: none;
177+
list-style: none; /* Remove default numbering */
178+
counter-reset: li; /* Initiate a counter */
178179

179180
> li {
180181
display: inline-block;
181-
width: 300px;
182-
height: 200px;
182+
width: 400px;
183+
height: 170px;
183184
vertical-align: top;
184185
margin-right: 20px;
185186
margin-bottom: 10px;
@@ -194,6 +195,13 @@
194195
}
195196
}
196197

198+
.plugin-list > li:before {
199+
content: "#" counter(li);
200+
counter-increment: li;
201+
position: relative;
202+
color: #ccc
203+
}
204+
197205
.post-list {
198206
margin-left: 0;
199207
list-style: none;

‎css/main.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ $grey-color-light: lighten($grey-color, 40%);
2222
$grey-color-dark: darken($grey-color, 25%);
2323

2424
$on-palm: 600px;
25-
$on-laptop: 800px;
25+
$on-laptop: 1000px;
2626

2727

2828

‎index.html‎

Lines changed: 21 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -4,118 +4,115 @@
44

55
<div class="home">
66

7-
<h1 class="page-heading">What is it about?</h1>
8-
9-
<div>
10-
<p>This is the community site for <a href="https://github.com/gitbucket/gitbucket">GitBucket</a> plugins.</p>
11-
<p>You will find here information and news regarding the GitBucket plugins maintained by the GitBucket community.</p>
12-
</div>
13-
<h1 class="page-heading">Community plugins list</h1>
7+
<h1 class="page-heading">This is the community site for all the <a href="https://github.com/gitbucket/gitbucket">GitBucket</a> plugins.</h1>
148

9+
<h1 class="page-heading">Available Plugins:</h1>
10+
<p class="separator"/>
1511
<ul class="plugin-list">
1612
<li>
1713
<h2>
1814
<a class="post-link" href="https://github.com/gitbucket-plugins/gitbucket-announce-plugin"><span class="fa fa-bullhorn"></span>Announce plugin</a>
1915
</h2>
20-
<p>Send announces via email to group of persons, allow to announce maintenance, upgrade, ...</p>
16+
<p>Send announcements via email to groups of users, e.g. for maintenance.</p>
2117
</li>
2218
<li>
2319
<h2>
2420
<a class="post-link" href="https://github.com/gitbucket-plugins/gitbucket-h2-backup-plugin"><span class="fa fa-database"></span>H2 Backup plugin</a>
2521
</h2>
26-
<p>Introduce functionality to backup the H2 database used by GitBucket core.</p>
22+
<p>Backup functionality of the H2 Database used by GitBucket.</p>
2723
</li>
2824
<li>
2925
<h2>
30-
<a class="post-link" href="https://github.com/yoshiyoshifujii/gitbucket-desktopnotify-plugin"><span class="fa fa-bell"></span>Desktop Notification</a>
26+
<a class="post-link" href="https://github.com/yoshiyoshifujii/gitbucket-desktopnotify-plugin"><span class="fa fa-bell"></span>Desktop Notification plugin</a>
3127
</h2>
3228
<p>Notify GitBucket activity directly on the desktop.</p>
3329
</li>
3430
<li>
3531
<h2>
3632
<a class="post-link" href="https://github.com/gitbucket/gitbucket-gist-plugin"><span class="fa fa-file-code-o"></span>Gist plugin</a>
3733
</h2>
38-
<p>Add code snippet Gist like functionality to GitBucket</p>
34+
<p>Add code snippet Gist-like functionality to GitBucket.</p>
3935
</li>
4036
<li>
4137
<h2>
4238
<a class="post-link" href="https://github.com/yoshiyoshifujii/gitbucket-commitgraphs-plugin"><span class="fa fa-line-chart"></span>Commits Graph plugin</a>
4339
</h2>
44-
<p>Add commit graphs views to GitBucket</p>
40+
<p>Add commit graph views to GitBucket.</p>
4541
</li>
4642
<li>
4743
<h2>
4844
<a class="post-link" href="https://github.com/lefou/gitbucket-asciidoctor-plugin"><span class="fa fa-file-text"></span>AsciiDoc plugin</a>
4945
</h2>
50-
<p>Add AsciiDoc rendering capabilities to GitBucket</p>
46+
<p>Add AsciiDoc rendering capabilities to GitBucket.</p>
5147
</li>
5248
<li>
5349
<h2>
5450
<a class="post-link" href="https://github.com/yoshiyoshifujii/gitbucket-bugspots-plugin"><span class="fa fa-bug"></span>Bugspots plugin</a>
5551
</h2>
56-
<p>Add Google bugspots functionality to GitBucket</p>
52+
<p>Add Google bugspots functionality to GitBucket.</p>
5753
</li>
5854
<li>
5955
<h2>
6056
<a class="post-link" href="https://github.com/yaroot/gitbucket-pages-plugin"><span class="fa fa-book"></span>Pages plugin</a>
6157
</h2>
62-
<p>Project pages for GitBucket</p>
58+
<p>Project Pages for GitBucket.</p>
6359
</li>
6460
<li>
6561
<h2>
6662
<a class="post-link" href="https://github.com/mrkm4ntr/gitbucket-network-plugin"><span class="fa fa-code-fork"></span>Network plugin</a>
6763
</h2>
68-
<p>Network graph for GitBucket</p>
64+
<p>Network graph for GitBucket.</p>
6965
</li>
7066
<li>
7167
<h2>
7268
<a class="post-link" href="https://github.com/gitbucket/gitbucket-emoji-plugin"><span class="fa fa-smile-o"></span>Emoji plugin</a>
7369
</h2>
74-
<p>Emoji support for GitBucket</p>
70+
<p>Emoji support for GitBucket.</p>
7571
</li>
7672
<li>
7773
<h2>
7874
<a class="post-link" href="https://github.com/amuramatsu/gitbucket-rst-plugin"><span class="fa fa-file-text"></span>RST plugin</a>
7975
</h2>
80-
<p>ReSTructured text renderer for gitbucket</p>
76+
<p>ReSTructured text renderer for GitBucket</p>
8177
</li>
8278
<li>
8379
<h2>
8480
<a class="post-link" href="https://github.com/tomoki1207/gitbucket-explorer-plugin"><span class="fa fa-list-alt"></span>Explorer plugin</a>
8581
</h2>
86-
<p>Explorer like navigation side panel for your projects</p>
82+
<p>Explorer like navigation side panel for your projects.</p>
8783
</li>
8884
<li>
8985
<h2>
9086
<a class="post-link" href="https://github.com/codelibs/gitbucket-fess-plugin/"><span class="fa fa-search"></span>FESS plugin</a>
9187
</h2>
92-
<p>Fast enterprise search for GitBucket using a FESS server</p>
88+
<p>Fast enterprise search for GitBucket using a FESS server.</p>
9389
</li>
9490
<li>
9591
<h2>
9692
<a class="post-link" href="https://github.com/nus/gitbucket-plantuml-plugin"><span class="fa fa-object-group"></span>PlantUML plugin</a>
9793
</h2>
98-
<p>Render PlantUML files in GitBucket</p>
94+
<p>Render PlantUML files in GitBucket.</p>
9995
</li>
10096
<li>
10197
<h2>
10298
<a class="post-link" href="https://github.com/YoshinoriN/gitbucket-monitoring-plugin"><span class="fa fa-server"></span>Monitoring plugin</a>
10399
</h2>
104-
<p>Monitors and displays statistics about the running GitBucket instance</p>
100+
<p>Monitors and displays statistics about the running GitBucket instance.</p>
105101
</li>
106102
<li>
107103
<h2>
108104
<a class="post-link" href="https://github.com/kounoike/gitbucket-html5media-plugin"><span class="fa fa-html5"></span>HTML5 Media plugin</a>
109105
</h2>
110-
<p>Renders HTML5 Media (Audio/Video/PDF) inline in GitBucket</p>
106+
<p>Renders HTML5 Media (Audio/Video/PDF) inline in GitBucket.</p>
111107
</li>
112108
<li>
113109
<h2>
114110
<a class="post-link" href="https://github.com/kounoike/gitbucket-ipynb-plugin"><span class="fa fa-ravelry"></span>Jupyter plugin</a>
115111
</h2>
116-
<p>GitBucket plugin for rendering Jupyter or IPython files</p>
112+
<p>GitBucket plugin for rendering Jupyter or IPython files.</p>
117113
</li>
118114

119115
</ul>
116+
<p class="separator"/>
120117
<p>Your plugin is not listed here?<br>You want to move your plugin under the organization?<br>Please open a <a href="https://github.com/gitbucket-plugins/gitbucket-plugins.github.io/issues">ticket/issue</a> to reference your demand.</p>
121118
</div>

0 commit comments

Comments
 (0)