How to put ascii -art on my own page.

Rasher wrote:
> 
> How should I do this, the   method is not very good - that's one thing
> I have found out, but how am I 'spoused to do it???
> 

A description I once wrote:

http://www.ludd.luth.se/users/vk/q/howtohtml/

An "ascii-to-html" tool I made:

http://www.ludd.luth.se/users/vk/cgi/ASCII-to-HTML/


-- 
    (,         http://www.ludd.luth.se/~vk/cgi/asciichat/
    /|__--__                       .                        __--__
    |\ '__                        /|\                        _{ _ 
    `.' / `.,_ _________           |           _________ _,.' (/ `.
    /  ||``._.'             ASCII ART CHAT!             `---'|:||,/
  .'   /|                                                   /|:| \
.'    /\ \         __   __                _                 `/|'\'
 ` `,/ /`,\        \ \ / /__ _ _ ___ _ _ (_)__ __ _         /,'\ \
   .'.'  /|         \ V / -_) '_/ _ \ ' \| / _/ _` |        |\  `.`.
 ,' /   / |          \_/\___|_| \___/_||_|_\__\__,_|        | \   \ `,
- `- -- `-'- -ejm-------------------------------------VK-- -`-' -- -' -

How should I do this, the   method is not very good - that's one thing
I have found out, but how am I 'spoused to do it???

--
   , ; ,   .-'"""'-.   , ; ,
   \\|/  .'         '.  \|//             Rasher AKA Jonas
    \-;-/   ()   ()   \-;-/
    // ;               ; \\      E-Mail: JFH--.    ICQ: 36972213
  ,//__; :.         .; ;__\\                  '-->@ADR.DK
  `-----\'.'-.....-'.'/-----'     [Get born at least twice a day]
         '.'.-.-,_.'.'jgs              http://rasher.cjb.net
           '(  (..-'        "Time is an illusion - Lunchtime doubly so!"
             '-'

.----- On Fri, 20 Aug 1999 10:44:37 +0200, "Rasher" <JF...@ADR.DK> posted:
|How should I do this, the &nbsp; method is not very good - that's one thing
|I have found out, but how am I 'spoused to do it???
|
'----------------------------------

1. Enclose the ASCII Art in <PRE> tags, thus:

<PRE>
   |||||
  | o o |
  |  >  |     .--- I'm HTML-ified!
  | \_/ | ---'
   \___/
</PRE>

2.
  Replace occurances of...        With...
          <                         &lt;
          >                         &gt;
          &                         &amp;

Thus...

<PRE>
   |||||
  | o o |
  |  &gt;  |    .--- I'm HTML-ified!
  | \_/ | ---'
   \___/
</PRE>

See? :o)

Hope this helps,
-Martin
|\/| _..__|_o._   /\_|_| o._  _   mart.atkins@--
|  |(_||  |_|| | /--\|_|<|| |_>            --bigfoot.com

Or you can even skip that &blah; crap, by using <xmp>!
Oh yea, and another thing, many browsers use a non-fixed font for it, like
Netscape, so use <tt></tt> too.

So, here's how his drawing would look:

 <tt><xmp>
    |||||
   | o o |
   |  >  |     .--- I'm HTML-ified!
   | \_/ | ---'
    \___/
 </xmp></tt>

Oh yea, and another cool thing about HTML-based ascii is those extra tags! <blink>
(watch out!, IE doesn't care about the HTML standards and doesn't use this (Why
the heck are you using M$'s Borg software anyways?!? Get Netscape!))
Also, there's a <font color=purple></font>, replacing purple with any color or
color code you want!

.----<<<<<<<<REPLY SEPATOR>>>>>>>-------
|   Martin Atkins wrote:
|
| .----- On Fri, 20 Aug 1999 10:44:37 +0200, "Rasher" <JF...@ADR.DK> posted:
| |How should I do this, the &nbsp; method is not very good - that's one thing
| |I have found out, but how am I 'spoused to do it???
| |
| '----------------------------------
| 
| 1. Enclose the ASCII Art in <PRE> tags, thus:
| 
| <PRE>
|    |||||
|   | o o |
|   |  >  |     .--- I'm HTML-ified!
|   | \_/ | ---'
|    \___/
| </PRE>
| 
| 2.
|   Replace occurances of...        With...
|           <                         &lt;
|           >                         &gt;
|           &                         &amp;
| 
| Thus...
| 
| <PRE>
|    |||||
|   | o o |
|   |  &gt;  |    .--- I'm HTML-ified!
|   | \_/ | ---'
|    \___/
| </PRE>
| 
| See? :o)
| 
| Hope this helps,
| -Martin
| |\/| _..__|_o._   /\_|_| o._  _   mart.atkins@--
| |  |(_||  |_|| | /--\|_|<|| |_>            --bigfoot.com


-- 
    _ _   _           _ _ _                 _ _
 \ / | /'[_  /\ |\|\/| | |_) /\ |   /\ /'|/[_|_) KamiBot(at)rotfl(dot)com
  V _|_\.|_ /""\|/|  |_|_| \/""\|_ /""\\.|\|_| \       fly.to/VAA

In article <37b...@news.vossnet.net>, zne...@ovtsbbg.pbz
(Martin Atkins) wrote:
> 
> .----- On Fri, 20 Aug 1999 10:44:37 +0200, "Rasher" <JF...@ADR.DK> posted:
> |How should I do this, the &nbsp; method is not very good - that's one thing
> |I have found out, but how am I 'spoused to do it???
> |
> '----------------------------------
> 
> 1. Enclose the ASCII Art in <PRE> tags, thus:
> 
> <PRE>
>    |||||
>   | o o |
>   |  >  |     .--- I'm HTML-ified!
>   | \_/ | ---'
>    \___/
> </PRE>
> 
> 2.
>   Replace occurances of...        With...
>           <                         &lt;
>           >                         &gt;
>           &                         &amp;
> 
> Thus...
> 
> <PRE>
>    |||||
>   | o o |
>   |  &gt;  |    .--- I'm HTML-ified!
>   | \_/ | ---'
>    \___/
> </PRE>
> 
> See? :o)

I too made a how-to-put-ASCII-art-on-your-webpage.

http://www.crosswinds.net/~llizard/asciionpage.htm

The only difference from Martin's example is that I use numbers rather
than letters for character entities. Why? Because some of the later
Netscape browsers don't recognize the letter-character-entities. As far
as I know, only a very early version of MSIE (2, I think) does not
recognize the number-character-entities.

I would change Martin's instructions and portrait llike so:

  Replace occurances of...        With...
          <                         &60;
          >                         &62;
          &                         &38;

  <PRE>
     |||||
    | o o |
    |  &62;  |    .--- I'm HTML-ified!
    | \_/ | ---'
     \___/
  </PRE>



NOTE: I rarely pick up my mail from the idirect address. If you
are e-mailing and hit the reply button, add an "e" to "freent";
its absense is to stop the torment of automatic mailers.
--
       ___                          cq547@freene+.+oron+o.on.ca
     _/   |    ,^%---                           llizard aka ejm
    |_____|  __<_ \ Now, no doubt, the experts will start
      --- ==   >/   jumping all over me for this....
    [_____]  __>,^               ASCII-ar+ and ASCII-anima+ions
  ejm|   |  //| |           http://www.crosswinds.net/~llizard/

In article <37B...@earthling.net>, Veronica Karlsson
<aci...@earthling.net> wrote:
> 
> llizard wrote:
> > Martin Atkins wrote:
> > >
> > > <PRE>
> > >    |||||
> > >   | o o |
> > >   |  &gt;  |    .--- I'm HTML-ified!
> > >   | \_/ | ---'
> > >    \___/
> > > </PRE>
> >
> > The only difference from Martin's example is that I use numbers rather
> > than letters for character entities. Why? Because some of the later
> > Netscape browsers don't recognize the letter-character-entities. As far
> > as I know, only a very early version of MSIE (2, I think) does not
> > recognize the number-character-entities.
> >
> 
> The way I heard it is that there are browsers that do not recognise the
> "letter" kind and there are browsers that do not recognise the "number"
> kind. The latest versions of the most common browsers do recognise both.
> I'd suggest using the "letter" kind because it's easier to remember that
> "lt" is short for "less than" than it is to remember that the ascii
> character '<' corresponds to the number "60".
> 
> > I would change Martin's instructions and portrait llike so:
> >

[snip of
          ^^^^%---  /  | | /` |_|  | | |
           "   \   /-\ |_| \] | |  . . .

                            INCORRECT instructions missing # from the
codes]
> >

