Skip to content

Commit 722fe50

Browse files
philiptrphiliptr
authored andcommitted
Rendering tutorial layout
1 parent 7439f3f commit 722fe50

File tree

1 file changed

+19
-20
lines changed

1 file changed

+19
-20
lines changed

content/static/tutorials/rendering/index.html

Lines changed: 19 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -49,6 +49,7 @@ <h3>Another drawing surface</h3>
4949
</td>
5050
</tr>
5151

52+
<br />
5253
<br />
5354

5455
<tr>
@@ -59,6 +60,7 @@ <h3>Another drawing surface</h3>
5960
</td>
6061
</tr>
6162

63+
<br />
6264
<br />
6365

6466
<tr style="float:left;">
@@ -70,12 +72,12 @@ <h3>Another drawing surface</h3>
7072
<tr style="float:left;">
7173
<td>
7274
<pre>
73-
PGraphics circle = createGraphics(100, 100);
74-
circle.beginDraw();
75-
circle.background(0);
76-
circle.ellipse(50, 50, 75, 75);
77-
circle.endDraw();
78-
image(circle, 0, 0);
75+
PGraphics circle = createGraphics(100, 100);
76+
circle.beginDraw();
77+
circle.background(0);
78+
circle.ellipse(50, 50, 75, 75);
79+
circle.endDraw();
80+
image(circle, 0, 0);
7981
</pre>
8082
</td>
8183
</tr>
@@ -94,9 +96,9 @@ <h3>Another drawing surface</h3>
9496
<br />
9597
<tr style="float:left;">
9698
<td>
97-
<div style="float: left; width: 120px;">
99+
98100
<img src="imgs/35_03.png" style= "width: 100px; height: 100px;">
99-
</div>
101+
100102
</td>
101103
</tr>
102104

@@ -133,15 +135,15 @@ <h3>Another drawing surface</h3>
133135

134136
<tr style="float:left;">
135137
<td>
136-
<div style = "float: left; width: 120px;">
138+
137139
<img src="imgs/35_04_1.png" style= "width: 100px; height: 100px;">
138140
<br />
139141
<br />
140142
<img src="imgs/35_04_2.png" style= "width: 100px; height: 100px;">
141143
<br />
142144
<br />
143145
<img src="imgs/35_04_3.png" style= "width: 100px; height: 100px;">
144-
</div>
146+
145147
</td>
146148
</tr>
147149

@@ -182,7 +184,7 @@ <h3>Another drawing surface</h3>
182184

183185
<tr style="float:left;">
184186
<td>
185-
<div style = "float: left; width: 120px;">
187+
186188
<img src="imgs/35_05_1.png" style= "width: 100px; height: 100px;">
187189
<br />
188190
<br />
@@ -193,7 +195,7 @@ <h3>Another drawing surface</h3>
193195
<br />
194196
<br />
195197
<img src="imgs/35_05_4.png" style= "width: 100px; height: 100px;">
196-
</div>
198+
197199
</td>
198200
</tr>
199201

@@ -308,7 +310,7 @@ <h3>OpenGL surfaces</h3>
308310

309311
<tr style="float:left;">
310312
<td>
311-
<div style = "float: left; width: 120px;">
313+
312314
<img src="imgs/35_07_1.png" style= "width: 100px; height: 100px;">
313315
<br />
314316
<br />
@@ -319,7 +321,7 @@ <h3>OpenGL surfaces</h3>
319321
<br />
320322
<br />
321323
<img src="imgs/35_07_4.png" style= "width: 100px; height: 100px;">
322-
</div>
324+
323325
</td>
324326
</tr>
325327

@@ -387,7 +389,7 @@ <h3>Combine surfaces</h3>
387389
<tr style="float:left;">
388390
<td>
389391
<br />
390-
<div style = "float: left; width: 120px;">
392+
391393
<img src="imgs/35_09_1.png" style= "width: 100px; height: 100px;">
392394
<br />
393395
<br />
@@ -396,7 +398,7 @@ <h3>Combine surfaces</h3>
396398
<br />
397399
<img src="imgs/35_09_3.png" style= "width: 100px; height: 100px;">
398400
<br />
399-
</div>
401+
400402
</tr>
401403
</td>
402404

@@ -462,7 +464,6 @@ <h3>Combine surfaces</h3>
462464
<tr style="float:left;">
463465
<td>
464466
<br />
465-
<div style = "float: left; width: 120px;">
466467
<img src="imgs/35_10_1.png" style= "width: 100px; height: 100px;">
467468
<br />
468469
<br />
@@ -473,7 +474,6 @@ <h3>Combine surfaces</h3>
473474
<br />
474475
<br />
475476
<img src="imgs/35_10_4.png" style= "width: 100px; height: 100px;">
476-
</div>
477477
</td>
478478
</tr>
479479

@@ -533,7 +533,6 @@ <h3>Combine surfaces</h3>
533533
<tr style="float:left;">
534534
<td>
535535
<br />
536-
<div style="float: left; width: 120px;">
537536
<img src="imgs/35_11_1.png" style= "width: 100px; height: 100px;">
538537
<br />
539538
<br />
@@ -544,7 +543,7 @@ <h3>Combine surfaces</h3>
544543
<br />
545544
<br />
546545
<img src="imgs/35_11_4.png" style= "width: 100px; height: 100px;">
547-
</div>
546+
548547
</td>
549548
</tr>
550549

0 commit comments

Comments
 (0)