├── readme.md
├── demos
├── moredemo.opml
└── welcome.opml
├── styles.css
├── LICENSE
├── index.html
├── code.js
└── source.opml
/readme.md:
--------------------------------------------------------------------------------
1 | # bullets
2 |
3 | JavaScript app that turns an OPML outline into a bullet chart for a presentation.
4 |
5 | Demos
6 |
7 | These are the slides I'm preparing for WordCamp Canada on Thursday.
8 |
9 |
--------------------------------------------------------------------------------
/demos/moredemo.opml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | demos/moredemo.opml
5 | Sun, 12 Oct 2025 19:59:50 GMT
6 |
7 | 1
8 | 300
9 | 700
10 | 900
11 | 1500
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/styles.css:
--------------------------------------------------------------------------------
1 | body {
2 | background-color: white;
3 | }
4 | .divPageBody {
5 | width: 1200px;
6 | margin-left: auto;
7 | margin-right: auto;
8 | margin-top: 50px;
9 | margin-bottom: 400px;
10 | min-height: 400px;
11 | font-family: Arial, sans-serif;
12 | font-size: 36px;
13 | }
14 | .divBulletChart {
15 | }
16 | .divBulletChart h2 {
17 | margin-bottom: 35px;
18 | }
19 | .divBulletChart li {
20 | margin-bottom: 10px;
21 | }
22 | .divBulletChart li::selection {
23 | color: white;
24 | background: limegreen;
25 | }
26 | .divBulletChart .reveal .slides {
27 | max-width: 1000px;
28 | top: 40%;
29 | }
30 | .divBulletChart .reveal .slides a {
31 | color: wheat;
32 | cursor: pointer;
33 | }
34 | .divBulletChart .reveal .slides a:hover {
35 | text-decoration: underline;
36 | }
37 |
38 | /* styles for phone, tablet */
39 | @media screen and (max-width: 1024px) {
40 | .divPageBody {
41 | width: 95%;
42 | margin-top: 80px;
43 | }
44 | }
45 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2025 Dave Winer
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/index.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 |
34 |
35 |
36 |
37 |
38 |
43 |
44 |
45 |
--------------------------------------------------------------------------------
/demos/welcome.opml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | demos/welcome.opml
5 | Sun, 12 Oct 2025 19:59:51 GMT
6 |
7 | 1
8 | 300
9 | 700
10 | 900
11 | 1500
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 |
--------------------------------------------------------------------------------
/code.js:
--------------------------------------------------------------------------------
1 | var myVersion = "0.4.0", myProductName = "bullets";
2 |
3 | const urlDefaultOpml = "//s3.amazonaws.com/scripting.com/code/bullets/demos/welcome.opml";
4 |
5 | function getAllUrlParams (searchstring=location.search) { //9/7/22 by DW
6 | function neuterMarkup (theString) { //11/17/23 by DW
7 | if (theString === undefined) { //11/21/23 by DW
8 | return (undefined);
9 | }
10 | var temp = document.createElement ("div");
11 | temp.textContent = theString;
12 | return (temp.innerHTML);
13 | }
14 | function neuterAndDecode (theString) { //12/11/23 by DW
15 | const neutered = neuterMarkup (theString);
16 | const decoded = decodeURIComponent (neutered);
17 | return (decoded);
18 | }
19 | var s = searchstring;
20 | var allparams = new Object ();
21 | if (beginsWith (s, "?")) {
22 | s = stringDelete (s, 1, 1);
23 | }
24 | var splits = s.split ("&");
25 | splits.forEach (function (item) {
26 | const splits = item.split ("="); //9/10/23 by DW
27 | const name = splits [0];
28 |
29 | var val = neuterAndDecode (stringDelete (item, 1, name.length + 1)); //12/11/23 by DW
30 | allparams [trimWhitespace (name)] = val;
31 | });
32 | return (allparams);
33 | }
34 | function errorMessageInOpml (theMessage) {
35 | const theOpml =
36 | `error message`
37 | return (theOpml);
38 | }
39 | function notComment (item) { //8/21/22 by DW
40 | return (!getBoolean (item.isComment));
41 | }
42 |
43 | function buildBulletChart (userOptions) {
44 | var options = {
45 | theOutline: undefined,
46 | whereToAppend: $(".divBulletChartContainer")
47 | }
48 | mergeOptions (userOptions, options);
49 |
50 | function getSlides () {
51 | const slides = $("");
52 | const titles = options.theOutline.opml.body.subs;
53 | if (titles !== undefined) {
54 | titles.forEach (function (item) {
55 | if (notComment (item)) {
56 | const section = $("");
57 | const h2 = $("" + item.text + "
");
58 | section.append (h2);
59 |
60 | function getSubs (item, parent) {
61 | const subtitles = item.subs;
62 | if (subtitles !== undefined) {
63 | const ul = $("");
64 | subtitles.forEach (function (item) {
65 | if (notComment (item)) {
66 | const li = $("" + item.text + "");
67 | ul.append (li);
68 | getSubs (item, li);
69 | }
70 | });
71 | parent.append (ul);
72 | }
73 | }
74 | getSubs (item, section);
75 |
76 | slides.append (section);
77 | }
78 | });
79 | }
80 | return (slides);
81 | }
82 | function getControls () {
83 | const controls = $("");
84 | controls.append ($("◄"));
85 | controls.append ($("►"));
86 | controls.append ($("▲"));
87 | controls.append ($("▼"));
88 | return (controls);
89 | }
90 | function getProgress () {
91 | const progress = $("
");
92 | return (progress);
93 | }
94 |
95 | const divBulletChart = $("");
96 | options.whereToAppend.append (divBulletChart);
97 |
98 | const reveal = $("");
99 | divBulletChart.append (reveal);
100 |
101 | reveal.append ($(""));
102 |
103 | reveal.append (getSlides ());
104 | reveal.append (getControls ());
105 | reveal.append (getProgress ());
106 | }
107 |
108 | function startup () {
109 | const allparams = getAllUrlParams ();
110 | console.log ("startup: allparams == " + jsonStringify (allparams));
111 |
112 | var urlOutline = urlDefaultOpml;
113 | if (allparams.url !== undefined) {
114 | urlOutline = allparams.url;
115 | }
116 |
117 | readHttpFileThruProxy (urlOutline, undefined, function (opmltext) {
118 | if (opmltext === undefined) {
119 | const theMessage = "We couldn't open the file you specified, "+ urlOutline + ".";
120 | opmltext = errorMessageInOpml (theMessage);
121 | }
122 |
123 | const theOutline = opml.parse (opmltext);
124 |
125 | const options = {
126 | theOutline,
127 | whereToAppend: $(".divBulletChartContainer")
128 | }
129 |
130 | //set the page title from the outline's title
131 | var title = "Bullet Chart";
132 | try {
133 | const outlinetitle = trimWhitespace (theOutline.opml.head.title);
134 | if (outlinetitle.length > 0) {
135 | title = outlinetitle;
136 | }
137 | }
138 | catch (err) {
139 | }
140 | $("#headTitle").text (title);
141 |
142 | buildBulletChart (options);
143 |
144 | Reveal.initialize ({
145 | controls: true,
146 | progress: true,
147 | history: true,
148 | keyboard: true,
149 | overview: true,
150 | loop: false,
151 | autoSlide: 0,
152 | mouseWheel: true,
153 | rollingLinks: false,
154 | theme: 'default', // available themes are in /css/theme
155 | transition: 'default', // default/cube/page/concave/linear(2d)
156 | dependencies: [
157 | { src: '//s3.amazonaws.com/static.opml.org/opmlEditor/reveal/lib/js/highlight.js', async: true, callback: function() { window.hljs.initHighlightingOnLoad(); } },
158 | { src: '//s3.amazonaws.com/static.opml.org/opmlEditor/reveal/lib/js/classList.js', condition: function() { return !document.body.classList; } },
159 | { src: '//s3.amazonaws.com/static.opml.org/opmlEditor/reveal/lib/js/showdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
160 | { src: '//s3.amazonaws.com/static.opml.org/opmlEditor/reveal/lib/js/data-markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
161 | { src: '//s3.amazonaws.com/static.opml.org/opmlEditor/reveal/socket.io/socket.io.js', async: true, condition: function() { return window.location.host === 'localhost:1947'; } },
162 | { src: '//s3.amazonaws.com/static.opml.org/opmlEditor/reveal/plugin/speakernotes/client.js', async: true, condition: function() { return window.location.host === 'localhost:1947'; } },
163 | ]
164 | });
165 | });
166 | }
167 |
--------------------------------------------------------------------------------
/source.opml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
14 |
15 |
16 |
17 | nodeEditor: bullets
18 | Sun, 12 Oct 2025 13:49:53 GMT
19 | Sun, 12 Oct 2025 19:59:51 GMT
20 | Dave Winer
21 | http://davewiner.com/
22 | 1, 2, 5, 7, 10, 14
23 | 1
24 | 157
25 | 583
26 | 937
27 | 1878
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 |
69 |
70 |
71 |
72 |
73 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
81 |
82 |
83 |
84 |
85 |
86 |
87 |
88 |
89 |
90 |
91 |
92 |
93 |
94 |
95 |
96 |
97 |
98 |
99 |
100 |
101 |
102 |
103 |
104 |
105 |
106 |
107 |
108 |
109 |
110 |
111 |
112 |
113 |
114 |
115 |
116 |
117 |
118 |
119 |
120 |
121 |
122 |
123 |
124 |
125 |
126 |
127 |
128 |
129 |
130 |
131 |
132 |
133 |
134 |
135 |
136 |
137 |
138 |
139 |
140 |
141 |
142 |
143 |
144 |
145 |
146 |
147 |
148 |
149 |
150 |
151 |
152 |
153 |
154 |
155 |
156 |
157 |
158 |
159 |
160 |
161 |
162 |
163 |
164 |
165 |
166 |
167 |
168 |
169 |
170 |
171 |
172 |
173 |
174 |
175 |
176 |
177 |
178 |
179 |
180 |
181 |
182 |
183 |
184 |
185 |
186 |
187 |
188 |
189 |
190 |
191 |
192 |
193 |
194 |
195 |
196 |
197 |
198 |
199 |
200 |
201 |
202 |
203 |
204 |
205 |
206 |
207 |
208 |
209 |
210 |
211 |
212 |
213 |
214 |
215 |
216 |
217 |
218 |
219 |
220 |
221 |
222 |
223 |
224 |
225 |
226 |
227 |
228 |
229 |
230 |
231 |
232 |
233 |
234 |
235 |
236 |
237 |
238 |
239 |
240 |
241 |
242 |
243 |
244 |
245 |
246 |
247 |
248 |
249 |
250 |
251 |
252 |
253 |
254 |
255 |
256 |
257 |
258 |
259 |
260 |
261 |
262 |
263 |
264 |
265 |
266 |
267 |
268 |
269 |
270 |
271 |
272 |
273 |
274 |
275 |
276 |
277 |
278 |
279 |
280 |
281 |
282 |
283 |
284 |
285 |
286 |
287 |
288 |
289 |
290 |
291 |
292 |
293 |
294 |
295 |
296 |
297 |
298 |
299 |
300 |
301 |
302 |
303 |
304 |
305 |
306 |
307 |
308 |
309 |
310 |
311 |
312 |
313 |
314 |
315 |
316 |
317 |
318 |
319 |
320 |
321 |
322 |
323 |
324 |
325 |
326 |
327 |
328 |
329 |
330 |
331 |
332 |
333 |
334 |
335 |
336 |
337 |
338 |
339 |
340 |
341 |
342 |
343 |
344 |
345 |
346 |
347 |
348 |
349 |
350 |
351 |
352 |
353 |
354 |
355 |
356 |
357 |
358 |
359 |
360 |
361 |
362 |
363 |
364 |
365 |
366 |
367 |
368 |
369 |
370 |
371 |
372 |
373 |
374 |
375 |
376 |
377 |
378 |
379 |
380 |
381 |
382 |
383 |
384 |
385 |
386 |
387 |
388 |
389 |
390 |
391 |
392 |
393 |
394 |
395 |
396 |
397 |
398 |
399 |
400 |
401 |
402 |
403 |
404 |
405 |
406 |
407 |
408 |
409 |
410 |
411 |
412 |
413 |
414 |
415 |
416 |
417 |
418 |
419 |
420 |
421 |
422 |
423 |
424 |
425 |
426 |
427 |
428 |
429 |
430 |
431 |
432 |
433 |
434 |
435 |
436 |
437 |
438 |
439 |
440 |
441 |
442 |
443 |
444 |
445 |
446 |
447 |
448 |
449 |
450 |
451 |
452 |
453 |
454 |
455 |
456 |
457 |
458 |
459 |
460 |
461 |
462 |
463 |
464 |
465 |
466 |
467 |
468 |
469 |
470 |
471 |
472 |
473 |
474 |
475 |
476 |
477 |
478 |
479 |
480 |
481 |
482 |
483 |
484 |
485 |
486 |
487 |
488 |
489 |
490 |
491 |
492 |
493 |
494 |
495 |
496 |
497 |
498 |
499 |
500 |
501 |
502 |
503 |
504 |
505 |
506 |
507 |
508 |
509 |
510 |
511 |
512 |
513 |
514 |
515 |
516 |
517 |
518 |
519 |
520 |
521 |
522 |
523 |
524 |
525 |
526 |
527 |
528 |
529 |
530 |
531 |
532 |
533 |
534 |
535 |
536 |
537 |
538 |
539 |
540 |
541 |
542 |
543 |
544 |
545 |
546 |
547 |
548 |
549 |
550 |
551 |
552 |
553 |
554 |
555 |
556 |
557 |
558 |
559 |
560 |
561 |
562 |
563 |
564 |
565 |
566 |
567 |
568 |
569 |
570 |
571 |
572 |
573 |
574 |
575 |
576 |
577 |
578 |
579 |
580 |
581 |
582 |
583 |
584 |
585 |
586 |
587 |
588 |
589 |
590 |
591 |
592 |
593 |
594 |
595 |
596 |
597 |
598 |
599 |
600 |
601 |
602 |
603 |
604 |
605 |
606 |
607 |
608 |
609 |
610 |
611 |
612 |
613 |
614 |
615 |
616 |
617 |
618 |
619 |
620 |
621 |
622 |
623 |
624 |
625 |
626 |
627 |
628 |
629 |
630 |
631 |
632 |
633 |
634 |
635 |
636 |
637 |
638 |
639 |
640 |
641 |
642 |
643 |
644 |
645 |
646 |
647 |
648 |
649 |
650 |
651 |
652 |
653 |
654 |
655 |
656 |
657 |
658 |
659 |
660 |
661 |
662 |
663 |
664 |
665 |
666 |
667 |
668 |
669 |
670 |
671 |
672 |
673 |
674 |
675 |
676 |
677 |
678 |
679 |
680 |
681 |
682 |
683 |
684 |
685 |
686 |
687 |
688 |
689 |
690 |
691 |
692 |
693 |
694 |
695 |
696 |
697 |
698 |
699 |
700 |
701 |
702 |
703 |
704 |
705 |
706 |
707 |
708 |
709 |
710 |
711 |
712 |
713 |
714 |
715 |
716 |
717 |
718 |
719 |
720 |
721 |
722 |
723 |
724 |
725 |
726 |
727 |
728 |
729 |
730 |
731 |
732 |
733 |
734 |
735 |
736 |
737 |
738 |
739 |
740 |
741 |
742 |
743 |
744 |
745 |
746 |
747 |
748 |
749 |
750 |
751 |
752 |
753 |
754 |
755 |
756 |
757 |
758 |
759 |
760 |
761 |
762 |
763 |
764 |
765 |
766 |
767 |
768 |
769 |
770 |
771 |
772 |
773 |
774 |
775 |
776 |
777 |
778 |
779 |
780 |
781 |
782 |
783 |
784 |
785 |
786 |
787 |
788 |
789 |
790 |
791 |
792 |
793 |
794 |
795 |
796 |
797 |
798 |
799 |
800 |
801 |
802 |
803 |
804 |
805 |
806 |
807 |
808 |
809 |
810 |
811 |
812 |
813 |
814 |
815 |
816 |
817 |
818 |
819 |
820 |
821 |
822 |
823 |
824 |
825 |
826 |
827 |
828 |
829 |
830 |
831 |
832 |
833 |
834 |
835 |
836 |
837 |
838 |
839 |
840 |
841 |
842 |
843 |
844 |
845 |
846 |
847 |
848 |
849 |
850 |
851 |
852 |
853 |
854 |
855 |
856 |
857 |
858 |
859 |
860 |
861 |
862 |
863 |
864 |
865 |
866 |
867 |
868 |
869 |
870 |
871 |
872 |
873 |
874 |
875 |
876 |
877 |
878 |
879 |
880 |
881 |
882 |
--------------------------------------------------------------------------------