-
-
Notifications
You must be signed in to change notification settings - Fork 45
/
example8.html
68 lines (50 loc) · 3.16 KB
/
example8.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html><html><head><meta charset="utf-8"/><title>Example with StrapDown.js with non-fix top navbar</title></head><body><xmp theme="united">
<ul class="pager">
<li class="previous"><a href="example7.html">← Previous example</a></li>
<li><a href="index.html">Index</a></li>
<li class="next"><a href="example9.html">→ Next example</a></li>
</ul>
# This is a Markdown document
This page is the same example as [example #2](example2.html), but with a non-fixed navigation bar.
If you like, you can load the script ``strapdown.min.js`` with this option ``nonavbarfixed=y`` if you prefer the [top navigation bar](https://bootswatch.com/united/#navbar) to not be fixed, but scroll as the rest of the page (*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="example7.html">← Previous example</a></li>
<li><a href="index.html">Index</a></li>
<li class="next"><a href="example9.html">→ Next example</a></li>
</ul>
</xmp><script type="text/javascript" src="strapdown.min.js?nonavbarfixed=y"></script></body></html>