Skip to content

Instantly share code, notes, and snippets.

@biern

biern/metodologie.css

Created March 24, 2012 14:40
Show Gist options
  • Save biern/2183661 to your computer and use it in GitHub Desktop.
Save biern/2183661 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
metodologie.css
body {
font-size: 50pt;
}
.rot-headline {
font-size: 200pt;
position: absolute;
text-align: center;
}
.step {
background: grey;
}
.separator {
/* background: black; */
position: absolute;
top: 0px;
border: {
right: 10000px solid black;
};
/* border: 2px solid black; */
width: 10000px;
height: 10px;
}
Raw
metodologie.html
<html lang="en">
<head>
<meta charset="utf-8" />
<!-- WTF? -->
<meta name="viewport" content="width=1024" />
<title></title>
<link href="http://fonts.googleapis.com/css?family=Open+Sans:regular,semibold,italic,italicsemibold|PT+Sans:400,700,400italic,700italic|PT+Serif:400,700,400italic,700italic" rel="stylesheet" />
<link href="metodologie.css" rel="stylesheet" />
</head>
<body class="impress-not-supported">
<div id="impress">
<div class="rot-headline">
<b> impress bangla</b>
</div>
<div class="step category" data-x="3160" data-y="0" data-rotate="-90">
<q>Don't you think that presentations given <strong>in modern browsers</strong> shouldn't <strong>copy the limits</strong> of 'classic' slide decks?</q>
</div>
<div class="step category" data-x="970" data-y="-3010" data-rotate="-162">
<q>Don't you think that presentations given <strong>in modern browsers</strong> shouldn't <strong>copy the limits</strong> of 'classic' slide decks?</q>
</div>
<div class="step category" data-x="-2570" data-y="-1860" data-rotate="-234">
<q>Don't you think that presentations given <strong>in modern browsers</strong> shouldn't <strong>copy the limits</strong> of 'classic' slide decks?</q>
</div>
<div id="bored" class="step slide" data-x="-2570" data-y="1870" data-rotate="-306">
<q>Aren't you just <b>bored</b> with all those slides-based presentations?</q>
</div>
<div class="step category" data-x="970" data-y="3010" data-rotate="-18">
<q>Would you like to <strong>impress your audience</strong> with <strong>stunning visualization</strong> of your talk?</q>
</div>
<div id="overview" class="step" data-x="0" data-y="0" data-scale="10">
</div>
</div>
<script src="http://bartaz.github.com/impress.js/js/impress.js"></script>
<script src="metodologie.js"></script>
</body>
</html>
Raw
metodologie.js
window.onload = function () {
var api = window.api = impress();
api.init();
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment