bartaz

@keyframes hideshow { 
  0% { opacity: 1; } 100% { opacity: 0; }
} 

.css-animate rect { 
	animation: hideshow 1s linear infinite;
}

.css-animate rect:nth-child(1) { animation-delay: 0.0s }
.css-animate rect:nth-child(2) { animation-delay: 0.08333333333333333s }

bartaz

@keyframes hideshow { 
  0% { opacity: 1; } 100% { opacity: 0; }
} 

.css-animate rect { 
	animation: hideshow 1s linear infinite;
}

.css-animate rect:nth-child(1) { animation-delay: 0.0s }
.css-animate rect:nth-child(2) { animation-delay: 0.08333333333333333s }

bartaz

/*
	Two circles connected with a line.
	See: https://github.com/bartaz/impress.js/issues/460
*/

body {
	background: #BADA55;
}

.step {

bartaz

/**
 * Binary switcher
 */

body {
    font-family: monospace;
    font-size: 20px;
}

span {

bartaz

/**
 * writer.css by Bartek Szopka @bartaz
 *
 * CSS inspired by markdown styles of iA Writer Mac app.
 *
 * Based on iA Writer markdown guide:
 * http://support.iawriter.com/help/kb/frequently-asked-questions-in-general/markdown-syntax-reference-guide
 */

/* Nitti Light that is used by Writer is not a free font,

bartaz

/**
 * You should write comments in your code
 *
 * Slide from "Learning to teach" presentation by Bartek Szopka
 * Front-Trends 2012
 */

@import url(http://fonts.googleapis.com/css?family=The+Girl+Next+Door);

html, body {

bartaz

/**
 * With great power comes great responsibility
 *
 * Slide from "Learning to teach" presentation by Bartek Szopka
 * Front-Trends 2012
 */

@import url(http://fonts.googleapis.com/css?family=The+Girl+Next+Door);

html, body {

bartaz

/**
 * We are learning all out lives, and we die stupid
 *
 * Slide from "Learning to teach" presentation by Bartek Szopka
 * Front-Trends 2012
 */

@import url(http://fonts.googleapis.com/css?family=The+Girl+Next+Door);

html, body {

bartaz

/**
 * When your job is your passion, you never work
 *
 * Slide from "Learning to teach" presentation by Bartek Szopka
 * Front-Trends 2012
 */

@import url(http://fonts.googleapis.com/css?family=The+Girl+Next+Door);

html, body {

bartaz

/**
 * Tell me and I'll forget, show me and I may remember, involve me and I'll understand
 *
 * Slide from "Learning to teach" presentation by Bartek Szopka
 * Front-Trends 2012
 */

@import url(http://fonts.googleapis.com/css?family=The+Girl+Next+Door);

html, body {