Here is the correction:

   Replace occurances of...        With...
           <                         &#60;
           >                         &#62;
           &                         &#38;

  <PRE>
     |||||
    | o o |
    |  &#62;  |    .--- I'm HTML-ified!
    | \_/ | ---'
     \___/
  </PRE>

> It's not *wrong* to "encode" the  >  character, but it's not absolutely
> *necessary* either. What *is* necessary though is to have the  # 
> character there... (and the semicolon)
[snip]
> >      _/   |    ,^%---
> >     |_____|  __<_ \ Now, no doubt, the experts will start
> >       --- ==   >/   jumping all over me for this....
[snip]
> 
> You mean, like this?
> 
>         (() ||||| ())   .-----------------.
>          ||||.v.||||   ( bad, BAD llizard! )
>          ||||\o/||||  -'`-----------------'
>           \\-- --//
>            (.) (.)
>             ) . (
>            (  v  )
>             \ | /
>             ( | )
>             '- -`
>            | |  ||
>               | |
>                        ,^
>      ---%^^^^^^^^^^^^^'
>   OW!  /    "     "
>  OW!
>    OW!
> 
> --
>  http://www.ludd.luth.se/~vk/cgi/asciichat/
>   ASCII ART CHAT! 

Yes, exactly like that. But, I'll be fine once I can take off the
bandages
   |
   |___________________
                       |
                     \ |/
                      \/
                     ===
         ha         =====             ,^
            ha  -----%===^^^^^^^^^^^^^
              ha ha /==    "    "
                   /

Of course I always use the # character in my character entities too and
should have proofread.

It's very easy to remember that &#62; is the same as > because the top
of the two points in the same direction. It's also very easy to look up
numbers for odd characters by going to the character map on the computer
instead of searching the web. The only reason I switched to using
numbers was because my antiquated Netscape 3 does not recognize all the
"letter" character-entities and I was seeing webpages (not mine) that
had &trade; instead of the trademark symbol. So I switched. I also
recall that Joan was seeing a whole ton of &nbsp; on her pages when she
upgraded to one of the Netscape 4. Yet another reason to switch to
numbers.


NOTE: I rarely pick up my mail from the idirect address. If you
are e-mailing and hit the reply button, add an "e" to "freent";
its absense is to stop the torment of automatic mailers.
--
       ___           ha             cq547@freene+.+oron+o.on.ca
     _/   |    ,^%---  ha                       llizard aka ejm
    |_____|  __<_ \  ha ...I should have known better than
      --- ==   >/          to say anything at all.
    [_____]  __>,^               ASCII-ar+ and ASCII-anima+ions
  ejm|   |  //| |           http://www.crosswinds.net/~llizard/

On Sat, 21 Aug 1999 14:44:25 GMT, Vice Admiral Acker (Kam...@rotfl.com) wrote:
: Or you can even skip that &blah; crap, by using <xmp>!

Ok, that does it! As a punishment for your sins, print out the HTML 4.0
specification and hit yourself in the forehead 23 times with it while
reciting "<XMP> is deprecated!" each time.

After that, if you're still conscious, you may optionally read the
specification. And look up "deprecated" in the dictionary. ;-)

