-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
77 lines (71 loc) · 5.63 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
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Joao Roccella">
<title>Teleprompter JS</title>
<meta name="description" content="Um teleprompter funcional criado com JavaScript, HTML e CSS">
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
</head>
<body>
<div id="controles">
<button type="button" onclick="toggleAutoScroll()" title="Iniciar/Pausar">
<i class="bi bi-play-fill"></i><i class="bi bi-pause-fill"></i>
</button>
<button type="button" onclick="vaiParaInicio()" title="Início">
<i class="bi bi-skip-start-fill"></i>
</button>
<button type="button" onclick="vaiParaFinal()" title="Final">
<i class="bi bi-skip-end-fill"></i>
</button>
<button type="button" onclick="inverteTexto()" title="Inverter Texto">
<i class="bi bi-arrow-left-right"></i>
</button>
</div>
<div id="texto">
<p class="texto-normal">Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat, odit. Laborum totam fuga quos natus sequi
minima quasi debitis cumque eligendi harum laboriosam, facere inventore asperiores maxime delectus
dignissimos hic consequuntur quam illo autem nam quis? Sint, error! Veritatis, consequuntur. Deleniti
officia blanditiis dolor. Necessitatibus pariatur velit ipsum qui commodi.</p>
<p class="texto-normal">Eligendi officiis placeat sit consequatur architecto. Odit nostrum recusandae voluptate non dicta nobis illum
unde. Ea sit, perspiciatis illum possimus, accusamus accusantium nemo quae placeat voluptas ipsa est nam?
Alias laboriosam quo eligendi odit vel aspernatur adipisci quam nulla ut ipsam veniam facere eius
consequatur commodi dignissimos nam, aperiam obcaecati?</p>
<p class="texto-normal">Ad officiis quae numquam distinctio ullam modi placeat quasi fuga similique tenetur! Atque consequuntur
debitis nulla quas voluptas molestias enim aut eius? Quas modi et obcaecati, quibusdam libero, sit ipsa
nihil vitae rerum quam exercitationem nam blanditiis quos consequatur soluta inventore facere iste nisi ea
tempora excepturi ratione amet perferendis?</p>
<p class="texto-normal">Temporibus dolore a similique magnam sapiente perspiciatis explicabo. Sit, atque rerum? Cumque atque corporis
quisquam, nesciunt obcaecati ipsam eaque et soluta numquam tempora ea quam. Soluta hic veritatis tenetur
iste dolores facere nam consequatur. Iusto maiores nostrum odit blanditiis eveniet consequatur neque odio
possimus itaque. Quo tempore id blanditiis cumque!</p>
<p class="texto-normal">A facere nulla quos earum id iure dolore saepe recusandae perferendis doloremque quam repellendus tempora ex
repellat similique iste consectetur vero doloribus ipsam animi, adipisci beatae debitis? Ut, neque! Eos
voluptates accusantium laudantium dolor, saepe minima fuga? Nam iure ullam dolore eaque eligendi quidem,
magnam, incidunt, itaque modi velit facilis?</p>
<p class="texto-normal">Repudiandae nihil et non nam, dignissimos voluptates fuga totam cumque, mollitia debitis ratione quod
aspernatur natus. Expedita cumque obcaecati voluptas. Molestias necessitatibus aperiam odio, veniam at,
doloribus iure cum quibusdam perferendis, quidem laboriosam quaerat voluptates delectus sed molestiae!
Accusamus autem earum recusandae animi adipisci ratione reprehenderit cumque veniam, quia nihil!</p>
<p class="texto-normal">Voluptas vel similique qui officiis illum, vitae harum accusamus, ratione ea nobis cum ipsa nam cumque.
Numquam unde, veritatis necessitatibus dolorum totam nesciunt vel consequatur velit cum, nostrum nihil
doloremque, temporibus tenetur molestiae suscipit dolor fugiat ipsam fugit. Vel, distinctio delectus? Quis
iusto aperiam numquam facilis animi dolores excepturi error!</p>
<p class="texto-normal">A esse pariatur iure perspiciatis. Voluptatibus necessitatibus ad soluta, beatae, veritatis laudantium
assumenda ipsam natus excepturi nam qui iusto vitae, explicabo voluptate delectus illum? Omnis, nesciunt
repudiandae nulla mollitia eum corporis deserunt sequi velit? In consequatur ut debitis eveniet fugit sed
dolor ratione aperiam ad quas. Pariatur, cum! Error, deserunt.</p>
<p class="texto-normal">Fuga vel ipsa atque incidunt recusandae, porro officia maxime odit consectetur necessitatibus tenetur minus,
suscipit dolorem molestiae quis nulla eos! Nisi esse sit inventore adipisci velit, animi ullam voluptas
nostrum ipsa, earum autem necessitatibus voluptatum similique id quaerat et quam, nobis dolore
exercitationem consectetur nemo fugiat. Dolorum dignissimos ipsa sed.</p>
<p class="texto-normal">Commodi, perferendis enim! Neque explicabo quo illo similique sequi amet ab eligendi libero ea voluptate
tempore minus praesentium quibusdam magni, modi reiciendis ratione perspiciatis repellendus, ad impedit nisi
iure delectus! Illo inventore magni odio beatae suscipit qui! Praesentium totam quasi, temporibus laudantium
voluptatibus, doloremque voluptatum dolorem enim recusandae, nulla animi?</p>
</div>
<script src="script.js"></script>
</body>
</html>