diff --git a/index.htm b/index.htm index c33944f..6dd22f6 100644 --- a/index.htm +++ b/index.htm @@ -1,4 +1,4 @@ -
StrapDown.js is an awesome on-the-fly Markdown @@ -8,23 +8,25 @@ to HTML https://lbesson.bitbucket.org, it is still secure), +
But there is also have a few things you need to know before using it:
Concretly, bitbucket is always up, secured and quick (oooh, and bitbucket is also awesome, completely free, and awesome too). Yeah, bitbucket is so awesome that I had to say it twice, you read it correctly!
+Concretly, GitHub is always up, secured and quick (oooh, and it is also awesome, completely free, and awesome too). Yeah, is it so awesome that I had to say it twice, you read it correctly!
But if you prefer, feel free to download the project (with StrapDown.js.zip) and upload it somewhere on your own server, or locally on your machine.
+As the script is hosted on GitHub, it can be loaded quickly and securely from cdn.rawgit.com!
A quick "thank you" to the initial project
My version of StrapDown.js is a fork of strapdownjs.com, a cool project that kinda seems dead by now.
@@ -50,6 +52,8 @@ and then copy and paste the following 5 lines :You opened a
textareatag, but axmptag 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. ```
+
+
3) A second example (you can click this to see it)
There we embed two images, and describe a little more how cool is StrapDown.js ! We also use another theme (united).
@@ -84,21 +88,24 @@ with including a piece of Javascript code, before or after closing theThat's it
This was a brief overview, to show the basic use of StrapDown.js. ```
-4) Last examples, with MathJax enabled
+4) More examples, with MathJax enabled
StrapDown.js comes with an easy and excellent support of the incredible MathJax, as shown in these three examples: example n°3 and example n°4, and the last one which shows a new and quicker way to include MathJax (from StrapDown v0.5).
+5) An example about tables
+This example n°6 shows several examples of tables, written in Markdown and rendered as pretty (HTML+CSS !) tables in your browser. (new!)
+
Themes
There is now 6 different themes, coming from http://bootswatch.com/united and from the original project (strapdownjs.com) :
-
- cyborg, as used by the page you are currently reading (and a demo on bootswatch.com/cyborg),
-- and united (as used here!), inspired from ubuntu (and a demo on bootswatch.com/united).
+- cyborg, as used by the first two examples (and a demo on bootswatch.com/cyborg),
+- and united (as used one this very page that you are reading!), inspired from ubuntu (and a demo on bootswatch.com/united).
I recently added some new themes, and now there is these 4 new themes:
- darkly (and a demo on bootswatch.com/darkly),
- lumen (and a demo on bootswatch.com/lumen),
-- paper (and a demo on bootswatch.com/paper),
+- paper (and a demo on bootswatch.com/paper) as used by example #4,
- simplex (and a demo on bootswatch.com/simplex).
@@ -116,11 +123,14 @@ It has a perfect support for Markdown markup.Warning: but the LaTeX / MathJax support is still limited.
Some examples of a good PDF printed version of a StrapDown.js powered page
-
+- This (English) translation of a French press article about Mahindra École Centrale, nicely printed to this PDF,
+- This (English) translation of a French press article about Mahindra École Centrale, nicely printed to this PDF,
- This (English) translation of another French press article about the future École Centrale Casablanca, nicely printed to a PDF, quickly modified by hand to include an image,
- This small (French) research report on a non-linear Partial Differential Equation, nicely printed to a PDF, with very good support of LaTeX (since this modification),
- This (French) homepage of a programming project on Euler theorems on Eulerian path. I did this as an assignement for my M.Sc. of Computer Science in 2014, and it was also a good training for one oral exam of the French national competitive examination to become a prep' school professor in Mathematics and Computer Science (for which I have been ranked 23rd among 795 in 2014!).
+You might also be interested by a way to make a StrapDown.js-powered document autonomous, ie. not using the script anymore. I am working on a Python program designed to do this (called, no surprise, strapdown2html.py). Warning: Still being developped!
+
Future features or ideas?
@@ -142,6 +152,7 @@ It has a perfect support for Markdown markup.
- This question asked on Github on the 1st of May of 2014 by hardly about the old strapdown repository. To answer that question: the main difference is than I am still interested and eager to work on my StrapDown.js, but it seems to not be the case of the previous developper.
- These guys at Quantego are using my StrapDown.js for that small and interesting page.
+- I got an email (January 2015) from one felow working for www.nexirius.com, and so I created the demos on tables to answer him: example #6 and example #7.
If you are using (or have used) my StrapDown.js, you can send an email, or contact me if you want, I would love to hear any feedback from you!
diff --git a/index.html b/index.html index a390220..03fd533 100644 --- a/index.html +++ b/index.html @@ -1,4 +1,4 @@ -StrapDown.js on lbesson.bitbucket.org/md + StrapDown.js on GitHub/Naereen/ # StrapDown.js **StrapDown.js** is an awesome **on-the-fly** [Markdown](https://en.wikipedia.org/wiki/Markdown) to [HTML](https://en.wikipedia.org/wiki/HTML) [text processor](https://en.wikipedia.org/wiki/Compiler). @@ -8,11 +8,11 @@ to [HTML](https://en.wikipedia.org/wiki/HTML) [text processor](https://en.wikipe 1. *Directly write your documents in Markdown*, and let the browser do the boring *compilation* steps, 2. no need for CSS, theming or painful styling: *StrapDown.js* is already *friggin' beautiful*, and *responsive*, - 3. *quick* and *secure*, thanks to *bitbucket* and its SSL support (even if the certificate is not valid for [https://lbesson.bitbucket.org](https://lbesson.bitbucket.org), it is still secure), + 3. *quick* and *secure*, thanks to *GitHub* and their great SSL support. Note : You can also use [https://cdn.rawgit.com/Naereen/StrapDown.js/master/strapdown.min.js](https://cdn.rawgit.com/Naereen/StrapDown.js/master/strapdown.min.js) to load the script from a quick and secure (HTTPS-aware) CDN. 4. comes with many examples: first, second, third, 4th, 5th, 6th, 7th.. 5. an almost perfect support for *text-only* browsers (as w3m, links, or elinks): *pure Markdown* is simpler to read than complicated HTML full of javascript, images (or worse), 6. no external dependencies other than itself (and [MathJax](http://www.mathjax.org/) if you want to include it), - 7. no spying, no logging, no external leaking of your pages (and [Google Analytics with a 1px beacon image](http://perso.crans.org/besson/beacon.html) can be included with an option, and unfortunately [rum.js from bitbucket hosting server](https://confluence.atlassian.com/display/BITBUCKET/Publishing+a+Website+on+Bitbucket#PublishingaWebsiteonBitbucket-TechnicalFeaturesandLimitationsofthisFeature)), + 7. no spying, no logging, no external leaking of your pages (and [Google Analytics with a 1px beacon image](http://perso.crans.org/besson/beacon.html) can be included with an option, 8. an excellent support of [*MathJax*](http://www.mathjax.org/), as shown in [this example](example3.html) or [that one](example5.html), 9. and, the last but not the least, an *experimental* embedding of the awesome [SquirtFR](http://lbesson.bitbucket.org/squirt) bookmarklet to read *as quickly as Lucky Luke*. @@ -22,15 +22,15 @@ But there is also have a few things you need to know before using it: 1. It might get slow for *very long* pages, even if a **3000-line** document is handled very well and quickl ([you can test by yourself with this long document](3000.html)), 2. a reduced support for browsers *without javascript* or *with javascript disabled* (the pages are still readable, but really *ugly*), - 3. hosted on [BitBucket](https://bitbucket.org/), which is wonderful but *might* not be always available (~ [3 hours of maintenance every 6 months](http://status.bitbucket.org/history), as shown with a small screenshot below). - - + 3. hosted on [GitHub](https://github.com/) and served by [rawgit](https://rawgit.com), which are wonderful but *might* not be always available. ## Concretly -Concretly, bitbucket is [always](http://status.bitbucket.org/) *up*, *secured* and *quick* (oooh, and bitbucket is also awesome, completely free, and awesome too). Yeah, *bitbucket is so awesome* that I had to say it *twice*, you read it correctly! +Concretly, GitHub is [always](http://status.github.com/) *up*, *secured* and *quick* (oooh, and it is also awesome, completely free, and awesome too). Yeah, *is it so awesome* that I had to say it *twice*, you read it correctly! But if you prefer, feel free to download the project (with [StrapDown.js.zip](https://bitbucket.org/lbesson/lbesson.bitbucket.org/downloads/StrapDown.js.zip)) and upload it somewhere on your own server, or locally on your machine. +As the script is hosted on [GitHub](https://github.com/Naereen/StrapDown.js/), it can be loaded *quickly* and *securely* from [cdn.rawgit.com](https://cdn.rawgit.com/Naereen/StrapDown.js/master/strapdown.min.js)! + > ### A quick "thank you" to the [initial project](https://github.com/arturadib/strapdown/) > My version of StrapDown.js is a fork of [strapdownjs.com](http://strapdownjs.com), a cool project that [kinda seems dead by now](https://github.com/arturadib/strapdown/graphs/contributors). @@ -49,7 +49,7 @@ and then copy and paste the following 5 lines : ### Write here in Markdown rather than in HTML > This document is empty right now. Fill it out with awesome content ! - + ``` ### 2) [A first example](example1.html) *(you can click this to see it)* @@ -63,7 +63,7 @@ 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. - +