├── .vscode └── settings.json ├── Bootstrap ├── Bootstrap 4.pdf ├── css │ ├── bulma.min.css │ ├── print │ │ ├── paper.css │ │ └── pdf.css │ ├── reset.css │ ├── reveal.css │ ├── reveal.scss │ └── theme │ │ ├── README.md │ │ ├── beige.css │ │ ├── black.css │ │ ├── blood.css │ │ ├── league.css │ │ ├── moon.css │ │ ├── night.css │ │ ├── serif.css │ │ ├── simple.css │ │ ├── sky.css │ │ ├── solarized.css │ │ ├── source │ │ ├── beige.scss │ │ ├── black.scss │ │ ├── blood.scss │ │ ├── league.scss │ │ ├── moon.scss │ │ ├── night.scss │ │ ├── serif.scss │ │ ├── simple.scss │ │ ├── sky.scss │ │ ├── solarized.scss │ │ └── white.scss │ │ ├── template │ │ ├── mixins.scss │ │ ├── settings.scss │ │ └── theme.scss │ │ └── white.css ├── img │ ├── RTFM.jpg │ ├── bootstrap-logo.png │ ├── bootstrap4-grid.jpg │ ├── breakpoints.png │ ├── bte.png │ ├── grid-layout.png │ └── twitter.png ├── index.html ├── js │ └── reveal.js ├── lib │ ├── css │ │ ├── monokai.css │ │ └── zenburn.css │ ├── font │ │ ├── league-gothic │ │ │ ├── LICENSE │ │ │ ├── league-gothic.css │ │ │ ├── league-gothic.eot │ │ │ ├── league-gothic.ttf │ │ │ └── league-gothic.woff │ │ └── source-sans-pro │ │ │ ├── LICENSE │ │ │ ├── source-sans-pro-italic.eot │ │ │ ├── source-sans-pro-italic.ttf │ │ │ ├── source-sans-pro-italic.woff │ │ │ ├── source-sans-pro-regular.eot │ │ │ ├── source-sans-pro-regular.ttf │ │ │ ├── source-sans-pro-regular.woff │ │ │ ├── source-sans-pro-semibold.eot │ │ │ ├── source-sans-pro-semibold.ttf │ │ │ ├── source-sans-pro-semibold.woff │ │ │ ├── source-sans-pro-semibolditalic.eot │ │ │ ├── source-sans-pro-semibolditalic.ttf │ │ │ ├── source-sans-pro-semibolditalic.woff │ │ │ └── source-sans-pro.css │ └── js │ │ ├── html5shiv.js │ │ └── promise.js └── plugin │ ├── highlight │ └── highlight.js │ ├── markdown │ ├── example.html │ ├── example.md │ ├── markdown.js │ └── marked.js │ ├── math │ └── math.js │ ├── multiplex │ ├── client.js │ ├── index.js │ ├── master.js │ └── package.json │ ├── notes-server │ ├── client.js │ ├── index.js │ └── notes.html │ ├── notes │ ├── notes.html │ └── notes.js │ ├── print-pdf │ └── print-pdf.js │ ├── search │ └── search.js │ └── zoom-js │ └── zoom.js ├── CSS ├── CssGrid.md └── Flexbox.md ├── Cheatsheets ├── CSS-selectors-cheatsheet.pdf ├── cheatsheets.md └── css3-cheat-sheet.pdf ├── CommandLine ├── Command_Line_Basics.pdf └── Linux_Command_Reference_Cheatsheet.pdf ├── DevTools ├── Developer Tools.md ├── Typography.md └── VS-Code │ └── Visual Studio Code Notes.pdf ├── Exercises ├── Project-Description.txt ├── bootsrap-project-image.png ├── index.html └── login-form.css ├── Play & Learn └── Coding games.md ├── README.md ├── git ├── Git and Github notes.pdf ├── css │ └── bulma.min.css ├── git-cheat-sheet.pdf ├── img │ ├── AddRepotoGit.png │ ├── AddRepotoGitCheck.png │ ├── CollabHistoryTracking.jpg │ ├── CreatingRepo.png │ ├── DistributedVCS.png │ ├── Git-workflow.png │ ├── Git-workflow_negatif.png │ ├── GitFirstSetup.png │ ├── GitRepos.png │ ├── GitReposComic.png │ ├── Git_101.png │ ├── Git_CommandLine.png │ ├── Git_CommandLine_negatif.png │ ├── HistoryTracking.jpg │ ├── LocalVersionControl.png │ ├── PlethoraCommits.jpg │ ├── RemoveGithubRepo.png │ ├── Torvalds_git.png │ ├── browser-grid-plain.svg │ ├── browser-grid.svg │ ├── browser-site.svg │ ├── bte.png │ ├── cent_vs_desc.png │ ├── cent_vs_desc_negatif.png │ ├── css-file.svg │ ├── git-commands-exercise-grey.png │ ├── git-commands-exercise.png │ ├── git-icon.svg │ ├── laptop-apache.png │ ├── laptop-browser.png │ ├── laptop.png │ └── twitter.png ├── index.html ├── libs │ └── revealjs │ │ ├── css │ │ ├── print │ │ │ ├── paper.css │ │ │ └── pdf.css │ │ ├── reveal.css │ │ ├── reveal.scss │ │ └── theme │ │ │ ├── README.md │ │ │ ├── beige.css │ │ │ ├── black-sha.css │ │ │ ├── black.css │ │ │ ├── blood.css │ │ │ ├── league.css │ │ │ ├── moon.css │ │ │ ├── night.css │ │ │ ├── serif.css │ │ │ ├── simple.css │ │ │ ├── sky.css │ │ │ ├── solarized.css │ │ │ ├── source │ │ │ ├── beige.scss │ │ │ ├── black.scss │ │ │ ├── blood.scss │ │ │ ├── league.scss │ │ │ ├── moon.scss │ │ │ ├── night.scss │ │ │ ├── serif.scss │ │ │ ├── simple.scss │ │ │ ├── sky.scss │ │ │ ├── solarized.scss │ │ │ └── white.scss │ │ │ ├── template │ │ │ ├── mixins.scss │ │ │ ├── settings.scss │ │ │ └── theme.scss │ │ │ └── white.css │ │ ├── js │ │ └── reveal.js │ │ ├── lib │ │ ├── css │ │ │ ├── atom-one-dark-sha.css │ │ │ ├── monokai-sublime-sha.css │ │ │ └── zenburn.css │ │ ├── font │ │ │ ├── league-gothic │ │ │ │ ├── LICENSE │ │ │ │ ├── league-gothic.css │ │ │ │ ├── league-gothic.eot │ │ │ │ ├── league-gothic.ttf │ │ │ │ └── league-gothic.woff │ │ │ └── source-sans-pro │ │ │ │ ├── LICENSE │ │ │ │ ├── source-sans-pro-italic.eot │ │ │ │ ├── source-sans-pro-italic.ttf │ │ │ │ ├── source-sans-pro-italic.woff │ │ │ │ ├── source-sans-pro-regular.eot │ │ │ │ ├── source-sans-pro-regular.ttf │ │ │ │ ├── source-sans-pro-regular.woff │ │ │ │ ├── source-sans-pro-semibold.eot │ │ │ │ ├── source-sans-pro-semibold.ttf │ │ │ │ ├── source-sans-pro-semibold.woff │ │ │ │ ├── source-sans-pro-semibolditalic.eot │ │ │ │ ├── source-sans-pro-semibolditalic.ttf │ │ │ │ ├── source-sans-pro-semibolditalic.woff │ │ │ │ └── source-sans-pro.css │ │ └── js │ │ │ ├── classList.js │ │ │ ├── head.min.js │ │ │ └── html5shiv.js │ │ └── plugin │ │ ├── highlight │ │ └── highlight.js │ │ ├── markdown │ │ ├── example.html │ │ ├── example.md │ │ ├── markdown.js │ │ └── marked.js │ │ ├── math │ │ └── math.js │ │ ├── multiplex │ │ ├── client.js │ │ ├── index.js │ │ ├── master.js │ │ └── package.json │ │ ├── notes-server │ │ ├── client.js │ │ ├── index.js │ │ └── notes.html │ │ ├── notes │ │ ├── notes.html │ │ └── notes.js │ │ ├── print-pdf │ │ └── print-pdf.js │ │ ├── search │ │ └── search.js │ │ └── zoom-js │ │ └── zoom.js └── vids │ └── animated_git--modify-add-commit.mp4 └── javascript ├── advanced.html ├── css ├── bulma-columns.css ├── bulma.css ├── bulma.min.css ├── obsidian.min.css ├── print │ ├── paper.css │ └── pdf.css ├── reveal-overrides.archive.css ├── reveal-overrides.css ├── reveal-overrides.min.css ├── reveal-overrides.stylus ├── reveal-tts-white.css └── reveal-tts.css ├── fundamentals ├── README.md └── code │ ├── array-loop.html │ ├── arrays.html │ ├── functions.html │ ├── hello.html │ ├── hello.js │ ├── numbers.html │ ├── strings.html │ └── typeof.html ├── images ├── DOM-example.png ├── DataTypeTalk-001.svg ├── DataTypeTalk-002.svg ├── DataTypeTalk-003.svg ├── DataTypeTalk-004.svg ├── DataTypeTalk-005.svg ├── EventLoop-2.png ├── EventLoop-3.png ├── EventLoop.png ├── JSHistory.png ├── JavaScript-while-loop.png ├── Promises.png ├── advanced │ ├── Blocking-Non-Blocking.png │ ├── DOM-Kirupa.webp │ ├── let_var_const_01.jpg │ ├── let_var_const_02.jpg │ ├── let_var_const_03.jpg │ ├── let_var_const_04.jpg │ ├── let_var_const_05.jpg │ ├── let_var_const_06.jpg │ ├── let_var_const_07.jpg │ ├── let_var_const_08.jpg │ ├── let_var_const_09.jpg │ ├── let_var_const_10.jpg │ ├── let_var_const_11.jpg │ ├── let_var_const_12.jpg │ ├── let_var_const_13.jpg │ └── prototype.png ├── being-a-developer.jpg ├── conditionals.png ├── eventLoopCodeExample.png ├── flow-control-black.png ├── flow-control.png ├── hoisting-const.png ├── hoisting-var.png ├── js-exercise-1.png ├── js-exercise-2.png ├── js-exercise-3.png ├── js-exercise-4.png ├── jsHistory.png ├── reactjs │ ├── JavaScript-logo.jpg │ ├── React-icon.svg │ ├── components-planning.jpg │ └── components-sketching.jpg ├── tts-logo.png ├── tts-titles-joinus.jpg ├── tts-titles-js-advanced.jpg ├── tts-titles-js-fundamentals.jpg ├── tts-titles-js-intermediate.jpg ├── twitter.png ├── understanding_functions_01.jpg ├── understanding_functions_02.jpg ├── understanding_functions_03.jpg ├── understanding_functions_04.jpg ├── understanding_functions_05.jpg ├── understanding_functions_06.jpg ├── var-let-const.png ├── variable-box.png └── web-trio.svg ├── intermediate.html ├── intermediate ├── README.md ├── attribute_nodes.jpg ├── code │ ├── array-chaining.html │ ├── array-map-extras.html │ ├── array-map.html │ ├── array-methods.html │ ├── array-reduce.html │ ├── dom.html │ ├── eventlistener.html │ └── usestrict.html ├── hoisting-img.jpg ├── hoisting.jpg └── pizza-slice.png ├── introduction.html ├── introduction ├── DataTypeTalk-001.svg ├── DataTypeTalk-002.svg ├── DataTypeTalk-003.svg ├── DataTypeTalk-004.svg ├── DataTypeTalk-005.svg ├── arithmetic-operators-001.svg ├── arithmetic-operators-002.svg ├── arithmetic-operators-003.svg ├── arrays-001.svg ├── arrays-002.svg ├── arrays-003.svg ├── booleans-001.svg ├── codepen.png ├── comparison-operators-001.svg ├── comparison-operators-002.svg ├── css-includes-external.svg ├── css-includes-inline.svg ├── css-includes-internal.svg ├── css-includes.svg ├── css.svg ├── html-css-js.html ├── html-css-js │ ├── html-css-js.css │ ├── html-css-js.js │ └── jquery.min.js ├── html-css.js.svg ├── html.svg ├── introduction.svg ├── js-includes-best-practices.svg ├── js-includes-external.svg ├── js-includes-inline.svg ├── js-includes-internal.svg ├── js-includes.svg ├── js-interpreter-002.svg ├── js-interpreter-003.svg ├── js-interpreter-004.svg ├── js-interpreter-005.svg ├── js-interpreter-006.svg ├── js-interpreter-007.svg ├── js-interpreter-008.svg ├── js-interpreter.svg ├── js-statements-01.svg ├── js-statements-02.svg ├── js-statements-03.svg ├── js-statements.svg ├── js.svg ├── logical-operators-001.svg ├── null-undefined.svg ├── strings.svg ├── type-coercion.svg ├── variables-001.svg ├── variables-002.svg └── web-trio.svg ├── libs ├── jscssp │ └── cssParser.js └── reveal.js │ ├── .travis.yml │ ├── css │ ├── print │ │ ├── paper.css │ │ └── pdf.css │ ├── reveal.css │ ├── reveal.scss │ └── theme │ │ ├── README.md │ │ ├── beige.css │ │ ├── black-tts.css │ │ ├── black.css │ │ ├── blood.css │ │ ├── league.css │ │ ├── moon.css │ │ ├── night.css │ │ ├── serif.css │ │ ├── simple.css │ │ ├── sky.css │ │ ├── solarized.css │ │ ├── source │ │ ├── beige.scss │ │ ├── black.scss │ │ ├── blood.scss │ │ ├── league.scss │ │ ├── moon.scss │ │ ├── night.scss │ │ ├── serif.scss │ │ ├── simple.scss │ │ ├── sky.scss │ │ ├── solarized.scss │ │ └── white.scss │ │ ├── template │ │ ├── mixins.scss │ │ ├── settings.scss │ │ └── theme.scss │ │ └── white.css │ ├── i18n │ └── de │ │ ├── first.md │ │ ├── second.md │ │ └── third.html │ ├── js │ ├── i18n.js │ └── reveal.js │ ├── lib │ ├── css │ │ ├── atom-one-dark-sha.css │ │ ├── monokai-sublime-sha.css │ │ └── zenburn.css │ ├── font │ │ ├── league-gothic │ │ │ ├── LICENSE │ │ │ ├── league-gothic.css │ │ │ ├── league-gothic.eot │ │ │ ├── league-gothic.ttf │ │ │ └── league-gothic.woff │ │ └── source-sans-pro │ │ │ ├── LICENSE │ │ │ ├── source-sans-pro-italic.eot │ │ │ ├── source-sans-pro-italic.ttf │ │ │ ├── source-sans-pro-italic.woff │ │ │ ├── source-sans-pro-regular.eot │ │ │ ├── source-sans-pro-regular.ttf │ │ │ ├── source-sans-pro-regular.woff │ │ │ ├── source-sans-pro-semibold.eot │ │ │ ├── source-sans-pro-semibold.ttf │ │ │ ├── source-sans-pro-semibold.woff │ │ │ ├── source-sans-pro-semibolditalic.eot │ │ │ ├── source-sans-pro-semibolditalic.ttf │ │ │ ├── source-sans-pro-semibolditalic.woff │ │ │ └── source-sans-pro.css │ └── js │ │ ├── classList.js │ │ ├── head.min.js │ │ └── html5shiv.js │ └── plugin │ ├── highlight │ └── highlight.js │ ├── markdown │ ├── example.html │ ├── example.md │ ├── markdown.js │ └── marked.js │ ├── math │ └── math.js │ ├── multiplex │ ├── client.js │ ├── index.js │ ├── master.js │ └── package.json │ ├── notes-server │ ├── client.js │ ├── index.js │ └── notes.html │ ├── notes │ ├── notes.html │ └── notes.js │ ├── print-pdf │ └── print-pdf.js │ ├── search │ └── search.js │ └── zoom-js │ └── zoom.js ├── node ├── images │ ├── Node Runntime Environment.png │ ├── github-logo.png │ ├── ngrok.jpg │ ├── nodeJS_databases.png │ ├── nodejs-logo-transparent.png │ ├── tts-titles-joinus.jpg │ └── vscode-logo.png └── node.html ├── pythontutor-visuals ├── arrays-001.js └── arrays-002.js └── react-resources.md /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "cSpell.words": [ 3 | "Bookmarklets", 4 | "Bykov", 5 | "CODEWARS", 6 | "CRYPTOHACK", 7 | "Cheatsheets", 8 | "Codecademy", 9 | "Codrops", 10 | "Dmitrii", 11 | "Drasner", 12 | "Flavio", 13 | "Leniolabs", 14 | "Photopea", 15 | "Scrimba", 16 | "Treehouse", 17 | "Visualisation", 18 | "cheatsheet", 19 | "eventlistener", 20 | "moduleformat", 21 | "usestrict" 22 | ] 23 | } -------------------------------------------------------------------------------- /Bootstrap/Bootstrap 4.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/Bootstrap/Bootstrap 4.pdf -------------------------------------------------------------------------------- /Bootstrap/css/reset.css: -------------------------------------------------------------------------------- 1 | /* http://meyerweb.com/eric/tools/css/reset/ 2 | v4.0 | 20180602 3 | License: none (public domain) 4 | */ 5 | 6 | html, body, div, span, applet, object, iframe, 7 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, 8 | a, abbr, acronym, address, big, cite, code, 9 | del, dfn, em, img, ins, kbd, q, s, samp, 10 | small, strike, strong, sub, sup, tt, var, 11 | b, u, i, center, 12 | dl, dt, dd, ol, ul, li, 13 | fieldset, form, label, legend, 14 | table, caption, tbody, tfoot, thead, tr, th, td, 15 | article, aside, canvas, details, embed, 16 | figure, figcaption, footer, header, hgroup, 17 | main, menu, nav, output, ruby, section, summary, 18 | time, mark, audio, video { 19 | margin: 0; 20 | padding: 0; 21 | border: 0; 22 | font-size: 100%; 23 | font: inherit; 24 | vertical-align: baseline; 25 | } 26 | /* HTML5 display-role reset for older browsers */ 27 | article, aside, details, figcaption, figure, 28 | footer, header, hgroup, main, menu, nav, section { 29 | display: block; 30 | } -------------------------------------------------------------------------------- /Bootstrap/css/theme/README.md: -------------------------------------------------------------------------------- 1 | ## Dependencies 2 | 3 | Themes are written using Sass to keep things modular and reduce the need for repeated selectors across files. Make sure that you have the reveal.js development environment including the Grunt dependencies installed before proceeding: https://github.com/hakimel/reveal.js#full-setup 4 | 5 | ## Creating a Theme 6 | 7 | To create your own theme, start by duplicating a ```.scss``` file in [/css/theme/source](https://github.com/hakimel/reveal.js/blob/master/css/theme/source). It will be automatically compiled by Grunt from Sass to CSS (see the [Gruntfile](https://github.com/hakimel/reveal.js/blob/master/Gruntfile.js)) when you run `npm run build -- css-themes`. 8 | 9 | Each theme file does four things in the following order: 10 | 11 | 1. **Include [/css/theme/template/mixins.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/mixins.scss)** 12 | Shared utility functions. 13 | 14 | 2. **Include [/css/theme/template/settings.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/settings.scss)** 15 | Declares a set of custom variables that the template file (step 4) expects. Can be overridden in step 3. 16 | 17 | 3. **Override** 18 | This is where you override the default theme. Either by specifying variables (see [settings.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/settings.scss) for reference) or by adding any selectors and styles you please. 19 | 20 | 4. **Include [/css/theme/template/theme.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/theme.scss)** 21 | The template theme file which will generate final CSS output based on the currently defined variables. 22 | -------------------------------------------------------------------------------- /Bootstrap/css/theme/source/beige.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Beige theme for reveal.js. 3 | * 4 | * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se 5 | */ 6 | 7 | 8 | // Default mixins and settings ----------------- 9 | @import "../template/mixins"; 10 | @import "../template/settings"; 11 | // --------------------------------------------- 12 | 13 | 14 | 15 | // Include theme-specific fonts 16 | @import url(../../lib/font/league-gothic/league-gothic.css); 17 | @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); 18 | 19 | 20 | // Override theme settings (see ../template/settings.scss) 21 | $mainColor: #333; 22 | $headingColor: #333; 23 | $headingTextShadow: none; 24 | $backgroundColor: #f7f3de; 25 | $linkColor: #8b743d; 26 | $linkColorHover: lighten( $linkColor, 20% ); 27 | $selectionBackgroundColor: rgba(79, 64, 28, 0.99); 28 | $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); 29 | 30 | // Background generator 31 | @mixin bodyBackground() { 32 | @include radial-gradient( rgba(247,242,211,1), rgba(255,255,255,1) ); 33 | } 34 | 35 | 36 | 37 | // Theme template ------------------------------ 38 | @import "../template/theme"; 39 | // --------------------------------------------- -------------------------------------------------------------------------------- /Bootstrap/css/theme/source/black.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Black theme for reveal.js. This is the opposite of the 'white' theme. 3 | * 4 | * By Hakim El Hattab, http://hakim.se 5 | */ 6 | 7 | 8 | // Default mixins and settings ----------------- 9 | @import "../template/mixins"; 10 | @import "../template/settings"; 11 | // --------------------------------------------- 12 | 13 | 14 | // Include theme-specific fonts 15 | @import url(../../lib/font/source-sans-pro/source-sans-pro.css); 16 | 17 | 18 | // Override theme settings (see ../template/settings.scss) 19 | $backgroundColor: #191919; 20 | 21 | $mainColor: #fff; 22 | $headingColor: #fff; 23 | 24 | $mainFontSize: 42px; 25 | $mainFont: 'Source Sans Pro', Helvetica, sans-serif; 26 | $headingFont: 'Source Sans Pro', Helvetica, sans-serif; 27 | $headingTextShadow: none; 28 | $headingLetterSpacing: normal; 29 | $headingTextTransform: uppercase; 30 | $headingFontWeight: 600; 31 | $linkColor: #42affa; 32 | $linkColorHover: lighten( $linkColor, 15% ); 33 | $selectionBackgroundColor: lighten( $linkColor, 25% ); 34 | 35 | $heading1Size: 2.5em; 36 | $heading2Size: 1.6em; 37 | $heading3Size: 1.3em; 38 | $heading4Size: 1.0em; 39 | 40 | section.has-light-background { 41 | &, h1, h2, h3, h4, h5, h6 { 42 | color: #222; 43 | } 44 | } 45 | 46 | 47 | // Theme template ------------------------------ 48 | @import "../template/theme"; 49 | // --------------------------------------------- -------------------------------------------------------------------------------- /Bootstrap/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 | @import "../template/mixins"; 15 | @import "../template/settings"; 16 | // --------------------------------------------- 17 | 18 | // Include theme-specific fonts 19 | 20 | @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic); 21 | 22 | // Colors used in the theme 23 | $blood: #a23; 24 | $coal: #222; 25 | $codeBackground: #23241f; 26 | 27 | $backgroundColor: $coal; 28 | 29 | // Main text 30 | $mainFont: Ubuntu, 'sans-serif'; 31 | $mainColor: #eee; 32 | 33 | // Headings 34 | $headingFont: Ubuntu, 'sans-serif'; 35 | $headingTextShadow: 2px 2px 2px $coal; 36 | 37 | // h1 shadow, borrowed humbly from 38 | // (c) Default theme by Hakim El Hattab 39 | $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); 40 | 41 | // Links 42 | $linkColor: $blood; 43 | $linkColorHover: lighten( $linkColor, 20% ); 44 | 45 | // Text selection 46 | $selectionBackgroundColor: $blood; 47 | $selectionColor: #fff; 48 | 49 | 50 | // Theme template ------------------------------ 51 | @import "../template/theme"; 52 | // --------------------------------------------- 53 | 54 | // some overrides after theme template import 55 | 56 | .reveal p { 57 | font-weight: 300; 58 | text-shadow: 1px 1px $coal; 59 | } 60 | 61 | .reveal h1, 62 | .reveal h2, 63 | .reveal h3, 64 | .reveal h4, 65 | .reveal h5, 66 | .reveal h6 { 67 | font-weight: 700; 68 | } 69 | 70 | .reveal p code { 71 | background-color: $codeBackground; 72 | display: inline-block; 73 | border-radius: 7px; 74 | } 75 | 76 | .reveal small code { 77 | vertical-align: baseline; 78 | } -------------------------------------------------------------------------------- /Bootstrap/css/theme/source/league.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * League theme for reveal.js. 3 | * 4 | * This was the default theme pre-3.0.0. 5 | * 6 | * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se 7 | */ 8 | 9 | 10 | // Default mixins and settings ----------------- 11 | @import "../template/mixins"; 12 | @import "../template/settings"; 13 | // --------------------------------------------- 14 | 15 | 16 | 17 | // Include theme-specific fonts 18 | @import url(../../lib/font/league-gothic/league-gothic.css); 19 | @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); 20 | 21 | // Override theme settings (see ../template/settings.scss) 22 | $headingTextShadow: 0px 0px 6px rgba(0,0,0,0.2); 23 | $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); 24 | 25 | // Background generator 26 | @mixin bodyBackground() { 27 | @include radial-gradient( rgba(28,30,32,1), rgba(85,90,95,1) ); 28 | } 29 | 30 | 31 | 32 | // Theme template ------------------------------ 33 | @import "../template/theme"; 34 | // --------------------------------------------- -------------------------------------------------------------------------------- /Bootstrap/css/theme/source/moon.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Solarized Dark theme for reveal.js. 3 | * Author: Achim Staebler 4 | */ 5 | 6 | 7 | // Default mixins and settings ----------------- 8 | @import "../template/mixins"; 9 | @import "../template/settings"; 10 | // --------------------------------------------- 11 | 12 | 13 | 14 | // Include theme-specific fonts 15 | @import url(../../lib/font/league-gothic/league-gothic.css); 16 | @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); 17 | 18 | /** 19 | * Solarized colors by Ethan Schoonover 20 | */ 21 | html * { 22 | color-profile: sRGB; 23 | rendering-intent: auto; 24 | } 25 | 26 | // Solarized colors 27 | $base03: #002b36; 28 | $base02: #073642; 29 | $base01: #586e75; 30 | $base00: #657b83; 31 | $base0: #839496; 32 | $base1: #93a1a1; 33 | $base2: #eee8d5; 34 | $base3: #fdf6e3; 35 | $yellow: #b58900; 36 | $orange: #cb4b16; 37 | $red: #dc322f; 38 | $magenta: #d33682; 39 | $violet: #6c71c4; 40 | $blue: #268bd2; 41 | $cyan: #2aa198; 42 | $green: #859900; 43 | 44 | // Override theme settings (see ../template/settings.scss) 45 | $mainColor: $base1; 46 | $headingColor: $base2; 47 | $headingTextShadow: none; 48 | $backgroundColor: $base03; 49 | $linkColor: $blue; 50 | $linkColorHover: lighten( $linkColor, 20% ); 51 | $selectionBackgroundColor: $magenta; 52 | 53 | 54 | 55 | // Theme template ------------------------------ 56 | @import "../template/theme"; 57 | // --------------------------------------------- 58 | -------------------------------------------------------------------------------- /Bootstrap/css/theme/source/night.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Black theme for reveal.js. 3 | * 4 | * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se 5 | */ 6 | 7 | 8 | // Default mixins and settings ----------------- 9 | @import "../template/mixins"; 10 | @import "../template/settings"; 11 | // --------------------------------------------- 12 | 13 | 14 | // Include theme-specific fonts 15 | @import url(https://fonts.googleapis.com/css?family=Montserrat:700); 16 | @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic); 17 | 18 | 19 | // Override theme settings (see ../template/settings.scss) 20 | $backgroundColor: #111; 21 | 22 | $mainFont: 'Open Sans', sans-serif; 23 | $linkColor: #e7ad52; 24 | $linkColorHover: lighten( $linkColor, 20% ); 25 | $headingFont: 'Montserrat', Impact, sans-serif; 26 | $headingTextShadow: none; 27 | $headingLetterSpacing: -0.03em; 28 | $headingTextTransform: none; 29 | $selectionBackgroundColor: #e7ad52; 30 | 31 | 32 | // Theme template ------------------------------ 33 | @import "../template/theme"; 34 | // --------------------------------------------- -------------------------------------------------------------------------------- /Bootstrap/css/theme/source/serif.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * A simple theme for reveal.js presentations, similar 3 | * to the default theme. The accent color is brown. 4 | * 5 | * This theme is Copyright (C) 2012-2013 Owen Versteeg, http://owenversteeg.com - it is MIT licensed. 6 | */ 7 | 8 | 9 | // Default mixins and settings ----------------- 10 | @import "../template/mixins"; 11 | @import "../template/settings"; 12 | // --------------------------------------------- 13 | 14 | 15 | 16 | // Override theme settings (see ../template/settings.scss) 17 | $mainFont: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif; 18 | $mainColor: #000; 19 | $headingFont: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif; 20 | $headingColor: #383D3D; 21 | $headingTextShadow: none; 22 | $headingTextTransform: none; 23 | $backgroundColor: #F0F1EB; 24 | $linkColor: #51483D; 25 | $linkColorHover: lighten( $linkColor, 20% ); 26 | $selectionBackgroundColor: #26351C; 27 | 28 | .reveal a { 29 | line-height: 1.3em; 30 | } 31 | 32 | 33 | // Theme template ------------------------------ 34 | @import "../template/theme"; 35 | // --------------------------------------------- 36 | -------------------------------------------------------------------------------- /Bootstrap/css/theme/source/simple.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * A simple theme for reveal.js presentations, similar 3 | * to the default theme. The accent color is darkblue. 4 | * 5 | * This theme is Copyright (C) 2012 Owen Versteeg, https://github.com/StereotypicalApps. It is MIT licensed. 6 | * reveal.js is Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se 7 | */ 8 | 9 | 10 | // Default mixins and settings ----------------- 11 | @import "../template/mixins"; 12 | @import "../template/settings"; 13 | // --------------------------------------------- 14 | 15 | 16 | 17 | // Include theme-specific fonts 18 | @import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700); 19 | @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); 20 | 21 | 22 | // Override theme settings (see ../template/settings.scss) 23 | $mainFont: 'Lato', sans-serif; 24 | $mainColor: #000; 25 | $headingFont: 'News Cycle', Impact, sans-serif; 26 | $headingColor: #000; 27 | $headingTextShadow: none; 28 | $headingTextTransform: none; 29 | $backgroundColor: #fff; 30 | $linkColor: #00008B; 31 | $linkColorHover: lighten( $linkColor, 20% ); 32 | $selectionBackgroundColor: rgba(0, 0, 0, 0.99); 33 | 34 | section.has-dark-background { 35 | &, h1, h2, h3, h4, h5, h6 { 36 | color: #fff; 37 | } 38 | } 39 | 40 | 41 | // Theme template ------------------------------ 42 | @import "../template/theme"; 43 | // --------------------------------------------- -------------------------------------------------------------------------------- /Bootstrap/css/theme/source/sky.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Sky theme for reveal.js. 3 | * 4 | * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se 5 | */ 6 | 7 | 8 | // Default mixins and settings ----------------- 9 | @import "../template/mixins"; 10 | @import "../template/settings"; 11 | // --------------------------------------------- 12 | 13 | 14 | 15 | // Include theme-specific fonts 16 | @import url(https://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic); 17 | @import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700); 18 | 19 | 20 | // Override theme settings (see ../template/settings.scss) 21 | $mainFont: 'Open Sans', sans-serif; 22 | $mainColor: #333; 23 | $headingFont: 'Quicksand', sans-serif; 24 | $headingColor: #333; 25 | $headingLetterSpacing: -0.08em; 26 | $headingTextShadow: none; 27 | $backgroundColor: #f7fbfc; 28 | $linkColor: #3b759e; 29 | $linkColorHover: lighten( $linkColor, 20% ); 30 | $selectionBackgroundColor: #134674; 31 | 32 | // Fix links so they are not cut off 33 | .reveal a { 34 | line-height: 1.3em; 35 | } 36 | 37 | // Background generator 38 | @mixin bodyBackground() { 39 | @include radial-gradient( #add9e4, #f7fbfc ); 40 | } 41 | 42 | 43 | 44 | // Theme template ------------------------------ 45 | @import "../template/theme"; 46 | // --------------------------------------------- 47 | -------------------------------------------------------------------------------- /Bootstrap/css/theme/source/solarized.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Solarized Light theme for reveal.js. 3 | * Author: Achim Staebler 4 | */ 5 | 6 | 7 | // Default mixins and settings ----------------- 8 | @import "../template/mixins"; 9 | @import "../template/settings"; 10 | // --------------------------------------------- 11 | 12 | 13 | 14 | // Include theme-specific fonts 15 | @import url(../../lib/font/league-gothic/league-gothic.css); 16 | @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); 17 | 18 | 19 | /** 20 | * Solarized colors by Ethan Schoonover 21 | */ 22 | html * { 23 | color-profile: sRGB; 24 | rendering-intent: auto; 25 | } 26 | 27 | // Solarized colors 28 | $base03: #002b36; 29 | $base02: #073642; 30 | $base01: #586e75; 31 | $base00: #657b83; 32 | $base0: #839496; 33 | $base1: #93a1a1; 34 | $base2: #eee8d5; 35 | $base3: #fdf6e3; 36 | $yellow: #b58900; 37 | $orange: #cb4b16; 38 | $red: #dc322f; 39 | $magenta: #d33682; 40 | $violet: #6c71c4; 41 | $blue: #268bd2; 42 | $cyan: #2aa198; 43 | $green: #859900; 44 | 45 | // Override theme settings (see ../template/settings.scss) 46 | $mainColor: $base00; 47 | $headingColor: $base01; 48 | $headingTextShadow: none; 49 | $backgroundColor: $base3; 50 | $linkColor: $blue; 51 | $linkColorHover: lighten( $linkColor, 20% ); 52 | $selectionBackgroundColor: $magenta; 53 | 54 | // Background generator 55 | // @mixin bodyBackground() { 56 | // @include radial-gradient( rgba($base3,1), rgba(lighten($base3, 20%),1) ); 57 | // } 58 | 59 | 60 | 61 | // Theme template ------------------------------ 62 | @import "../template/theme"; 63 | // --------------------------------------------- 64 | -------------------------------------------------------------------------------- /Bootstrap/css/theme/source/white.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * White theme for reveal.js. This is the opposite of the 'black' theme. 3 | * 4 | * By Hakim El Hattab, http://hakim.se 5 | */ 6 | 7 | 8 | // Default mixins and settings ----------------- 9 | @import "../template/mixins"; 10 | @import "../template/settings"; 11 | // --------------------------------------------- 12 | 13 | 14 | // Include theme-specific fonts 15 | @import url(../../lib/font/source-sans-pro/source-sans-pro.css); 16 | 17 | 18 | // Override theme settings (see ../template/settings.scss) 19 | $backgroundColor: #fff; 20 | 21 | $mainColor: #222; 22 | $headingColor: #222; 23 | 24 | $mainFontSize: 42px; 25 | $mainFont: 'Source Sans Pro', Helvetica, sans-serif; 26 | $headingFont: 'Source Sans Pro', Helvetica, sans-serif; 27 | $headingTextShadow: none; 28 | $headingLetterSpacing: normal; 29 | $headingTextTransform: uppercase; 30 | $headingFontWeight: 600; 31 | $linkColor: #2a76dd; 32 | $linkColorHover: lighten( $linkColor, 15% ); 33 | $selectionBackgroundColor: lighten( $linkColor, 25% ); 34 | 35 | $heading1Size: 2.5em; 36 | $heading2Size: 1.6em; 37 | $heading3Size: 1.3em; 38 | $heading4Size: 1.0em; 39 | 40 | section.has-dark-background { 41 | &, h1, h2, h3, h4, h5, h6 { 42 | color: #fff; 43 | } 44 | } 45 | 46 | 47 | // Theme template ------------------------------ 48 | @import "../template/theme"; 49 | // --------------------------------------------- -------------------------------------------------------------------------------- /Bootstrap/css/theme/template/mixins.scss: -------------------------------------------------------------------------------- 1 | @mixin vertical-gradient( $top, $bottom ) { 2 | background: $top; 3 | background: -moz-linear-gradient( top, $top 0%, $bottom 100% ); 4 | background: -webkit-gradient( linear, left top, left bottom, color-stop(0%,$top), color-stop(100%,$bottom) ); 5 | background: -webkit-linear-gradient( top, $top 0%, $bottom 100% ); 6 | background: -o-linear-gradient( top, $top 0%, $bottom 100% ); 7 | background: -ms-linear-gradient( top, $top 0%, $bottom 100% ); 8 | background: linear-gradient( top, $top 0%, $bottom 100% ); 9 | } 10 | 11 | @mixin horizontal-gradient( $top, $bottom ) { 12 | background: $top; 13 | background: -moz-linear-gradient( left, $top 0%, $bottom 100% ); 14 | background: -webkit-gradient( linear, left top, right top, color-stop(0%,$top), color-stop(100%,$bottom) ); 15 | background: -webkit-linear-gradient( left, $top 0%, $bottom 100% ); 16 | background: -o-linear-gradient( left, $top 0%, $bottom 100% ); 17 | background: -ms-linear-gradient( left, $top 0%, $bottom 100% ); 18 | background: linear-gradient( left, $top 0%, $bottom 100% ); 19 | } 20 | 21 | @mixin radial-gradient( $outer, $inner, $type: circle ) { 22 | background: $outer; 23 | background: -moz-radial-gradient( center, $type cover, $inner 0%, $outer 100% ); 24 | background: -webkit-gradient( radial, center center, 0px, center center, 100%, color-stop(0%,$inner), color-stop(100%,$outer) ); 25 | background: -webkit-radial-gradient( center, $type cover, $inner 0%, $outer 100% ); 26 | background: -o-radial-gradient( center, $type cover, $inner 0%, $outer 100% ); 27 | background: -ms-radial-gradient( center, $type cover, $inner 0%, $outer 100% ); 28 | background: radial-gradient( center, $type cover, $inner 0%, $outer 100% ); 29 | } -------------------------------------------------------------------------------- /Bootstrap/css/theme/template/settings.scss: -------------------------------------------------------------------------------- 1 | // Base settings for all themes that can optionally be 2 | // overridden by the super-theme 3 | 4 | // Background of the presentation 5 | $backgroundColor: #2b2b2b; 6 | 7 | // Primary/body text 8 | $mainFont: 'Lato', sans-serif; 9 | $mainFontSize: 40px; 10 | $mainColor: #eee; 11 | 12 | // Vertical spacing between blocks of text 13 | $blockMargin: 20px; 14 | 15 | // Headings 16 | $headingMargin: 0 0 $blockMargin 0; 17 | $headingFont: 'League Gothic', Impact, sans-serif; 18 | $headingColor: #eee; 19 | $headingLineHeight: 1.2; 20 | $headingLetterSpacing: normal; 21 | $headingTextTransform: uppercase; 22 | $headingTextShadow: none; 23 | $headingFontWeight: normal; 24 | $heading1TextShadow: $headingTextShadow; 25 | 26 | $heading1Size: 3.77em; 27 | $heading2Size: 2.11em; 28 | $heading3Size: 1.55em; 29 | $heading4Size: 1.00em; 30 | 31 | $codeFont: monospace; 32 | 33 | // Links and actions 34 | $linkColor: #13DAEC; 35 | $linkColorHover: lighten( $linkColor, 20% ); 36 | 37 | // Text selection 38 | $selectionBackgroundColor: #FF5E99; 39 | $selectionColor: #fff; 40 | 41 | // Generates the presentation background, can be overridden 42 | // to return a background image or gradient 43 | @mixin bodyBackground() { 44 | background: $backgroundColor; 45 | } 46 | -------------------------------------------------------------------------------- /Bootstrap/img/RTFM.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/Bootstrap/img/RTFM.jpg -------------------------------------------------------------------------------- /Bootstrap/img/bootstrap-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/Bootstrap/img/bootstrap-logo.png -------------------------------------------------------------------------------- /Bootstrap/img/bootstrap4-grid.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/Bootstrap/img/bootstrap4-grid.jpg -------------------------------------------------------------------------------- /Bootstrap/img/breakpoints.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/Bootstrap/img/breakpoints.png -------------------------------------------------------------------------------- /Bootstrap/img/bte.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/Bootstrap/img/bte.png -------------------------------------------------------------------------------- /Bootstrap/img/grid-layout.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/Bootstrap/img/grid-layout.png -------------------------------------------------------------------------------- /Bootstrap/img/twitter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/Bootstrap/img/twitter.png -------------------------------------------------------------------------------- /Bootstrap/lib/css/monokai.css: -------------------------------------------------------------------------------- 1 | /* 2 | Monokai style - ported by Luigi Maselli - http://grigio.org 3 | */ 4 | 5 | .hljs { 6 | display: block; 7 | overflow-x: auto; 8 | padding: 0.5em; 9 | background: #272822; 10 | color: #ddd; 11 | } 12 | 13 | .hljs-tag, 14 | .hljs-keyword, 15 | .hljs-selector-tag, 16 | .hljs-literal, 17 | .hljs-strong, 18 | .hljs-name { 19 | color: #f92672; 20 | } 21 | 22 | .hljs-code { 23 | color: #66d9ef; 24 | } 25 | 26 | .hljs-class .hljs-title { 27 | color: white; 28 | } 29 | 30 | .hljs-attribute, 31 | .hljs-symbol, 32 | .hljs-regexp, 33 | .hljs-link { 34 | color: #bf79db; 35 | } 36 | 37 | .hljs-string, 38 | .hljs-bullet, 39 | .hljs-subst, 40 | .hljs-title, 41 | .hljs-section, 42 | .hljs-emphasis, 43 | .hljs-type, 44 | .hljs-built_in, 45 | .hljs-builtin-name, 46 | .hljs-selector-attr, 47 | .hljs-selector-pseudo, 48 | .hljs-addition, 49 | .hljs-variable, 50 | .hljs-template-tag, 51 | .hljs-template-variable { 52 | color: #a6e22e; 53 | } 54 | 55 | .hljs-comment, 56 | .hljs-quote, 57 | .hljs-deletion, 58 | .hljs-meta { 59 | color: #75715e; 60 | } 61 | 62 | .hljs-keyword, 63 | .hljs-selector-tag, 64 | .hljs-literal, 65 | .hljs-doctag, 66 | .hljs-title, 67 | .hljs-section, 68 | .hljs-type, 69 | .hljs-selector-id { 70 | font-weight: bold; 71 | } 72 | -------------------------------------------------------------------------------- /Bootstrap/lib/css/zenburn.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Zenburn style from voldmar.ru (c) Vladimir Epifanov 4 | based on dark.css by Ivan Sagalaev 5 | 6 | */ 7 | 8 | .hljs { 9 | display: block; 10 | overflow-x: auto; 11 | padding: 0.5em; 12 | background: #3f3f3f; 13 | color: #dcdcdc; 14 | } 15 | 16 | .hljs-keyword, 17 | .hljs-selector-tag, 18 | .hljs-tag { 19 | color: #e3ceab; 20 | } 21 | 22 | .hljs-template-tag { 23 | color: #dcdcdc; 24 | } 25 | 26 | .hljs-number { 27 | color: #8cd0d3; 28 | } 29 | 30 | .hljs-variable, 31 | .hljs-template-variable, 32 | .hljs-attribute { 33 | color: #efdcbc; 34 | } 35 | 36 | .hljs-literal { 37 | color: #efefaf; 38 | } 39 | 40 | .hljs-subst { 41 | color: #8f8f8f; 42 | } 43 | 44 | .hljs-title, 45 | .hljs-name, 46 | .hljs-selector-id, 47 | .hljs-selector-class, 48 | .hljs-section, 49 | .hljs-type { 50 | color: #efef8f; 51 | } 52 | 53 | .hljs-symbol, 54 | .hljs-bullet, 55 | .hljs-link { 56 | color: #dca3a3; 57 | } 58 | 59 | .hljs-deletion, 60 | .hljs-string, 61 | .hljs-built_in, 62 | .hljs-builtin-name { 63 | color: #cc9393; 64 | } 65 | 66 | .hljs-addition, 67 | .hljs-comment, 68 | .hljs-quote, 69 | .hljs-meta { 70 | color: #7f9f7f; 71 | } 72 | 73 | 74 | .hljs-emphasis { 75 | font-style: italic; 76 | } 77 | 78 | .hljs-strong { 79 | font-weight: bold; 80 | } 81 | -------------------------------------------------------------------------------- /Bootstrap/lib/font/league-gothic/LICENSE: -------------------------------------------------------------------------------- 1 | SIL Open Font License (OFL) 2 | http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL 3 | -------------------------------------------------------------------------------- /Bootstrap/lib/font/league-gothic/league-gothic.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'League Gothic'; 3 | src: url('league-gothic.eot'); 4 | src: url('league-gothic.eot?#iefix') format('embedded-opentype'), 5 | url('league-gothic.woff') format('woff'), 6 | url('league-gothic.ttf') format('truetype'); 7 | 8 | font-weight: normal; 9 | font-style: normal; 10 | } -------------------------------------------------------------------------------- /Bootstrap/lib/font/league-gothic/league-gothic.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/Bootstrap/lib/font/league-gothic/league-gothic.eot -------------------------------------------------------------------------------- /Bootstrap/lib/font/league-gothic/league-gothic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/Bootstrap/lib/font/league-gothic/league-gothic.ttf -------------------------------------------------------------------------------- /Bootstrap/lib/font/league-gothic/league-gothic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/Bootstrap/lib/font/league-gothic/league-gothic.woff -------------------------------------------------------------------------------- /Bootstrap/lib/font/source-sans-pro/source-sans-pro-italic.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/Bootstrap/lib/font/source-sans-pro/source-sans-pro-italic.eot -------------------------------------------------------------------------------- /Bootstrap/lib/font/source-sans-pro/source-sans-pro-italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/Bootstrap/lib/font/source-sans-pro/source-sans-pro-italic.ttf -------------------------------------------------------------------------------- /Bootstrap/lib/font/source-sans-pro/source-sans-pro-italic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/Bootstrap/lib/font/source-sans-pro/source-sans-pro-italic.woff -------------------------------------------------------------------------------- /Bootstrap/lib/font/source-sans-pro/source-sans-pro-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/Bootstrap/lib/font/source-sans-pro/source-sans-pro-regular.eot -------------------------------------------------------------------------------- /Bootstrap/lib/font/source-sans-pro/source-sans-pro-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/Bootstrap/lib/font/source-sans-pro/source-sans-pro-regular.ttf -------------------------------------------------------------------------------- /Bootstrap/lib/font/source-sans-pro/source-sans-pro-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/Bootstrap/lib/font/source-sans-pro/source-sans-pro-regular.woff -------------------------------------------------------------------------------- /Bootstrap/lib/font/source-sans-pro/source-sans-pro-semibold.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/Bootstrap/lib/font/source-sans-pro/source-sans-pro-semibold.eot -------------------------------------------------------------------------------- /Bootstrap/lib/font/source-sans-pro/source-sans-pro-semibold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/Bootstrap/lib/font/source-sans-pro/source-sans-pro-semibold.ttf -------------------------------------------------------------------------------- /Bootstrap/lib/font/source-sans-pro/source-sans-pro-semibold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/Bootstrap/lib/font/source-sans-pro/source-sans-pro-semibold.woff -------------------------------------------------------------------------------- /Bootstrap/lib/font/source-sans-pro/source-sans-pro-semibolditalic.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/Bootstrap/lib/font/source-sans-pro/source-sans-pro-semibolditalic.eot -------------------------------------------------------------------------------- /Bootstrap/lib/font/source-sans-pro/source-sans-pro-semibolditalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/Bootstrap/lib/font/source-sans-pro/source-sans-pro-semibolditalic.ttf -------------------------------------------------------------------------------- /Bootstrap/lib/font/source-sans-pro/source-sans-pro-semibolditalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/Bootstrap/lib/font/source-sans-pro/source-sans-pro-semibolditalic.woff -------------------------------------------------------------------------------- /Bootstrap/lib/font/source-sans-pro/source-sans-pro.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'Source Sans Pro'; 3 | src: url('source-sans-pro-regular.eot'); 4 | src: url('source-sans-pro-regular.eot?#iefix') format('embedded-opentype'), 5 | url('source-sans-pro-regular.woff') format('woff'), 6 | url('source-sans-pro-regular.ttf') format('truetype'); 7 | font-weight: normal; 8 | font-style: normal; 9 | } 10 | 11 | @font-face { 12 | font-family: 'Source Sans Pro'; 13 | src: url('source-sans-pro-italic.eot'); 14 | src: url('source-sans-pro-italic.eot?#iefix') format('embedded-opentype'), 15 | url('source-sans-pro-italic.woff') format('woff'), 16 | url('source-sans-pro-italic.ttf') format('truetype'); 17 | font-weight: normal; 18 | font-style: italic; 19 | } 20 | 21 | @font-face { 22 | font-family: 'Source Sans Pro'; 23 | src: url('source-sans-pro-semibold.eot'); 24 | src: url('source-sans-pro-semibold.eot?#iefix') format('embedded-opentype'), 25 | url('source-sans-pro-semibold.woff') format('woff'), 26 | url('source-sans-pro-semibold.ttf') format('truetype'); 27 | font-weight: 600; 28 | font-style: normal; 29 | } 30 | 31 | @font-face { 32 | font-family: 'Source Sans Pro'; 33 | src: url('source-sans-pro-semibolditalic.eot'); 34 | src: url('source-sans-pro-semibolditalic.eot?#iefix') format('embedded-opentype'), 35 | url('source-sans-pro-semibolditalic.woff') format('woff'), 36 | url('source-sans-pro-semibolditalic.ttf') format('truetype'); 37 | font-weight: 600; 38 | font-style: italic; 39 | } -------------------------------------------------------------------------------- /Bootstrap/lib/js/html5shiv.js: -------------------------------------------------------------------------------- 1 | document.createElement('header'); 2 | document.createElement('nav'); 3 | document.createElement('section'); 4 | document.createElement('article'); 5 | document.createElement('aside'); 6 | document.createElement('footer'); 7 | document.createElement('hgroup'); -------------------------------------------------------------------------------- /Bootstrap/plugin/markdown/example.md: -------------------------------------------------------------------------------- 1 | # Markdown Demo 2 | 3 | 4 | 5 | ## External 1.1 6 | 7 | Content 1.1 8 | 9 | Note: This will only appear in the speaker notes window. 10 | 11 | 12 | ## External 1.2 13 | 14 | Content 1.2 15 | 16 | 17 | 18 | ## External 2 19 | 20 | Content 2.1 21 | 22 | 23 | 24 | ## External 3.1 25 | 26 | Content 3.1 27 | 28 | 29 | ## External 3.2 30 | 31 | Content 3.2 32 | 33 | 34 | ## External 3.3 35 | 36 | ![External Image](https://s3.amazonaws.com/static.slid.es/logo/v2/slides-symbol-512x512.png) 37 | -------------------------------------------------------------------------------- /Bootstrap/plugin/multiplex/client.js: -------------------------------------------------------------------------------- 1 | (function() { 2 | var multiplex = Reveal.getConfig().multiplex; 3 | var socketId = multiplex.id; 4 | var socket = io.connect(multiplex.url); 5 | 6 | socket.on(multiplex.id, function(data) { 7 | // ignore data from sockets that aren't ours 8 | if (data.socketId !== socketId) { return; } 9 | if( window.location.host === 'localhost:1947' ) return; 10 | 11 | Reveal.setState(data.state); 12 | }); 13 | }()); 14 | -------------------------------------------------------------------------------- /Bootstrap/plugin/multiplex/index.js: -------------------------------------------------------------------------------- 1 | var http = require('http'); 2 | var express = require('express'); 3 | var fs = require('fs'); 4 | var io = require('socket.io'); 5 | var crypto = require('crypto'); 6 | 7 | var app = express(); 8 | var staticDir = express.static; 9 | var server = http.createServer(app); 10 | 11 | io = io(server); 12 | 13 | var opts = { 14 | port: process.env.PORT || 1948, 15 | baseDir : __dirname + '/../../' 16 | }; 17 | 18 | io.on( 'connection', function( socket ) { 19 | socket.on('multiplex-statechanged', function(data) { 20 | if (typeof data.secret == 'undefined' || data.secret == null || data.secret === '') return; 21 | if (createHash(data.secret) === data.socketId) { 22 | data.secret = null; 23 | socket.broadcast.emit(data.socketId, data); 24 | }; 25 | }); 26 | }); 27 | 28 | [ 'css', 'js', 'plugin', 'lib' ].forEach(function(dir) { 29 | app.use('/' + dir, staticDir(opts.baseDir + dir)); 30 | }); 31 | 32 | app.get("/", function(req, res) { 33 | res.writeHead(200, {'Content-Type': 'text/html'}); 34 | 35 | var stream = fs.createReadStream(opts.baseDir + '/index.html'); 36 | stream.on('error', function( error ) { 37 | res.write('

