Skip to content

Commit 8fa463c

Browse files
jongacnikjongacnik
committed
Initial Libraries/Tools style updates
1 parent c607a5f commit 8fa463c

3 files changed

Lines changed: 72 additions & 55 deletions

File tree

‎content/api_en/libraries/index.html‎

Lines changed: 29 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -6,45 +6,42 @@ <h1 class="large-header"><span class="black">Libraries.</span> Extend Processing
66
open source; the code is distributed with Processing.</em>
77
</p>
88

9-
<div class="threecol">
9+
<ul class="included-libraries">
1010

11-
<h5><a href="video/index.html">Video</a></h5>
12-
<p>Read images from a camera, play movie files, and create movies.</p>
13-
14-
<h5><a href="net/index.html">Network</a></h5>
15-
<p>Send and receive data over the Internet through simple clients and servers.</p>
16-
17-
<h5><a href="serial/index.html">Serial</a></h5>
18-
<p>Send data between Processing and external hardware through serial communication (RS-232).</p>
19-
20-
</div>
11+
<li>
12+
<h5><a href="video/index.html">Video</a></h5>
13+
<p>Read images from a camera, play movie files, and create movies.</p>
14+
</li>
2115

22-
<div class="threecol">
16+
<li>
17+
<h5><a href="dxf/index.html">DXF Export</a></h5>
18+
<p>Create DXF files to save geometry for loading into other programs. It works with
19+
triangle-based graphics including polygons, boxes, and spheres.</p>
20+
</li>
21+
22+
<li>
23+
<h5><a href="serial/index.html">Serial</a></h5>
24+
<p>Send data between Processing and external hardware through serial communication (RS-232).</p>
25+
</li>
2326

24-
<h5><a href="pdf/index.html">PDF Export</a></h5>
25-
<p>Create PDF files. These vector graphics files can be scaled to any size and printed
27+
<li style="margin-bottom:40px;">
28+
<h5><a href="pdf/index.html">PDF Export</a></h5>
29+
<p>Create PDF files. These vector graphics files can be scaled to any size and printed
2630
at high resolutions.</p>
31+
</li>
2732

28-
<h5><a href="dxf/index.html">DXF Export</a></h5>
29-
<p>Create DXF files to save geometry for loading into other programs. It works with
30-
triangle-based graphics including polygons, boxes, and spheres.</p>
31-
32-
</div>
33-
34-
<div class="threecol">
33+
<li>
34+
<h5><a href="net/index.html">Network</a></h5>
35+
<p>Send and receive data over the Internet through simple clients and servers.</p>
36+
</li>
3537

36-
<h5><a href="http://code.compartmental.net/tools/minim/">&raquo; Minim</a></h5>
37-
<p>Uses JavaSound to provide an easy-to-use audio library while
38+
<li>
39+
<h5><a href="http://code.compartmental.net/tools/minim/">&raquo; Minim</a></h5>
40+
<p>Uses JavaSound to provide an easy-to-use audio library while
3841
still providing flexibility for more advanced users.</p>
39-
40-
<h5><a href="http://www.arduino.cc/playground/Interfacing/Processing" target="_new">&raquo; Arduino</a></h5>
41-
<p>Directly control an Arduino board through Processing.</p>
42-
43-
<h5><a href="http://developer.mozilla.org/En/Core_JavaScript_1.5_Guide/LiveConnect_Overview"
44-
target="_new">&raquo; Netscape.JavaScript</a></h5>
45-
<p>Methods for interfacing between Javascript and programs exported from Processing.</p>
46-
47-
</div>
42+
</li>
43+
44+
</ul>
4845

4946
<h3 class="large-header">Contributions</h3>
5047

‎content/api_en/tools/index.html‎

Lines changed: 25 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -6,40 +6,42 @@ <h1 class="large-header"><span class="black">Tools.</span> Extend the capability
66
code is distributed with Processing.</i>
77
</p>
88

9-
<div class="threecol">
9+
<ul class="included-tools">
1010

11-
<h5>Color Selector</h5>
12-
<p>Simple interface for selecting colors as RGB, HSB, and Hex values.</p>
13-
14-
<h5>Archive Sketch</h5>
15-
<p>Archives a copy of the current sketch in .zip format. The archive is placed in
16-
the same directory as the sketch.</p>
17-
18-
</div>
11+
<li>
12+
<h5>Color Selector</h5>
13+
<p>Simple interface for selecting colors as RGB, HSB, and Hex values.</p>
14+
</li>
1915

20-
<div class="threecol">
21-
22-
<h5>Movie Maker</h5>
23-
<p>Creates a QuickTime movie from a sequence of images. Options include setting the
16+
<li>
17+
<h5>Movie Maker</h5>
18+
<p>Creates a QuickTime movie from a sequence of images. Options include setting the
2419
size, frame rate, and compression, as well as an audio file.</p>
20+
</li>
21+
22+
<li>
23+
<h5>Archive Sketch</h5>
24+
<p>Archives a copy of the current sketch in .zip format. The archive is placed in
25+
the same directory as the sketch.</p>
26+
</li>
2527

26-
<h5>Create Font</h5>
27-
<p>Converts fonts into the Processing font format and adds to the current sketch.
28+
<li>
29+
<h5>Create Font</h5>
30+
<p>Converts fonts into the Processing font format and adds to the current sketch.
2831
Opens a dialog box which give options for setting the font, its size, if
2932
it is anti-aliased, and if all characters should be generated.</p>
30-
31-
</div>
32-
33-
<div class="threecol">
33+
</li>
3434

35-
<h5>Fix Encoding &amp; Reload</h5>
36-
<p>Sketches that contain non-ASCII characters and were saved with Processing 0140
35+
<li>
36+
<h5>Fix Encoding &amp; Reload</h5>
37+
<p>Sketches that contain non-ASCII characters and were saved with Processing 0140
3738
and earlier may look strange when opened. Garbled text and odd characters may appear
38-
where umlauts, cedillas, and Japanese formerly lived. This will reload your sketch
39+
where umlauts, cedillas, and Japanese<br>formerly lived. This will reload your sketch
3940
using the same method as previous versions of Processing, at which point you can
4041
re-save it which will write a proper UTF-8 version.</p>
42+
</li>
4143

42-
</div>
44+
</ul>
4345

4446
<h3 class="large-header">Contributions</h3>
4547

‎css/style.css‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -487,6 +487,24 @@ hr.noshade { height: 0px; color: #f1f1f1; border-color: #e0e0e0; margin: 30px 0
487487
.libraries-top { margin: 20px 50px 15px 0; }
488488
.libraries-bottom { margin: 0 50px 0px 0; }
489489

490+
#Tools .included-tools,
491+
#Libraries .included-libraries {
492+
margin: 0;
493+
padding: 0;
494+
list-style: none;
495+
-moz-column-count:3; /* Firefox */
496+
-webkit-column-count:3; /* Safari and Chrome */
497+
column-count:3;
498+
}
499+
#Tools .included-tools li,
500+
#Libraries .included-libraries li {
501+
display: inline-block;
502+
}
503+
#Tools .included-tools p,
504+
#Libraries .included-libraries p {
505+
margin: 0;
506+
}
507+
490508
div.ref-col {
491509
width: 30%;
492510
margin-right: 2%;

0 commit comments

Comments
 (0)