Seriously, how hard can it be to do a simple search-and-replace in your
favorite editor?


And regarding the numeric vs. named entities discussion in another branch
of this thread: While not all the browsers support the newer entity names
like &trade;, the three basic ones - &lt; &gt; and &amp; - have been
around from the beginning of the web, and should be universally supported.


(Darn. I did it again. And I don't even have an ObAscii handy. Blame the
fact that I'm doing this for money, while nobody's paying me for ascii
art.)

-- 
Ilmari Karonen (ilt...@sci.fi)
http://www.sci.fi/~iltzu/

llizard wrote:
> Martin Atkins wrote:
> >
> > <PRE>
> >    |||||
> >   | o o |
> >   |  &gt;  |    .--- I'm HTML-ified!
> >   | \_/ | ---'
> >    \___/
> > </PRE>
> 
> The only difference from Martin's example is that I use numbers rather
> than letters for character entities. Why? Because some of the later
> Netscape browsers don't recognize the letter-character-entities. As far
> as I know, only a very early version of MSIE (2, I think) does not
> recognize the number-character-entities.
> 

The way I heard it is that there are browsers that do not recognise the
"letter" kind and there are browsers that do not recognise the "number"
kind. The latest versions of the most common browsers do recognise both.
I'd suggest using the "letter" kind because it's easier to remember that
"lt" is short for "less than" than it is to remember that the ascii
character '<' corresponds to the number "60".

> I would change Martin's instructions and portrait llike so:
> 
>   Replace occurances of...        With...
>           <                         &60;
>           >                         &62;
>           &                         &38;
> 

It's not *wrong* to "encode" the  >  character, but it's not absolutely
*necessary* either. What *is* necessary though is to have the  # 
character there... (and the semicolon)

