2019-09-14 09:35:14 +02:00
< html lang = "en" >
2019-10-18 06:51:50 +02:00
< head >
< meta charset = "UTF-8" / >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" / >
< meta http-equiv = "X-UA-Compatible" content = "ie=edge" / >
2019-09-14 09:35:14 +02:00
< title > Document< / title >
2019-10-18 06:51:50 +02:00
< style >
.marker {
text-align: center;
}
< / style >
< / head >
2019-09-14 09:35:14 +02:00
2019-10-18 06:51:50 +02:00
< body >
< div id = "root" >
< textarea id = "input" >
Lorem ipsum dolor sit amet consectetur adipisicing elit. Error fuga eos odit cupiditate harum quibusdam beatae recusandae aut asperiores, molestiae provident modi quia, atque dicta et earum sunt assumenda inventore.< /textarea
>
< button class = "action" action = "load" id = "load" > Load Text< / button >
< div >
Info:
< / div >
< div >
< div >
< div class = "marker" > |< / div >
< rsvp-word id = "output" > < / rsvp-word >
< div class = "marker" > |< / div >
< / div >
< / div >
< div >
< button class = "action" action = "prevSentence" id = "prevSentence" >
< <
< / button >
< button class = "action" action = "prevWord" id = "prevWord" > < < / button >
< button class = "action" action = "nextWord" id = "nextWord" > > < / button >
< button class = "action" action = "nextSentence" id = "nextSentence" >
> >
< / button >
< / div >
< div >
< button class = "action" action = "play-pause" id = "play" > < / button >
< / div >
< / div >
2019-09-14 09:35:14 +02:00
2019-10-18 06:51:50 +02:00
< script type = "module" src = "index.js" > < / script >
< / body >
< / html >
