75 lines
3.2 KiB
HTML
75 lines
3.2 KiB
HTML
<!DOCTYPE html><html>
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<title>Example with StrapDown.js with custom favicon</title>
|
|
<link rel="shortcun icon" href="../favicon.ico" />
|
|
</head>
|
|
<body><xmp theme="united">
|
|
<ul class="pager">
|
|
<li class="previous"><a href="example8.html">← Previous example</a></li>
|
|
<li><a href="index.html">Index</a></li>
|
|
<li class="next"><a href="example10.html">(Last example)</a></li>
|
|
</ul>
|
|
|
|
# This is a Markdown document
|
|
|
|
This page is the same example as [example #2](example2.html), but with a customized icon to be displayed on the web-browser ("favicon").
|
|
|
|
If you like, you can load the script ``strapdown.min.js`` with this option ``keepicon=y`` if you prefer StrapDown.js to keep the [favicon](https://en.wikipedia.org/wiki/Favicon) included in your HTML document (*new!*).
|
|
|
|
See [example #5](example5.html) for other options.
|
|
|
|
----
|
|
|
|
You can now write your web page in Markdown.
|
|
You opened a `textarea` tag, but a `xmp` tag works as well.
|
|
And, yes, it is **as simple** as **one** HTML line at the beginning and **one** HTML line at the end of this document.
|
|
|
|
## What to say more
|
|
Feel free to use it, redistribute it etc, *under the condition of the GPLv3 License*.
|
|
|
|
## Only for textual, simple documents
|
|
StrapDown.js is *awesome* to quickly build nice-looking web pages,
|
|
but it might not be efficient for anything more complicated, as it is really not designed for it.
|
|
|
|
## Add a picture ?
|
|
With Markdown syntax, it's easy : .
|
|
|
|
### An other one ?
|
|
Alright, here comes the mighty Cthulhu 
|
|
|
|
### A last one, because it's dangerous to go alone :
|
|
|
|
|
|
|
|
## Add anything you want, it *might* work
|
|
For instance, you can add Google Analytics to monitor the page's activity,
|
|
by including a piece of Javascript code, before *or* after closing the *textarea* tag.
|
|
|
|
<script type="text/javascript">
|
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
|
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
|
ga('create','UA-38514290-14','lbesson.bitbucket.org'); ga('send','pageview');
|
|
</script>
|
|
<noscript>
|
|
The previous paragraph was supposed to include Google Analytics web monitoring tool,
|
|
but hey, you are browsing without JavaScript enabled, what can I do for it ? <br/>
|
|
Maybe you are using a text-only browser (w3m, links, elinks ? I love elinks !),
|
|
or a 19th-century IE, or maybe you disabled JavaScript globally (which is kinda stupid) or site-by-site (with NoScript, as I do, which is brilliant, and safer).
|
|
</noscript>
|
|
|
|
## That's it
|
|
This was a brief overview, to show the basic use of [StrapDown.js](index.html).
|
|
|
|
---
|
|
|
|
<ul class="pager">
|
|
<li class="previous"><a href="example8.html">← Previous example</a></li>
|
|
<li><a href="index.html">Index</a></li>
|
|
<li class="next"><a href="example10.html">(Last example)</a></li>
|
|
</ul>
|
|
|
|
</xmp><script type="text/javascript" src="strapdown.min.js?keepicon=y"></script></body></html>
|