Skip to content

Commit 8655f7d

Browse files
bertehberteh
committed
initial support for Freeplane icons via Font Awesome
1 parent 0f173e6 commit 8655f7d

8 files changed

+414
-311
lines changed

‎.gitmodules

+3
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,6 @@
11
[submodule "reveal.js"]
22
path = reveal.js
33
url = https://github.com/hakimel/reveal.js.git
4+
[submodule "Font-Awesome"]
5+
path = Font-Awesome
6+
url = https://github.com/FortAwesome/Font-Awesome.git

‎Font-Awesome

Submodule Font-Awesome added at 43cd36d

‎MindSlide-Export.html

+96-42
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,18 @@
1-
<!DOCTYPE html><html lang="en">
1+
<!DOCTYPE html><html lang="en" xmlns:my="local.uri">
22
<head>
33
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
44
<title>MindSlide</title>
55
<meta name="description" content="Freeplane mindmap HTML presentation">
66
<meta name="author" content="Yours Respectfully">
77
<meta name="generator" content="Mindslide at http://berteh.github.io/mindslide/">
8-
<!--Mindslide version 0.3-->
8+
<!--Mindslide version 0.5-->
99
<meta name="apple-mobile-web-app-capable" content="yes">
1010
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
1111
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
12-
<link rel="stylesheet" href="reveal.js/css/reveal.css">
13-
<link rel="stylesheet" id="theme" href="reveal.js/css/theme/moon.css">
12+
<link rel="stylesheet" href="http://cdn.rawgit.com/hakimel/reveal.js/3.3.0/css/reveal.css">
13+
<link rel="stylesheet" id="theme" href="http://cdn.rawgit.com/hakimel/reveal.js/3.3.0/css/theme/moon.css">
1414
<!--For syntax highlighting-->
15-
<link rel="stylesheet" href="reveal.js/lib/css/zenburn.css">
15+
<link rel="stylesheet" href="http://cdn.rawgit.com/hakimel/reveal.js/3.3.0/lib/css/zenburn.css">
1616
<style type="text/css">
1717
a.connector, a.subsection {margin-left: 1ex; font-size: smaller}
1818
.illustrations a {float:left; margin: 1ex 5px; max-width:100%}
@@ -24,39 +24,46 @@
2424
.illustrations.w5 a, .illustrations.w9 a, .illustrations.w10 a {max-width:18%}
2525

2626
/* bullet lists layout */
27-
.mindslide li p {margin: 0 0;}
28-
.mindslide section.content>ul li {font-size: 90%;}
29-
.mindslide section.content>ul>li:first-of-type, .mindslide section.title>ul li {list-style:none; display:block; font-size: 120%; margin-bottom:1ex}
27+
#mindslide li p {margin: 0 0;}
28+
#mindslide section.content>ul li {font-size: 90%;}
29+
#mindslide section.content>ul>li:first-of-type, #mindslide section.title>ul li {list-style:none; display:block; font-size: 120%; margin-bottom:1ex}
3030

