mooc/index.html at master · tgressly/mooc · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<!--[if IEMobile 7 ]>    <html class="no-js iem7"> <![endif]-->
<!--[if (gt IEMobile 7)|!(IEMobile)]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<title>Hello MOOC from Thomas</title>
<meta name="description" content="">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="cleartype" content="on">

<link rel="apple-touch-icon-precomposed" sizes="144x144"
  href="img/touch/apple-touch-icon-144x144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114"
  href="img/touch/apple-touch-icon-114x114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72"
  href="img/touch/apple-touch-icon-72x72-precomposed.png">
<link rel="apple-touch-icon-precomposed"
  href="img/touch/apple-touch-icon-57x57-precomposed.png">
<link rel="shortcut icon" href="img/touch/apple-touch-icon.png">

<!-- Tile icon for Win8 (144x144 + tile color) -->
<meta name="msapplication-TileImage"
  content="img/touch/apple-touch-icon-144x144-precomposed.png">
<meta name="msapplication-TileColor" content="#222222">


<!-- For iOS web apps. Delete if not needed. https://github.com/h5bp/mobile-boilerplate/issues/94 -->
<!--
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="apple-mobile-web-app-title" content="">
        -->

<!-- This script prevents links from opening in Mobile Safari. https://gist.github.com/1042026 -->
<!--
        <script>(function(a,b,c){if(c in b&&b[c]){var d,e=a.location,f=/^(a|html)$/i;a.addEventListener("click",function(a){d=a.target;while(!f.test(d.nodeName))d=d.parentNode;"href"in d&&(d.href.indexOf("http")||~d.href.indexOf(e.host))&&(a.preventDefault(),e.href=d.href)},!1)}})(document,window.navigator,"standalone")</script>
        -->

<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/custom.css">
<script src="js/vendor/modernizr-2.6.2.min.js"></script>
</head>
<body>
  <!-- Add your site or application content here -->
  <div id="main_content">
    <header>
      <h1>Hello MOOC from Thomas</h1>
    </header>
    <div id="movie">
      <video id="myVideo" autoplay="autoplay" controls="controls">
        <source type="video/mp4"  src="video/portrait.mp4" />
        <source type="video/webm" src="video/portrait.webm" />
        <source type="video/ogg"  src="video/portrait.ogv" />
        <track kind="subtitles" srclang="de" label="Deutsche Untertitel" src="video/portrait-de.vtt" default="default" />
        <track kind="subtitles" srclang="gsw-CH" label="Schwiizertüütschi Undertitel" src="video/portrait-gsw-ch.vtt" />
        <embed src="video/portrait.flv" type="application/x-shockwave-flash" width="768" height="576" allowscriptaccess="always" allowfullscreen="true" />
      </video>
    </div>
    <footer>
      <p>I know, it's minimalistic for now…</p>
      <p>But I guess the purpose of this first exercise was to prove the installation went right.</p>
    </footer>
  </div>
  <script src="js/vendor/zepto.min.js"></script>
  <script src="js/helper.js"></script>

</body>
</html>