-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
186 lines (148 loc) · 7.22 KB
/
index.html
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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
<!DOCTYPE HTML>
<html lang="en-GB">
<head>
<!-- META -->
<!-- Technical meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, shrink-to-fit=no,
maximum-scale=1.0, user-scalable=no">
<!-- Search engine meta -->
<title>Oom.Foo</title>
<meta name="description"
content="Initial test of the oom-hub architecture">
<link rel="author" href="README.md">
<!-- Twitter Card, and Open Graph for Facebook, LinkedIn, Google+, etc -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@loopdotcoop">
<meta name="twitter:creator" content="@richplastow">
<meta property="og:type" content="website">
<meta property="og:locale" content="en_GB">
<meta property="og:title" content="Oom.Foo">
<meta property="og:url" content="http://oom-foo.loop.coop/">
<meta property="og:image"
content="http://oom-foo.loop.coop/support/asset/logo/logo-1200x1200.svg">
<meta property="og:description"
content="Initial test of the oom-hub architecture">
<!-- From realfavicongenerator.net - see README.md for settings -->
<link rel="apple-touch-icon" sizes="180x180" href="support/asset/icon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="96x96" href="support/asset/icon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="32x32" href="support/asset/icon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="support/asset/icon/favicon-16x16.png">
<link rel="manifest" href="support/asset/icon/manifest.json">
<link rel="mask-icon" color="#9900ff" href="support/asset/icon/safari-pinned-tab.svg">
<link rel="shortcut icon" href="support/asset/icon/favicon.ico">
<meta name="apple-mobile-web-app-title" content="Oom.Foo">
<meta name="application-name" content="Oom.Foo">
<meta name="msapplication-config" content="support/asset/icon/browserconfig.xml">
<meta name="theme-color" content="#9900ff">
<!-- STYLE -->
<!-- Load fonts as soon as possible -->
<style>
@font-face { font-family: 'Ubuntu'; font-weight: 400; font-style: normal;
src: local('Ubuntu Regular'), local('Ubuntu-Regular')
, url(support/asset/font/ubuntu-regular.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA
, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}
@font-face { font-family: 'Ubuntu'; font-weight: 400; font-style: italic;
src: local('Ubuntu Italic'), local('Ubuntu-Italic')
, url(support/asset/font/ubuntu-italic.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA
, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}
@font-face { font-family: 'Ubuntu'; font-weight: 700; font-style: normal;
src: local('Ubuntu Bold'), local('Ubuntu-Bold')
, url(support/asset/font/ubuntu-bold.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA
, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}
@font-face { font-family: 'Ubuntu'; font-weight: 700; font-style: italic;
src: local('Ubuntu Bold Italic'), local('Ubuntu-BoldItalic')
, url(support/asset/font/ubuntu-bolditalic.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA
, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}
@font-face { font-family: 'Ubuntu Mono'; font-weight: 400; font-style: normal;
src: local('Ubuntu Mono'), local('UbuntuMono-Regular')
, url(support/asset/font/ubuntumono-regular.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA
, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}
</style>
<!-- Load styles -->
<link rel="stylesheet" href="support/asset/css/bootstrap.4.0.0.min.css">
<link rel="stylesheet" href="support/asset/css/main.css">
<!-- A-Frame wants to be loaded in the <HEAD> -->
<script src="support/asset/js/aframe-0.7.0.min.js"></script>
<!-- Dispatch <a-entity oom-event> mouse events on the window -->
<script>
AFRAME.registerComponent('oom-event', {
init: function () {
var el = this.el // <a-entity>
var $body = document.querySelector('body')
var listener = function (evt) {
evt.preventDefault()
evt.stopPropagation()
// if ('mouseenter' === evt.type) $body.classList.add('hitzone')
// else if ('mouseleave' === evt.type) $body.classList.remove('hitzone')
window.dispatchEvent(
new CustomEvent('oom-event', { detail: { el:el, type:evt.type } })
)
}
el.addEventListener('mouseenter', listener)
el.addEventListener('mouseleave', listener)
el.addEventListener('mousedown' , listener)
el.addEventListener('mouseup' , listener)
el.addEventListener('click' , listener)
}
})
</script>
</head>
<body>
<div class="container">
<!-- HEADER -->
<!-- Dropdown menu to select JavaScript standard -->
<select id="ecmaswitch" onchange="document.cookie=
'ecmaswitch='+this.options[this.selectedIndex].value;location.reload()">
<option value="~0~">ctrl-alt-0: ES5 Production</option><!-- default -->
<option value="~1~">ctrl-alt-1: ES5 Minified</option>
<option value="~2~">ctrl-alt-2: ES6 Production</option>
<option value="~3~">ctrl-alt-3: ES6 Development</option>
<script>!function(d,S,m,s){m=d.scripts[1].parentNode,s=~~d.cookie.split('~')[1
],m[S]=s,d.addEventListener('keypress',function(e){s=e.charCode-48;if(0<=s&&4>
s&&e.ctrlKey&&e.altKey)m[S]=s,m.dispatchEvent(new Event('change'))})}(document
,'selectedIndex')</script>
</select>
<!-- Header and Navigation menu -->
<h1>Oom.Foo
<span id="version">…</span> <span id="ecma"></span> </h1>
<nav>
<a href="index.html" id="home-link">Home</a>
<a href="support/test.html">Test</a>
<a href="support/demo.html">Demo</a>
<a href="https://github.com/loopdotcoop/oom-foo">Repo</a>
<a href="https://www.npmjs.com/package/oom-foo">NPM</a>
</nav>
<h2>Initial test of the oom-hub architecture</h2>
<!-- Upgrade message for Internet Explorer 8 and below --><!--[if lte IE 8]>
<script>document.getElementById('version').innerHTML='Not Supported'</script>
<h2>Please upgrade to Internet Explorer 9 or higher</h2><![endif]-->
<!-- Begin hiding from IE 8 and below --><!--[if gte IE 9 | !IE ]><!-->
<!-- CONTENT -->
<img id="logo" alt="Oom.Foo Logo" src="support/asset/logo/logo-1200x1200.svg">
<!-- Load the proper format scripts, according to the '#ecmaswitch' menu -->
<script src="support/asset/js/ecmaswitch.js"></script>
<script>ECMASwitch.load('./')</script>
<!-- Link to the proper homepage domain, if we’re not already there -->
<script>if ( 0 > location.href.indexOf(Oom.Foo.stat.HOMEPAGE) )
$('#home-link').attr('href', Oom.Foo.stat.HOMEPAGE)</script>
<!-- Display the repo version and JavaScript standard -->
<script>$('#version').html(Oom.Foo.stat.VERSION||'(no VERSION)')
$('#ecma').html('ES'+['5','5 min','6','6 dev'][~~document.cookie.split('~')[1]])
</script>
<!-- End hiding from Internet Explorer 8 and below --><!--<![endif]-->
</div><!--.container -->
</body>
</html>