31-
/*zenburn hack for inline code highlight*/
32-
pre.inline, .inline code {display:inline; width:auto;}
31+
/* zenburn hack for inline code highlight */
32+
pre.inline, .inline code {display:inline; width:auto;}
33+
34+
/* icons */
35+
#mindslide.awesome section.content li.icon {list-style:none; margin-left: -1em}
36+
#mindslide.awesome .fa {font-family: FontAwesome; margin-right: 1ex;}
3337
</style>
3438
<!--If the query includes 'print-pdf', use the PDF print sheet. works in Chrome, maybe not other browsers-->
3539
<script type="text/javascript">
36-
document.write( '<link rel="stylesheet" href="reveal.js/css/print/' + ( window.location.search.match( /print-pdf/gi ) ? 'pdf' : 'paper' ) + '.css" type="text/css" media="print" />' );
40+
document.write( '<link rel="stylesheet" href="http://cdn.rawgit.com/hakimel/reveal.js/3.3.0/css/print/' + ( window.location.search.match( /print-pdf/gi ) ? 'pdf' : 'paper' ) + '.css" type="text/css" media="print" />' );
3741
</script>
3842
<!--
3943
[if lt IE 9]>
40-
<script src="reveal.js/lib/js/html5shiv.js"></script>
44+
<script src="http://cdn.rawgit.com/hakimel/reveal.js/3.3.0/lib/js/html5shiv.js"></script>
4145
<![endif]
4246
-->
43-
<!--placeholder for custom header items-->
47+
<!--placeholder for custom header items (typically scripts or stylesheets)-->
4448
</head>
4549
<body>
4650
<div class="reveal">
4751
<!--Any section element inside of this container is displayed as a slide-->
48-
<div class="slides mindslide">
52+
<div id="mindslide" class="slides">
4953
<section class="title" id="ID_1723255651">
5054
<h1>MindSlide</h1>
5155
<ul>
5256
<li>View your Mindmap as an HTML presentation / slideshow</li>
53-
<li>hit &lt;space&gt; to navigate</li>
5457
<li>
55-
<a href="https://github.com/berteh/mindslide" class="link external">
56-
<p>
57-
<small>MindSlide source code</small>
58+
<p></p>
59+
<p style="text-align: center">
60+
hit <code>&lt;space&gt;</code>&nbsp;to navigate
61+
</p>
62+
</li>
63+
<li>
64+
<p style="text-align: center">
65+
<small><a href="https://github.com/berteh/mindslide/">source code</a>&nbsp;(on github) - <a href="https://donorbox.org/donate-98">donate</a>&nbsp;&nbsp;(on donorbox)</small>
5866
</p>
59-
</a>
6067
</li>
6168
</ul>
6269
</section>
@@ -110,7 +117,7 @@ <h2>Features</h2>
110117
</li>
111118
<li>
112119
<p>
113-
2D overview <small>(hit "esc" or "o")</small>&nbsp;easy navigation <small>(space, arrows, click, touch)</small>&nbsp;help <small>(?)</small>
120+
2D overview <small>(hit "esc" or "o")</small>&nbsp;and easy navigation <small>(space, arrows, click, touch)</small>&nbsp;help <small>(?)</small>
114121
</p>
115122
</li>
116123
<li>
@@ -278,10 +285,11 @@ <h4>Hide Nodes</h4>
278285
</div>
279286
<aside class="notes">
280287
<p>
281-
The original mindmap has more content in this node... but it does not show in your slides.
288+
The original mindmap has more content in this node... but it does not show in your slides (nor do their respective speakers notes).
282289
</p>
290+
<p></p>
283291
<p>
284-
Great for creating content in Freeplane, and presenting only when it's ready.
292+
Great for preparing content in Freeplane, and presenting every part only when it's ready.
285293
</p>
286294
</aside>
287295
</section>
@@ -339,6 +347,11 @@ <h3>Contribute / Contact</h3>
339347
Spread the word about <a href="http://berteh.github.io/mindslide/">Mindslide</a>, <a href="http://freeplane.sourceforge.net/">Freeplane</a>&nbsp;and <a href="http://lab.hakim.se/reveal-js/">Reveal.js</a>
340348
</p>
341349
</li>
350+
<li>
351+
<p>
352+
Another way to help keeping this project alive is to <a href="https://donorbox.org/donate-98">donate</a>.
353+
</p>
354+
</li>
342355
</ul>
343356
</section>
344357
<section class="content" id="ID_1869571896">
@@ -384,21 +397,37 @@ <h4>Improve the code</h4>
384397
<h2>
385398
Not supported yet</h2>
386399
<ul>
387-
<li>Many elements are still not supported. We welcome any pointers how to best do it, as well as help to do so!</li>
388-
<li>node and edge style, icons and clouds</li>
400+
<li>Many elements are still not supported. We welcome any pointers how to best do it, as well as help to do so! Just post your ideas in our issues tracker.</li>
401+
<li class="icon">
402+
<span aria-hidden="true" class="fa fa-lightbulb-o"></span>node and edge style, icons and clouds</li>
389403
<li>free "post-it" nodes are not marked differently from other nodes</li>
390-
<li>node attributes, zoom on images, author informations</li>
391-
<li>packaging presentation with all its dependencies in a single portable file.</li>
392-
<li>summary nodes</li>
404+
<li></li>
405+
<li class="icon">
406+
<span aria-hidden="true" class="fa fa-list"></span>node attributes, zoom on images, author informations</li>
407+
<li class="icon">
408+
<span aria-hidden="true" class="fa fa-exclamation-triangle"></span><span aria-hidden="true" class="fa fa-bookmark"></span><span aria-hidden="true" class="fa fa-list-ol"></span><span aria-hidden="true" class="fa fa-eye"></span>icons</li>
409+
<li class="icon">
410+
<span aria-hidden="true" class="fa fa-paperclip"></span>packaging presentation with all its dependencies in a single portable file.</li>
393411
<li>
394-
<a href="https://github.com/berteh/mindslide/issues" class="link external">Put your suggestions on our "issues" list!</a>
412+
<a href="#/ID_1915754421" class="link subsection"> &#8628;</a>
395413
</li>
396-
<li>Known Bugs<a href="#/ID_191827926" class="link subsection"> &#8628;</a>
414+
<li>
415+
<a href="https://github.com/berteh/mindslide/issues" class="icon"><span aria-hidden="true" class="fa fa-lightbulb-o"></span>Put your suggestions on our "issues" list!</a>
416+
</li>
417+
<li class="icon">
418+
<span aria-hidden="true" class="fa fa-warning"></span>Known Bugs<a href="#/ID_191827926" class="link subsection"> &#8628;</a>
397419
</li>
398420
</ul>
399421
</section>
422+
<section class="content" id="ID_1915754421">
423+
<h3></h3>
424+
<ul>
425+
<li>summary nodes</li>
426+
</ul>
427+
</section>
400428
<section class="content" id="ID_191827926">
401-
<h3>Known Bugs</h3>
429+
<h3 class="icon">
430+
<span aria-hidden="true" class="fa fa-warning"></span>Known Bugs</h3>
402431
<ul>
403432
<li>Various things we should fix, any pointer how to do so is welcome.</li>
404433
<li>
@@ -428,6 +457,10 @@ <h2>Acknowledgments</h2>
428457
<p>
429458
This export tool relies on the fantastic <a href="http://lab.hakim.se/reveal-js/">reveal.js</a>&nbsp;HTML presentation framework, and <a href="http://freeplane.sourceforge.net">Freeplane</a>... to map your thoughts.
430459
</p>
460+
<p></p>
461+
<p>
462+
If this feature helps you saving valuable time kindly consider a <a href="https://donorbox.org/donate-98">donation</a>&nbsp; to help keeping it alive
463+
</p>
431464
</li>
432465
</ul>
433466
</section>
@@ -441,8 +474,8 @@ <h3 class="thanks">Thank You!</h3>
441474
</section>
442475
</div>
443476
</div>
444-
<footer class="info">MindSlide | <a href="http://berteh.github.io/mindslide/">Mindslide</a> v 0.3 | <a href="http://freeplane.sourceforge.net/">Freeplane</a> map vfreeplane 1.3.0</footer>
445-
<script src="reveal.js/lib/js/head.min.js"></script><script src="reveal.js/js/reveal.js"></script><script>
477+
<footer class="info">MindSlide | <a href="http://berteh.github.io/mindslide/">Mindslide</a> v 0.5 | <a href="http://freeplane.sourceforge.net/">Freeplane</a> map vfreeplane 1.5.9</footer>
478+
<script src="http://cdn.rawgit.com/hakimel/reveal.js/3.3.0/lib/js/head.min.js"></script><script src="http://cdn.rawgit.com/hakimel/reveal.js/3.3.0/js/reveal.js"></script><script>
446479

