Skip to content

clody69/MobileWebApps

Repository files navigation

Course on Mobile Web Apps Development with HTML5

This repository contains the site and the examples for the course. There are two branches:

  • master → it contains the files for building the site
  • gh-pages → it contains the files that are published on github and visible at aaltowebapps.com

Setting up the environment

Clone the two separate branches in two different directories:

  • site → it contains the master branch
  • public → it contains the gh-pages branch

Check the sym link site/public points to public

Readme Deck.JS Builder

Live example

This projects provide an easy working with the awesome Deck.js using Ruby, HAML and Compass.

Install:

 git clone https://github.com/zealot128/DeckJS-Builder
 cd DeckJS-Builder
 bundle
 guard

Then you can start editing:

  • slides/*.haml → the main chapters
  • views/*.haml → the layout, title and toc slide
  • sass/screen.scss → The Stylings using Scss/Sass
  • meta.yml → Title and author

Guard will automatically rebuild index.html and stylesheet when changed!

Automatic toc

With javascript there will be an automatic toc created.
Just have a div#toc somewhere, and give your section.slide the additional class:

  %section.slide.toc#custom-anchor
    %h1 Chapter Headline
  %section.slide.toc#another-custom-anchor
    %h2 Slide Headline

Only slides that have the .toc class and a h1 or h2 will show up inside the toc.

IMPORTANT: Until now, this includes my work-in-progress thesis’ defense
presentation, because I’am to lazy to put that one in a seperate repos :) Later
it will be extracted to have a clean empty presentation template

About

Course on Mobile Applications Development with HTML5

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages