Admontion Icons

Previous Topic Next Topic
 
classic Classic list List threaded Threaded
4 messages Options
Reply | Threaded
Open this post in threaded view
|

Admontion Icons

jnorthr
was looking (and dreaming) of the different ways to get icons into a rendered document, usually HTML. Found an old post describing using inline html base64 encoding and though it would be fun to convert the blue exclaimation icon into base64 code. Inserted this into an html doc. and voila! Huston,we have embedded icons. well, just a thought FWIT :)
png of blue exclaimation icon
<img alt="" src="data:image/png;base64,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" />
Reply | Threaded
Open this post in threaded view
|

Re: Admontion Icons

LightGuardjp
Pretty sure we already this. I know there's an option, or set of options, for it. Exactly what the combination is I forget, but I know we do it.


On Mon, Jan 27, 2014 at 12:50 PM, jnorthr [via Asciidoctor :: Discussion] <[hidden email]> wrote:
was looking (and dreaming) of the different ways to get icons into a rendered document, usually HTML. Found an old post describing using inline html base64 encoding and though it would be fun to convert the blue exclaimation icon into base64 code. Inserted this into an html doc. and voila! Huston,we have embedded icons. well, just a thought FWIT :)
png of blue exclaimation icon
<img alt="" src="data:image/png;base64,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" />


If you reply to this email, your message will be added to the discussion below:
http://discuss.asciidoctor.org/Admontion-Icons-tp1318.html
To start a new topic under Asciidoctor :: Discussion, email [hidden email]
To unsubscribe from Asciidoctor :: Discussion, click here.
NAML



--
Reply | Threaded
Open this post in threaded view
|

Re: Admonition Icons

jnorthr
Thank you for that news ! Now if i can just find those notes in the writer's guide ? or where else can i look other than the code base ?

Am much impressed with the css theme in http://asciidoctor.org/docs/asciidoc-syntax-quick-reference/ when i look in the mirror in the morning, i never see anything half so pleasing :-}

any ideas where/how i can get my docs (or face) to look that good ?

thx

Reply | Threaded
Open this post in threaded view
|

Re: Admonition Icons

LightGuardjp
Well, not sure about any of the other issues... but the embedding of images can be found at http://asciidoctor.org/docs/user-manual/#managing-images :)


On Mon, Jan 27, 2014 at 3:57 PM, jnorthr [via Asciidoctor :: Discussion] <[hidden email]> wrote:
Thank you for that news ! Now if i can just find those notes in the writer's guide ? or where else can i look other than the code base ?

Am much impressed with the css theme in http://asciidoctor.org/docs/asciidoc-syntax-quick-reference/ when i look in the mirror in the morning, i never see anything half so pleasing :-}

any ideas where/how i can get my docs (or face) to look that good ?

thx




If you reply to this email, your message will be added to the discussion below:
http://discuss.asciidoctor.org/Admontion-Icons-tp1318p1320.html
To start a new topic under Asciidoctor :: Discussion, email [hidden email]
To unsubscribe from Asciidoctor :: Discussion, click here.
NAML



--