-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
56 lines (49 loc) · 2 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="module">
import '@polymer/app-layout/app-layout.js';
import '@polymer/paper-icon-button/paper-icon-button.js';
import '@polymer/iron-icons/iron-icons.js';
import 'js-yaml'
import './frontend/recipe.js'
</script>
<script src="../../node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet">
<link href="public/styles/main.css" rel="stylesheet">
<title>Recipes.tech</title>
</head>
<body>
<app-header reveals>
<app-toolbar>
<paper-icon-button icon="menu"></paper-icon-button>
<div main-title>Recipes.tech</div>
</app-toolbar>
<app-drawer id="drawer" swipe-open>
Nothing to see here!
</app-drawer>
</app-header>
<recipe-body recipe-id="g/fleker/potato">
</recipe-body>
<script>
const drawer = document.querySelector('app-drawer');
document.querySelector('paper-icon-button')
.addEventListener('click', function() {
drawer.toggle();
});
window.addEventListener('load', () => {
document.getElementById('splashscreen').classList.add('hide');
});
</script>
<div id='splashscreen'>
Loading your cookbook...
</div>
Hello. You can use this site to browse recipes. You can use Git to create your own!
<h1>Our top picks</h1>
<ul>
<li><a href='/sample/potato-candy'>Potato</a></li>
<li><a href='/g/fleker/personal-cookbook/potato'>Potato Candy</a></li>
</ul>
</body>
</html>