Replace character        with     or with
           &             &amp;       &#38;
           <             &lt;        &#60;

If you use the "find-and-replace" function in your text editor you
should remember to do the  &  before the  <  (or you might end up with
&amp;lt;  which is not what you want...).

Or you could write a little program that does all of that for you. I
made one and put it online here:

http://www.ludd.luth.se/users/vk/cgi/ASCII-to-HTML/

Just copy the image into the text box and hit the "convert" button (you
can't miss!).

> --
>        ___                          cq547@freene+.+oron+o.on.ca
>      _/   |    ,^%---                           llizard aka ejm
>     |_____|  __<_ \ Now, no doubt, the experts will start
>       --- ==   >/   jumping all over me for this....
>     [_____]  __>,^               ASCII-ar+ and ASCII-anima+ions
>   ejm|   |  //| |           http://www.crosswinds.net/~llizard/

You mean, like this?


        (() ||||| ())   .-----------------.
         ||||.v.||||   ( bad, BAD llizard! )
         ||||\o/||||  -'`-----------------'
          \\-- --//
           (.) (.)
            ) . (
           (  v  )
            \ | /
            ( | )
            '- -`
           | |  ||
              | |
                       ,^
     ---%^^^^^^^^^^^^^'
  OW!  /    "     "
 OW!
   OW!


-- 
    (,         http://www.ludd.luth.se/~vk/cgi/asciichat/
    /|__--__                       .                        __--__
    |\ '__                        /|\                        _{ _ 
    `.' / `.,_ _________           |           _________ _,.' (/ `.
    /  ||``._.'             ASCII ART CHAT!             `---'|:||,/
  .'   /|                                                   /|:| \
.'    /\ \         __   __                _                 `/|'\'
 ` `,/ /`,\        \ \ / /__ _ _ ___ _ _ (_)__ __ _         /,'\ \
   .'.'  /|         \ V / -_) '_/ _ \ ' \| / _/ _` |        |\  `.`.
 ,' /   / |          \_/\___|_| \___/_||_|_\__\__,_|        | \   \ `,
- `- -- `-'- -ejm-------------------------------------VK-- -`-' -- -' -

.----- On Sun, 22 Aug 1999 01:17:14 +0200, Veronica Karlsson posted:
|
|If you use the "find-and-replace" function in your text editor you
|should remember to do the  &  before the  <  (or you might end up with
|&amp;lt;  which is not what you want...).
'----------------------------
Hehe... I did that once - Took me a little while to figure out exactly what
happened :o)

.----------------------------
|Or you could write a little program that does all of that for you. I
|made one and put it online here:
|
|http://www.ludd.luth.se/users/vk/cgi/ASCII-to-HTML/
|
|Just copy the image into the text box and hit the "convert" button (you
|can't miss!).
|
'----------------------------

The entirety of my ASCII Art site
<http://users.breworld.net/m/martin.atkins/asciiart/> is generated by a
program which reads my local directory structure and writes the pages for me
:o) ... so now you know how lazy I am!

-Martin
|\/| _..__|_o._   /\_|_| o._  _   mart.atkins@--
|  |(_||  |_|| | /--\|_|<|| |_>            --bigfoot.com

.----- On Sat, 21 Aug 1999 14:44:25 GMT, Vice Admiral Acker posted:
|
|Oh yea, and another cool thing about HTML-based ascii is those extra tags! <blink>
|(watch out!, IE doesn't care about the HTML standards and doesn't use this (Why
|the heck are you using M$'s Borg software anyways?!? Get Netscape!))
|Also, there's a <font color=purple></font>, replacing purple with any color or
|color code you want!
|
'----------------------------------------

*Shudder*

<BLINK> is not, to the best of my knowledge, standard HTML ... (if it is,
then WHY?) I have a feeling it was a Netscape extension added around the
same time as <FONT ...></FONT> (which is also evil) and BODY tag attributes.

<MARQUEE></MARQUEE> is even worse...

If you are talking about non-compliance with standards, you obviously
haven't seen the complete shash Netscape 4 makes of CSS and HTML4...

ObASCII? Erm... I've run those ASCII Web Browser things too many times, so
just asuume one at this position.

Kind Regards,
-Martin
|\/| _..__|_o._   /\_|_| o._  _   mart.atkins@--
|  |(_||  |_|| | /--\|_|<|| |_>            --bigfoot.com

         Hi!
         
Vice Admiral Acker <Kam...@rotfl.com> wrote:
> Oh yea, and another cool thing about HTML-based ascii is those extra
> tags! <blink> (watch out!, IE doesn't care about the HTML standards
> and doesn't use this (Why the heck are you using M$'s Borg software
> anyways?!? Get Netscape!))

 Sorry, but _YOU_ don't care about the HTML standards but care instead
about those silly netscape extensions. Why do you use Netscapes Browser?
Just because it isn't from MicroSoft? Watch out, the navigator is more far
away from the standards than the internet explorer is.
 But if you want to use a browser that really implements the standards
(and doesn't implement new silly extensions) then why not take a look at
Opera [1]? Yes, you have to pay (a little) fee for it - but you get IMHO
a much better browser than navigator or i-explorer. One, that really
cares for standards (btw, Opera is #1 in CSS implementation ;-P ) and
doesn't waste time on thinking of new standards....

[1] http://www.operasoftware.com/
-- 
Gerfried Fuchs aka Alfie
comic of the day: http://www.userfriendly.org/static/

On Sat, 21 Aug 1999 14:44:25 GMT, Kam...@rotfl.com (Vice Admiral
Acker) quoth:

>Oh yea, and another cool thing about HTML-based ascii is those extra tags! <blink>
>(watch out!, IE doesn't care about the HTML standards and doesn't use this (Why
>the heck are you using M$'s Borg software anyways?!? Get Netscape!))
>Also, there's a <font color=purple></font>, replacing purple with any color or
>color code you want!
>

Last I heard, MSIE was programmed to ignore the <BLINK> tags, because
they were so &%$# annoying. Smartest thing MicroSoft's ever done.
Unfortunately, Netscape, in my opinion, is better software. Oh well.
I'll have to endure the <BLINK> tag endlessly.

-- <FONT COLOR="green"><BLINK>Clover</BLINK></FONT>

-- 
                __         ,=.
             ,="  "==.__.="  o".___      ___ _
       ,=.=."                  ___/     / __| |_____ _____ _ _ 
 ,==.,"         \  \     ,===""        | C__| L  o\ V / e_) r_|  
  >   ,==.==,"'"=\_/===="               \___|_\___/\_/\___|_| 
 `=='                       cf              @easystreet.com

On Tue, 24 Aug 1999 21:15:42 GMT, clo...@easystreet.con (Clover)
wrote:

>Last I heard, MSIE was programmed to ignore the <BLINK> tags, because
>they were so &%$# annoying. Smartest thing MicroSoft's ever done.

That's true ...

>Unfortunately, Netscape, in my opinion, is better software. Oh well.
>I'll have to endure the <BLINK> tag endlessly.

I like to be able to cut/paste from my browser without all the tables
and indentations munging up. Hence I use IE.
--
  Universal CBM, PEZ, and TI-calc nut, Scout, Glider pilot, "Student"
        Email: vjo...@sci.fi, URL: http://www.sci.fi/~vjouppi/
                  GSM: +358-40-5679999, IRCNet: Jope
    "I see", said the blind man as he picked up his hammer and saw.

Clover wrote:
> 
> On Sat, 21 Aug 1999 14:44:25 GMT, Kam...@rotfl.com (Vice Admiral
> Acker) quoth:
> >
> > Oh yea, and another cool thing about HTML-based ascii is those extra
> > tags! <blink> (watch out!, IE doesn't care about the HTML standards
> > and doesn't use this (Why the heck are you using M$'s Borg software
> > anyways?!? Get Netscape!))

I dare you to find the BLINK element in any W3C HTML standard document
anywhere. Go on, I dare you. Start here: http://www.w3.org/

> > Also, there's a <font color=purple></font>, replacing purple with
> > any color or color code you want!

Deprecated, in favor of CSS. Hooray for that.

> Last I heard, MSIE was programmed to ignore the <BLINK> tags, because
> they were so &%$# annoying. Smartest thing MicroSoft's ever done.

I think Microsoft's non-support of BLINK was caused more by
Not-Invented-Here syndrome than by any concern for users ... because
they have a similarly-&%$#-annoying equivalent, MARQUEE.

> Unfortunately, Netscape, in my opinion, is better software.

Eh? Netscape isn't software, Netscape is a company which *makes* software.

>                                                             Oh well.
> I'll have to endure the <BLINK> tag endlessly.
>...

No you won't. Mozilla 5 (from which Netscape Communicator 5 will be
developed) does not support BLINK, it only supports standard HTML
(except in its `emulate quirks of previous browsers' mode). Hooray. See
http://www.mozilla.org/ for details.

tata
-- 
Matthew `mpt' Thomas
http://critique.net.nz/