yogsototh/ycategories-presentation
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

javascript fullscreen

Browse source
This commit is contained in:
Yann Esposito 2012-11-30 16:46:26 +01:00
parent b46ee0c602
commit 198ce38b75
2 changed files with 32 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
categories/10_Introduction/010_.html
View file

@ -1,15 +1,16 @@
<h1>Category Theory &amp; Programming
<div><author style="font-size: .4em"><em class="base01">by</em> Yann Esposito
<div style="font-size:.5em">
<twitter>
<a href="http://twitter.com/yogsototh">@yogsototh</a>,
</twitter>
<googleplus>
<a href="https://plus.google.com/117858550730178181663">+yogsototh</a>
</googleplus>
</div>
</author></div>
<div class="base01" style="font-size: .25em; font-weight: 400; font-variant:italic">
HTML presentation: use arrows, space to navigate.
</div>
</h1>
<div style="text-align:center; position:absolute; top: 2em;">
<h1 style="position: relative;">Category Theory &amp; Programming</h1>
<author><em class="base01">by</em> Yann Esposito</author>
<div style="font-size:.5em">
<twitter>
<a href="http://twitter.com/yogsototh">@yogsototh</a>,
</twitter>
<googleplus>
<a href="https://plus.google.com/117858550730178181663">+yogsototh</a>
</googleplus>
</div>
<div class="base01" style="font-size: .5em; font-weight: 400; font-variant:italic">
<div class="button" style="margin: .5em auto;border: solid 2px; padding: 5px; width: 8em" onclick="javascript:gofullscreen();">ENTER FULLSCREEN</div>
HTML presentation: use arrows, space to navigate.
</div>
</div>

17
categories/head.html
View file

@ -27,8 +27,23 @@
<link rel="stylesheet" href="themes/style/y/solarized.css" />
<!-- Required Modernizr file -->
<script src="modernizr.custom.js"></script>
<script>
function gofullscreen(){
var body=document.getElementById('body');
try {
body.requestFullScreen();
} catch(err) {
try {
body.webkitRequestFullScreen();
} catch(err) {
body.mozRequestFullScreen();
}
}
return false;
}
</script>
</head>
<body class="deck-container">
<body id="body" class="deck-container" style="width: 99%">
<div style="display:none">
\(\newcommand{\F}{\mathbf{F}}\)