<!DOCTYPE html>
<html>
<head>
    <title>{{page.title}}</title>
    <meta charset="utf-8">
    <style>
        @import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
        @import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic);
        @import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic);
    </style>
    <link rel="stylesheet" type="text/css" href="./main.css">
</head>
<body>
<textarea id="source">
{{content}}
</textarea>
<script src="{{site.base_url}}/js/remark-latest.min.js">
</script>
<script>
    var slideshow = remark.create({});
</script>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
    <title>{{page.title}}</title>
    <meta charset="utf-8">
    <style>
        @import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
        @import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic);
        @import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic);
    </style>
    <link rel="stylesheet" type="text/css" href="./main.css">
</head>
<body>
<textarea id="source">
{{content}}
</textarea>
<script src="{{site.base_url}}/js/remark-latest.min.js">
</script>
<script>
    var slideshow = remark.create({ 'ratio': '16:9' });
</script>
</body>
</html>

Update slide ratio to 16:9
Update slide ratio to 16:9
