/
demo.html
63 lines (53 loc) · 7.9 KB
/
demo.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
<!doctype html>
<html>
<head>
<!-- <script>
window.location = 'http://filaraujo.github.io/akyral.io/layout/index.html';
</script> -->
<script src="../webcomponentsjs/webcomponents.js"></script>
<title>akyral-layout Demo</title>
<link rel="import" href="akyral-layout.html">
<style>
akyral-layout {
background: #fcc;
}
</style>
</head>
<body>
<akyral-layout onclick="document.querySelector('akyral-layout').toggleDrawer()">
<div drawer>xxx</div>
<div main>
Labore consequat et incididunt commodo commodo incididunt ut enim. Magna aute esse nostrud commodo non Lorem in mollit adipisicing. Dolore ea qui culpa nisi ad ut adipisicing nostrud veniam ullamco. Nulla ullamco ea in duis et irure ex incididunt in esse
officia exercitation voluptate. Fugiat eiusmod ullamco eiusmod est mollit pariatur non minim aute aliquip esse deserunt mollit Lorem. Tempor fugiat deserunt ut ut cillum anim cillum sint voluptate eu irure voluptate sit non. Sunt cupidatat officia
nisi laboris ea voluptate mollit veniam voluptate irure velit adipisicing tempor voluptate. Eiusmod mollit dolore enim sit ea. Veniam deserunt ad sit occaecat adipisicing non laborum irure cillum. Dolore eiusmod non fugiat ullamco est aliquip
et dolor. Dolor commodo reprehenderit pariatur aute sit. Esse elit mollit dolore minim nulla nostrud. Proident eu ex ad exercitation consequat aliqua elit magna est elit esse. Occaecat reprehenderit enim id cillum reprehenderit et. Culpa dolor
et magna tempor eu sunt aliqua Lorem laboris. Aliqua cillum minim do fugiat qui tempor sint nulla. Consectetur magna duis mollit cillum minim duis et. Est incididunt cillum non pariatur tempor ut Lorem consequat nostrud fugiat. Dolor in aliquip
ut officia aliquip laborum laborum sint irure fugiat amet magna ipsum non. Pariatur ullamco non reprehenderit esse aliquip anim excepteur proident. Officia consectetur voluptate laboris qui non nostrud reprehenderit ut non sunt eu consequat nostrud
reprehenderit. In ad excepteur dolor id et do deserunt ut ad. Culpa commodo reprehenderit amet cupidatat officia elit tempor proident eu et sint excepteur. Eu ullamco est sint in tempor culpa ipsum magna pariatur eiusmod. Enim nostrud enim qui
anim aliqua excepteur velit consectetur laboris elit. Est exercitation in occaecat id voluptate magna cupidatat tempor ullamco enim sunt veniam anim. Anim nostrud tempor duis nulla laboris. Nisi nostrud Lorem aliquip duis minim excepteur culpa
duis. Mollit Lorem commodo proident excepteur nostrud sint reprehenderit. Voluptate ullamco do et qui culpa exercitation cupidatat minim. Nulla elit quis nostrud dolore irure non dolore officia sit sit sunt. Incididunt exercitation minim magna
dolore nulla magna excepteur aute velit anim ea labore. Laboris ex aute cillum cillum aliquip amet nulla ex magna. Consectetur cupidatat ad do quis adipisicing esse dolor laboris aliqua dolor quis. Labore consequat et incididunt commodo commodo
incididunt ut enim. Magna aute esse nostrud commodo non Lorem in mollit adipisicing. Dolore ea qui culpa nisi ad ut adipisicing nostrud veniam ullamco. Nulla ullamco ea in duis et irure ex incididunt in esse officia exercitation voluptate. Fugiat
eiusmod ullamco eiusmod est mollit pariatur non minim aute aliquip esse deserunt mollit Lorem. Tempor fugiat deserunt ut ut cillum anim cillum sint voluptate eu irure voluptate sit non. Sunt cupidatat officia nisi laboris ea voluptate mollit veniam
voluptate irure velit adipisicing tempor voluptate. Eiusmod mollit dolore enim sit ea. Veniam deserunt ad sit occaecat adipisicing non laborum irure cillum. Dolore eiusmod non fugiat ullamco est aliquip et dolor. Dolor commodo reprehenderit pariatur
aute sit. Esse elit mollit dolore minim nulla nostrud. Proident eu ex ad exercitation consequat aliqua elit magna est elit esse. Occaecat reprehenderit enim id cillum reprehenderit et. Culpa dolor et magna tempor eu sunt aliqua Lorem laboris.
Aliqua cillum minim do fugiat qui tempor sint nulla. Consectetur magna duis mollit cillum minim duis et. Est incididunt cillum non pariatur tempor ut Lorem consequat nostrud fugiat. Dolor in aliquip ut officia aliquip laborum laborum sint irure
fugiat amet magna ipsum non. Pariatur ullamco non reprehenderit esse aliquip anim excepteur proident. Officia consectetur voluptate laboris qui non nostrud reprehenderit ut non sunt eu consequat nostrud reprehenderit. In ad excepteur dolor id
et do deserunt ut ad. Culpa commodo reprehenderit amet cupidatat officia elit tempor proident eu et sint excepteur. Eu ullamco est sint in tempor culpa ipsum magna pariatur eiusmod. Enim nostrud enim qui anim aliqua excepteur velit consectetur
laboris elit. Est exercitation in occaecat id voluptate magna cupidatat tempor ullamco enim sunt veniam anim. Anim nostrud tempor duis nulla laboris. Nisi nostrud Lorem aliquip duis minim excepteur culpa duis. Mollit Lorem commodo proident excepteur
nostrud sint reprehenderit. Voluptate ullamco do et qui culpa exercitation cupidatat minim. Nulla elit quis nostrud dolore irure non dolore officia sit sit sunt. Incididunt exercitation minim magna dolore nulla magna excepteur aute velit anim
ea labore. Laboris ex aute cillum cillum aliquip amet nulla ex magna. Consectetur cupidatat ad do quis adipisicing esse dolor laboris aliqua dolor quis. Labore consequat et incididunt commodo commodo incididunt ut enim. Magna aute esse nostrud
commodo non Lorem in mollit adipisicing. Dolore ea qui culpa nisi ad ut adipisicing nostrud veniam ullamco. Nulla ullamco ea in duis et irure ex incididunt in esse officia exercitation voluptate. Fugiat eiusmod ullamco eiusmod est mollit pariatur
non minim aute aliquip esse deserunt mollit Lorem. Tempor fugiat deserunt ut ut cillum anim cillum sint voluptate eu irure voluptate sit non. Sunt cupidatat officia nisi laboris ea voluptate mollit veniam voluptate irure velit adipisicing tempor
voluptate. Eiusmod mollit dolore enim sit ea. Veniam deserunt ad sit occaecat adipisicing non laborum irure cillum. Dolore eiusmod non fugiat ullamco est aliquip et dolor. Dolor commodo reprehenderit pariatur aute sit. Esse elit mollit dolore
minim nulla nostrud. Proident eu ex ad exercitation consequat aliqua elit magna est elit esse. Occaecat reprehenderit enim id cillum reprehenderit et. Culpa dolor et magna tempor eu sunt aliqua Lorem laboris. Aliqua cillum minim do fugiat qui
tempor sint nulla. Consectetur magna duis mollit cillum minim duis et. Est incididunt cillum non pariatur tempor ut Lorem consequat nostrud fugiat. Dolor in aliquip ut officia aliquip laborum laborum sint irure fugiat amet magna ipsum non. Pariatur
ullamco non reprehenderit esse aliquip anim excepteur proident. Officia consectetur voluptate laboris qui non nostrud reprehenderit ut non sunt eu consequat nostrud reprehenderit. In ad excepteur dolor id et do deserunt ut ad. Culpa commodo reprehenderit
amet cupidatat officia elit tempor proident eu et sint excepteur. Eu ullamco est sint in tempor culpa ipsum magna pariatur eiusmod. Enim nostrud enim qui anim aliqua excepteur velit consectetur laboris elit. Est exercitation in occaecat id voluptate
magna cupidatat tempor ullamco enim sunt veniam anim. Anim nostrud tempor duis nulla laboris. Nisi nostrud Lorem aliquip duis minim excepteur culpa duis. Mollit Lorem commodo proident excepteur nostrud sint reprehenderit. Voluptate ullamco do
et qui culpa exercitation cupidatat minim. Nulla elit quis nostrud dolore irure non dolore officia sit sit sunt. Incididunt exercitation minim magna dolore nulla magna excepteur aute velit anim ea labore. Laboris ex aute cillum cillum aliquip
amet nulla ex magna. Consectetur cupidatat ad do quis adipisicing esse dolor laboris aliqua dolor quis.
</div>
</akyral-layout>
</body>
</html>