Lerking/StrapDown.js
1
0
Fork 0
Code Issues 2 Pull Requests 1 Packages Projects Releases 2 Wiki Activity

Example #8 shows this new feature: http://lbesson.bitbucket.org/md/example8.html :-)

Browse Source
This commit is contained in:
Lilian Besson
2016-03-22 09:56:47 +01:00
parent 55f62c1acb
commit 59676612e3
6 changed files with 72 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
example5.html
View File

@@ -14,7 +14,8 @@ This way, some options are avaible:
1. ``mathjax=y`` if you want to load MathJax, with ``$`` being the default separator for inline maths and ``$$`` for display,
2. ``theme=united`` or ``theme=united`` if you want to load a specific theme (without having to specify it as the theme attribute of the main ``xmp``),
3. ``beacon=y`` if you want to include an invisible [GA Beacon](http://perso.crans.org/besson/beacon.en.html) image in your page.
3. ``beacon=y`` if you want to include an invisible [GA Beacon](http://perso.crans.org/besson/beacon.en.html) image in your page,
4. ``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!*).
***

BIN
example5.pdf
View File

Binary file not shown.

4
example7.html
View File

@@ -2,7 +2,7 @@
<ul class="pager">
<li class="previous"><a href="example6.html">← Previous example</a></li>
<li><a href="index.html">Index</a></li>
<li class="next disabled"><a href="#">(Last example)</a></li>
<li class="next"><a href="example8.html">Next example →</a></li>
</ul>
# Example of how to search on a *HTML-table* written in Markdown
@@ -101,7 +101,7 @@ That's all for today! [Go back to StrapDown.js main page](index.html)?
<ul class="pager">
<li class="previous"><a href="example6.html">← Previous example</a></li>
<li><a href="index.html">Index</a></li>
<li class="next disabled"><a href="#">(Last example)</a></li>
<li class="next"><a href="example8.html">Next example →</a></li>
</ul>
</xmp><script type="text/javascript" src="strapdown.min.js?theme=united"></script>

BIN
example7.pdf
View File

Binary file not shown.

68
example8.html Normal file
View File

@@ -0,0 +1,68 @@
<!DOCTYPE html><html><head><meta charset="utf-8"/><title>Example with StrapDown.js without 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 disabled"><a href="#">(Last 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 : ![GA|Analytics](https://ga-beacon.appspot.com/UA-38514290-14/example2.html "Thanks to ga-beacon").
### An other one ?
Alright, here comes the mighty Cthulhu ![Logo Squirt](../squirt/images/logo.png "Logo Cthulhu")
### A last one, because it's dangerous to go alone :
![Logo Take this from dotcore](../squirt/images/takethis.jpg "Logo «Take this» from dotcore")
## Add anything you want, it *might* work
For instance, you can add use Google Analytics to monitor the page's activity,
with 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 perso.crans.org/besson 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 disabled"><a href="#">(Last example)</a></li>
</ul>
</xmp><script type="text/javascript" src="strapdown.min.js?nonavbarfixed=y"></script></body></html>

BIN
example8.pdf Normal file
View File

Binary file not shown.