18 |
19 |
66 |
67 |
68 |
69 |
70 |
73 |
74 |
75 |
76 |
--------------------------------------------------------------------------------
/__extra-resources/our-community-social-media.md:
--------------------------------------------------------------------------------
1 | # Ditectrev Social Media, Community, and Online Platforms
2 |
3 | Stay connected with Ditectrev through our social media platforms, join our community on Discord, explore our online shops, and check out our educational resources and apps!
4 |
5 | ## Social Media
6 |
7 | - **Facebook**: [https://facebook.com/Ditectrev](https://facebook.com/Ditectrev)
8 | - **GitHub**: [https://github.com/Ditectrev](https://github.com/Ditectrev)
9 | - **Instagram**: [https://instagram.com/Ditectrev](https://instagram.com/Ditectrev)
10 | - **LinkedIn**: [https://linkedin.com/company/Ditectrev](https://linkedin.com/company/Ditectrev)
11 | - **Reddit**: [https://www.reddit.com/user/Ditectrev/](https://www.reddit.com/user/Ditectrev/)
12 | - **X**: [https://x.com/Ditectrev](https://x.com/Ditectrev)
13 | - **YouTube**: [https://www.youtube.com/@Ditectrev](https://www.youtube.com/@Ditectrev)
14 |
15 | ## Join Us on Discord
16 |
17 | - **Discord**: [https://discord.gg/RFjtXKfJy3](https://discord.gg/RFjtXKfJy3)
18 |
19 | ## Online Shops
20 |
21 | - **Ditectrev Shop**: [https://shop.ditectrev.com](https://shop.ditectrev.com)
22 | - **eBay**: [https://ebay.com/usr/Ditectrev](https://ebay.com/usr/Ditectrev)
23 | - **Etsy**: [https://ditectrev.etsy.com](https://ditectrev.etsy.com)
24 |
25 | ## Educational Platforms
26 |
27 | - **Ditectrev Education**: [https://education.ditectrev.com](https://education.ditectrev.com)
28 | - **Udemy**: [https://www.udemy.com/user/social-ditectrev/](https://www.udemy.com/user/social-ditectrev/)
29 |
30 | ## Mobile Apps
31 |
32 | - **Google Play Books**: [https://play.google.com/store/books/author?id=Daniel+Danielecki](https://play.google.com/store/books/author?id=Daniel+Danielecki)
33 | - **iOS App**: [https://apps.apple.com/app/cloudmaster-swift/id6503601139](https://apps.apple.com/app/cloudmaster-swift/id6503601139)
34 |
35 | ## CodeSandbox
36 |
37 | - **CodeSandbox**: [https://codesandbox.io/u/Ditectrev](https://codesandbox.io/u/Ditectrev)
38 |
39 | ## Support Us on Patreon
40 |
41 | - **Patreon**: [https://patreon.com/c/Ditectrev](https://patreon.com/c/Ditectrev)
42 |
43 | Follow us to stay updated, shop for exclusive items, learn with us, and be part of our growing community!
44 |
--------------------------------------------------------------------------------
/__presentation-slides/test/test-grid-navigation.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
26 |
27 |
81 |
82 |
83 |
84 |
85 |
95 |
96 |
97 |
98 |
--------------------------------------------------------------------------------
/__presentation-slides/css/theme/source/blood.scss:
--------------------------------------------------------------------------------
1 | /**
2 | * Blood theme for reveal.js
3 | * Author: Walther http://github.com/Walther
4 | *
5 | * Designed to be used with highlight.js theme
6 | * "monokai_sublime.css" available from
7 | * https://github.com/isagalaev/highlight.js/
8 | *
9 | * For other themes, change $codeBackground accordingly.
10 | *
11 | */
12 |
13 | // Default mixins and settings -----------------
14 | @use "sass:color";
15 | @import "../template/mixins";
16 | @import "../template/settings";
17 | // ---------------------------------------------
18 |
19 | // Include theme-specific fonts
20 |
21 | @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic);
22 |
23 | // Colors used in the theme
24 | $blood: #a23;
25 | $coal: #222;
26 | $codeBackground: #23241f;
27 |
28 | $backgroundColor: $coal;
29 |
30 | // Main text
31 | $mainFont: Ubuntu, 'sans-serif';
32 | $mainColor: #eee;
33 |
34 | // Headings
35 | $headingFont: Ubuntu, 'sans-serif';
36 | $headingTextShadow: 2px 2px 2px $coal;
37 |
38 | // h1 shadow, borrowed humbly from
39 | // (c) Default theme by Hakim El Hattab
40 | $heading1TextShadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 20px 20px rgba(0,0,0,.15);
41 |
42 | // Links
43 | $linkColor: $blood;
44 | $linkColorHover: color.scale( $linkColor, $lightness: 20% );
45 |
46 | // Text selection
47 | $selectionBackgroundColor: $blood;
48 | $selectionColor: #fff;
49 |
50 | // Change text colors against dark slide backgrounds
51 | @include light-bg-text-color(#222);
52 |
53 |
54 | // Theme template ------------------------------
55 | @import "../template/theme";
56 | // ---------------------------------------------
57 |
58 | // some overrides after theme template import
59 |
60 | .reveal p {
61 | font-weight: 300;
62 | text-shadow: 1px 1px $coal;
63 | }
64 |
65 | section.has-light-background {
66 | p, h1, h2, h3, h4 {
67 | text-shadow: none;
68 | }
69 | }
70 |
71 | .reveal h1,
72 | .reveal h2,
73 | .reveal h3,
74 | .reveal h4,
75 | .reveal h5,
76 | .reveal h6 {
77 | font-weight: 700;
78 | }
79 |
80 | .reveal p code {
81 | background-color: $codeBackground;
82 | display: inline-block;
83 | border-radius: 7px;
84 | }
85 |
86 | .reveal small code {
87 | vertical-align: baseline;
88 | }
--------------------------------------------------------------------------------
/__presentation-slides/test/test-pdf.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
20 |
27 |
28 |
29 |
30 |
37 |
38 |
39 |
40 |
41 |
84 |
85 |
86 |
87 |
--------------------------------------------------------------------------------
/__presentation-slides/plugin/math/mathjax2.js:
--------------------------------------------------------------------------------
1 | /**
2 | * A plugin which enables rendering of math equations inside
3 | * of reveal.js slides. Essentially a thin wrapper for MathJax.
4 | *
5 | * @author Hakim El Hattab
6 | */
7 | export const MathJax2 = () => {
8 |
9 | // The reveal.js instance this plugin is attached to
10 | let deck;
11 |
12 | let defaultOptions = {
13 | messageStyle: 'none',
14 | tex2jax: {
15 | inlineMath: [ [ '$', '$' ], [ '\\(', '\\)' ] ],
16 | skipTags: [ 'script', 'noscript', 'style', 'textarea', 'pre' ]
17 | },
18 | skipStartupTypeset: true
19 | };
20 |
21 | function loadScript( url, callback ) {
22 |
23 | let head = document.querySelector( 'head' );
24 | let script = document.createElement( 'script' );
25 | script.type = 'text/javascript';
26 | script.src = url;
27 |
28 | // Wrapper for callback to make sure it only fires once
29 | let finish = () => {
30 | if( typeof callback === 'function' ) {
31 | callback.call();
32 | callback = null;
33 | }
34 | }
35 |
36 | script.onload = finish;
37 |
38 | // IE
39 | script.onreadystatechange = () => {
40 | if ( this.readyState === 'loaded' ) {
41 | finish();
42 | }
43 | }
44 |
45 | // Normal browsers
46 | head.appendChild( script );
47 |
48 | }
49 |
50 | return {
51 | id: 'mathjax2',
52 |
53 | init: function( reveal ) {
54 |
55 | deck = reveal;
56 |
57 | let revealOptions = deck.getConfig().mathjax2 || deck.getConfig().math || {};
58 |
59 | let options = { ...defaultOptions, ...revealOptions };
60 | let mathjax = options.mathjax || 'https://cdn.jsdelivr.net/npm/mathjax@2/MathJax.js';
61 | let config = options.config || 'TeX-AMS_HTML-full';
62 | let url = mathjax + '?config=' + config;
63 |
64 | options.tex2jax = { ...defaultOptions.tex2jax, ...revealOptions.tex2jax };
65 |
66 | options.mathjax = options.config = null;
67 |
68 | loadScript( url, function() {
69 |
70 | MathJax.Hub.Config( options );
71 |
72 | // Typeset followed by an immediate reveal.js layout since
73 | // the typesetting process could affect slide height
74 | MathJax.Hub.Queue( [ 'Typeset', MathJax.Hub, deck.getRevealElement() ] );
75 | MathJax.Hub.Queue( deck.layout );
76 |
77 | // Reprocess equations in slides when they turn visible
78 | deck.on( 'slidechanged', function( event ) {
79 |
80 | MathJax.Hub.Queue( [ 'Typeset', MathJax.Hub, event.currentSlide ] );
81 |
82 | } );
83 |
84 | } );
85 |
86 | }
87 | }
88 |
89 | };
90 |
--------------------------------------------------------------------------------
/__presentation-slides/js/controllers/focus.js:
--------------------------------------------------------------------------------
1 | import { closest } from '../utils/util.js'
2 |
3 | /**
4 | * Manages focus when a presentation is embedded. This
5 | * helps us only capture keyboard from the presentation
6 | * a user is currently interacting with in a page where
7 | * multiple presentations are embedded.
8 | */
9 |
10 | const STATE_FOCUS = 'focus';
11 | const STATE_BLUR = 'blur';
12 |
13 | export default class Focus {
14 |
15 | constructor( Reveal ) {
16 |
17 | this.Reveal = Reveal;
18 |
19 | this.onRevealPointerDown = this.onRevealPointerDown.bind( this );
20 | this.onDocumentPointerDown = this.onDocumentPointerDown.bind( this );
21 |
22 | }
23 |
24 | /**
25 | * Called when the reveal.js config is updated.
26 | */
27 | configure( config, oldConfig ) {
28 |
29 | if( config.embedded ) {
30 | this.blur();
31 | }
32 | else {
33 | this.focus();
34 | this.unbind();
35 | }
36 |
37 | }
38 |
39 | bind() {
40 |
41 | if( this.Reveal.getConfig().embedded ) {
42 | this.Reveal.getRevealElement().addEventListener( 'pointerdown', this.onRevealPointerDown, false );
43 | }
44 |
45 | }
46 |
47 | unbind() {
48 |
49 | this.Reveal.getRevealElement().removeEventListener( 'pointerdown', this.onRevealPointerDown, false );
50 | document.removeEventListener( 'pointerdown', this.onDocumentPointerDown, false );
51 |
52 | }
53 |
54 | focus() {
55 |
56 | if( this.state !== STATE_FOCUS ) {
57 | this.Reveal.getRevealElement().classList.add( 'focused' );
58 | document.addEventListener( 'pointerdown', this.onDocumentPointerDown, false );
59 | }
60 |
61 | this.state = STATE_FOCUS;
62 |
63 | }
64 |
65 | blur() {
66 |
67 | if( this.state !== STATE_BLUR ) {
68 | this.Reveal.getRevealElement().classList.remove( 'focused' );
69 | document.removeEventListener( 'pointerdown', this.onDocumentPointerDown, false );
70 | }
71 |
72 | this.state = STATE_BLUR;
73 |
74 | }
75 |
76 | isFocused() {
77 |
78 | return this.state === STATE_FOCUS;
79 |
80 | }
81 |
82 | destroy() {
83 |
84 | this.Reveal.getRevealElement().classList.remove( 'focused' );
85 |
86 | }
87 |
88 | onRevealPointerDown( event ) {
89 |
90 | this.focus();
91 |
92 | }
93 |
94 | onDocumentPointerDown( event ) {
95 |
96 | let revealElement = closest( event.target, '.reveal' );
97 | if( !revealElement || revealElement !== this.Reveal.getRevealElement() ) {
98 | this.blur();
99 | }
100 |
101 | }
102 |
103 | }
--------------------------------------------------------------------------------
/__presentation-slides/plugin/math/mathjax3.js:
--------------------------------------------------------------------------------
1 | /**
2 | * A plugin which enables rendering of math equations inside
3 | * of reveal.js slides. Essentially a thin wrapper for MathJax 3
4 | *
5 | * @author Hakim El Hattab
6 | * @author Gerhard Burger
7 | */
8 | export const MathJax3 = () => {
9 |
10 | // The reveal.js instance this plugin is attached to
11 | let deck;
12 |
13 | let defaultOptions = {
14 | tex: {
15 | inlineMath: [ [ '$', '$' ], [ '\\(', '\\)' ] ]
16 | },
17 | options: {
18 | skipHtmlTags: [ 'script', 'noscript', 'style', 'textarea', 'pre' ]
19 | },
20 | startup: {
21 | ready: () => {
22 | MathJax.startup.defaultReady();
23 | MathJax.startup.promise.then(() => {
24 | deck.layout();
25 | });
26 | }
27 | }
28 | };
29 |
30 | function loadScript( url, callback ) {
31 |
32 | let script = document.createElement( 'script' );
33 | script.type = "text/javascript"
34 | script.id = "MathJax-script"
35 | script.src = url;
36 | script.async = true
37 |
38 | // Wrapper for callback to make sure it only fires once
39 | script.onload = () => {
40 | if (typeof callback === 'function') {
41 | callback.call();
42 | callback = null;
43 | }
44 | };
45 |
46 | document.head.appendChild( script );
47 |
48 | }
49 |
50 | return {
51 | id: 'mathjax3',
52 | init: function(reveal) {
53 |
54 | deck = reveal;
55 |
56 | let revealOptions = deck.getConfig().mathjax3 || {};
57 | let options = {...defaultOptions, ...revealOptions};
58 | options.tex = {...defaultOptions.tex, ...revealOptions.tex}
59 | options.options = {...defaultOptions.options, ...revealOptions.options}
60 | options.startup = {...defaultOptions.startup, ...revealOptions.startup}
61 |
62 | let url = options.mathjax || 'https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js';
63 | options.mathjax = null;
64 |
65 | window.MathJax = options;
66 |
67 | loadScript( url, function() {
68 | // Reprocess equations in slides when they turn visible
69 | deck.addEventListener( 'slidechanged', function( event ) {
70 | MathJax.typeset();
71 | } );
72 | } );
73 |
74 | }
75 | }
76 |
77 | };
78 |
--------------------------------------------------------------------------------
/__presentation-slides/test/test-destroy.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
19 |
59 |
60 |
68 |
69 |
70 |
71 |
72 |
73 |
100 |
101 |
102 |
103 |
--------------------------------------------------------------------------------
/__presentation-slides/test/test-multiple-instances.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
20 |
32 |
33 |
34 |
35 |
57 |
58 |
20 |
27 |
28 |
29 |
30 |
37 |
38 |
39 |
97 |
102 |
103 |
104 |
105 |
--------------------------------------------------------------------------------
/__presentation-slides/test/test-plugins.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |