Compare Revisions

Tutorial sulle Canvas

Revision 169281:

Revision 169281 by Fuma 90 on

Revision 169282:

Revision 169282 by Indigo on

Title:
Tutorial sulle Canvas
Tutorial sulle Canvas
Slug:
Tutorial_sulle_Canvas
Tutorial_sulle_Canvas
Tags:
HTML:Canvas, "Canvas tutorial"
HTML:Canvas, "Canvas tutorial"
Content:

Revision 169281
Revision 169282
t7    <p>t
8      &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; 
9    </p>
10    <p>
11      &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"
> lang="en"&gt; &lt;head&gt; 
12    </p>
13    <pre class="eval">
14 &lt;title&gt;&lt;$BlogPageTitle$&gt;&lt;/title&gt;
15</pre>
16    <pre class="eval">
17 &lt;$BlogMetaData$&gt;
18</pre>
19    <pre class="eval">
20 &lt;style type="text/css"&gt;
21</pre>
22    <p>
23      /*
24    </p>
25    <hr>
26    <p>
27      Blogger Template Style Name: Harbor Designer: Douglas Bowma
>n URL: www.stopdesign.com Date: 24 Feb 2004 
28    </p>
29    <hr>
30    */
31    <p>
32      <br>
33      body {
34    </p>
35    <pre class="eval">
36 background:#fff url("http://www.blogblog.com/harbor/rocks.jpg") 
>no-repeat right bottom; 
37 background-attachment:fixed;
38 margin:0;
39 padding:0;
40 font:x-small Georgia,Serif;
41 color:#333;
42 font-size/* */:/**/small;
43 font-size: /**/small;
44 }
45</pre>
46    <p>
47      /* Commented Backslash Hack hides rule from IE5-Mac \*/
48    </p>
49    <pre class="eval">
50 body {background-attachment:scroll;}
51 /* End IE5-Mac hack */
52</pre>
53    <p>
54      a:link {
55    </p>
56    <pre class="eval">
57 color:#36a;
58 text-decoration:none;
59 }
60</pre>
61    <p>
62      a:visited {
63    </p>
64    <pre class="eval">
65 color:#764;
66 text-decoration:none;
67 }
68</pre>
69    <p>
70      a:hover {
71    </p>
72    <pre class="eval">
73 color:#933;
74 text-decoration:underline;
75 }
76</pre>
77    <p>
78      a img {
79    </p>
80    <pre class="eval">
81 border-width:0;
82 }
83</pre>
84    <p>
85      <br>
86      /* Page Structure
87    </p>
88    <hr>
89    */
90    <ol>
91      <li>wrap {
92      </li>
93    </ol>
94    <pre class="eval">
95 background:url("http://www.blogblog.com/harbor/sky.jpg") repeat-
>x left top; 
96 min-width:740px;
97 margin:0;
98 padding:0;
99 text-align:left;
100 }
101</pre>
102    <ol>
103      <li>wrap2 {
104      </li>
105    </ol>
106    <pre class="eval">
107 background:url("http://www.blogblog.com/harbor/lighthouse.jpg") 
>no-repeat left top; 
108 }
109</pre>
110    <ol>
111      <li>wrap3 {
112      </li>
113    </ol>
114    <pre class="eval">
115 background:url("http://www.blogblog.com/harbor/cloud.jpg") no-re
>peat 100% 75px; 
116 }
117</pre>
118    <ol>
119      <li>wrap4 {
120      </li>
121    </ol>
122    <pre class="eval">
123 background:url("http://www.blogblog.com/harbor/center_cloud.jpg"
>) no-repeat 50% 0; 
124 padding:15px;
125 width:100%;
126 width/* */:/**/auto;
127 width: /**/auto;
128 }
129</pre>
130    <p>
131      @media all {
132    </p>
133    <pre class="eval">
134 #content {
135   max-width:890px;
136   padding:0 30px 50px;
137   width:100%;
138   width/* */:/**/auto;
139   width: /**/auto;
140   }
141 html&gt;body #content {
142   border:3px double #fff;
143   }
144 #main {
145   width:64%;
146   float:right;
147   }
148 #main2 {
149   margin:0;
150   padding:0;
151   }
152 #sidebar {
153   width:32%;
154   float:left;
155   }
156 #sidebar2 {
157   margin:0;
158   padding:170px 0 20px;
159   }
160 }
161</pre>
162    <p>
163      @media handheld {
164    </p>
165    <pre class="eval">
166 #content {
167   width:90%;
168   }
169 #main {
170   width:100%;
171   float:none;
172   }
173 #sidebar {
174   width:100%;
175   float:none;
176   }
177 }
178</pre>
179    <p>
180      /* Header
181    </p>
182    <hr>
183    */
184    <p>
185      @media all {
186    </p>
187    <pre class="eval">
188 #header {
189   padding:15px 0 10px 110px;
190   }
191 }
192</pre>
193    <p>
194      @media handheld {
195    </p>
196    <pre class="eval">
197 #header {
198   width:100%;
199   padding:15px 0 10px 0;
200   }
201 }
202</pre>
203    <ol>
204      <li>blog-title {
205      </li>
206    </ol>
207    <pre class="eval">
208 margin:0 0 .25em;
209 font-size:270%;
210 font-weight:normal;
211 color:#678;
212 }
213</pre>
214    <ol>
215      <li>blog-title a {
216      </li>
217    </ol>
218    <pre class="eval">
219 color:#678;
220 text-decoration:none;
221 }
222</pre>
223    <ol>
224      <li>description {
225      </li>
226    </ol>
227    <pre class="eval">
228 margin:0;
229 max-width:700px;
230 font-size:75%;
231 line-height:1.8em;
232 text-transform:uppercase;
233 letter-spacing:.2em;
234 color:#789;
235 }
236</pre>
237    <p>
238      <br>
239      /* Headings
240    </p>
241    <hr>
242    */
243    <p>
244      h2 {
245    </p>
246    <pre class="eval">
247 margin:1.5em 0 .75em;
248 font:78%/1.4em Georgia,Serif;
249 text-transform:uppercase;
250 letter-spacing:.2em;
251 color:#933;
252 }
253</pre>
254    <p>
255      <br>
256      /* Posts
257    </p>
258    <hr>
259    */
260    <p>
261      .date-header {
262    </p>
263    <pre class="eval">
264 margin:2em 0 .5em;
265 }
266</pre>
267    <p>
268      .post {
269    </p>
270    <pre class="eval">
271 margin:.5em 0 1.5em;
272 line-height:1.6em;
273 }
274</pre>
275    <p>
276      .post-title {
277    </p>
278    <pre class="eval">
279 margin:.25em 0 0;
280 padding:0 0 4px;
281 font-size:140%;
282 font-weight:normal;
283 line-height:1.4em;
284 }
285</pre>
286    <p>
287      .post-title a, .post-title strong {
288    </p>
289    <pre class="eval">
290 background:url("http://www.blogblog.com/harbor/icon_lighthouse.g
>if") no-repeat 0 .15em; 
291 display:block;
292 padding-left:20px;
293 text-decoration:none;
294 color:#368;
295 font-weight:normal;
296 }
297</pre>
298    <p>
299      .post-title strong {
300    </p>
301    <pre class="eval">
302 background-image:url("http://www.blogblog.com/harbor/icon_lighth
>ouse2.gif"); 
303 color:#000;
304 }
305</pre>
306    <p>
307      .post-title a:hover {
308    </p>
309    <pre class="eval">
310 color:#933;
311 }
312</pre>
313    <p>
314      .post-body {
315    </p>
316    <pre class="eval">
317 background:url("http://www.blogblog.com/harbor/divider.gif") no-
>repeat center top; 
318 padding-top:12px;
319 }
320</pre>
321    <p>
322      .post p {
323    </p>
324    <pre class="eval">
325 margin:0 0 .75em;
326 }
327</pre>
328    <p>
329      p.post-footer {
330    </p>
331    <pre class="eval">
332 color:#999;
333 }
334</pre>
335    <p>
336      .post-footer em, .comment-link {
337    </p>
338    <pre class="eval">
339 font:78%/1.4em Georgia,Serif;
340 text-transform:uppercase;
341 letter-spacing:.1em;
342 }
343</pre>
344    <p>
345      .post-footer em {
346    </p>
347    <pre class="eval">
348 font-style:normal;
349 color:#666;
350 margin-right:.4em;
351 }
352</pre>
353    <p>
354      .comment-link strong {
355    </p>
356    <pre class="eval">
357 font-size:130%;
358 }
359</pre>
360    <p>
361      .comment-link {
362    </p>
363    <pre class="eval">
364 margin-left:.4em;
365 }
366</pre>
367    <p>
368      .post img {
369    </p>
370    <pre class="eval">
371 padding:4px;
372 border:1px solid #cde;
373 }
374</pre>
375    <p>
376      <br>
377      /* Comments
378    </p>
379    <hr>
380    */
381    <ol>
382      <li>comments {
383      </li>
384    </ol>
385    <pre class="eval">
386 background:url("http://www.blogblog.com/harbor/divider.gif") no-
>repeat center top; 
387 padding:15px 0 0;
388 }
389</pre>
390    <ol>
391      <li>comments h4 {
392      </li>
393    </ol>
394    <pre class="eval">
395 margin:1em 0;
396 font:bold 78%/1.6em Georgia,Serif;
397 text-transform:uppercase;
398 letter-spacing:.2em;
399 color:#933;
400 }
401</pre>
402    <ol>
403      <li>comments h4 strong {
404      </li>
405    </ol>
406    <pre class="eval">
407 font-size:130%;
408 }
409</pre>
410    <ol>
411      <li>comments-block {
412      </li>
413    </ol>
414    <pre class="eval">
415 margin:1em 0 1.5em;
416 line-height:1.4em;
417 }
418</pre>
419    <ol>
420      <li>comments-block dt {
421      </li>
422    </ol>
423    <pre class="eval">
424 margin:.5em 0;
425 }
426</pre>
427    <ol>
428      <li>comments-block dd {
429      </li>
430    </ol>
431    <pre class="eval">
432 margin:.25em 20px 0;
433 }
434</pre>
435    <ol>
436      <li>comments-block dd.comment-timestamp {
437      </li>
438    </ol>
439    <pre class="eval">
440 margin:-.25em 20px 1.5em;
441 font:78%/1.4em Georgia,Serif;
442 text-transform:uppercase;
443 letter-spacing:.1em;
444 }
445</pre>
446    <ol>
447      <li>comments-block dd p {
448      </li>
449    </ol>
450    <pre class="eval">
451 margin:0 0 .75em;
452 }
453</pre>
454    <p>
455      .deleted-comment {
456    </p>
457    <pre class="eval">
458 font-style:italic;
459 color:gray;
460 }
461</pre>
462    <p>
463      <br>
464      /* Sidebar Content
465    </p>
466    <hr>
467    */
468    <ol>
469      <li>sidebar ul {
470      </li>
471    </ol>
472    <pre class="eval">
473 background:url("http://www.blogblog.com/harbor/divider.gif") no-
>repeat center bottom; 
474 margin:0 0 15px;
475 padding:0 0 15px;
476 list-style:none;
477 }
478</pre>
479    <ol>
480      <li>sidebar li {
481      </li>
482    </ol>
483    <pre class="eval">
484 margin:0;
485 padding:0 0 .25em 15px;
486 text-indent:-15px;
487 line-height:1.5em;
488 }
489</pre>
490    <ol>
491      <li>sidebar p {
492      </li>
493    </ol>
494    <pre class="eval">
495 color:#666;
496 line-height:1.5em;
497 }
498</pre>
499    <p>
500      <br>
501      /* Profile
502    </p>
503    <hr>
504    */
505    <ol>
506      <li>profile-container {
507      </li>
508    </ol>
509    <pre class="eval">
510 background:url("http://www.blogblog.com/harbor/divider.gif") no-
>repeat center bottom; 
511 margin:0 0 2em;
512 padding:0 0 15px;
513 }
514</pre>
515    <p>
516      .profile-datablock {
517    </p>
518    <pre class="eval">
519 margin:.5em 0 .5em;
520 }
521</pre>
522    <p>
523      .profile-img {
524    </p>
525    <pre class="eval">
526 display:inline;
527 }
528</pre>
529    <p>
530      .profile-img img {
531    </p>
532    <pre class="eval">
533 float:left;
534 padding:4px;
535 border:1px solid #cde;
536 margin:0 8px 3px 0;
537 }
538</pre>
539    <p>
540      .profile-data {
541    </p>
542    <pre class="eval">
543 margin:0;
544 font:bold 78%/1.6em Georgia,Serif;
545 text-transform:uppercase;
546 letter-spacing:.1em;
547 }
548</pre>
549    <p>
550      .profile-data strong {
551    </p>
552    <pre class="eval">
553 display:none;
554 }
555</pre>
556    <p>
557      .profile-textblock {
558    </p>
559    <pre class="eval">
560 margin:0 0 .5em;
561 }
562</pre>
563    <p>
564      .profile-link {
565    </p>
566    <pre class="eval">
567 font:78%/1.4em Georgia,Serif;
568 text-transform:uppercase;
569 letter-spacing:.1em;
570 }
571</pre>
572    <p>
573      <br>
574      /* Footer
575    </p>
576    <hr>
577    */
578    <ol>
579      <li>footer {
580      </li>
581    </ol>
582    <pre class="eval">
583 clear:both;
584 padding:15px 30px 0 50px;
585 }
586</pre>
587    <ol>
588      <li>footer hr {
589      </li>
590    </ol>
591    <pre class="eval">
592 display:none;
593 }
594</pre>
595    <ol>
596      <li>footer p {
597      </li>
598    </ol>
599    <pre class="eval">
600 background:url("http://www.blogblog.com/harbor/divider.gif") no-
>repeat center top; 
601 margin:0;
602 padding-top:15px;
603 font:78%/1.6em Georgia,Serif;
604 text-transform:uppercase;
605 letter-spacing:.1em;
606 }
607 &lt;/style&gt;
608</pre>
609    <p>
610      &lt;/head&gt;
611    </p>
612    <p>
613      &lt;body&gt;
614    </p>
615    <p>
616      <span class="comment">Begin wraps</span>
617    </p>
618    <div id="wrap">
619      <div id="wrap2">
620        <div id="wrap3">
621          <div id="wrap4">
622            <p>
623              <br>
624              <span class="comment">Begin #content</span>
625            </p>
626            <div id="content">
627              <p>
628                <br>
629              </p>
630              <div id="header">
631                <h1 id="blog-title">
632                  &lt;ItemPage&gt;&lt;a href="&lt;$BlogURL$&gt;"&
>gt;&lt;/ItemPage&gt; &lt;$BlogTitle$&gt; &lt;ItemPage&gt;&lt;/a&g 
>t;&lt;/ItemPage&gt; 
633                </h1>
634                <p id="description">
635                  &lt;$BlogDescription$&gt;
636                </p>
637              </div>
638              <p>
639                <br>
640                <span class="comment">Begin #main</span>
641              </p>
642              <div id="main">
643                <div id="main2">
644                  <p>
645                    &lt;Blogger&gt;
646                  </p>
647                  <pre class="eval">
648   &lt;BlogDateHeader&gt;
649</pre>
650                  <h3 class="date-header" name=".3C.24BlogDateHea
>derDate.24.3E"> 
651                    &lt;$BlogDateHeaderDate$&gt;
652                  </h3>
653                  <pre class="eval">
654 &lt;/BlogDateHeader&gt;
655 
656    
657 <span class="comment">Begin .post</span>
658</pre>
659                  <div class="post">
660                    &lt;a name="&lt;$BlogItemNumber$&gt;"&gt;&lt;
>/a&gt; 
661                    <pre class="eval">
662   &lt;BlogItemTitle&gt;
663</pre>
664                    <h3 class="post-title">
665                      &lt;BlogItemUrl&gt;&lt;a href="&lt;$BlogIte
>mUrl$&gt;" title="external link"&gt;&lt;/BlogItemUrl&gt; &lt;$Blo 
>gItemTitle$&gt; &lt;BlogItemUrl&gt;&lt;/a&gt;&lt;/BlogItemUrl&gt; 
666                    </h3>
667                    <pre class="eval">
668   &lt;/BlogItemTitle&gt;
669    
670</pre>
671                    <div class="post-body">
672                      <p>
673                        &lt;$BlogItemBody$&gt;
674                      </p>
675                    </div>
676                    <p class="post-footer">
677                      <em>posted by &lt;$BlogItemAuthorNickname$&
>gt; at &lt;a href="&lt;$BlogItemPermalinkUrl$&gt;" title="permane 
>nt link"&gt;&lt;$BlogItemDateTime$&gt;&lt;/a&gt;</em> &lt;MainOrA 
>rchivePage&gt;&lt;BlogItemCommentsEnabled&gt; | &lt;a class="comm 
>ent-link" href="&lt;$BlogItemCommentCreate$&gt;"&lt;$BlogItemComm 
>entFormOnclick$&gt;&gt;&lt;$BlogItemCommentCount$&gt; comments&lt 
>;/a&gt; &lt;/BlogItemCommentsEnabled&gt;&lt;BlogItemBacklinksEnab 
>led&gt; &lt;a class="comment-link" href="&lt;$BlogItemPermalinkUr 
>l$&gt;#links"&gt;links to this post&lt;/a&gt; &lt;/BlogItemBackli 
>nksEnabled&gt; &lt;/MainOrArchivePage&gt; &lt;$BlogItemControl$&g 
>t; 
678                    </p>
679                  </div>
680                  <pre class="eval">
681 <span class="comment">End .post</span>
682 
683 
684 
685 <span class="comment">Begin #comments</span>
686&lt;ItemPage&gt;
687</pre>
688                  <div id="comments">
689                    <p>
690                      &lt;BlogItemCommentsEnabled&gt;&lt;a name="
>comments"&gt;&lt;/a&gt; 
691                    </p>
692                    <h5 name=".3C.24BlogItemCommentCount.24.3E_Co
>mments:"> 
693                      <strong>&lt;$BlogItemCommentCount$&gt;</str
>ong> Comments: 
694                    </h5>
695                    <pre class="eval">
696   
697</pre>
698                    <dl id="comments-block">
699                      <dt>
700                        &lt;BlogItemComments&gt; &lt;dt class="co
>mment-poster" id="c&lt;$BlogCommentNumber$&gt;"&gt;&lt;a name="c& 
>lt;$BlogCommentNumber$&gt;"&gt;&lt;/a&gt; &lt;$BlogCommentAuthor$ 
>&gt; said... &lt;/dt&gt; 
701                      </dt>
702                    </dl>
703                    <pre class="eval">
704     
705</pre>
706                    <p>
707                      &lt;$BlogCommentBody$&gt;
708                    </p>
709                    <pre class="eval">
710     &lt;/dd&gt;
711     
712</pre>
713                    <dd class="comment-timestamp">
714                      &lt;a href="#&lt;$BlogCommentNumber$&gt;" t
>itle="comment permalink"&gt;&lt;$BlogCommentDateTime$&gt;&lt;/a&g 
>t; 
715                    </dd>
716                    <p>
717                      &lt;$BlogCommentDeleteIcon$&gt; &lt;/dd&gt;
718                    </p>
719                    <pre class="eval">
720     &lt;/BlogItemComments&gt;
721   
722</pre>
723                    <p>
724                      <br>
725                    </p>
726                    <p class="comment-timestamp">
727                      &lt;$BlogItemCreate$&gt;
728                    </p>
729                    <pre class="eval">
730   &lt;/BlogItemCommentsEnabled&gt;       
731   &lt;BlogItemBacklinksEnabled&gt;
732</pre>&lt;a name="links"&gt;&lt;/a&gt;
733                    <h5 name="Links_to_this_post:">
734                      Links to this post:
735                    </h5>
736                    <pre class="eval">
737   
738</pre>
739                    <dl id="comments-block">
740                      <dt>
741                        &lt;BlogItemBacklinks&gt;
742                      </dt>
743                      <dt class="comment-title">
744                        &lt;$BlogBacklinkControl$&gt; &lt;a href=
>"&lt;$BlogBacklinkURL$&gt;" rel="nofollow"&gt;&lt;$BlogBacklinkTi 
>tle$&gt;&lt;/a&gt; &lt;$BlogBacklinkDeleteIcon$&gt; &lt;/dt&gt; 
745                      </dt>
746                      <dd class="comment-body">
747                        &lt;$BlogBacklinkSnippet$&gt;<br>
748                        <span class="comment-poster"><em>posted b
>y &lt;$BlogBacklinkAuthor$&gt; @ &lt;$BlogBacklinkDateTime$&gt;</ 
>em></span> &lt;/dd&gt; &lt;/BlogItemBacklinks&gt; 
749                      </dd>
750                    </dl>
751                    <pre>
752 
753</pre>
754                    <p class="comment-timestamp">
755                      &lt;$BlogItemBacklinkCreate$&gt;
756                    </p>
757                    <pre class="eval">
758   &lt;/BlogItemBacklinksEnabled&gt;
759</pre>
760                    <p>
761                      <br>
762                    </p>
763                    <p class="comment-timestamp">
764                      &lt;a href="&lt;$BlogURL$&gt;"&gt;&lt;&lt; 
>Home&lt;/a&gt; 
765                    </p>
766                  </div>
767                  <p>
768                    &lt;/ItemPage&gt;
769                  </p>
770                  <pre class="eval">
771 <span class="comment">End #comments</span>
772 &lt;/Blogger&gt; 
773</pre>
774                </div>
775              </div>
776              <p>
777                <span class="comment">End #main</span>
778              </p>
779              <p>
780                <br>
781              </p>
782              <p>
783                <br>
784              </p>
785              <p>
786                <br>
787              </p>
788              <p>
789                <span class="comment">Begin #sidebar</span>
790              </p>
791              <div id="sidebar">
792                <div id="sidebar2">
793                  <p>
794                    <br>
795                  </p>
796                  <h3 class="sidebar-title" name="Previous_Posts"
>> 
797                    Previous Posts
798                  </h3>
799                  <ul id="recently">
800                    <li style="list-style: none">&lt;BloggerPrevi
>ousItems&gt; 
801                    </li>
802                    <li>&lt;a href="&lt;$BlogItemPermalinkURL$&gt
>;"&gt;&lt;$BlogPreviousItemTitle$&gt;&lt;/a&gt; 
803                    </li>
804                    <li style="list-style: none; display: inline"
>> 
805                      <pre class="eval">
806    &lt;/BloggerPreviousItems&gt;
807</pre>
808                    </li>
809                  </ul>
810                  <p>
811                    <br>
812                  </p>
813                  <pre class="eval">
814 &lt;MainOrArchivePage&gt;
815</pre>
816                  <h3 class="sidebar-title" name="Archives">
817                    Archives
818                  </h3>
819                  <ul class="archive-list">
820                    <li style="list-style: none">&lt;BloggerArchi
>ves&gt; 
821                    </li>
822                    <li>&lt;a href="&lt;$BlogArchiveURL$&gt;"&gt;
>&lt;$BlogArchiveName$&gt;&lt;/a&gt; 
823                    </li>
824                    <li style="list-style: none; display: inline"
>> 
825                      <p>
826                        &lt;/BloggerArchives&gt;
827                      </p>
828                    </li>
829                  </ul>
830                  <pre class="eval">
831 &lt;/MainOrArchivePage&gt;
832 
833 
834 <span class="comment">Begin #profile-container</span>
835 
836   &lt;$BlogMemberProfile$&gt;
837 
838 <span class="comment">End #profile</span>
839</pre>
840                  <p>
841                    <br>
842                  </p>
843                  <p id="powered-by">
844                    &lt;a href="http://www.blogger.com"&gt;&lt;im
>g src="http://buttons.blogger.com/bloggerbutton1.gif" alt="Powere 
>d by Blogger" /&gt;&lt;/a&gt; 
845                  </p>
846                  <pre class="eval">
847 <span class="comment">&lt;p&gt;This is a paragraph of text that 
>could go in the sidebar.&lt;/p&gt;</span> 
848 
849</pre>
850                  <p>
851                    <br>
852                  </p>
853                </div>
854              </div>
855              <p>
856                <span class="comment">End #sidebar</span>
857              </p>
858              <p>
859                <br>
860              </p>
861              <p>
862                <br>
863                <span class="comment">Begin #footer</span>
864              </p>
865              <div id="footer">
866                <hr>
867                <p>
868                  <span class="comment">This is an optional foote
>r. If you want text here, place it inside these tags, and remove  
>this comment.</span>&nbsp; 
869                </p>
870              </div>
871              <p>
872                <span class="comment">End #footer</span>
873              </p>
874              <p>
875                <br>
876              </p>
877              <p>
878                <br>
879              </p>
880            </div>
881            <p>
882              <span class="comment">End #content</span>
883            </p>
884            <p>
885              <br>
886            </p>
887            <p>
888              <br>
889            </p>
890            <p>
891              <br>
892            </p>
893          </div>
894        </div>
895      </div>
896    </div>
897    <p>
898      <span class="comment">End wraps</span>
899    </p>
900    <p>
901      &lt;/body&gt; &lt;/html&gt;
902    </p>

Back to History