Contributing

Please consider contributing to this repository with matters that concerns the Mozilla themes, for global features you would prefer to pull request to hakimel/reveal.js

1. Install Node.js (1.0.0 or later)
2. Clone the moz-reveal.js repository

$ git clone https://github.com/moztn/reveal.js

3. Navigate to the reveal.js folder

$ cd reveal.js

4. Install dependencies

$ npm install

5. Serve the presentation and monitor source files for changes

$ npm start

6. Open http://localhost:8000/demo.html to view your presentation

File and dirs architecture

                        
css/theme/mozilla       #Mozilla specific style
├── fonts               #Open Sans
├── images              #Branding Logo and icons
├── settings.scss       #Declaration of Mozilla Branding colors and styles
├── styles              #Css call to the fonts
└── theme.scss          #Overrides to include the tabzilla
css/theme/source/       #scss implentation of the themes
├── mozilla-poly.scss   #scss of polychromatic theme
├── ...                 #More themes goes here
├── ...                 
└── one-mozilla.scss    #scss of legacy theme

			
                        

Create a mozilla-mytheme.scss file under css/theme/source/, alter any of the Mozilla- prefixed variables.

<link rel="stylesheet" href="css/theme/mozilla-poly.css" id="theme">

<link rel="stylesheet" href="css/theme/mozilla-mytheme.css" id="theme">

revisit http://localhost:8000/demo.html