reveal.js multiplex server.

Generate token'); 38 | res.end(); 39 | }); 40 | stream.on('readable', function() { 41 | stream.pipe(res); 42 | }); 43 | }); 44 | 45 | app.get("/token", function(req,res) { 46 | var ts = new Date().getTime(); 47 | var rand = Math.floor(Math.random()*9999999); 48 | var secret = ts.toString() + rand.toString(); 49 | res.send({secret: secret, socketId: createHash(secret)}); 50 | }); 51 | 52 | var createHash = function(secret) { 53 | var cipher = crypto.createCipher('blowfish', secret); 54 | return(cipher.final('hex')); 55 | }; 56 | 57 | // Actually listen 58 | server.listen( opts.port || null ); 59 | 60 | var brown = '\033[33m', 61 | green = '\033[32m', 62 | reset = '\033[0m'; 63 | 64 | console.log( brown + "reveal.js:" + reset + " Multiplex running on port " + green + opts.port + reset ); -------------------------------------------------------------------------------- /Bootstrap/plugin/multiplex/master.js: -------------------------------------------------------------------------------- 1 | (function() { 2 | 3 | // Don't emit events from inside of notes windows 4 | if ( window.location.search.match( /receiver/gi ) ) { return; } 5 | 6 | var multiplex = Reveal.getConfig().multiplex; 7 | 8 | var socket = io.connect( multiplex.url ); 9 | 10 | function post() { 11 | 12 | var messageData = { 13 | state: Reveal.getState(), 14 | secret: multiplex.secret, 15 | socketId: multiplex.id 16 | }; 17 | 18 | socket.emit( 'multiplex-statechanged', messageData ); 19 | 20 | }; 21 | 22 | // post once the page is loaded, so the client follows also on "open URL". 23 | window.addEventListener( 'load', post ); 24 | 25 | // Monitor events that trigger a change in state 26 | Reveal.addEventListener( 'slidechanged', post ); 27 | Reveal.addEventListener( 'fragmentshown', post ); 28 | Reveal.addEventListener( 'fragmenthidden', post ); 29 | Reveal.addEventListener( 'overviewhidden', post ); 30 | Reveal.addEventListener( 'overviewshown', post ); 31 | Reveal.addEventListener( 'paused', post ); 32 | Reveal.addEventListener( 'resumed', post ); 33 | 34 | }()); 35 | -------------------------------------------------------------------------------- /Bootstrap/plugin/multiplex/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "reveal-js-multiplex", 3 | "version": "1.0.0", 4 | "description": "reveal.js multiplex server", 5 | "homepage": "http://revealjs.com", 6 | "scripts": { 7 | "start": "node index.js" 8 | }, 9 | "engines": { 10 | "node": "~4.1.1" 11 | }, 12 | "dependencies": { 13 | "express": "~4.13.3", 14 | "grunt-cli": "~0.1.13", 15 | "mustache": "~2.2.1", 16 | "socket.io": "~1.3.7" 17 | }, 18 | "license": "MIT" 19 | } 20 | -------------------------------------------------------------------------------- /Bootstrap/plugin/notes-server/client.js: -------------------------------------------------------------------------------- 1 | (function() { 2 | 3 | // don't emit events from inside the previews themselves 4 | if( window.location.search.match( /receiver/gi ) ) { return; } 5 | 6 | var socket = io.connect( window.location.origin ), 7 | socketId = Math.random().toString().slice( 2 ); 8 | 9 | console.log( 'View slide notes at ' + window.location.origin + '/notes/' + socketId ); 10 | 11 | window.open( window.location.origin + '/notes/' + socketId, 'notes-' + socketId ); 12 | 13 | /** 14 | * Posts the current slide data to the notes window 15 | */ 16 | function post() { 17 | 18 | var slideElement = Reveal.getCurrentSlide(), 19 | notesElement = slideElement.querySelector( 'aside.notes' ); 20 | 21 | var messageData = { 22 | notes: '', 23 | markdown: false, 24 | socketId: socketId, 25 | state: Reveal.getState() 26 | }; 27 | 28 | // Look for notes defined in a slide attribute 29 | if( slideElement.hasAttribute( 'data-notes' ) ) { 30 | messageData.notes = slideElement.getAttribute( 'data-notes' ); 31 | } 32 | 33 | // Look for notes defined in an aside element 34 | if( notesElement ) { 35 | messageData.notes = notesElement.innerHTML; 36 | messageData.markdown = typeof notesElement.getAttribute( 'data-markdown' ) === 'string'; 37 | } 38 | 39 | socket.emit( 'statechanged', messageData ); 40 | 41 | } 42 | 43 | // When a new notes window connects, post our current state 44 | socket.on( 'new-subscriber', function( data ) { 45 | post(); 46 | } ); 47 | 48 | // When the state changes from inside of the speaker view 49 | socket.on( 'statechanged-speaker', function( data ) { 50 | Reveal.setState( data.state ); 51 | } ); 52 | 53 | // Monitor events that trigger a change in state 54 | Reveal.addEventListener( 'slidechanged', post ); 55 | Reveal.addEventListener( 'fragmentshown', post ); 56 | Reveal.addEventListener( 'fragmenthidden', post ); 57 | Reveal.addEventListener( 'overviewhidden', post ); 58 | Reveal.addEventListener( 'overviewshown', post ); 59 | Reveal.addEventListener( 'paused', post ); 60 | Reveal.addEventListener( 'resumed', post ); 61 | 62 | // Post the initial state 63 | post(); 64 | 65 | }()); 66 | -------------------------------------------------------------------------------- /Bootstrap/plugin/notes-server/index.js: -------------------------------------------------------------------------------- 1 | var http = require('http'); 2 | var express = require('express'); 3 | var fs = require('fs'); 4 | var io = require('socket.io'); 5 | var Mustache = require('mustache'); 6 | 7 | var app = express(); 8 | var staticDir = express.static; 9 | var server = http.createServer(app); 10 | 11 | io = io(server); 12 | 13 | var opts = { 14 | port : 1947, 15 | baseDir : __dirname + '/../../' 16 | }; 17 | 18 | io.on( 'connection', function( socket ) { 19 | 20 | socket.on( 'new-subscriber', function( data ) { 21 | socket.broadcast.emit( 'new-subscriber', data ); 22 | }); 23 | 24 | socket.on( 'statechanged', function( data ) { 25 | delete data.state.overview; 26 | socket.broadcast.emit( 'statechanged', data ); 27 | }); 28 | 29 | socket.on( 'statechanged-speaker', function( data ) { 30 | delete data.state.overview; 31 | socket.broadcast.emit( 'statechanged-speaker', data ); 32 | }); 33 | 34 | }); 35 | 36 | [ 'css', 'js', 'images', 'plugin', 'lib' ].forEach( function( dir ) { 37 | app.use( '/' + dir, staticDir( opts.baseDir + dir ) ); 38 | }); 39 | 40 | app.get('/', function( req, res ) { 41 | 42 | res.writeHead( 200, { 'Content-Type': 'text/html' } ); 43 | fs.createReadStream( opts.baseDir + '/index.html' ).pipe( res ); 44 | 45 | }); 46 | 47 | app.get( '/notes/:socketId', function( req, res ) { 48 | 49 | fs.readFile( opts.baseDir + 'plugin/notes-server/notes.html', function( err, data ) { 50 | res.send( Mustache.to_html( data.toString(), { 51 | socketId : req.params.socketId 52 | })); 53 | }); 54 | 55 | }); 56 | 57 | // Actually listen 58 | server.listen( opts.port || null ); 59 | 60 | var brown = '\033[33m', 61 | green = '\033[32m', 62 | reset = '\033[0m'; 63 | 64 | var slidesLocation = 'http://localhost' + ( opts.port ? ( ':' + opts.port ) : '' ); 65 | 66 | console.log( brown + 'reveal.js - Speaker Notes' + reset ); 67 | console.log( '1. Open the slides at ' + green + slidesLocation + reset ); 68 | console.log( '2. Click on the link in your JS console to go to the notes page' ); 69 | console.log( '3. Advance through your slides and your notes will advance automatically' ); 70 | -------------------------------------------------------------------------------- /Bootstrap/plugin/print-pdf/print-pdf.js: -------------------------------------------------------------------------------- 1 | /** 2 | * phantomjs script for printing presentations to PDF. 3 | * 4 | * Example: 5 | * phantomjs print-pdf.js "http://revealjs.com?print-pdf" reveal-demo.pdf 6 | * 7 | * @author Manuel Bieh (https://github.com/manuelbieh) 8 | * @author Hakim El Hattab (https://github.com/hakimel) 9 | * @author Manuel Riezebosch (https://github.com/riezebosch) 10 | */ 11 | 12 | // html2pdf.js 13 | var system = require( 'system' ); 14 | 15 | var probePage = new WebPage(); 16 | var printPage = new WebPage(); 17 | 18 | var inputFile = system.args[1] || 'index.html?print-pdf'; 19 | var outputFile = system.args[2] || 'slides.pdf'; 20 | 21 | if( outputFile.match( /\.pdf$/gi ) === null ) { 22 | outputFile += '.pdf'; 23 | } 24 | 25 | console.log( 'Export PDF: Reading reveal.js config [1/4]' ); 26 | 27 | probePage.open( inputFile, function( status ) { 28 | 29 | console.log( 'Export PDF: Preparing print layout [2/4]' ); 30 | 31 | var config = probePage.evaluate( function() { 32 | return Reveal.getConfig(); 33 | } ); 34 | 35 | if( config ) { 36 | 37 | printPage.paperSize = { 38 | width: Math.floor( config.width * ( 1 + config.margin ) ), 39 | height: Math.floor( config.height * ( 1 + config.margin ) ), 40 | border: 0 41 | }; 42 | 43 | printPage.open( inputFile, function( status ) { 44 | console.log( 'Export PDF: Preparing pdf [3/4]') 45 | printPage.evaluate( function() { 46 | Reveal.isReady() ? window.callPhantom() : Reveal.addEventListener( 'pdf-ready', window.callPhantom ); 47 | } ); 48 | } ); 49 | 50 | printPage.onCallback = function( data ) { 51 | // For some reason we need to "jump the queue" for syntax highlighting to work. 52 | // See: http://stackoverflow.com/a/3580132/129269 53 | setTimeout( function() { 54 | console.log( 'Export PDF: Writing file [4/4]' ); 55 | printPage.render( outputFile ); 56 | console.log( 'Export PDF: Finished successfully!' ); 57 | phantom.exit(); 58 | }, 0 ); 59 | }; 60 | } 61 | else { 62 | 63 | console.log( 'Export PDF: Unable to read reveal.js config. Make sure the input address points to a reveal.js page.' ); 64 | phantom.exit( 1 ); 65 | 66 | } 67 | } ); 68 | -------------------------------------------------------------------------------- /CSS/CssGrid.md: -------------------------------------------------------------------------------- 1 | # CSS Grid Notes 2 | 3 | * [Grid by Example](https://gridbyexample.com/) 4 | 5 | * [Grid Systems (generally)](http://thegridsystem.net/) 6 | 7 | * [A Complete Guide to Grid by CSS Tricks](https://css-tricks.com/snippets/css/complete-guide-grid/) 8 | 9 | * [A Complete Guide to CSS Grid by Codrops](https://tympanus.net/codrops/css_reference/grid/) 10 | 11 | * [Learn CSS Grid for free](https://scrimba.com/g/gR8PTE) 12 | 13 | * [Learn how box alignment works for CSS Grid and Flexbox](https://ishadeed.com/article/learn-box-alignment/) 14 | 15 | ## Grid Generators 16 | 17 | * [CSS Grid Generator by Sarah Drasner](https://cssgrid-generator.netlify.com/) 18 | 19 | * [LayoutIt by Leniolabs](https://grid.layoutit.com/) 20 | 21 | * [CSS Grid Layout Generator by Dmitrii Bykov](https://css-grid-layout-generator.pw/) 22 | 23 | ## Play & Learn 24 | 25 | * [CSS Grid Garden](https://cssgridgarden.com/) 26 | -------------------------------------------------------------------------------- /Cheatsheets/CSS-selectors-cheatsheet.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/Cheatsheets/CSS-selectors-cheatsheet.pdf -------------------------------------------------------------------------------- /Cheatsheets/cheatsheets.md: -------------------------------------------------------------------------------- 1 | ## CHEATSHEETS 2 | 3 | ### CSS 4 | * [CSS Cheat Sheet](http://overapi.com/css) 5 | * [SASS](https://devhints.io/sass) 6 | 7 | ### JAVASCRIPT 8 | * [JavaScript Cheatsheet](http://overapi.com/javascript) 9 | * [JavaScript ES2015 (and beyond) features](https://devhints.io/es6) 10 | * [JavaScript Regular Expression](https://www.debuggex.com/cheatsheet/regex/javascript) 11 | * [React](https://devhints.io/react) 12 | * [Vue](https://vuejs-tips.github.io/cheatsheet/) 13 | * [Angular](https://angular.io/guide/cheatsheet) 14 | -------------------------------------------------------------------------------- /Cheatsheets/css3-cheat-sheet.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/Cheatsheets/css3-cheat-sheet.pdf -------------------------------------------------------------------------------- /CommandLine/Command_Line_Basics.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/CommandLine/Command_Line_Basics.pdf -------------------------------------------------------------------------------- /CommandLine/Linux_Command_Reference_Cheatsheet.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/CommandLine/Linux_Command_Reference_Cheatsheet.pdf -------------------------------------------------------------------------------- /DevTools/Typography.md: -------------------------------------------------------------------------------- 1 | # Typography Resources 2 | 3 | ## Read 4 | 5 | * [The Elements of Typographic Style by Robert Bringhurst](https://www.goodreads.com/book/show/44735.The_Elements_of_Typographic_Style?ac=1&from_search=true) 6 | 7 | * [Practical Typography](https://practicaltypography.com/) 8 | 9 | * [The Elements of Typographic style applied to the Web](http://webtypography.net/toc/) 10 | 11 | * [Anatomy of a typeface](http://typedia.com/learn/only/anatomy-of-a-typeface/) 12 | 13 | * [Rem vs Em guide](https://is.gd/GmimuG) 14 | 15 | ## Inspiration 16 | 17 | * [Google fonts Combinations](http://fonts.greatsimple.io/archivo-tenor/) 18 | 19 | * [Typespriration](http://typespiration.com/) 20 | 21 | * [Typewolf](https://www.typewolf.com/) 22 | 23 | * [Font combinations](https://www.canva.com/font-combinations/) 24 | 25 | ## Tools 26 | 27 | * [Modular Scale from Tim Brown](http://www.modularscale.com) 28 | 29 | * [Px to Em converter](http://pxtoem.com/) 30 | 31 | * [Golden Ratio Typography Calculator](https://grtcalculator.com/) 32 | 33 | * [Tiff](http://tiff.herokuapp.com/) 34 | 35 | * [Webfontspecimen](http://webfontspecimen.com/) 36 | 37 | * [Variable Fonts](https://v-fonts.com/) 38 | 39 | * [Transfonter: Modern and simple css @font-face generator](https://transfonter.org/) 40 | 41 | ## Fonts (free) 42 | 43 | * [Google fonts](https://fonts.google.com/) 44 | 45 | * [Font Squirrel](https://fontsquirrel.com/) 46 | 47 | * [Font Space](https://fontspace.com/) 48 | 49 | * [Befonts](https://befonts.com/) 50 | 51 | * [Dafont](https://www.dafont.com/) 52 | 53 | ## Extensions 54 | 55 | * [What font -Chrome extension](https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm?hl=en) 56 | 57 | * [Fontface Ninja](https://fontface.ninja/) 58 | -------------------------------------------------------------------------------- /DevTools/VS-Code/Visual Studio Code Notes.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/DevTools/VS-Code/Visual Studio Code Notes.pdf -------------------------------------------------------------------------------- /Exercises/Project-Description.txt: -------------------------------------------------------------------------------- 1 | Based on the index.html file (https://github.com/epicurusgarden/techtalent/blob/master/index.html) [is.gd/HhZb5o] we done on previous lesson: 2 | 3 | 1. Add a carousel at the beginning of your page. 4 | 2. Add a card element in the side bar 5 | 3. Create a footer with 3 columns and put: 6 | - In the first your own copyright 7 | - In the second your contact details (tel, email, address, etc) with icons 8 | - In the third your social media (icons + links 9 | 10 | 11 | 4. Make a new About page with: 12 | - A section of basic info about your site 13 | - A contact form 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 |

43 | -------------------------------------------------------------------------------- /Exercises/bootsrap-project-image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/Exercises/bootsrap-project-image.png -------------------------------------------------------------------------------- /Exercises/login-form.css: -------------------------------------------------------------------------------- 1 | @import url(https://fonts.googleapis.com/css?family=Lato:100,300,400); 2 | @import url(https://fonts.googleapis.com/css?family=Montserrat:500,700); 3 | 4 | :root { 5 | box-sizing: border-box; 6 | } 7 | 8 | *, 9 | ::before, 10 | ::after { 11 | box-sizing: inherit; 12 | } 13 | 14 | body * + * { 15 | margin-top: 1.6em; 16 | } 17 | 18 | body { 19 | font-family: "Lato", Helvetica, Arial, sans-serif; 20 | font-weight: 300; 21 | font-size: 0.875em; 22 | line-height: 1.9em; 23 | color:#000; 24 | background: #f9f9f9; 25 | } 26 | 27 | .login-form { 28 | display: flex; 29 | justify-content: flex-end; 30 | width: 100vw; 31 | max-width: 26em; 32 | height: 100vh; 33 | max-height: 20em; 34 | padding: 2em 1.6em 1.6em 2em; 35 | margin: 25% auto; 36 | border: 0.1em solid #b3b3b3; 37 | box-shadow: 0.2em 0.13em 0.13em 0.1em #d6d6d6; 38 | } 39 | 40 | .main-form { 41 | flex-direction: row; 42 | flex-wrap: wrap; 43 | align-items: center; 44 | } 45 | 46 | #logo { 47 | width: auto; 48 | } 49 | 50 | #mars-circle { 51 | width: 3em; 52 | height: 3em; 53 | color: white; 54 | display: inline-block; 55 | background: black; 56 | border-radius: 50%; 57 | text-align: center; 58 | line-height: 3em; 59 | } 60 | 61 | .input-data { 62 | color: #ababab; 63 | border: none; 64 | border-bottom: 0.01em solid black; 65 | background: transparent; 66 | font-size: 1.2em; 67 | line-height: 1em; 68 | margin: 0.5em auto; 69 | padding: 0.1em; 70 | width: 100%; 71 | max-width: 18em; 72 | } 73 | 74 | .submit-data { 75 | 76 | font-family:"Montserrat", Helvetica, Arial, sans-serif; 77 | color: #ababab; 78 | background: #e0e0e0; 79 | padding: 0.3em; 80 | /* border: .5em solid bisque; */ 81 | outline: none; 82 | cursor: pointer; 83 | text-align: center; 84 | font-weight: bold; 85 | text-transform: uppercase; 86 | text-decoration:none; 87 | width: 30%; 88 | margin-left: 70%; 89 | } 90 | 91 | -------------------------------------------------------------------------------- /Play & Learn/Coding games.md: -------------------------------------------------------------------------------- 1 | # Learn to Code with a game 2 | 3 | (Presented Alphabetically by Tech/Lang/Sector) 4 | 5 | ## CRYPTOGRAPHY 6 | 7 | * [CRYPTOHACK: A fun platform for learning modern cryptography](https://cryptohack.org/) 8 | 9 | ## CSS 10 | 11 | Learn CSS Grid 12 | 13 | * [CSS GRID GARDEN](https://cssgridgarden.com/) 14 | 15 | Learn Flexbox 16 | 17 | * [FLEXBOX FROGGY](https://flexboxfroggy.com) 18 | 19 | * [FLEXBOX PLAYGROUND](https://codepen.io/enxaneta/pen/adLPwv) 20 | 21 | * [FLEXBOX ZOMBIES](https://flexboxzombies.com/p/flexbox-zombies) 22 | 23 | * [FLEXBOX DEFENCE](http://www.flexboxdefense.com/) 24 | 25 | ## GENERAL 26 | 27 | * [CODEWARS](https://www.codewars.com/) 28 | 29 | ## GIT 30 | 31 | * [Learn Git Branching](https://learngitbranching.js.org/) 32 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | Resources for Tech Talent School Lessons 2 | 3 |
4 | Javascript Notes & Resources: 5 | 15 |
16 | 17 |
18 | Presentations: 19 | 25 |
26 | 27 |
28 | CSS Layouts: 29 | 33 |
34 | 35 |
36 | Cheatsheets: 37 | 43 |
44 | 45 |
46 | Developer Tools Resources: 47 | 51 |
52 | 53 |
54 | Play & Learn: 55 | 58 |
59 | -------------------------------------------------------------------------------- /git/Git and Github notes.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/Git and Github notes.pdf -------------------------------------------------------------------------------- /git/git-cheat-sheet.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/git-cheat-sheet.pdf -------------------------------------------------------------------------------- /git/img/AddRepotoGit.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/img/AddRepotoGit.png -------------------------------------------------------------------------------- /git/img/AddRepotoGitCheck.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/img/AddRepotoGitCheck.png -------------------------------------------------------------------------------- /git/img/CollabHistoryTracking.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/img/CollabHistoryTracking.jpg -------------------------------------------------------------------------------- /git/img/CreatingRepo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/img/CreatingRepo.png -------------------------------------------------------------------------------- /git/img/DistributedVCS.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/img/DistributedVCS.png -------------------------------------------------------------------------------- /git/img/Git-workflow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/img/Git-workflow.png -------------------------------------------------------------------------------- /git/img/Git-workflow_negatif.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/img/Git-workflow_negatif.png -------------------------------------------------------------------------------- /git/img/GitFirstSetup.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/img/GitFirstSetup.png -------------------------------------------------------------------------------- /git/img/GitRepos.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/img/GitRepos.png -------------------------------------------------------------------------------- /git/img/GitReposComic.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/img/GitReposComic.png -------------------------------------------------------------------------------- /git/img/Git_101.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/img/Git_101.png -------------------------------------------------------------------------------- /git/img/Git_CommandLine.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/img/Git_CommandLine.png -------------------------------------------------------------------------------- /git/img/Git_CommandLine_negatif.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/img/Git_CommandLine_negatif.png -------------------------------------------------------------------------------- /git/img/HistoryTracking.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/img/HistoryTracking.jpg -------------------------------------------------------------------------------- /git/img/LocalVersionControl.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/img/LocalVersionControl.png -------------------------------------------------------------------------------- /git/img/PlethoraCommits.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/img/PlethoraCommits.jpg -------------------------------------------------------------------------------- /git/img/RemoveGithubRepo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/img/RemoveGithubRepo.png -------------------------------------------------------------------------------- /git/img/Torvalds_git.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/img/Torvalds_git.png -------------------------------------------------------------------------------- /git/img/browser-grid-plain.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /git/img/browser-grid.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /git/img/browser-site.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /git/img/bte.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/img/bte.png -------------------------------------------------------------------------------- /git/img/cent_vs_desc.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/img/cent_vs_desc.png -------------------------------------------------------------------------------- /git/img/cent_vs_desc_negatif.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/img/cent_vs_desc_negatif.png -------------------------------------------------------------------------------- /git/img/git-commands-exercise-grey.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/img/git-commands-exercise-grey.png -------------------------------------------------------------------------------- /git/img/git-commands-exercise.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/img/git-commands-exercise.png -------------------------------------------------------------------------------- /git/img/git-icon.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /git/img/laptop-apache.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/img/laptop-apache.png -------------------------------------------------------------------------------- /git/img/laptop-browser.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/img/laptop-browser.png -------------------------------------------------------------------------------- /git/img/laptop.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/img/laptop.png -------------------------------------------------------------------------------- /git/img/twitter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/img/twitter.png -------------------------------------------------------------------------------- /git/libs/revealjs/css/theme/README.md: -------------------------------------------------------------------------------- 1 | ## Dependencies 2 | 3 | Themes are written using Sass to keep things modular and reduce the need for repeated selectors across files. Make sure that you have the reveal.js development environment including the Grunt dependencies installed before proceeding: https://github.com/hakimel/reveal.js#full-setup 4 | 5 | ## Creating a Theme 6 | 7 | To create your own theme, start by duplicating a ```.scss``` file in [/css/theme/source](https://github.com/hakimel/reveal.js/blob/master/css/theme/source). It will be automatically compiled by Grunt from Sass to CSS (see the [Gruntfile](https://github.com/hakimel/reveal.js/blob/master/Gruntfile.js)) when you run `npm run build -- css-themes`. 8 | 9 | Each theme file does four things in the following order: 10 | 11 | 1. **Include [/css/theme/template/mixins.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/mixins.scss)** 12 | Shared utility functions. 13 | 14 | 2. **Include [/css/theme/template/settings.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/settings.scss)** 15 | Declares a set of custom variables that the template file (step 4) expects. Can be overridden in step 3. 16 | 17 | 3. **Override** 18 | This is where you override the default theme. Either by specifying variables (see [settings.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/settings.scss) for reference) or by adding any selectors and styles you please. 19 | 20 | 4. **Include [/css/theme/template/theme.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/theme.scss)** 21 | The template theme file which will generate final CSS output based on the currently defined variables. 22 | -------------------------------------------------------------------------------- /git/libs/revealjs/css/theme/source/beige.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Beige theme for reveal.js. 3 | * 4 | * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se 5 | */ 6 | 7 | 8 | // Default mixins and settings ----------------- 9 | @import "../template/mixins"; 10 | @import "../template/settings"; 11 | // --------------------------------------------- 12 | 13 | 14 | 15 | // Include theme-specific fonts 16 | @import url(../../lib/font/league-gothic/league-gothic.css); 17 | @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); 18 | 19 | 20 | // Override theme settings (see ../template/settings.scss) 21 | $mainColor: #333; 22 | $headingColor: #333; 23 | $headingTextShadow: none; 24 | $backgroundColor: #f7f3de; 25 | $linkColor: #8b743d; 26 | $linkColorHover: lighten( $linkColor, 20% ); 27 | $selectionBackgroundColor: rgba(79, 64, 28, 0.99); 28 | $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); 29 | 30 | // Background generator 31 | @mixin bodyBackground() { 32 | @include radial-gradient( rgba(247,242,211,1), rgba(255,255,255,1) ); 33 | } 34 | 35 | 36 | 37 | // Theme template ------------------------------ 38 | @import "../template/theme"; 39 | // --------------------------------------------- -------------------------------------------------------------------------------- /git/libs/revealjs/css/theme/source/black.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Black theme for reveal.js. This is the opposite of the 'white' theme. 3 | * 4 | * By Hakim El Hattab, http://hakim.se 5 | */ 6 | 7 | 8 | // Default mixins and settings ----------------- 9 | @import "../template/mixins"; 10 | @import "../template/settings"; 11 | // --------------------------------------------- 12 | 13 | 14 | // Include theme-specific fonts 15 | @import url(../../lib/font/source-sans-pro/source-sans-pro.css); 16 | 17 | 18 | // Override theme settings (see ../template/settings.scss) 19 | $backgroundColor: #222; 20 | 21 | $mainColor: #fff; 22 | $headingColor: #fff; 23 | 24 | $mainFontSize: 42px; 25 | $mainFont: 'Source Sans Pro', Helvetica, sans-serif; 26 | $headingFont: 'Source Sans Pro', Helvetica, sans-serif; 27 | $headingTextShadow: none; 28 | $headingLetterSpacing: normal; 29 | $headingTextTransform: uppercase; 30 | $headingFontWeight: 600; 31 | $linkColor: #42affa; 32 | $linkColorHover: lighten( $linkColor, 15% ); 33 | $selectionBackgroundColor: lighten( $linkColor, 25% ); 34 | 35 | $heading1Size: 2.5em; 36 | $heading2Size: 1.6em; 37 | $heading3Size: 1.3em; 38 | $heading4Size: 1.0em; 39 | 40 | section.has-light-background { 41 | &, h1, h2, h3, h4, h5, h6 { 42 | color: #222; 43 | } 44 | } 45 | 46 | 47 | // Theme template ------------------------------ 48 | @import "../template/theme"; 49 | // --------------------------------------------- -------------------------------------------------------------------------------- /git/libs/revealjs/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 | @import "../template/mixins"; 15 | @import "../template/settings"; 16 | // --------------------------------------------- 17 | 18 | // Include theme-specific fonts 19 | 20 | @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic); 21 | 22 | // Colors used in the theme 23 | $blood: #a23; 24 | $coal: #222; 25 | $codeBackground: #23241f; 26 | 27 | $backgroundColor: $coal; 28 | 29 | // Main text 30 | $mainFont: Ubuntu, 'sans-serif'; 31 | $mainColor: #eee; 32 | 33 | // Headings 34 | $headingFont: Ubuntu, 'sans-serif'; 35 | $headingTextShadow: 2px 2px 2px $coal; 36 | 37 | // h1 shadow, borrowed humbly from 38 | // (c) Default theme by Hakim El Hattab 39 | $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); 40 | 41 | // Links 42 | $linkColor: $blood; 43 | $linkColorHover: lighten( $linkColor, 20% ); 44 | 45 | // Text selection 46 | $selectionBackgroundColor: $blood; 47 | $selectionColor: #fff; 48 | 49 | 50 | // Theme template ------------------------------ 51 | @import "../template/theme"; 52 | // --------------------------------------------- 53 | 54 | // some overrides after theme template import 55 | 56 | .reveal p { 57 | font-weight: 300; 58 | text-shadow: 1px 1px $coal; 59 | } 60 | 61 | .reveal h1, 62 | .reveal h2, 63 | .reveal h3, 64 | .reveal h4, 65 | .reveal h5, 66 | .reveal h6 { 67 | font-weight: 700; 68 | } 69 | 70 | .reveal p code { 71 | background-color: $codeBackground; 72 | display: inline-block; 73 | border-radius: 7px; 74 | } 75 | 76 | .reveal small code { 77 | vertical-align: baseline; 78 | } -------------------------------------------------------------------------------- /git/libs/revealjs/css/theme/source/league.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * League theme for reveal.js. 3 | * 4 | * This was the default theme pre-3.0.0. 5 | * 6 | * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se 7 | */ 8 | 9 | 10 | // Default mixins and settings ----------------- 11 | @import "../template/mixins"; 12 | @import "../template/settings"; 13 | // --------------------------------------------- 14 | 15 | 16 | 17 | // Include theme-specific fonts 18 | @import url(../../lib/font/league-gothic/league-gothic.css); 19 | @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); 20 | 21 | // Override theme settings (see ../template/settings.scss) 22 | $headingTextShadow: 0px 0px 6px rgba(0,0,0,0.2); 23 | $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); 24 | 25 | // Background generator 26 | @mixin bodyBackground() { 27 | @include radial-gradient( rgba(28,30,32,1), rgba(85,90,95,1) ); 28 | } 29 | 30 | 31 | 32 | // Theme template ------------------------------ 33 | @import "../template/theme"; 34 | // --------------------------------------------- -------------------------------------------------------------------------------- /git/libs/revealjs/css/theme/source/moon.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Solarized Dark theme for reveal.js. 3 | * Author: Achim Staebler 4 | */ 5 | 6 | 7 | // Default mixins and settings ----------------- 8 | @import "../template/mixins"; 9 | @import "../template/settings"; 10 | // --------------------------------------------- 11 | 12 | 13 | 14 | // Include theme-specific fonts 15 | @import url(../../lib/font/league-gothic/league-gothic.css); 16 | @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); 17 | 18 | /** 19 | * Solarized colors by Ethan Schoonover 20 | */ 21 | html * { 22 | color-profile: sRGB; 23 | rendering-intent: auto; 24 | } 25 | 26 | // Solarized colors 27 | $base03: #002b36; 28 | $base02: #073642; 29 | $base01: #586e75; 30 | $base00: #657b83; 31 | $base0: #839496; 32 | $base1: #93a1a1; 33 | $base2: #eee8d5; 34 | $base3: #fdf6e3; 35 | $yellow: #b58900; 36 | $orange: #cb4b16; 37 | $red: #dc322f; 38 | $magenta: #d33682; 39 | $violet: #6c71c4; 40 | $blue: #268bd2; 41 | $cyan: #2aa198; 42 | $green: #859900; 43 | 44 | // Override theme settings (see ../template/settings.scss) 45 | $mainColor: $base1; 46 | $headingColor: $base2; 47 | $headingTextShadow: none; 48 | $backgroundColor: $base03; 49 | $linkColor: $blue; 50 | $linkColorHover: lighten( $linkColor, 20% ); 51 | $selectionBackgroundColor: $magenta; 52 | 53 | 54 | 55 | // Theme template ------------------------------ 56 | @import "../template/theme"; 57 | // --------------------------------------------- 58 | -------------------------------------------------------------------------------- /git/libs/revealjs/css/theme/source/night.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Black theme for reveal.js. 3 | * 4 | * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se 5 | */ 6 | 7 | 8 | // Default mixins and settings ----------------- 9 | @import "../template/mixins"; 10 | @import "../template/settings"; 11 | // --------------------------------------------- 12 | 13 | 14 | // Include theme-specific fonts 15 | @import url(https://fonts.googleapis.com/css?family=Montserrat:700); 16 | @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic); 17 | 18 | 19 | // Override theme settings (see ../template/settings.scss) 20 | $backgroundColor: #111; 21 | 22 | $mainFont: 'Open Sans', sans-serif; 23 | $linkColor: #e7ad52; 24 | $linkColorHover: lighten( $linkColor, 20% ); 25 | $headingFont: 'Montserrat', Impact, sans-serif; 26 | $headingTextShadow: none; 27 | $headingLetterSpacing: -0.03em; 28 | $headingTextTransform: none; 29 | $selectionBackgroundColor: #e7ad52; 30 | 31 | 32 | // Theme template ------------------------------ 33 | @import "../template/theme"; 34 | // --------------------------------------------- -------------------------------------------------------------------------------- /git/libs/revealjs/css/theme/source/serif.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * A simple theme for reveal.js presentations, similar 3 | * to the default theme. The accent color is brown. 4 | * 5 | * This theme is Copyright (C) 2012-2013 Owen Versteeg, http://owenversteeg.com - it is MIT licensed. 6 | */ 7 | 8 | 9 | // Default mixins and settings ----------------- 10 | @import "../template/mixins"; 11 | @import "../template/settings"; 12 | // --------------------------------------------- 13 | 14 | 15 | 16 | // Override theme settings (see ../template/settings.scss) 17 | $mainFont: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif; 18 | $mainColor: #000; 19 | $headingFont: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif; 20 | $headingColor: #383D3D; 21 | $headingTextShadow: none; 22 | $headingTextTransform: none; 23 | $backgroundColor: #F0F1EB; 24 | $linkColor: #51483D; 25 | $linkColorHover: lighten( $linkColor, 20% ); 26 | $selectionBackgroundColor: #26351C; 27 | 28 | .reveal a { 29 | line-height: 1.3em; 30 | } 31 | 32 | 33 | // Theme template ------------------------------ 34 | @import "../template/theme"; 35 | // --------------------------------------------- 36 | -------------------------------------------------------------------------------- /git/libs/revealjs/css/theme/source/simple.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * A simple theme for reveal.js presentations, similar 3 | * to the default theme. The accent color is darkblue. 4 | * 5 | * This theme is Copyright (C) 2012 Owen Versteeg, https://github.com/StereotypicalApps. It is MIT licensed. 6 | * reveal.js is Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se 7 | */ 8 | 9 | 10 | // Default mixins and settings ----------------- 11 | @import "../template/mixins"; 12 | @import "../template/settings"; 13 | // --------------------------------------------- 14 | 15 | 16 | 17 | // Include theme-specific fonts 18 | @import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700); 19 | @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); 20 | 21 | 22 | // Override theme settings (see ../template/settings.scss) 23 | $mainFont: 'Lato', sans-serif; 24 | $mainColor: #000; 25 | $headingFont: 'News Cycle', Impact, sans-serif; 26 | $headingColor: #000; 27 | $headingTextShadow: none; 28 | $headingTextTransform: none; 29 | $backgroundColor: #fff; 30 | $linkColor: #00008B; 31 | $linkColorHover: lighten( $linkColor, 20% ); 32 | $selectionBackgroundColor: rgba(0, 0, 0, 0.99); 33 | 34 | section.has-dark-background { 35 | &, h1, h2, h3, h4, h5, h6 { 36 | color: #fff; 37 | } 38 | } 39 | 40 | 41 | // Theme template ------------------------------ 42 | @import "../template/theme"; 43 | // --------------------------------------------- -------------------------------------------------------------------------------- /git/libs/revealjs/css/theme/source/sky.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Sky theme for reveal.js. 3 | * 4 | * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se 5 | */ 6 | 7 | 8 | // Default mixins and settings ----------------- 9 | @import "../template/mixins"; 10 | @import "../template/settings"; 11 | // --------------------------------------------- 12 | 13 | 14 | 15 | // Include theme-specific fonts 16 | @import url(https://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic); 17 | @import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700); 18 | 19 | 20 | // Override theme settings (see ../template/settings.scss) 21 | $mainFont: 'Open Sans', sans-serif; 22 | $mainColor: #333; 23 | $headingFont: 'Quicksand', sans-serif; 24 | $headingColor: #333; 25 | $headingLetterSpacing: -0.08em; 26 | $headingTextShadow: none; 27 | $backgroundColor: #f7fbfc; 28 | $linkColor: #3b759e; 29 | $linkColorHover: lighten( $linkColor, 20% ); 30 | $selectionBackgroundColor: #134674; 31 | 32 | // Fix links so they are not cut off 33 | .reveal a { 34 | line-height: 1.3em; 35 | } 36 | 37 | // Background generator 38 | @mixin bodyBackground() { 39 | @include radial-gradient( #add9e4, #f7fbfc ); 40 | } 41 | 42 | 43 | 44 | // Theme template ------------------------------ 45 | @import "../template/theme"; 46 | // --------------------------------------------- 47 | -------------------------------------------------------------------------------- /git/libs/revealjs/css/theme/source/solarized.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Solarized Light theme for reveal.js. 3 | * Author: Achim Staebler 4 | */ 5 | 6 | 7 | // Default mixins and settings ----------------- 8 | @import "../template/mixins"; 9 | @import "../template/settings"; 10 | // --------------------------------------------- 11 | 12 | 13 | 14 | // Include theme-specific fonts 15 | @import url(../../lib/font/league-gothic/league-gothic.css); 16 | @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); 17 | 18 | 19 | /** 20 | * Solarized colors by Ethan Schoonover 21 | */ 22 | html * { 23 | color-profile: sRGB; 24 | rendering-intent: auto; 25 | } 26 | 27 | // Solarized colors 28 | $base03: #002b36; 29 | $base02: #073642; 30 | $base01: #586e75; 31 | $base00: #657b83; 32 | $base0: #839496; 33 | $base1: #93a1a1; 34 | $base2: #eee8d5; 35 | $base3: #fdf6e3; 36 | $yellow: #b58900; 37 | $orange: #cb4b16; 38 | $red: #dc322f; 39 | $magenta: #d33682; 40 | $violet: #6c71c4; 41 | $blue: #268bd2; 42 | $cyan: #2aa198; 43 | $green: #859900; 44 | 45 | // Override theme settings (see ../template/settings.scss) 46 | $mainColor: $base00; 47 | $headingColor: $base01; 48 | $headingTextShadow: none; 49 | $backgroundColor: $base3; 50 | $linkColor: $blue; 51 | $linkColorHover: lighten( $linkColor, 20% ); 52 | $selectionBackgroundColor: $magenta; 53 | 54 | // Background generator 55 | // @mixin bodyBackground() { 56 | // @include radial-gradient( rgba($base3,1), rgba(lighten($base3, 20%),1) ); 57 | // } 58 | 59 | 60 | 61 | // Theme template ------------------------------ 62 | @import "../template/theme"; 63 | // --------------------------------------------- 64 | -------------------------------------------------------------------------------- /git/libs/revealjs/css/theme/source/white.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * White theme for reveal.js. This is the opposite of the 'black' theme. 3 | * 4 | * By Hakim El Hattab, http://hakim.se 5 | */ 6 | 7 | 8 | // Default mixins and settings ----------------- 9 | @import "../template/mixins"; 10 | @import "../template/settings"; 11 | // --------------------------------------------- 12 | 13 | 14 | // Include theme-specific fonts 15 | @import url(../../lib/font/source-sans-pro/source-sans-pro.css); 16 | 17 | 18 | // Override theme settings (see ../template/settings.scss) 19 | $backgroundColor: #fff; 20 | 21 | $mainColor: #222; 22 | $headingColor: #222; 23 | 24 | $mainFontSize: 42px; 25 | $mainFont: 'Source Sans Pro', Helvetica, sans-serif; 26 | $headingFont: 'Source Sans Pro', Helvetica, sans-serif; 27 | $headingTextShadow: none; 28 | $headingLetterSpacing: normal; 29 | $headingTextTransform: uppercase; 30 | $headingFontWeight: 600; 31 | $linkColor: #2a76dd; 32 | $linkColorHover: lighten( $linkColor, 15% ); 33 | $selectionBackgroundColor: lighten( $linkColor, 25% ); 34 | 35 | $heading1Size: 2.5em; 36 | $heading2Size: 1.6em; 37 | $heading3Size: 1.3em; 38 | $heading4Size: 1.0em; 39 | 40 | section.has-dark-background { 41 | &, h1, h2, h3, h4, h5, h6 { 42 | color: #fff; 43 | } 44 | } 45 | 46 | 47 | // Theme template ------------------------------ 48 | @import "../template/theme"; 49 | // --------------------------------------------- -------------------------------------------------------------------------------- /git/libs/revealjs/css/theme/template/mixins.scss: -------------------------------------------------------------------------------- 1 | @mixin vertical-gradient( $top, $bottom ) { 2 | background: $top; 3 | background: -moz-linear-gradient( top, $top 0%, $bottom 100% ); 4 | background: -webkit-gradient( linear, left top, left bottom, color-stop(0%,$top), color-stop(100%,$bottom) ); 5 | background: -webkit-linear-gradient( top, $top 0%, $bottom 100% ); 6 | background: -o-linear-gradient( top, $top 0%, $bottom 100% ); 7 | background: -ms-linear-gradient( top, $top 0%, $bottom 100% ); 8 | background: linear-gradient( top, $top 0%, $bottom 100% ); 9 | } 10 | 11 | @mixin horizontal-gradient( $top, $bottom ) { 12 | background: $top; 13 | background: -moz-linear-gradient( left, $top 0%, $bottom 100% ); 14 | background: -webkit-gradient( linear, left top, right top, color-stop(0%,$top), color-stop(100%,$bottom) ); 15 | background: -webkit-linear-gradient( left, $top 0%, $bottom 100% ); 16 | background: -o-linear-gradient( left, $top 0%, $bottom 100% ); 17 | background: -ms-linear-gradient( left, $top 0%, $bottom 100% ); 18 | background: linear-gradient( left, $top 0%, $bottom 100% ); 19 | } 20 | 21 | @mixin radial-gradient( $outer, $inner, $type: circle ) { 22 | background: $outer; 23 | background: -moz-radial-gradient( center, $type cover, $inner 0%, $outer 100% ); 24 | background: -webkit-gradient( radial, center center, 0px, center center, 100%, color-stop(0%,$inner), color-stop(100%,$outer) ); 25 | background: -webkit-radial-gradient( center, $type cover, $inner 0%, $outer 100% ); 26 | background: -o-radial-gradient( center, $type cover, $inner 0%, $outer 100% ); 27 | background: -ms-radial-gradient( center, $type cover, $inner 0%, $outer 100% ); 28 | background: radial-gradient( center, $type cover, $inner 0%, $outer 100% ); 29 | } -------------------------------------------------------------------------------- /git/libs/revealjs/css/theme/template/settings.scss: -------------------------------------------------------------------------------- 1 | // Base settings for all themes that can optionally be 2 | // overridden by the super-theme 3 | 4 | // Background of the presentation 5 | $backgroundColor: #2b2b2b; 6 | 7 | // Primary/body text 8 | $mainFont: 'Lato', sans-serif; 9 | $mainFontSize: 40px; 10 | $mainColor: #eee; 11 | 12 | // Vertical spacing between blocks of text 13 | $blockMargin: 20px; 14 | 15 | // Headings 16 | $headingMargin: 0 0 $blockMargin 0; 17 | $headingFont: 'League Gothic', Impact, sans-serif; 18 | $headingColor: #eee; 19 | $headingLineHeight: 1.2; 20 | $headingLetterSpacing: normal; 21 | $headingTextTransform: uppercase; 22 | $headingTextShadow: none; 23 | $headingFontWeight: normal; 24 | $heading1TextShadow: $headingTextShadow; 25 | 26 | $heading1Size: 3.77em; 27 | $heading2Size: 2.11em; 28 | $heading3Size: 1.55em; 29 | $heading4Size: 1.00em; 30 | 31 | // Links and actions 32 | $linkColor: #13DAEC; 33 | $linkColorHover: lighten( $linkColor, 20% ); 34 | 35 | // Text selection 36 | $selectionBackgroundColor: #FF5E99; 37 | $selectionColor: #fff; 38 | 39 | // Generates the presentation background, can be overridden 40 | // to return a background image or gradient 41 | @mixin bodyBackground() { 42 | background: $backgroundColor; 43 | } -------------------------------------------------------------------------------- /git/libs/revealjs/lib/css/atom-one-dark-sha.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Atom One Dark by Daniel Gamage 4 | Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax 5 | 6 | base: #282c34 7 | mono-1: #abb2bf 8 | mono-2: #818896 9 | mono-3: #5c6370 10 | hue-1: #56b6c2 11 | hue-2: #61aeee 12 | hue-3: #c678dd 13 | hue-4: #98c379 14 | hue-5: #e06c75 15 | hue-5-2: #be5046 16 | hue-6: #d19a66 17 | hue-6-2: #e6c07b 18 | 19 | */ 20 | 21 | .hljs { 22 | display: block; 23 | overflow-x: auto; 24 | padding: 0.5em; 25 | color: #abb2bf; 26 | background: #000; 27 | } 28 | 29 | .hljs-comment, 30 | .hljs-quote { 31 | color: #5c6370; 32 | font-style: italic; 33 | } 34 | 35 | .hljs-doctag, 36 | .hljs-keyword, 37 | .hljs-formula { 38 | color: #c678dd; 39 | } 40 | 41 | .hljs-section, 42 | .hljs-name, 43 | .hljs-selector-tag, 44 | .hljs-deletion, 45 | .hljs-subst { 46 | color: #e06c75; 47 | } 48 | 49 | .hljs-literal { 50 | color: #56b6c2; 51 | } 52 | 53 | .hljs-string, 54 | .hljs-regexp, 55 | .hljs-addition, 56 | .hljs-attribute, 57 | .hljs-meta-string { 58 | color: #98c379; 59 | } 60 | 61 | .hljs-built_in, 62 | .hljs-class .hljs-title { 63 | color: #e6c07b; 64 | } 65 | 66 | .hljs-attr, 67 | .hljs-variable, 68 | .hljs-template-variable, 69 | .hljs-type, 70 | .hljs-selector-class, 71 | .hljs-selector-attr, 72 | .hljs-selector-pseudo, 73 | .hljs-number { 74 | color: #d19a66; 75 | } 76 | 77 | .hljs-symbol, 78 | .hljs-bullet, 79 | .hljs-link, 80 | .hljs-meta, 81 | .hljs-selector-id, 82 | .hljs-title { 83 | color: #61aeee; 84 | } 85 | 86 | .hljs-emphasis { 87 | font-style: italic; 88 | } 89 | 90 | .hljs-strong { 91 | font-weight: bold; 92 | } 93 | 94 | .hljs-link { 95 | text-decoration: underline; 96 | } 97 | -------------------------------------------------------------------------------- /git/libs/revealjs/lib/css/monokai-sublime-sha.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-license.org/ 4 | 5 | */ 6 | 7 | .hljs { 8 | display: block; 9 | overflow-x: auto; 10 | padding: 0.5em; 11 | background: #23241f; 12 | background: #000; 13 | white-space: pre-wrap !important; /* SHA */ 14 | } 15 | 16 | .hljs, 17 | .hljs-tag, 18 | .hljs-subst { 19 | color: #f8f8f2; 20 | } 21 | 22 | .hljs-strong, 23 | .hljs-emphasis { 24 | color: #a8a8a2; 25 | } 26 | 27 | .hljs-bullet, 28 | .hljs-quote, 29 | .hljs-number, 30 | .hljs-regexp, 31 | .hljs-literal, 32 | .hljs-link { 33 | color: #ae81ff; 34 | } 35 | 36 | .hljs-code, 37 | .hljs-title, 38 | .hljs-section, 39 | .hljs-selector-class { 40 | color: #a6e22e; 41 | } 42 | 43 | .hljs-strong { 44 | font-weight: bold; 45 | } 46 | 47 | .hljs-emphasis { 48 | font-style: italic; 49 | } 50 | 51 | .hljs-keyword, 52 | .hljs-selector-tag, 53 | .hljs-name, 54 | .hljs-attr { 55 | color: #f92672; 56 | } 57 | 58 | .hljs-symbol, 59 | .hljs-attribute { 60 | color: #66d9ef; 61 | } 62 | 63 | .hljs-params, 64 | .hljs-class .hljs-title { 65 | color: #f8f8f2; 66 | } 67 | 68 | .hljs-string, 69 | .hljs-type, 70 | .hljs-built_in, 71 | .hljs-builtin-name, 72 | .hljs-selector-id, 73 | .hljs-selector-attr, 74 | .hljs-selector-pseudo, 75 | .hljs-addition, 76 | .hljs-variable, 77 | .hljs-template-variable { 78 | color: #e6db74; 79 | } 80 | 81 | .hljs-comment, 82 | .hljs-deletion, 83 | .hljs-meta { 84 | color: #75715e; 85 | } 86 | -------------------------------------------------------------------------------- /git/libs/revealjs/lib/css/zenburn.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Zenburn style from voldmar.ru (c) Vladimir Epifanov 4 | based on dark.css by Ivan Sagalaev 5 | 6 | */ 7 | 8 | .hljs { 9 | display: block; 10 | overflow-x: auto; 11 | padding: 0.5em; 12 | background: #3f3f3f; 13 | color: #dcdcdc; 14 | } 15 | 16 | .hljs-keyword, 17 | .hljs-selector-tag, 18 | .hljs-tag { 19 | color: #e3ceab; 20 | } 21 | 22 | .hljs-template-tag { 23 | color: #dcdcdc; 24 | } 25 | 26 | .hljs-number { 27 | color: #8cd0d3; 28 | } 29 | 30 | .hljs-variable, 31 | .hljs-template-variable, 32 | .hljs-attribute { 33 | color: #efdcbc; 34 | } 35 | 36 | .hljs-literal { 37 | color: #efefaf; 38 | } 39 | 40 | .hljs-subst { 41 | color: #8f8f8f; 42 | } 43 | 44 | .hljs-title, 45 | .hljs-name, 46 | .hljs-selector-id, 47 | .hljs-selector-class, 48 | .hljs-section, 49 | .hljs-type { 50 | color: #efef8f; 51 | } 52 | 53 | .hljs-symbol, 54 | .hljs-bullet, 55 | .hljs-link { 56 | color: #dca3a3; 57 | } 58 | 59 | .hljs-deletion, 60 | .hljs-string, 61 | .hljs-built_in, 62 | .hljs-builtin-name { 63 | color: #cc9393; 64 | } 65 | 66 | .hljs-addition, 67 | .hljs-comment, 68 | .hljs-quote, 69 | .hljs-meta { 70 | color: #7f9f7f; 71 | } 72 | 73 | 74 | .hljs-emphasis { 75 | font-style: italic; 76 | } 77 | 78 | .hljs-strong { 79 | font-weight: bold; 80 | } 81 | -------------------------------------------------------------------------------- /git/libs/revealjs/lib/font/league-gothic/LICENSE: -------------------------------------------------------------------------------- 1 | SIL Open Font License (OFL) 2 | http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL 3 | -------------------------------------------------------------------------------- /git/libs/revealjs/lib/font/league-gothic/league-gothic.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'League Gothic'; 3 | src: url('league-gothic.eot'); 4 | src: url('league-gothic.eot?#iefix') format('embedded-opentype'), 5 | url('league-gothic.woff') format('woff'), 6 | url('league-gothic.ttf') format('truetype'); 7 | 8 | font-weight: normal; 9 | font-style: normal; 10 | } -------------------------------------------------------------------------------- /git/libs/revealjs/lib/font/league-gothic/league-gothic.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/libs/revealjs/lib/font/league-gothic/league-gothic.eot -------------------------------------------------------------------------------- /git/libs/revealjs/lib/font/league-gothic/league-gothic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/libs/revealjs/lib/font/league-gothic/league-gothic.ttf -------------------------------------------------------------------------------- /git/libs/revealjs/lib/font/league-gothic/league-gothic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/libs/revealjs/lib/font/league-gothic/league-gothic.woff -------------------------------------------------------------------------------- /git/libs/revealjs/lib/font/source-sans-pro/source-sans-pro-italic.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/libs/revealjs/lib/font/source-sans-pro/source-sans-pro-italic.eot -------------------------------------------------------------------------------- /git/libs/revealjs/lib/font/source-sans-pro/source-sans-pro-italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/libs/revealjs/lib/font/source-sans-pro/source-sans-pro-italic.ttf -------------------------------------------------------------------------------- /git/libs/revealjs/lib/font/source-sans-pro/source-sans-pro-italic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/libs/revealjs/lib/font/source-sans-pro/source-sans-pro-italic.woff -------------------------------------------------------------------------------- /git/libs/revealjs/lib/font/source-sans-pro/source-sans-pro-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/libs/revealjs/lib/font/source-sans-pro/source-sans-pro-regular.eot -------------------------------------------------------------------------------- /git/libs/revealjs/lib/font/source-sans-pro/source-sans-pro-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/libs/revealjs/lib/font/source-sans-pro/source-sans-pro-regular.ttf -------------------------------------------------------------------------------- /git/libs/revealjs/lib/font/source-sans-pro/source-sans-pro-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/libs/revealjs/lib/font/source-sans-pro/source-sans-pro-regular.woff -------------------------------------------------------------------------------- /git/libs/revealjs/lib/font/source-sans-pro/source-sans-pro-semibold.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/libs/revealjs/lib/font/source-sans-pro/source-sans-pro-semibold.eot -------------------------------------------------------------------------------- /git/libs/revealjs/lib/font/source-sans-pro/source-sans-pro-semibold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/libs/revealjs/lib/font/source-sans-pro/source-sans-pro-semibold.ttf -------------------------------------------------------------------------------- /git/libs/revealjs/lib/font/source-sans-pro/source-sans-pro-semibold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/libs/revealjs/lib/font/source-sans-pro/source-sans-pro-semibold.woff -------------------------------------------------------------------------------- /git/libs/revealjs/lib/font/source-sans-pro/source-sans-pro-semibolditalic.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/libs/revealjs/lib/font/source-sans-pro/source-sans-pro-semibolditalic.eot -------------------------------------------------------------------------------- /git/libs/revealjs/lib/font/source-sans-pro/source-sans-pro-semibolditalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/libs/revealjs/lib/font/source-sans-pro/source-sans-pro-semibolditalic.ttf -------------------------------------------------------------------------------- /git/libs/revealjs/lib/font/source-sans-pro/source-sans-pro-semibolditalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/libs/revealjs/lib/font/source-sans-pro/source-sans-pro-semibolditalic.woff -------------------------------------------------------------------------------- /git/libs/revealjs/lib/font/source-sans-pro/source-sans-pro.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'Source Sans Pro'; 3 | src: url('source-sans-pro-regular.eot'); 4 | src: url('source-sans-pro-regular.eot?#iefix') format('embedded-opentype'), 5 | url('source-sans-pro-regular.woff') format('woff'), 6 | url('source-sans-pro-regular.ttf') format('truetype'); 7 | font-weight: normal; 8 | font-style: normal; 9 | } 10 | 11 | @font-face { 12 | font-family: 'Source Sans Pro'; 13 | src: url('source-sans-pro-italic.eot'); 14 | src: url('source-sans-pro-italic.eot?#iefix') format('embedded-opentype'), 15 | url('source-sans-pro-italic.woff') format('woff'), 16 | url('source-sans-pro-italic.ttf') format('truetype'); 17 | font-weight: normal; 18 | font-style: italic; 19 | } 20 | 21 | @font-face { 22 | font-family: 'Source Sans Pro'; 23 | src: url('source-sans-pro-semibold.eot'); 24 | src: url('source-sans-pro-semibold.eot?#iefix') format('embedded-opentype'), 25 | url('source-sans-pro-semibold.woff') format('woff'), 26 | url('source-sans-pro-semibold.ttf') format('truetype'); 27 | font-weight: 600; 28 | font-style: normal; 29 | } 30 | 31 | @font-face { 32 | font-family: 'Source Sans Pro'; 33 | src: url('source-sans-pro-semibolditalic.eot'); 34 | src: url('source-sans-pro-semibolditalic.eot?#iefix') format('embedded-opentype'), 35 | url('source-sans-pro-semibolditalic.woff') format('woff'), 36 | url('source-sans-pro-semibolditalic.ttf') format('truetype'); 37 | font-weight: 600; 38 | font-style: italic; 39 | } -------------------------------------------------------------------------------- /git/libs/revealjs/lib/js/classList.js: -------------------------------------------------------------------------------- 1 | /*! @source http://purl.eligrey.com/github/classList.js/blob/master/classList.js*/ 2 | if(typeof document!=="undefined"&&!("classList" in document.createElement("a"))){(function(j){var a="classList",f="prototype",m=(j.HTMLElement||j.Element)[f],b=Object,k=String[f].trim||function(){return this.replace(/^\s+|\s+$/g,"")},c=Array[f].indexOf||function(q){var p=0,o=this.length;for(;pbody{font-family: sans-serif;}

reveal.js multiplex server.

Generate token'); 38 | res.end(); 39 | }); 40 | stream.on('readable', function() { 41 | stream.pipe(res); 42 | }); 43 | }); 44 | 45 | app.get("/token", function(req,res) { 46 | var ts = new Date().getTime(); 47 | var rand = Math.floor(Math.random()*9999999); 48 | var secret = ts.toString() + rand.toString(); 49 | res.send({secret: secret, socketId: createHash(secret)}); 50 | }); 51 | 52 | var createHash = function(secret) { 53 | var cipher = crypto.createCipher('blowfish', secret); 54 | return(cipher.final('hex')); 55 | }; 56 | 57 | // Actually listen 58 | server.listen( opts.port || null ); 59 | 60 | var brown = '\033[33m', 61 | green = '\033[32m', 62 | reset = '\033[0m'; 63 | 64 | console.log( brown + "reveal.js:" + reset + " Multiplex running on port " + green + opts.port + reset ); -------------------------------------------------------------------------------- /git/libs/revealjs/plugin/multiplex/master.js: -------------------------------------------------------------------------------- 1 | (function() { 2 | 3 | // Don't emit events from inside of notes windows 4 | if ( window.location.search.match( /receiver/gi ) ) { return; } 5 | 6 | var multiplex = Reveal.getConfig().multiplex; 7 | 8 | var socket = io.connect( multiplex.url ); 9 | 10 | function post() { 11 | 12 | var messageData = { 13 | state: Reveal.getState(), 14 | secret: multiplex.secret, 15 | socketId: multiplex.id 16 | }; 17 | 18 | socket.emit( 'multiplex-statechanged', messageData ); 19 | 20 | }; 21 | 22 | // post once the page is loaded, so the client follows also on "open URL". 23 | window.addEventListener( 'load', post ); 24 | 25 | // Monitor events that trigger a change in state 26 | Reveal.addEventListener( 'slidechanged', post ); 27 | Reveal.addEventListener( 'fragmentshown', post ); 28 | Reveal.addEventListener( 'fragmenthidden', post ); 29 | Reveal.addEventListener( 'overviewhidden', post ); 30 | Reveal.addEventListener( 'overviewshown', post ); 31 | Reveal.addEventListener( 'paused', post ); 32 | Reveal.addEventListener( 'resumed', post ); 33 | 34 | }()); 35 | -------------------------------------------------------------------------------- /git/libs/revealjs/plugin/multiplex/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "reveal-js-multiplex", 3 | "version": "1.0.0", 4 | "description": "reveal.js multiplex server", 5 | "homepage": "http://revealjs.com", 6 | "scripts": { 7 | "start": "node index.js" 8 | }, 9 | "engines": { 10 | "node": "~4.1.1" 11 | }, 12 | "dependencies": { 13 | "express": "~4.13.3", 14 | "grunt-cli": "~0.1.13", 15 | "mustache": "~2.2.1", 16 | "socket.io": "~1.3.7" 17 | }, 18 | "license": "MIT" 19 | } 20 | -------------------------------------------------------------------------------- /git/libs/revealjs/plugin/notes-server/client.js: -------------------------------------------------------------------------------- 1 | (function() { 2 | 3 | // don't emit events from inside the previews themselves 4 | if( window.location.search.match( /receiver/gi ) ) { return; } 5 | 6 | var socket = io.connect( window.location.origin ), 7 | socketId = Math.random().toString().slice( 2 ); 8 | 9 | console.log( 'View slide notes at ' + window.location.origin + '/notes/' + socketId ); 10 | 11 | window.open( window.location.origin + '/notes/' + socketId, 'notes-' + socketId ); 12 | 13 | /** 14 | * Posts the current slide data to the notes window 15 | */ 16 | function post() { 17 | 18 | var slideElement = Reveal.getCurrentSlide(), 19 | notesElement = slideElement.querySelector( 'aside.notes' ); 20 | 21 | var messageData = { 22 | notes: '', 23 | markdown: false, 24 | socketId: socketId, 25 | state: Reveal.getState() 26 | }; 27 | 28 | // Look for notes defined in a slide attribute 29 | if( slideElement.hasAttribute( 'data-notes' ) ) { 30 | messageData.notes = slideElement.getAttribute( 'data-notes' ); 31 | } 32 | 33 | // Look for notes defined in an aside element 34 | if( notesElement ) { 35 | messageData.notes = notesElement.innerHTML; 36 | messageData.markdown = typeof notesElement.getAttribute( 'data-markdown' ) === 'string'; 37 | } 38 | 39 | socket.emit( 'statechanged', messageData ); 40 | 41 | } 42 | 43 | // When a new notes window connects, post our current state 44 | socket.on( 'new-subscriber', function( data ) { 45 | post(); 46 | } ); 47 | 48 | // When the state changes from inside of the speaker view 49 | socket.on( 'statechanged-speaker', function( data ) { 50 | Reveal.setState( data.state ); 51 | } ); 52 | 53 | // Monitor events that trigger a change in state 54 | Reveal.addEventListener( 'slidechanged', post ); 55 | Reveal.addEventListener( 'fragmentshown', post ); 56 | Reveal.addEventListener( 'fragmenthidden', post ); 57 | Reveal.addEventListener( 'overviewhidden', post ); 58 | Reveal.addEventListener( 'overviewshown', post ); 59 | Reveal.addEventListener( 'paused', post ); 60 | Reveal.addEventListener( 'resumed', post ); 61 | 62 | // Post the initial state 63 | post(); 64 | 65 | }()); 66 | -------------------------------------------------------------------------------- /git/libs/revealjs/plugin/notes-server/index.js: -------------------------------------------------------------------------------- 1 | var http = require('http'); 2 | var express = require('express'); 3 | var fs = require('fs'); 4 | var io = require('socket.io'); 5 | var Mustache = require('mustache'); 6 | 7 | var app = express(); 8 | var staticDir = express.static; 9 | var server = http.createServer(app); 10 | 11 | io = io(server); 12 | 13 | var opts = { 14 | port : 1947, 15 | baseDir : __dirname + '/../../' 16 | }; 17 | 18 | io.on( 'connection', function( socket ) { 19 | 20 | socket.on( 'new-subscriber', function( data ) { 21 | socket.broadcast.emit( 'new-subscriber', data ); 22 | }); 23 | 24 | socket.on( 'statechanged', function( data ) { 25 | delete data.state.overview; 26 | socket.broadcast.emit( 'statechanged', data ); 27 | }); 28 | 29 | socket.on( 'statechanged-speaker', function( data ) { 30 | delete data.state.overview; 31 | socket.broadcast.emit( 'statechanged-speaker', data ); 32 | }); 33 | 34 | }); 35 | 36 | [ 'css', 'js', 'images', 'plugin', 'lib' ].forEach( function( dir ) { 37 | app.use( '/' + dir, staticDir( opts.baseDir + dir ) ); 38 | }); 39 | 40 | app.get('/', function( req, res ) { 41 | 42 | res.writeHead( 200, { 'Content-Type': 'text/html' } ); 43 | fs.createReadStream( opts.baseDir + '/index.html' ).pipe( res ); 44 | 45 | }); 46 | 47 | app.get( '/notes/:socketId', function( req, res ) { 48 | 49 | fs.readFile( opts.baseDir + 'plugin/notes-server/notes.html', function( err, data ) { 50 | res.send( Mustache.to_html( data.toString(), { 51 | socketId : req.params.socketId 52 | })); 53 | }); 54 | 55 | }); 56 | 57 | // Actually listen 58 | server.listen( opts.port || null ); 59 | 60 | var brown = '\033[33m', 61 | green = '\033[32m', 62 | reset = '\033[0m'; 63 | 64 | var slidesLocation = 'http://localhost' + ( opts.port ? ( ':' + opts.port ) : '' ); 65 | 66 | console.log( brown + 'reveal.js - Speaker Notes' + reset ); 67 | console.log( '1. Open the slides at ' + green + slidesLocation + reset ); 68 | console.log( '2. Click on the link in your JS console to go to the notes page' ); 69 | console.log( '3. Advance through your slides and your notes will advance automatically' ); 70 | -------------------------------------------------------------------------------- /git/libs/revealjs/plugin/print-pdf/print-pdf.js: -------------------------------------------------------------------------------- 1 | /** 2 | * phantomjs script for printing presentations to PDF. 3 | * 4 | * Example: 5 | * phantomjs print-pdf.js "http://revealjs.com?print-pdf" reveal-demo.pdf 6 | * 7 | * @author Manuel Bieh (https://github.com/manuelbieh) 8 | * @author Hakim El Hattab (https://github.com/hakimel) 9 | * @author Manuel Riezebosch (https://github.com/riezebosch) 10 | */ 11 | 12 | // html2pdf.js 13 | var system = require( 'system' ); 14 | 15 | var probePage = new WebPage(); 16 | var printPage = new WebPage(); 17 | 18 | var inputFile = system.args[1] || 'index.html?print-pdf'; 19 | var outputFile = system.args[2] || 'slides.pdf'; 20 | 21 | if( outputFile.match( /\.pdf$/gi ) === null ) { 22 | outputFile += '.pdf'; 23 | } 24 | 25 | console.log( 'Export PDF: Reading reveal.js config [1/4]' ); 26 | 27 | probePage.open( inputFile, function( status ) { 28 | 29 | console.log( 'Export PDF: Preparing print layout [2/4]' ); 30 | 31 | var config = probePage.evaluate( function() { 32 | return Reveal.getConfig(); 33 | } ); 34 | 35 | if( config ) { 36 | 37 | printPage.paperSize = { 38 | width: Math.floor( config.width * ( 1 + config.margin ) ), 39 | height: Math.floor( config.height * ( 1 + config.margin ) ), 40 | border: 0 41 | }; 42 | 43 | printPage.open( inputFile, function( status ) { 44 | console.log( 'Export PDF: Preparing pdf [3/4]') 45 | printPage.evaluate(function() { 46 | Reveal.isReady() ? window.callPhantom() : Reveal.addEventListener( 'pdf-ready', window.callPhantom ); 47 | }); 48 | } ); 49 | 50 | printPage.onCallback = function(data) { 51 | // For some reason we need to "jump the queue" for syntax highlighting to work. 52 | // See: http://stackoverflow.com/a/3580132/129269 53 | setTimeout(function() { 54 | console.log( 'Export PDF: Writing file [4/4]' ); 55 | printPage.render( outputFile ); 56 | console.log( 'Export PDF: Finished successfully!' ); 57 | phantom.exit(); 58 | }, 0); 59 | }; 60 | } 61 | else { 62 | 63 | console.log( 'Export PDF: Unable to read reveal.js config. Make sure the input address points to a reveal.js page.' ); 64 | phantom.exit(1); 65 | 66 | } 67 | } ); 68 | 69 | 70 | -------------------------------------------------------------------------------- /git/vids/animated_git--modify-add-commit.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/git/vids/animated_git--modify-add-commit.mp4 -------------------------------------------------------------------------------- /javascript/css/obsidian.min.css: -------------------------------------------------------------------------------- 1 | .hljs{display:block;overflow-x:auto;padding:0.5em;background:#282b2e}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-selector-id{color:#93c763}.hljs-number{color:#ffcd22}.hljs{color:#e0e2e4}.hljs-attribute{color:#668bb0}.hljs-code,.hljs-class .hljs-title,.hljs-section{color:white}.hljs-regexp,.hljs-link{color:#d39745}.hljs-meta{color:#557182}.hljs-tag,.hljs-name,.hljs-bullet,.hljs-subst,.hljs-emphasis,.hljs-type,.hljs-built_in,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-addition,.hljs-variable,.hljs-template-tag,.hljs-template-variable{color:#8cbbad}.hljs-string,.hljs-symbol{color:#ec7600}.hljs-comment,.hljs-quote,.hljs-deletion{color:#818e96}.hljs-selector-class{color:#a082bd}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-doctag,.hljs-title,.hljs-section,.hljs-type,.hljs-name,.hljs-strong{font-weight:bold} -------------------------------------------------------------------------------- /javascript/css/reveal-overrides.archive.css: -------------------------------------------------------------------------------- 1 | .reveal pre, .reveal code { 2 | 3 | white-space: pre-line; 4 | 5 | } 6 | 7 | .reveal section img { 8 | 9 | border : none; 10 | background: transparent; 11 | margin : 0; 12 | box-shadow: none; 13 | 14 | } 15 | 16 | .reveal p.super_heading { 17 | 18 | font-family : 'Roboto', sans-serif; 19 | margin-bottom: 0; 20 | font-weight : 100; 21 | 22 | } 23 | 24 | .reveal p.small { 25 | 26 | font-size: 0.6em; 27 | 28 | } 29 | 30 | .reveal p.italics { 31 | 32 | font-style: italic; 33 | 34 | } 35 | 36 | .reveal .highlight, 37 | .reveal p strong { 38 | 39 | color: orange; 40 | 41 | } 42 | 43 | .reveal .columns.align-items-center { 44 | 45 | align-items: center; 46 | 47 | } 48 | 49 | .reveal small.attribution a { 50 | 51 | font-size: 0.7em; 52 | opacity: 0.6; 53 | 54 | } 55 | 56 | .reveal sup { 57 | 58 | vertical-align: super; 59 | font-size: 0.6em; 60 | 61 | } 62 | 63 | .reveal a.tiny_lnk { 64 | 65 | font-size: 0.6em; 66 | 67 | } 68 | 69 | .reveal ul.small { 70 | 71 | } -------------------------------------------------------------------------------- /javascript/css/reveal-overrides.css: -------------------------------------------------------------------------------- 1 | .reveal .highlight, 2 | .reveal p strong { 3 | color: #ffa500; 4 | } 5 | .reveal pre, 6 | .reveal code { 7 | white-space: pre-line; 8 | } 9 | .reveal section img { 10 | border: none; 11 | background: transparent; 12 | margin: 0; 13 | box-shadow: none; 14 | } 15 | .reveal p.super_heading { 16 | font-family: 'Roboto', sans-serif; 17 | margin-bottom: 0; 18 | font-weight: 100; 19 | } 20 | .reveal p.small { 21 | font-size: 0.6em; 22 | } 23 | .reveal p.italics { 24 | font-style: italic; 25 | } 26 | .reveal .columns.align-items-center { 27 | align-items: center; 28 | } 29 | .reveal small.attribution a { 30 | font-size: 0.7em; 31 | opacity: 0.6; 32 | } 33 | .reveal sup { 34 | vertical-align: super; 35 | font-size: 0.6em; 36 | } 37 | .reveal a.tiny_lnk { 38 | font-size: 0.6em; 39 | } 40 | .reveal ul.small { 41 | font-size: 0.6em; 42 | } 43 | 44 | -------------------------------------------------------------------------------- /javascript/css/reveal-overrides.min.css: -------------------------------------------------------------------------------- 1 | .reveal .highlight,.reveal p strong{color:#ffa500}.reveal pre,.reveal code{white-space:pre-line}.reveal section img{border:none;background:transparent;margin:0;box-shadow:none}.reveal p.super_heading{font-family:'Roboto',sans-serif;margin-bottom:0;font-weight:100}.reveal p.small{font-size:.6em}.reveal p.italics{font-style:italic}.reveal .columns.align-items-center{align-items:center}.reveal small.attribution a{font-size:.7em;opacity:.6}.reveal sup{vertical-align:super;font-size:.6em}.reveal a.tiny_lnk{font-size:.6em}.reveal ul.small{font-size:.6em} 2 | -------------------------------------------------------------------------------- /javascript/css/reveal-overrides.stylus: -------------------------------------------------------------------------------- 1 | .reveal 2 | 3 | .highlight, p strong 4 | color orange 5 | 6 | pre, code 7 | white-space pre-line 8 | 9 | section 10 | img 11 | border none 12 | background transparent 13 | margin 0 14 | box-shadow none 15 | p 16 | &.super_heading 17 | font-family 'Roboto', sans-serif 18 | margin-bottom 0 19 | font-weight 100 20 | &.small 21 | font-size 0.6em 22 | &.italics 23 | font-style italic 24 | .columns 25 | &.align-items-center 26 | align-items center 27 | small 28 | &.attribution 29 | a 30 | font-size 0.7em 31 | opacity 0.6 32 | sup 33 | vertical-align super 34 | font-size 0.6em 35 | a 36 | &.tiny_lnk 37 | font-size 0.6em 38 | ul 39 | &.small 40 | font-size 0.6em 41 | 42 | -------------------------------------------------------------------------------- /javascript/css/reveal-tts.css: -------------------------------------------------------------------------------- 1 | @import url(https://fonts.googleapis.com/css?family=Montserrat:700); 2 | 3 | .colorful-svg path { 4 | fill: #f7be2c; 5 | } 6 | 7 | img.tts_logo { 8 | 9 | background-color: #bd2b39 !important; 10 | width : 250px; 11 | text-align: center; 12 | margin : 0 auto; 13 | padding : 20px; 14 | 15 | } 16 | 17 | h1, h2, h3, h4, h5, h6 { 18 | 19 | font-family: 'Montserrat', sans-serif; 20 | 21 | } 22 | 23 | h1.big, h2.big, h3.big, h4.big, h5.big, h6.big { 24 | 25 | font-weight: 700; 26 | 27 | } 28 | 29 | h3.big { font-size: 3em; } 30 | 31 | .reveal strong { 32 | color: inherit; 33 | } 34 | 35 | .reveal a.bitly_link strong, 36 | .reveal a.bitly_link { 37 | color: white; 38 | } 39 | 40 | li p.small { 41 | padding-top: 0; 42 | margin-top: 0; 43 | } 44 | 45 | ul.colorful li strong { color: orange; } -------------------------------------------------------------------------------- /javascript/fundamentals/code/array-loop.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Array For ... Loop 8 | 9 | 10 |

Array For ... Loop

11 | 34 | 35 | -------------------------------------------------------------------------------- /javascript/fundamentals/code/arrays.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Arrays 8 | 9 | 10 | 11 |

Arrays

12 | 13 | 54 | 55 | 56 | -------------------------------------------------------------------------------- /javascript/fundamentals/code/functions.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Functions 8 | 9 | 10 |

Functions

11 | 59 | 60 | 61 | -------------------------------------------------------------------------------- /javascript/fundamentals/code/hello.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Hello World 8 | 9 | 10 | 11 |

Hello World in JavaScript!

12 |

Press F12 to display the console and inspect the JS code.

13 | 14 | 30 | 31 | 32 | 33 | 34 | 35 | -------------------------------------------------------------------------------- /javascript/fundamentals/code/hello.js: -------------------------------------------------------------------------------- 1 | console.log( "Hello from hello.js!" ); 2 | -------------------------------------------------------------------------------- /javascript/fundamentals/code/numbers.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Numbers 8 | 9 | 10 | 11 |

Numbers

12 |

Press F12 to display the console and inspect the JS code.

13 | 14 | 48 | 49 | -------------------------------------------------------------------------------- /javascript/fundamentals/code/strings.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Strings 8 | 9 | 10 | 11 |

Strings

12 |

Press F12 to display the console and inspect the JS code.

13 | 14 | 53 | 54 | 55 | -------------------------------------------------------------------------------- /javascript/fundamentals/code/typeof.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Typeof Operator 8 | 9 | 10 | 11 |

typeof Operator

12 |

Press F12 to display the console and inspect the JS code.

13 | 14 | 28 | 29 | -------------------------------------------------------------------------------- /javascript/images/DOM-example.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/DOM-example.png -------------------------------------------------------------------------------- /javascript/images/EventLoop-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/EventLoop-2.png -------------------------------------------------------------------------------- /javascript/images/EventLoop-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/EventLoop-3.png -------------------------------------------------------------------------------- /javascript/images/EventLoop.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/EventLoop.png -------------------------------------------------------------------------------- /javascript/images/JSHistory.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/JSHistory.png -------------------------------------------------------------------------------- /javascript/images/JavaScript-while-loop.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/JavaScript-while-loop.png -------------------------------------------------------------------------------- /javascript/images/Promises.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/Promises.png -------------------------------------------------------------------------------- /javascript/images/advanced/Blocking-Non-Blocking.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/advanced/Blocking-Non-Blocking.png -------------------------------------------------------------------------------- /javascript/images/advanced/DOM-Kirupa.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/advanced/DOM-Kirupa.webp -------------------------------------------------------------------------------- /javascript/images/advanced/let_var_const_01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/advanced/let_var_const_01.jpg -------------------------------------------------------------------------------- /javascript/images/advanced/let_var_const_02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/advanced/let_var_const_02.jpg -------------------------------------------------------------------------------- /javascript/images/advanced/let_var_const_03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/advanced/let_var_const_03.jpg -------------------------------------------------------------------------------- /javascript/images/advanced/let_var_const_04.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/advanced/let_var_const_04.jpg -------------------------------------------------------------------------------- /javascript/images/advanced/let_var_const_05.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/advanced/let_var_const_05.jpg -------------------------------------------------------------------------------- /javascript/images/advanced/let_var_const_06.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/advanced/let_var_const_06.jpg -------------------------------------------------------------------------------- /javascript/images/advanced/let_var_const_07.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/advanced/let_var_const_07.jpg -------------------------------------------------------------------------------- /javascript/images/advanced/let_var_const_08.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/advanced/let_var_const_08.jpg -------------------------------------------------------------------------------- /javascript/images/advanced/let_var_const_09.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/advanced/let_var_const_09.jpg -------------------------------------------------------------------------------- /javascript/images/advanced/let_var_const_10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/advanced/let_var_const_10.jpg -------------------------------------------------------------------------------- /javascript/images/advanced/let_var_const_11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/advanced/let_var_const_11.jpg -------------------------------------------------------------------------------- /javascript/images/advanced/let_var_const_12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/advanced/let_var_const_12.jpg -------------------------------------------------------------------------------- /javascript/images/advanced/let_var_const_13.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/advanced/let_var_const_13.jpg -------------------------------------------------------------------------------- /javascript/images/advanced/prototype.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/advanced/prototype.png -------------------------------------------------------------------------------- /javascript/images/being-a-developer.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/being-a-developer.jpg -------------------------------------------------------------------------------- /javascript/images/conditionals.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/conditionals.png -------------------------------------------------------------------------------- /javascript/images/eventLoopCodeExample.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/eventLoopCodeExample.png -------------------------------------------------------------------------------- /javascript/images/flow-control-black.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/flow-control-black.png -------------------------------------------------------------------------------- /javascript/images/flow-control.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/flow-control.png -------------------------------------------------------------------------------- /javascript/images/hoisting-const.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/hoisting-const.png -------------------------------------------------------------------------------- /javascript/images/hoisting-var.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/hoisting-var.png -------------------------------------------------------------------------------- /javascript/images/js-exercise-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/js-exercise-1.png -------------------------------------------------------------------------------- /javascript/images/js-exercise-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/js-exercise-2.png -------------------------------------------------------------------------------- /javascript/images/js-exercise-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/js-exercise-3.png -------------------------------------------------------------------------------- /javascript/images/js-exercise-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/js-exercise-4.png -------------------------------------------------------------------------------- /javascript/images/jsHistory.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/jsHistory.png -------------------------------------------------------------------------------- /javascript/images/reactjs/JavaScript-logo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/reactjs/JavaScript-logo.jpg -------------------------------------------------------------------------------- /javascript/images/reactjs/components-planning.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/reactjs/components-planning.jpg -------------------------------------------------------------------------------- /javascript/images/reactjs/components-sketching.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/reactjs/components-sketching.jpg -------------------------------------------------------------------------------- /javascript/images/tts-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/tts-logo.png -------------------------------------------------------------------------------- /javascript/images/tts-titles-joinus.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/tts-titles-joinus.jpg -------------------------------------------------------------------------------- /javascript/images/tts-titles-js-advanced.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/tts-titles-js-advanced.jpg -------------------------------------------------------------------------------- /javascript/images/tts-titles-js-fundamentals.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/tts-titles-js-fundamentals.jpg -------------------------------------------------------------------------------- /javascript/images/tts-titles-js-intermediate.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/tts-titles-js-intermediate.jpg -------------------------------------------------------------------------------- /javascript/images/twitter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/twitter.png -------------------------------------------------------------------------------- /javascript/images/understanding_functions_01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/understanding_functions_01.jpg -------------------------------------------------------------------------------- /javascript/images/understanding_functions_02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/understanding_functions_02.jpg -------------------------------------------------------------------------------- /javascript/images/understanding_functions_03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/understanding_functions_03.jpg -------------------------------------------------------------------------------- /javascript/images/understanding_functions_04.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/understanding_functions_04.jpg -------------------------------------------------------------------------------- /javascript/images/understanding_functions_05.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/understanding_functions_05.jpg -------------------------------------------------------------------------------- /javascript/images/understanding_functions_06.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/understanding_functions_06.jpg -------------------------------------------------------------------------------- /javascript/images/var-let-const.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/var-let-const.png -------------------------------------------------------------------------------- /javascript/images/variable-box.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/variable-box.png -------------------------------------------------------------------------------- /javascript/images/web-trio.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/images/web-trio.svg -------------------------------------------------------------------------------- /javascript/intermediate/attribute_nodes.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/intermediate/attribute_nodes.jpg -------------------------------------------------------------------------------- /javascript/intermediate/code/array-chaining.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Array chaining 8 | 9 | 10 |

Array chaining

11 | 30 | 31 | -------------------------------------------------------------------------------- /javascript/intermediate/code/array-map-extras.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Array map extras 8 | 9 | 10 |

Array map() extras:

11 |

Pass extra arguments to the map callback

12 |

References:

13 |

14 | Can I pass additional parameters to JavaScript map() callback function? [duplicate] 15 | 16 |

17 |

18 | Passing arguments to callback functions 19 | 20 |

21 | 60 | 61 | -------------------------------------------------------------------------------- /javascript/intermediate/code/array-reduce.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Array reduce 8 | 9 | 10 |

Array reduce()

11 | 30 | 31 | 32 | -------------------------------------------------------------------------------- /javascript/intermediate/code/eventlistener.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | 12 | 21 | 22 | -------------------------------------------------------------------------------- /javascript/intermediate/code/usestrict.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Use Strict 9 | 10 | 11 | 12 | 13 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /javascript/intermediate/hoisting-img.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/intermediate/hoisting-img.jpg -------------------------------------------------------------------------------- /javascript/intermediate/hoisting.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/intermediate/hoisting.jpg -------------------------------------------------------------------------------- /javascript/intermediate/pizza-slice.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/intermediate/pizza-slice.png -------------------------------------------------------------------------------- /javascript/introduction/codepen.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/introduction/codepen.png -------------------------------------------------------------------------------- /javascript/introduction/introduction.svg: -------------------------------------------------------------------------------- 1 | JAVASCRIPT FUNDAMENTALSAn Introduction to JavaScript -------------------------------------------------------------------------------- /javascript/introduction/js-interpreter-006.svg: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | A Basic understanding 6 | of the 7 | JavaScript 8 | Interpreter 9 | 10 | 11 | 12 | Data manipulation and processing means 13 | that 14 | 15 | JavaScript 16 | can read and act on data such as: 17 | numbers, user text, the 18 | contents of a file or a web page, image 19 | data, etc. 20 | 21 | 22 | 23 | • Input / Output 24 | • Data Manipulation & Processing 25 | 26 | dv-interaction-auto-complete 27 | 28 | 29 | -------------------------------------------------------------------------------- /javascript/libs/reveal.js/.travis.yml: -------------------------------------------------------------------------------- 1 | language: node_js 2 | node_js: 3 | - 4 4 | after_script: 5 | - npm run build -- retire 6 | -------------------------------------------------------------------------------- /javascript/libs/reveal.js/css/theme/README.md: -------------------------------------------------------------------------------- 1 | ## Dependencies 2 | 3 | Themes are written using Sass to keep things modular and reduce the need for repeated selectors across files. Make sure that you have the reveal.js development environment including the Grunt dependencies installed before proceeding: https://github.com/hakimel/reveal.js#full-setup 4 | 5 | ## Creating a Theme 6 | 7 | To create your own theme, start by duplicating a ```.scss``` file in [/css/theme/source](https://github.com/hakimel/reveal.js/blob/master/css/theme/source). It will be automatically compiled by Grunt from Sass to CSS (see the [Gruntfile](https://github.com/hakimel/reveal.js/blob/master/Gruntfile.js)) when you run `npm run build -- css-themes`. 8 | 9 | Each theme file does four things in the following order: 10 | 11 | 1. **Include [/css/theme/template/mixins.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/mixins.scss)** 12 | Shared utility functions. 13 | 14 | 2. **Include [/css/theme/template/settings.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/settings.scss)** 15 | Declares a set of custom variables that the template file (step 4) expects. Can be overridden in step 3. 16 | 17 | 3. **Override** 18 | This is where you override the default theme. Either by specifying variables (see [settings.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/settings.scss) for reference) or by adding any selectors and styles you please. 19 | 20 | 4. **Include [/css/theme/template/theme.scss](https://github.com/hakimel/reveal.js/blob/master/css/theme/template/theme.scss)** 21 | The template theme file which will generate final CSS output based on the currently defined variables. 22 | -------------------------------------------------------------------------------- /javascript/libs/reveal.js/css/theme/source/beige.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Beige theme for reveal.js. 3 | * 4 | * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se 5 | */ 6 | 7 | 8 | // Default mixins and settings ----------------- 9 | @import "../template/mixins"; 10 | @import "../template/settings"; 11 | // --------------------------------------------- 12 | 13 | 14 | 15 | // Include theme-specific fonts 16 | @import url(../../lib/font/league-gothic/league-gothic.css); 17 | @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); 18 | 19 | 20 | // Override theme settings (see ../template/settings.scss) 21 | $mainColor: #333; 22 | $headingColor: #333; 23 | $headingTextShadow: none; 24 | $backgroundColor: #f7f3de; 25 | $linkColor: #8b743d; 26 | $linkColorHover: lighten( $linkColor, 20% ); 27 | $selectionBackgroundColor: rgba(79, 64, 28, 0.99); 28 | $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); 29 | 30 | // Background generator 31 | @mixin bodyBackground() { 32 | @include radial-gradient( rgba(247,242,211,1), rgba(255,255,255,1) ); 33 | } 34 | 35 | 36 | 37 | // Theme template ------------------------------ 38 | @import "../template/theme"; 39 | // --------------------------------------------- -------------------------------------------------------------------------------- /javascript/libs/reveal.js/css/theme/source/black.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Black theme for reveal.js. This is the opposite of the 'white' theme. 3 | * 4 | * By Hakim El Hattab, http://hakim.se 5 | */ 6 | 7 | 8 | // Default mixins and settings ----------------- 9 | @import "../template/mixins"; 10 | @import "../template/settings"; 11 | // --------------------------------------------- 12 | 13 | 14 | // Include theme-specific fonts 15 | @import url(../../lib/font/source-sans-pro/source-sans-pro.css); 16 | 17 | 18 | // Override theme settings (see ../template/settings.scss) 19 | $backgroundColor: #222; 20 | 21 | $mainColor: #fff; 22 | $headingColor: #fff; 23 | 24 | $mainFontSize: 42px; 25 | $mainFont: 'Source Sans Pro', Helvetica, sans-serif; 26 | $headingFont: 'Source Sans Pro', Helvetica, sans-serif; 27 | $headingTextShadow: none; 28 | $headingLetterSpacing: normal; 29 | $headingTextTransform: uppercase; 30 | $headingFontWeight: 600; 31 | $linkColor: #42affa; 32 | $linkColorHover: lighten( $linkColor, 15% ); 33 | $selectionBackgroundColor: lighten( $linkColor, 25% ); 34 | 35 | $heading1Size: 2.5em; 36 | $heading2Size: 1.6em; 37 | $heading3Size: 1.3em; 38 | $heading4Size: 1.0em; 39 | 40 | section.has-light-background { 41 | &, h1, h2, h3, h4, h5, h6 { 42 | color: #222; 43 | } 44 | } 45 | 46 | 47 | // Theme template ------------------------------ 48 | @import "../template/theme"; 49 | // --------------------------------------------- -------------------------------------------------------------------------------- /javascript/libs/reveal.js/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 | @import "../template/mixins"; 15 | @import "../template/settings"; 16 | // --------------------------------------------- 17 | 18 | // Include theme-specific fonts 19 | 20 | @import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic); 21 | 22 | // Colors used in the theme 23 | $blood: #a23; 24 | $coal: #222; 25 | $codeBackground: #23241f; 26 | 27 | $backgroundColor: $coal; 28 | 29 | // Main text 30 | $mainFont: Ubuntu, 'sans-serif'; 31 | $mainColor: #eee; 32 | 33 | // Headings 34 | $headingFont: Ubuntu, 'sans-serif'; 35 | $headingTextShadow: 2px 2px 2px $coal; 36 | 37 | // h1 shadow, borrowed humbly from 38 | // (c) Default theme by Hakim El Hattab 39 | $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); 40 | 41 | // Links 42 | $linkColor: $blood; 43 | $linkColorHover: lighten( $linkColor, 20% ); 44 | 45 | // Text selection 46 | $selectionBackgroundColor: $blood; 47 | $selectionColor: #fff; 48 | 49 | 50 | // Theme template ------------------------------ 51 | @import "../template/theme"; 52 | // --------------------------------------------- 53 | 54 | // some overrides after theme template import 55 | 56 | .reveal p { 57 | font-weight: 300; 58 | text-shadow: 1px 1px $coal; 59 | } 60 | 61 | .reveal h1, 62 | .reveal h2, 63 | .reveal h3, 64 | .reveal h4, 65 | .reveal h5, 66 | .reveal h6 { 67 | font-weight: 700; 68 | } 69 | 70 | .reveal p code { 71 | background-color: $codeBackground; 72 | display: inline-block; 73 | border-radius: 7px; 74 | } 75 | 76 | .reveal small code { 77 | vertical-align: baseline; 78 | } -------------------------------------------------------------------------------- /javascript/libs/reveal.js/css/theme/source/league.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * League theme for reveal.js. 3 | * 4 | * This was the default theme pre-3.0.0. 5 | * 6 | * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se 7 | */ 8 | 9 | 10 | // Default mixins and settings ----------------- 11 | @import "../template/mixins"; 12 | @import "../template/settings"; 13 | // --------------------------------------------- 14 | 15 | 16 | 17 | // Include theme-specific fonts 18 | @import url(../../lib/font/league-gothic/league-gothic.css); 19 | @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); 20 | 21 | // Override theme settings (see ../template/settings.scss) 22 | $headingTextShadow: 0px 0px 6px rgba(0,0,0,0.2); 23 | $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); 24 | 25 | // Background generator 26 | @mixin bodyBackground() { 27 | @include radial-gradient( rgba(28,30,32,1), rgba(85,90,95,1) ); 28 | } 29 | 30 | 31 | 32 | // Theme template ------------------------------ 33 | @import "../template/theme"; 34 | // --------------------------------------------- -------------------------------------------------------------------------------- /javascript/libs/reveal.js/css/theme/source/moon.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Solarized Dark theme for reveal.js. 3 | * Author: Achim Staebler 4 | */ 5 | 6 | 7 | // Default mixins and settings ----------------- 8 | @import "../template/mixins"; 9 | @import "../template/settings"; 10 | // --------------------------------------------- 11 | 12 | 13 | 14 | // Include theme-specific fonts 15 | @import url(../../lib/font/league-gothic/league-gothic.css); 16 | @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); 17 | 18 | /** 19 | * Solarized colors by Ethan Schoonover 20 | */ 21 | html * { 22 | color-profile: sRGB; 23 | rendering-intent: auto; 24 | } 25 | 26 | // Solarized colors 27 | $base03: #002b36; 28 | $base02: #073642; 29 | $base01: #586e75; 30 | $base00: #657b83; 31 | $base0: #839496; 32 | $base1: #93a1a1; 33 | $base2: #eee8d5; 34 | $base3: #fdf6e3; 35 | $yellow: #b58900; 36 | $orange: #cb4b16; 37 | $red: #dc322f; 38 | $magenta: #d33682; 39 | $violet: #6c71c4; 40 | $blue: #268bd2; 41 | $cyan: #2aa198; 42 | $green: #859900; 43 | 44 | // Override theme settings (see ../template/settings.scss) 45 | $mainColor: $base1; 46 | $headingColor: $base2; 47 | $headingTextShadow: none; 48 | $backgroundColor: $base03; 49 | $linkColor: $blue; 50 | $linkColorHover: lighten( $linkColor, 20% ); 51 | $selectionBackgroundColor: $magenta; 52 | 53 | 54 | 55 | // Theme template ------------------------------ 56 | @import "../template/theme"; 57 | // --------------------------------------------- 58 | -------------------------------------------------------------------------------- /javascript/libs/reveal.js/css/theme/source/night.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Black theme for reveal.js. 3 | * 4 | * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se 5 | */ 6 | 7 | 8 | // Default mixins and settings ----------------- 9 | @import "../template/mixins"; 10 | @import "../template/settings"; 11 | // --------------------------------------------- 12 | 13 | 14 | // Include theme-specific fonts 15 | @import url(https://fonts.googleapis.com/css?family=Montserrat:700); 16 | @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic); 17 | 18 | 19 | // Override theme settings (see ../template/settings.scss) 20 | $backgroundColor: #111; 21 | 22 | $mainFont: 'Open Sans', sans-serif; 23 | $linkColor: #e7ad52; 24 | $linkColorHover: lighten( $linkColor, 20% ); 25 | $headingFont: 'Montserrat', Impact, sans-serif; 26 | $headingTextShadow: none; 27 | $headingLetterSpacing: -0.03em; 28 | $headingTextTransform: none; 29 | $selectionBackgroundColor: #e7ad52; 30 | 31 | 32 | // Theme template ------------------------------ 33 | @import "../template/theme"; 34 | // --------------------------------------------- -------------------------------------------------------------------------------- /javascript/libs/reveal.js/css/theme/source/serif.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * A simple theme for reveal.js presentations, similar 3 | * to the default theme. The accent color is brown. 4 | * 5 | * This theme is Copyright (C) 2012-2013 Owen Versteeg, http://owenversteeg.com - it is MIT licensed. 6 | */ 7 | 8 | 9 | // Default mixins and settings ----------------- 10 | @import "../template/mixins"; 11 | @import "../template/settings"; 12 | // --------------------------------------------- 13 | 14 | 15 | 16 | // Override theme settings (see ../template/settings.scss) 17 | $mainFont: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif; 18 | $mainColor: #000; 19 | $headingFont: 'Palatino Linotype', 'Book Antiqua', Palatino, FreeSerif, serif; 20 | $headingColor: #383D3D; 21 | $headingTextShadow: none; 22 | $headingTextTransform: none; 23 | $backgroundColor: #F0F1EB; 24 | $linkColor: #51483D; 25 | $linkColorHover: lighten( $linkColor, 20% ); 26 | $selectionBackgroundColor: #26351C; 27 | 28 | .reveal a { 29 | line-height: 1.3em; 30 | } 31 | 32 | 33 | // Theme template ------------------------------ 34 | @import "../template/theme"; 35 | // --------------------------------------------- 36 | -------------------------------------------------------------------------------- /javascript/libs/reveal.js/css/theme/source/simple.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * A simple theme for reveal.js presentations, similar 3 | * to the default theme. The accent color is darkblue. 4 | * 5 | * This theme is Copyright (C) 2012 Owen Versteeg, https://github.com/StereotypicalApps. It is MIT licensed. 6 | * reveal.js is Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se 7 | */ 8 | 9 | 10 | // Default mixins and settings ----------------- 11 | @import "../template/mixins"; 12 | @import "../template/settings"; 13 | // --------------------------------------------- 14 | 15 | 16 | 17 | // Include theme-specific fonts 18 | @import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700); 19 | @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); 20 | 21 | 22 | // Override theme settings (see ../template/settings.scss) 23 | $mainFont: 'Lato', sans-serif; 24 | $mainColor: #000; 25 | $headingFont: 'News Cycle', Impact, sans-serif; 26 | $headingColor: #000; 27 | $headingTextShadow: none; 28 | $headingTextTransform: none; 29 | $backgroundColor: #fff; 30 | $linkColor: #00008B; 31 | $linkColorHover: lighten( $linkColor, 20% ); 32 | $selectionBackgroundColor: rgba(0, 0, 0, 0.99); 33 | 34 | section.has-dark-background { 35 | &, h1, h2, h3, h4, h5, h6 { 36 | color: #fff; 37 | } 38 | } 39 | 40 | 41 | // Theme template ------------------------------ 42 | @import "../template/theme"; 43 | // --------------------------------------------- -------------------------------------------------------------------------------- /javascript/libs/reveal.js/css/theme/source/sky.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Sky theme for reveal.js. 3 | * 4 | * Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se 5 | */ 6 | 7 | 8 | // Default mixins and settings ----------------- 9 | @import "../template/mixins"; 10 | @import "../template/settings"; 11 | // --------------------------------------------- 12 | 13 | 14 | 15 | // Include theme-specific fonts 16 | @import url(https://fonts.googleapis.com/css?family=Quicksand:400,700,400italic,700italic); 17 | @import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700); 18 | 19 | 20 | // Override theme settings (see ../template/settings.scss) 21 | $mainFont: 'Open Sans', sans-serif; 22 | $mainColor: #333; 23 | $headingFont: 'Quicksand', sans-serif; 24 | $headingColor: #333; 25 | $headingLetterSpacing: -0.08em; 26 | $headingTextShadow: none; 27 | $backgroundColor: #f7fbfc; 28 | $linkColor: #3b759e; 29 | $linkColorHover: lighten( $linkColor, 20% ); 30 | $selectionBackgroundColor: #134674; 31 | 32 | // Fix links so they are not cut off 33 | .reveal a { 34 | line-height: 1.3em; 35 | } 36 | 37 | // Background generator 38 | @mixin bodyBackground() { 39 | @include radial-gradient( #add9e4, #f7fbfc ); 40 | } 41 | 42 | 43 | 44 | // Theme template ------------------------------ 45 | @import "../template/theme"; 46 | // --------------------------------------------- 47 | -------------------------------------------------------------------------------- /javascript/libs/reveal.js/css/theme/source/solarized.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * Solarized Light theme for reveal.js. 3 | * Author: Achim Staebler 4 | */ 5 | 6 | 7 | // Default mixins and settings ----------------- 8 | @import "../template/mixins"; 9 | @import "../template/settings"; 10 | // --------------------------------------------- 11 | 12 | 13 | 14 | // Include theme-specific fonts 15 | @import url(../../lib/font/league-gothic/league-gothic.css); 16 | @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic); 17 | 18 | 19 | /** 20 | * Solarized colors by Ethan Schoonover 21 | */ 22 | html * { 23 | color-profile: sRGB; 24 | rendering-intent: auto; 25 | } 26 | 27 | // Solarized colors 28 | $base03: #002b36; 29 | $base02: #073642; 30 | $base01: #586e75; 31 | $base00: #657b83; 32 | $base0: #839496; 33 | $base1: #93a1a1; 34 | $base2: #eee8d5; 35 | $base3: #fdf6e3; 36 | $yellow: #b58900; 37 | $orange: #cb4b16; 38 | $red: #dc322f; 39 | $magenta: #d33682; 40 | $violet: #6c71c4; 41 | $blue: #268bd2; 42 | $cyan: #2aa198; 43 | $green: #859900; 44 | 45 | // Override theme settings (see ../template/settings.scss) 46 | $mainColor: $base00; 47 | $headingColor: $base01; 48 | $headingTextShadow: none; 49 | $backgroundColor: $base3; 50 | $linkColor: $blue; 51 | $linkColorHover: lighten( $linkColor, 20% ); 52 | $selectionBackgroundColor: $magenta; 53 | 54 | // Background generator 55 | // @mixin bodyBackground() { 56 | // @include radial-gradient( rgba($base3,1), rgba(lighten($base3, 20%),1) ); 57 | // } 58 | 59 | 60 | 61 | // Theme template ------------------------------ 62 | @import "../template/theme"; 63 | // --------------------------------------------- 64 | -------------------------------------------------------------------------------- /javascript/libs/reveal.js/css/theme/source/white.scss: -------------------------------------------------------------------------------- 1 | /** 2 | * White theme for reveal.js. This is the opposite of the 'black' theme. 3 | * 4 | * By Hakim El Hattab, http://hakim.se 5 | */ 6 | 7 | 8 | // Default mixins and settings ----------------- 9 | @import "../template/mixins"; 10 | @import "../template/settings"; 11 | // --------------------------------------------- 12 | 13 | 14 | // Include theme-specific fonts 15 | @import url(../../lib/font/source-sans-pro/source-sans-pro.css); 16 | 17 | 18 | // Override theme settings (see ../template/settings.scss) 19 | $backgroundColor: #fff; 20 | 21 | $mainColor: #222; 22 | $headingColor: #222; 23 | 24 | $mainFontSize: 42px; 25 | $mainFont: 'Source Sans Pro', Helvetica, sans-serif; 26 | $headingFont: 'Source Sans Pro', Helvetica, sans-serif; 27 | $headingTextShadow: none; 28 | $headingLetterSpacing: normal; 29 | $headingTextTransform: uppercase; 30 | $headingFontWeight: 600; 31 | $linkColor: #2a76dd; 32 | $linkColorHover: lighten( $linkColor, 15% ); 33 | $selectionBackgroundColor: lighten( $linkColor, 25% ); 34 | 35 | $heading1Size: 2.5em; 36 | $heading2Size: 1.6em; 37 | $heading3Size: 1.3em; 38 | $heading4Size: 1.0em; 39 | 40 | section.has-dark-background { 41 | &, h1, h2, h3, h4, h5, h6 { 42 | color: #fff; 43 | } 44 | } 45 | 46 | 47 | // Theme template ------------------------------ 48 | @import "../template/theme"; 49 | // --------------------------------------------- -------------------------------------------------------------------------------- /javascript/libs/reveal.js/css/theme/template/mixins.scss: -------------------------------------------------------------------------------- 1 | @mixin vertical-gradient( $top, $bottom ) { 2 | background: $top; 3 | background: -moz-linear-gradient( top, $top 0%, $bottom 100% ); 4 | background: -webkit-gradient( linear, left top, left bottom, color-stop(0%,$top), color-stop(100%,$bottom) ); 5 | background: -webkit-linear-gradient( top, $top 0%, $bottom 100% ); 6 | background: -o-linear-gradient( top, $top 0%, $bottom 100% ); 7 | background: -ms-linear-gradient( top, $top 0%, $bottom 100% ); 8 | background: linear-gradient( top, $top 0%, $bottom 100% ); 9 | } 10 | 11 | @mixin horizontal-gradient( $top, $bottom ) { 12 | background: $top; 13 | background: -moz-linear-gradient( left, $top 0%, $bottom 100% ); 14 | background: -webkit-gradient( linear, left top, right top, color-stop(0%,$top), color-stop(100%,$bottom) ); 15 | background: -webkit-linear-gradient( left, $top 0%, $bottom 100% ); 16 | background: -o-linear-gradient( left, $top 0%, $bottom 100% ); 17 | background: -ms-linear-gradient( left, $top 0%, $bottom 100% ); 18 | background: linear-gradient( left, $top 0%, $bottom 100% ); 19 | } 20 | 21 | @mixin radial-gradient( $outer, $inner, $type: circle ) { 22 | background: $outer; 23 | background: -moz-radial-gradient( center, $type cover, $inner 0%, $outer 100% ); 24 | background: -webkit-gradient( radial, center center, 0px, center center, 100%, color-stop(0%,$inner), color-stop(100%,$outer) ); 25 | background: -webkit-radial-gradient( center, $type cover, $inner 0%, $outer 100% ); 26 | background: -o-radial-gradient( center, $type cover, $inner 0%, $outer 100% ); 27 | background: -ms-radial-gradient( center, $type cover, $inner 0%, $outer 100% ); 28 | background: radial-gradient( center, $type cover, $inner 0%, $outer 100% ); 29 | } -------------------------------------------------------------------------------- /javascript/libs/reveal.js/css/theme/template/settings.scss: -------------------------------------------------------------------------------- 1 | // Base settings for all themes that can optionally be 2 | // overridden by the super-theme 3 | 4 | // Background of the presentation 5 | $backgroundColor: #2b2b2b; 6 | 7 | // Primary/body text 8 | $mainFont: 'Lato', sans-serif; 9 | $mainFontSize: 40px; 10 | $mainColor: #eee; 11 | 12 | // Vertical spacing between blocks of text 13 | $blockMargin: 20px; 14 | 15 | // Headings 16 | $headingMargin: 0 0 $blockMargin 0; 17 | $headingFont: 'League Gothic', Impact, sans-serif; 18 | $headingColor: #eee; 19 | $headingLineHeight: 1.2; 20 | $headingLetterSpacing: normal; 21 | $headingTextTransform: uppercase; 22 | $headingTextShadow: none; 23 | $headingFontWeight: normal; 24 | $heading1TextShadow: $headingTextShadow; 25 | 26 | $heading1Size: 3.77em; 27 | $heading2Size: 2.11em; 28 | $heading3Size: 1.55em; 29 | $heading4Size: 1.00em; 30 | 31 | // Links and actions 32 | $linkColor: #13DAEC; 33 | $linkColorHover: lighten( $linkColor, 20% ); 34 | 35 | // Text selection 36 | $selectionBackgroundColor: #FF5E99; 37 | $selectionColor: #fff; 38 | 39 | // Generates the presentation background, can be overridden 40 | // to return a background image or gradient 41 | @mixin bodyBackground() { 42 | background: $backgroundColor; 43 | } -------------------------------------------------------------------------------- /javascript/libs/reveal.js/i18n/de/first.md: -------------------------------------------------------------------------------- 1 | ## Erste Seite -------------------------------------------------------------------------------- /javascript/libs/reveal.js/i18n/de/second.md: -------------------------------------------------------------------------------- 1 | ## Zweite Seite -------------------------------------------------------------------------------- /javascript/libs/reveal.js/i18n/de/third.html: -------------------------------------------------------------------------------- 1 |

Dritte Seite

-------------------------------------------------------------------------------- /javascript/libs/reveal.js/js/i18n.js: -------------------------------------------------------------------------------- 1 | function getParameterByName(name) { 2 | 3 | name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]"); 4 | var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"); 5 | var results = regex.exec(location.search); 6 | return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " ")); 7 | 8 | } 9 | 10 | function replaceLangContent(langDir) { 11 | 12 | var elems = document.getElementsByClassName("content"); 13 | for ( var i = 0; i < elems.length; ++i ) { 14 | var item = elems[i]; 15 | var langFile = item.getAttribute("id") 16 | var fileFormat = item.hasAttribute("data-markdown") ? ".md" : ".html" 17 | item.setAttribute("data-markdown", langDir + "/" + langFile + fileFormat) 18 | } 19 | 20 | } 21 | 22 | if ( window.location.search.match(/lang/gi) ) { 23 | 24 | var langCode = getParameterByName("lang"); 25 | var langDir = "../libs/reveal.js/i18n/" + langCode; 26 | replaceLangContent(langDir); 27 | 28 | } -------------------------------------------------------------------------------- /javascript/libs/reveal.js/lib/css/atom-one-dark-sha.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Atom One Dark by Daniel Gamage 4 | Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax 5 | 6 | base: #282c34 7 | mono-1: #abb2bf 8 | mono-2: #818896 9 | mono-3: #5c6370 10 | hue-1: #56b6c2 11 | hue-2: #61aeee 12 | hue-3: #c678dd 13 | hue-4: #98c379 14 | hue-5: #e06c75 15 | hue-5-2: #be5046 16 | hue-6: #d19a66 17 | hue-6-2: #e6c07b 18 | 19 | */ 20 | 21 | .hljs { 22 | display: block; 23 | overflow-x: auto; 24 | padding: 0.5em; 25 | color: #abb2bf; 26 | background: #000; 27 | } 28 | 29 | .hljs-comment, 30 | .hljs-quote { 31 | color: #5c6370; 32 | font-style: italic; 33 | } 34 | 35 | .hljs-doctag, 36 | .hljs-keyword, 37 | .hljs-formula { 38 | color: #c678dd; 39 | } 40 | 41 | .hljs-section, 42 | .hljs-name, 43 | .hljs-selector-tag, 44 | .hljs-deletion, 45 | .hljs-subst { 46 | color: #e06c75; 47 | } 48 | 49 | .hljs-literal { 50 | color: #56b6c2; 51 | } 52 | 53 | .hljs-string, 54 | .hljs-regexp, 55 | .hljs-addition, 56 | .hljs-attribute, 57 | .hljs-meta-string { 58 | color: #98c379; 59 | } 60 | 61 | .hljs-built_in, 62 | .hljs-class .hljs-title { 63 | color: #e6c07b; 64 | } 65 | 66 | .hljs-attr, 67 | .hljs-variable, 68 | .hljs-template-variable, 69 | .hljs-type, 70 | .hljs-selector-class, 71 | .hljs-selector-attr, 72 | .hljs-selector-pseudo, 73 | .hljs-number { 74 | color: #d19a66; 75 | } 76 | 77 | .hljs-symbol, 78 | .hljs-bullet, 79 | .hljs-link, 80 | .hljs-meta, 81 | .hljs-selector-id, 82 | .hljs-title { 83 | color: #61aeee; 84 | } 85 | 86 | .hljs-emphasis { 87 | font-style: italic; 88 | } 89 | 90 | .hljs-strong { 91 | font-weight: bold; 92 | } 93 | 94 | .hljs-link { 95 | text-decoration: underline; 96 | } 97 | -------------------------------------------------------------------------------- /javascript/libs/reveal.js/lib/css/monokai-sublime-sha.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-license.org/ 4 | 5 | */ 6 | 7 | .hljs { 8 | display: block; 9 | overflow-x: auto; 10 | padding: 0.5em; 11 | background: #23241f; 12 | background: #000; 13 | white-space: pre-wrap !important; /* SHA */ 14 | } 15 | 16 | .hljs, 17 | .hljs-tag, 18 | .hljs-subst { 19 | color: #f8f8f2; 20 | } 21 | 22 | .hljs-strong, 23 | .hljs-emphasis { 24 | color: #a8a8a2; 25 | } 26 | 27 | .hljs-bullet, 28 | .hljs-quote, 29 | .hljs-number, 30 | .hljs-regexp, 31 | .hljs-literal, 32 | .hljs-link { 33 | color: #ae81ff; 34 | } 35 | 36 | .hljs-code, 37 | .hljs-title, 38 | .hljs-section, 39 | .hljs-selector-class { 40 | color: #a6e22e; 41 | } 42 | 43 | .hljs-strong { 44 | font-weight: bold; 45 | } 46 | 47 | .hljs-emphasis { 48 | font-style: italic; 49 | } 50 | 51 | .hljs-keyword, 52 | .hljs-selector-tag, 53 | .hljs-name, 54 | .hljs-attr { 55 | color: #f92672; 56 | } 57 | 58 | .hljs-symbol, 59 | .hljs-attribute { 60 | color: #66d9ef; 61 | } 62 | 63 | .hljs-params, 64 | .hljs-class .hljs-title { 65 | color: #f8f8f2; 66 | } 67 | 68 | .hljs-string, 69 | .hljs-type, 70 | .hljs-built_in, 71 | .hljs-builtin-name, 72 | .hljs-selector-id, 73 | .hljs-selector-attr, 74 | .hljs-selector-pseudo, 75 | .hljs-addition, 76 | .hljs-variable, 77 | .hljs-template-variable { 78 | color: #e6db74; 79 | } 80 | 81 | .hljs-comment, 82 | .hljs-deletion, 83 | .hljs-meta { 84 | color: #75715e; 85 | } 86 | -------------------------------------------------------------------------------- /javascript/libs/reveal.js/lib/css/zenburn.css: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | Zenburn style from voldmar.ru (c) Vladimir Epifanov 4 | based on dark.css by Ivan Sagalaev 5 | 6 | */ 7 | 8 | .hljs { 9 | display: block; 10 | overflow-x: auto; 11 | padding: 0.5em; 12 | background: #3f3f3f; 13 | color: #dcdcdc; 14 | } 15 | 16 | .hljs-keyword, 17 | .hljs-selector-tag, 18 | .hljs-tag { 19 | color: #e3ceab; 20 | } 21 | 22 | .hljs-template-tag { 23 | color: #dcdcdc; 24 | } 25 | 26 | .hljs-number { 27 | color: #8cd0d3; 28 | } 29 | 30 | .hljs-variable, 31 | .hljs-template-variable, 32 | .hljs-attribute { 33 | color: #efdcbc; 34 | } 35 | 36 | .hljs-literal { 37 | color: #efefaf; 38 | } 39 | 40 | .hljs-subst { 41 | color: #8f8f8f; 42 | } 43 | 44 | .hljs-title, 45 | .hljs-name, 46 | .hljs-selector-id, 47 | .hljs-selector-class, 48 | .hljs-section, 49 | .hljs-type { 50 | color: #efef8f; 51 | } 52 | 53 | .hljs-symbol, 54 | .hljs-bullet, 55 | .hljs-link { 56 | color: #dca3a3; 57 | } 58 | 59 | .hljs-deletion, 60 | .hljs-string, 61 | .hljs-built_in, 62 | .hljs-builtin-name { 63 | color: #cc9393; 64 | } 65 | 66 | .hljs-addition, 67 | .hljs-comment, 68 | .hljs-quote, 69 | .hljs-meta { 70 | color: #7f9f7f; 71 | } 72 | 73 | 74 | .hljs-emphasis { 75 | font-style: italic; 76 | } 77 | 78 | .hljs-strong { 79 | font-weight: bold; 80 | } 81 | -------------------------------------------------------------------------------- /javascript/libs/reveal.js/lib/font/league-gothic/LICENSE: -------------------------------------------------------------------------------- 1 | SIL Open Font License (OFL) 2 | http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL 3 | -------------------------------------------------------------------------------- /javascript/libs/reveal.js/lib/font/league-gothic/league-gothic.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'League Gothic'; 3 | src: url('league-gothic.eot'); 4 | src: url('league-gothic.eot?#iefix') format('embedded-opentype'), 5 | url('league-gothic.woff') format('woff'), 6 | url('league-gothic.ttf') format('truetype'); 7 | 8 | font-weight: normal; 9 | font-style: normal; 10 | } -------------------------------------------------------------------------------- /javascript/libs/reveal.js/lib/font/league-gothic/league-gothic.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/libs/reveal.js/lib/font/league-gothic/league-gothic.eot -------------------------------------------------------------------------------- /javascript/libs/reveal.js/lib/font/league-gothic/league-gothic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/libs/reveal.js/lib/font/league-gothic/league-gothic.ttf -------------------------------------------------------------------------------- /javascript/libs/reveal.js/lib/font/league-gothic/league-gothic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/libs/reveal.js/lib/font/league-gothic/league-gothic.woff -------------------------------------------------------------------------------- /javascript/libs/reveal.js/lib/font/source-sans-pro/source-sans-pro-italic.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/libs/reveal.js/lib/font/source-sans-pro/source-sans-pro-italic.eot -------------------------------------------------------------------------------- /javascript/libs/reveal.js/lib/font/source-sans-pro/source-sans-pro-italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/libs/reveal.js/lib/font/source-sans-pro/source-sans-pro-italic.ttf -------------------------------------------------------------------------------- /javascript/libs/reveal.js/lib/font/source-sans-pro/source-sans-pro-italic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/libs/reveal.js/lib/font/source-sans-pro/source-sans-pro-italic.woff -------------------------------------------------------------------------------- /javascript/libs/reveal.js/lib/font/source-sans-pro/source-sans-pro-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/libs/reveal.js/lib/font/source-sans-pro/source-sans-pro-regular.eot -------------------------------------------------------------------------------- /javascript/libs/reveal.js/lib/font/source-sans-pro/source-sans-pro-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/libs/reveal.js/lib/font/source-sans-pro/source-sans-pro-regular.ttf -------------------------------------------------------------------------------- /javascript/libs/reveal.js/lib/font/source-sans-pro/source-sans-pro-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/libs/reveal.js/lib/font/source-sans-pro/source-sans-pro-regular.woff -------------------------------------------------------------------------------- /javascript/libs/reveal.js/lib/font/source-sans-pro/source-sans-pro-semibold.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/libs/reveal.js/lib/font/source-sans-pro/source-sans-pro-semibold.eot -------------------------------------------------------------------------------- /javascript/libs/reveal.js/lib/font/source-sans-pro/source-sans-pro-semibold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/libs/reveal.js/lib/font/source-sans-pro/source-sans-pro-semibold.ttf -------------------------------------------------------------------------------- /javascript/libs/reveal.js/lib/font/source-sans-pro/source-sans-pro-semibold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/libs/reveal.js/lib/font/source-sans-pro/source-sans-pro-semibold.woff -------------------------------------------------------------------------------- /javascript/libs/reveal.js/lib/font/source-sans-pro/source-sans-pro-semibolditalic.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/libs/reveal.js/lib/font/source-sans-pro/source-sans-pro-semibolditalic.eot -------------------------------------------------------------------------------- /javascript/libs/reveal.js/lib/font/source-sans-pro/source-sans-pro-semibolditalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/libs/reveal.js/lib/font/source-sans-pro/source-sans-pro-semibolditalic.ttf -------------------------------------------------------------------------------- /javascript/libs/reveal.js/lib/font/source-sans-pro/source-sans-pro-semibolditalic.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/libs/reveal.js/lib/font/source-sans-pro/source-sans-pro-semibolditalic.woff -------------------------------------------------------------------------------- /javascript/libs/reveal.js/lib/font/source-sans-pro/source-sans-pro.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'Source Sans Pro'; 3 | src: url('source-sans-pro-regular.eot'); 4 | src: url('source-sans-pro-regular.eot?#iefix') format('embedded-opentype'), 5 | url('source-sans-pro-regular.woff') format('woff'), 6 | url('source-sans-pro-regular.ttf') format('truetype'); 7 | font-weight: normal; 8 | font-style: normal; 9 | } 10 | 11 | @font-face { 12 | font-family: 'Source Sans Pro'; 13 | src: url('source-sans-pro-italic.eot'); 14 | src: url('source-sans-pro-italic.eot?#iefix') format('embedded-opentype'), 15 | url('source-sans-pro-italic.woff') format('woff'), 16 | url('source-sans-pro-italic.ttf') format('truetype'); 17 | font-weight: normal; 18 | font-style: italic; 19 | } 20 | 21 | @font-face { 22 | font-family: 'Source Sans Pro'; 23 | src: url('source-sans-pro-semibold.eot'); 24 | src: url('source-sans-pro-semibold.eot?#iefix') format('embedded-opentype'), 25 | url('source-sans-pro-semibold.woff') format('woff'), 26 | url('source-sans-pro-semibold.ttf') format('truetype'); 27 | font-weight: 600; 28 | font-style: normal; 29 | } 30 | 31 | @font-face { 32 | font-family: 'Source Sans Pro'; 33 | src: url('source-sans-pro-semibolditalic.eot'); 34 | src: url('source-sans-pro-semibolditalic.eot?#iefix') format('embedded-opentype'), 35 | url('source-sans-pro-semibolditalic.woff') format('woff'), 36 | url('source-sans-pro-semibolditalic.ttf') format('truetype'); 37 | font-weight: 600; 38 | font-style: italic; 39 | } -------------------------------------------------------------------------------- /javascript/libs/reveal.js/lib/js/classList.js: -------------------------------------------------------------------------------- 1 | /*! @source http://purl.eligrey.com/github/classList.js/blob/master/classList.js*/ 2 | if(typeof document!=="undefined"&&!("classList" in document.createElement("a"))){(function(j){var a="classList",f="prototype",m=(j.HTMLElement||j.Element)[f],b=Object,k=String[f].trim||function(){return this.replace(/^\s+|\s+$/g,"")},c=Array[f].indexOf||function(q){var p=0,o=this.length;for(;pbody{font-family: sans-serif;}

reveal.js multiplex server.

Generate token'); 38 | res.end(); 39 | }); 40 | stream.on('readable', function() { 41 | stream.pipe(res); 42 | }); 43 | }); 44 | 45 | app.get("/token", function(req,res) { 46 | var ts = new Date().getTime(); 47 | var rand = Math.floor(Math.random()*9999999); 48 | var secret = ts.toString() + rand.toString(); 49 | res.send({secret: secret, socketId: createHash(secret)}); 50 | }); 51 | 52 | var createHash = function(secret) { 53 | var cipher = crypto.createCipher('blowfish', secret); 54 | return(cipher.final('hex')); 55 | }; 56 | 57 | // Actually listen 58 | server.listen( opts.port || null ); 59 | 60 | var brown = '\033[33m', 61 | green = '\033[32m', 62 | reset = '\033[0m'; 63 | 64 | console.log( brown + "reveal.js:" + reset + " Multiplex running on port " + green + opts.port + reset ); -------------------------------------------------------------------------------- /javascript/libs/reveal.js/plugin/multiplex/master.js: -------------------------------------------------------------------------------- 1 | (function() { 2 | 3 | // Don't emit events from inside of notes windows 4 | if ( window.location.search.match( /receiver/gi ) ) { return; } 5 | 6 | var multiplex = Reveal.getConfig().multiplex; 7 | 8 | var socket = io.connect( multiplex.url ); 9 | 10 | function post() { 11 | 12 | var messageData = { 13 | state: Reveal.getState(), 14 | secret: multiplex.secret, 15 | socketId: multiplex.id 16 | }; 17 | 18 | socket.emit( 'multiplex-statechanged', messageData ); 19 | 20 | }; 21 | 22 | // post once the page is loaded, so the client follows also on "open URL". 23 | window.addEventListener( 'load', post ); 24 | 25 | // Monitor events that trigger a change in state 26 | Reveal.addEventListener( 'slidechanged', post ); 27 | Reveal.addEventListener( 'fragmentshown', post ); 28 | Reveal.addEventListener( 'fragmenthidden', post ); 29 | Reveal.addEventListener( 'overviewhidden', post ); 30 | Reveal.addEventListener( 'overviewshown', post ); 31 | Reveal.addEventListener( 'paused', post ); 32 | Reveal.addEventListener( 'resumed', post ); 33 | 34 | }()); 35 | -------------------------------------------------------------------------------- /javascript/libs/reveal.js/plugin/multiplex/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "reveal-js-multiplex", 3 | "version": "1.0.0", 4 | "description": "reveal.js multiplex server", 5 | "homepage": "http://revealjs.com", 6 | "scripts": { 7 | "start": "node index.js" 8 | }, 9 | "engines": { 10 | "node": "~4.1.1" 11 | }, 12 | "dependencies": { 13 | "express": "~4.13.3", 14 | "grunt-cli": "~0.1.13", 15 | "mustache": "~2.2.1", 16 | "socket.io": "~1.3.7" 17 | }, 18 | "license": "MIT" 19 | } 20 | -------------------------------------------------------------------------------- /javascript/libs/reveal.js/plugin/notes-server/client.js: -------------------------------------------------------------------------------- 1 | (function() { 2 | 3 | // don't emit events from inside the previews themselves 4 | if( window.location.search.match( /receiver/gi ) ) { return; } 5 | 6 | var socket = io.connect( window.location.origin ), 7 | socketId = Math.random().toString().slice( 2 ); 8 | 9 | console.log( 'View slide notes at ' + window.location.origin + '/notes/' + socketId ); 10 | 11 | window.open( window.location.origin + '/notes/' + socketId, 'notes-' + socketId ); 12 | 13 | /** 14 | * Posts the current slide data to the notes window 15 | */ 16 | function post() { 17 | 18 | var slideElement = Reveal.getCurrentSlide(), 19 | notesElement = slideElement.querySelector( 'aside.notes' ); 20 | 21 | var messageData = { 22 | notes: '', 23 | markdown: false, 24 | socketId: socketId, 25 | state: Reveal.getState() 26 | }; 27 | 28 | // Look for notes defined in a slide attribute 29 | if( slideElement.hasAttribute( 'data-notes' ) ) { 30 | messageData.notes = slideElement.getAttribute( 'data-notes' ); 31 | } 32 | 33 | // Look for notes defined in an aside element 34 | if( notesElement ) { 35 | messageData.notes = notesElement.innerHTML; 36 | messageData.markdown = typeof notesElement.getAttribute( 'data-markdown' ) === 'string'; 37 | } 38 | 39 | socket.emit( 'statechanged', messageData ); 40 | 41 | } 42 | 43 | // When a new notes window connects, post our current state 44 | socket.on( 'new-subscriber', function( data ) { 45 | post(); 46 | } ); 47 | 48 | // When the state changes from inside of the speaker view 49 | socket.on( 'statechanged-speaker', function( data ) { 50 | Reveal.setState( data.state ); 51 | } ); 52 | 53 | // Monitor events that trigger a change in state 54 | Reveal.addEventListener( 'slidechanged', post ); 55 | Reveal.addEventListener( 'fragmentshown', post ); 56 | Reveal.addEventListener( 'fragmenthidden', post ); 57 | Reveal.addEventListener( 'overviewhidden', post ); 58 | Reveal.addEventListener( 'overviewshown', post ); 59 | Reveal.addEventListener( 'paused', post ); 60 | Reveal.addEventListener( 'resumed', post ); 61 | 62 | // Post the initial state 63 | post(); 64 | 65 | }()); 66 | -------------------------------------------------------------------------------- /javascript/libs/reveal.js/plugin/notes-server/index.js: -------------------------------------------------------------------------------- 1 | var http = require('http'); 2 | var express = require('express'); 3 | var fs = require('fs'); 4 | var io = require('socket.io'); 5 | var Mustache = require('mustache'); 6 | 7 | var app = express(); 8 | var staticDir = express.static; 9 | var server = http.createServer(app); 10 | 11 | io = io(server); 12 | 13 | var opts = { 14 | port : 1947, 15 | baseDir : __dirname + '/../../' 16 | }; 17 | 18 | io.on( 'connection', function( socket ) { 19 | 20 | socket.on( 'new-subscriber', function( data ) { 21 | socket.broadcast.emit( 'new-subscriber', data ); 22 | }); 23 | 24 | socket.on( 'statechanged', function( data ) { 25 | delete data.state.overview; 26 | socket.broadcast.emit( 'statechanged', data ); 27 | }); 28 | 29 | socket.on( 'statechanged-speaker', function( data ) { 30 | delete data.state.overview; 31 | socket.broadcast.emit( 'statechanged-speaker', data ); 32 | }); 33 | 34 | }); 35 | 36 | [ 'css', 'js', 'images', 'plugin', 'lib' ].forEach( function( dir ) { 37 | app.use( '/' + dir, staticDir( opts.baseDir + dir ) ); 38 | }); 39 | 40 | app.get('/', function( req, res ) { 41 | 42 | res.writeHead( 200, { 'Content-Type': 'text/html' } ); 43 | fs.createReadStream( opts.baseDir + '/index.html' ).pipe( res ); 44 | 45 | }); 46 | 47 | app.get( '/notes/:socketId', function( req, res ) { 48 | 49 | fs.readFile( opts.baseDir + 'plugin/notes-server/notes.html', function( err, data ) { 50 | res.send( Mustache.to_html( data.toString(), { 51 | socketId : req.params.socketId 52 | })); 53 | }); 54 | 55 | }); 56 | 57 | // Actually listen 58 | server.listen( opts.port || null ); 59 | 60 | var brown = '\033[33m', 61 | green = '\033[32m', 62 | reset = '\033[0m'; 63 | 64 | var slidesLocation = 'http://localhost' + ( opts.port ? ( ':' + opts.port ) : '' ); 65 | 66 | console.log( brown + 'reveal.js - Speaker Notes' + reset ); 67 | console.log( '1. Open the slides at ' + green + slidesLocation + reset ); 68 | console.log( '2. Click on the link in your JS console to go to the notes page' ); 69 | console.log( '3. Advance through your slides and your notes will advance automatically' ); 70 | -------------------------------------------------------------------------------- /javascript/libs/reveal.js/plugin/print-pdf/print-pdf.js: -------------------------------------------------------------------------------- 1 | /** 2 | * phantomjs script for printing presentations to PDF. 3 | * 4 | * Example: 5 | * phantomjs print-pdf.js "http://revealjs.com?print-pdf" reveal-demo.pdf 6 | * 7 | * @author Manuel Bieh (https://github.com/manuelbieh) 8 | * @author Hakim El Hattab (https://github.com/hakimel) 9 | * @author Manuel Riezebosch (https://github.com/riezebosch) 10 | */ 11 | 12 | // html2pdf.js 13 | var system = require( 'system' ); 14 | 15 | var probePage = new WebPage(); 16 | var printPage = new WebPage(); 17 | 18 | var inputFile = system.args[1] || 'index.html?print-pdf'; 19 | var outputFile = system.args[2] || 'slides.pdf'; 20 | 21 | if( outputFile.match( /\.pdf$/gi ) === null ) { 22 | outputFile += '.pdf'; 23 | } 24 | 25 | console.log( 'Export PDF: Reading reveal.js config [1/4]' ); 26 | 27 | probePage.open( inputFile, function( status ) { 28 | 29 | console.log( 'Export PDF: Preparing print layout [2/4]' ); 30 | 31 | var config = probePage.evaluate( function() { 32 | return Reveal.getConfig(); 33 | } ); 34 | 35 | if( config ) { 36 | 37 | printPage.paperSize = { 38 | width: Math.floor( config.width * ( 1 + config.margin ) ), 39 | height: Math.floor( config.height * ( 1 + config.margin ) ), 40 | border: 0 41 | }; 42 | 43 | printPage.open( inputFile, function( status ) { 44 | console.log( 'Export PDF: Preparing pdf [3/4]') 45 | printPage.evaluate( function() { 46 | Reveal.isReady() ? window.callPhantom() : Reveal.addEventListener( 'pdf-ready', window.callPhantom ); 47 | } ); 48 | } ); 49 | 50 | printPage.onCallback = function( data ) { 51 | // For some reason we need to "jump the queue" for syntax highlighting to work. 52 | // See: http://stackoverflow.com/a/3580132/129269 53 | setTimeout( function() { 54 | console.log( 'Export PDF: Writing file [4/4]' ); 55 | printPage.render( outputFile ); 56 | console.log( 'Export PDF: Finished successfully!' ); 57 | phantom.exit(); 58 | }, 0 ); 59 | }; 60 | } 61 | else { 62 | 63 | console.log( 'Export PDF: Unable to read reveal.js config. Make sure the input address points to a reveal.js page.' ); 64 | phantom.exit( 1 ); 65 | 66 | } 67 | } ); 68 | -------------------------------------------------------------------------------- /javascript/node/images/Node Runntime Environment.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/node/images/Node Runntime Environment.png -------------------------------------------------------------------------------- /javascript/node/images/github-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/node/images/github-logo.png -------------------------------------------------------------------------------- /javascript/node/images/ngrok.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/node/images/ngrok.jpg -------------------------------------------------------------------------------- /javascript/node/images/nodeJS_databases.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/node/images/nodeJS_databases.png -------------------------------------------------------------------------------- /javascript/node/images/nodejs-logo-transparent.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/node/images/nodejs-logo-transparent.png -------------------------------------------------------------------------------- /javascript/node/images/tts-titles-joinus.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/node/images/tts-titles-joinus.jpg -------------------------------------------------------------------------------- /javascript/node/images/vscode-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/epicurusgarden/techtalent/4ce495684a5189b19be86eee91d39723f63bfb25/javascript/node/images/vscode-logo.png -------------------------------------------------------------------------------- /javascript/pythontutor-visuals/arrays-001.js: -------------------------------------------------------------------------------- 1 | let listOfNames = [ 'Abdul', 'Sofia', 'Chris' ]; 2 | 3 | console.log( listOfNames ); 4 | 5 | listOfNames[2] = 'Mary'; 6 | 7 | console.log( listOfNames[2] ); 8 | 9 | console.log( listOfNames ); 10 | -------------------------------------------------------------------------------- /javascript/pythontutor-visuals/arrays-002.js: -------------------------------------------------------------------------------- 1 | let numberList = [ 1, 2, 3 ]; 2 | 3 | numberList.push( 4 ); 4 | 5 | numberList.pop( 4 ); 6 | 7 | numberList.unshift(0); 8 | 9 | numberList.shift(); -------------------------------------------------------------------------------- /javascript/react-resources.md: -------------------------------------------------------------------------------- 1 | ### Getting started with React: 2 | [Create-react-app](https://github.com/facebook/create-react-app) 3 | 4 | ### On class demos & exercises: 5 | 6 | [React Basic Demo App(space -invaders)](https://codesandbox.io/s/basicreact-space-invaders-pz398?fontsize=14) 7 | 8 | [Exercise #1](https://codesandbox.io/s/xenodochial-khorana-zspeq?fontsize=14) 9 | 10 | [Exercise #2](https://codesandbox.io/s/late-pine-quicc?fontsize=14) 11 | 12 | [Exercise #3](https://codesandbox.io/s/jovial-sky-l5e0z?fontsize=14) 13 | 14 | [Exercise #1](https://codesandbox.io/s/xenodochial-khorana-zspeq?fontsize=14) 15 | 16 | ### Further reading 17 | 18 | [Scrimba.com: Learn React for free](https://scrimba.com/g/glearnreact) 19 | 20 | [Codecademy: Learn React.JS](https://www.codecademy.com/courses/react-101/) 21 | 22 | [ReactJS org](https://reactjs.org/tutorial/tutorial.html) 23 | 24 | [So you really want to learn react? So do I](https://www.impressivewebs.com/learn-react-so-do-i) 25 | 26 | [Build with React](http://buildwithreact.com/tutorial) 27 | 28 | --------------------------------------------------------------------------------