447480
//run reveal.js
448481
// Full list of configuration options available here:
@@ -468,7 +501,7 @@ <h3 class="thanks">Thank You!</h3>
468501
autoSlideMethod: Reveal.navigateNext,
469502
mouseWheel: true,
470503
hideAddressBar: true,
471-
previewLinks: false,
504+
previewLinks: true,
472505
transition: 'slide',
473506
transitionSpeed: 'default',
474507
backgroundTransition: 'slide',
@@ -484,15 +517,36 @@ <h3 class="thanks">Thank You!</h3>
484517

485518
// Optional libraries used to extend on reveal.js - see https://github.com/hakimel/reveal.js#dependencies
486519
dependencies: [
487-
{ src: 'reveal.js/lib/js/classList.js', condition: function() { return !document.body.classList; } },
488-
{ src: 'reveal.js/plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
489-
{ src: 'reveal.js/plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
490-
{ src: 'reveal.js/plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
491-
//{ src: 'reveal.js/plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
492-
//{ src: 'reveal.js/plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
493-
//{ src: 'reveal.js/plugin/math/math.js', async: true }
520+
{ src:'http://cdn.rawgit.com/hakimel/reveal.js/3.3.0/lib/js/classList.js', condition: function() { return !document.body.classList; } },
521+
{ src:'http://cdn.rawgit.com/hakimel/reveal.js/3.3.0/plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
522+
{ src:'http://cdn.rawgit.com/hakimel/reveal.js/3.3.0/plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
523+
{ src:'http://cdn.rawgit.com/hakimel/reveal.js/3.3.0/plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
524+
//{ src:'http://cdn.rawgit.com/hakimel/reveal.js/3.3.0/plugin/markdown/marked.js', condition: function() { return !!document.querySelector('[data-markdown]' ); } },
525+
//{ src:'http://cdn.rawgit.com/hakimel/reveal.js/3.3.0/plugin/markdown/markdown.js', condition: function() { return !!document.querySelector('[data-markdown]' ); } },
526+
//{ src:'http://cdn.rawgit.com/hakimel/reveal.js/3.3.0/plugin/math/math.js', async: true }
494527
]
495-
});
496-
</script>
528+
529+
});
530+
</script>
531+
<link rel="stylesheet" crossorigin="anonymous" href="https://opensource.keycdn.com/fontawesome/4.6.3/font-awesome.min.css">
532+
<script>
533+
// add "awesome" class to #mindslide (only) if FontAwesome is loaded (for icons layout)
534+
535+
function css(element, property) {
536+
return window.getComputedStyle(element, null).getPropertyValue(property);
537+
}
538+
539+
window.onload = function () {
540+
var span = document.createElement('span');
541+
span.className = 'fa';
542+
span.style.display = 'none';
543+
document.body.insertBefore(span, document.body.firstChild);
544+
if ((css(span, 'font-family')) == 'FontAwesome') {
545+
var ms = document.getElementById("mindslide");
546+
ms.className += " awesome";
547+
}
548+
document.body.removeChild(span);
549+
};
550+
</script>
497551
</body>
498552
</html>

0 commit comments

Comments
 (0)