-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
247 lines (198 loc) · 11.5 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
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cigarettey</title>
</head>
<body>
<style>
@import url("https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap");
body {
margin: 0;
background-color: #f8f9fa;
font-family: "PT Sans", sans-serif;
}
.navbar {
margin: 0;
padding: 0;
background: transparent;
backdrop-filter: blur(10px);
border-bottom: 1px solid #07bbbc;
position: fixed;
top: 0;
width: 100%;
height: 15%;
}
.navbar img {
margin: 30px;
width: 180px;
transition: 0.2s;
cursor: default;
}
.navbar img:hover {
rotate: -10deg;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.con {
padding: 40px;
margin-top: 80px;
}
h1 {
font-size: 80px;
}
p,
sup {
font-size: 20px;
}
b {
color: #07bbbc;
}
b:hover {
text-decoration-style: wavy;
text-decoration-line: underline;
}
#div1 {
width: 350px;
height: 70px;
padding: 10px;
border: 1px solid #aaaaaa;
background-image: url(flame.svg);
background-size: 100px;
animation: flame 20s linear infinite;
transition: opacity 0.3s ease-in-out;
border-radius: 10px;
}
@keyframes flame {
0% {
background-position: 0 0;
}
50% {
background-position: 400% 0;
}
100% {
background-position: 0 0;
}
}
#drag1 {
cursor: grabbing;
}
</style>
<div class="navbar">
<a href="#cigarettey"> <img src="cigarettey.svg"> </a> </div>
</div>
<div class="con">
<h1> <b>Cigarettey</b> Merokok</h1>
<p>Merokok semakin hari semakin baik! <b>Benarkan?!</b> Dengan merokok, kita bisa menjadi terlihat lebih keren dan lebih disukai, dan yang lebih bagus memiliki lebih banyak teman! Tetapi, bagaimana denagn kenyataannya?
<br> Bahaya merokok tidak perlu <b>diragukan lagi.</b> Makin hari, makin banyak penyakit yang berdatangan karena kebiasaan merokok ini. Merokok tidak akan pernah dan tidak sama sekali bisa memunculkan keuntungan bagi penggunanya.
<br> Yang ada, malah membuatmu kecanduan dan menghabiskan duit yang sanagt banyak, hanya untuk rokok yang sebenarnya <b>meracunimu.</b>
<br><br> Jangan pernah mempercayai siapapun yang mengatakan bahwa merokok itu normal dan bisa dinikmati siapa saja, atau bahkan tidak memiliki efek sampingnya.
<br> Di Indonesia, diperkirakan ada lebih dari <b>230.000</b> orang yang meninggal akibat kebiasaan merokok setiap tahunnya.
<br> Banyak bukan? Meskipun tercantum Bahya Merokok dan gambar mengerikan di bungkus rokok, <b>Banyak orang bodoh</b> yang masih merokok.
<br> Namun di sisi lain, banyak orang yang merokok karena ingin <b>mengakhiri hidupnya.</b> Karena dengan merokok, kita bisa mati <i><b>lebih cepat</b></i> karena zat-zat berbahaya yang ada didalamnya. Bahkan orang yang sebenarnya tidak berkeinginan untuk mati konyol, bisa menjadi tidak
punya masa depan setelah merokok.
</p>
<h1>Kelebihan <sup>dan kekurangan</sup></h1>
<p>Kelebihan :</p>
<ol>
<li><b>Mengurangi beban masyarakat dan keluarga!</b> Biasanya perokok hanya membuat rusuh keluarga dan lingkungan ketika asap rokonya berkeliaran, apalagi jika tidak ada rokok yang bisa dihisap.</li>
<li></li> <img src="robots404.png"> Uh... ada yang bisa menambahkan, mungkin?
</ol>
<p>Kekurangan :</p>
<ol>
<li>Penyakit paru-paru kronis</li>
<li>Merusak gigi dan menyebabkan bau mulut</li>
<li>Menyebabkan stroke dan serangan jantung</li>
<li>Tulang mudah patah</li>
<li>Gangguan pada mata, salah satunya seperti katarak</li>
<li>Menyebabkan kerontokan rambut.</li>
<li>Serangan jantung</li>
<li>Aneurisma otak</li>
<li>Kanker nasofaring</li>
<li>Asam lambung</li>
<li>Tulang keropos atau rapuh</li>
<li>Penuaan dini</li>
<li>Masalah kesuburan</li>
<li>Gangguan psikologis</li>
</ol>
<p>Sumber dari <a href="https://www.alodokter.com/segudang-bahaya-merokok-terhadap-tubuh">Alodokter</a> </p>
<h1>Mau tau rasanya merokok?</h1>
<p>Yang jelas rasanya tidak pahit! Sekali mencobanya pasti membuatmu ketagihan untuk mencobanya sekali lagi!, sekali lagi, sekali lagi.., sekali lagi.., dan sekali lagi...
Sampai pada akhirnya kau kecanduan merokok, dan terjerumus, terjebak dalam <b>lingkaran perokok aktif.</b> Sedih bukan? Kalau mau tau lebih lanjut, ... entahlah bagaimana lagi rasanya, tanya saja ke perokok handal!
<br> Walau bahkan sebenarnya kamu tidak berniat untuk menjadi perokok aktif, dengan mencobanya sekali saja kamu bisa-bisa terperangkap seperti perokok-perokok disana.
<br><br> <b><i>Mencegah lebih baik daripada mengobati</i></b> Daripada sekedar mencoba-coba sampai tidak bisa diobati, lebih baik kamu mencegah merokok. Tidak peduli entah masih SD, SMP, SMA, ataupun sudah besar,
jauhilah rokok sejauh-jauh mungkin dan jangan samapi tertarik sama sekali untuk mencoba-coba merokok itu. <b>Jangan berharap lingkungan sehat dan asri jika kau masih merokok dan meracuni lingkungan itu.</b>
</p>
<br><br>
<script>
function allowDrop(ev) {
ev.preventDefault();
}
function drag(ev) {
ev.dataTransfer.setData("text", ev.target.id);
}
function drop(ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData("text");
ev.target.appendChild(document.getElementById(data));
}
</script>
</head>
<body>
<p>Drag rokoknya ke api:</p>
<div id="div1" ondrop="drop(event)" ondragover="allowDrop(event)"></div>
<br>
<img id="drag1" src="batang.svg" draggable="true" ondragstart="drag(event)" width="336" height="69">
<h1>Terbuat dari apa rokok huh?</h1>
<img src="kandungan.svg" width="100%">
<p>Sumber dari <a href="https://p2ptm.kemkes.go.id/uploads//TmQwU05BQS9YYlJpanB5VnNtRldFUT09/8_Juni_2018_06.png">p2ptm</a> </p>
<p><a href="https://sankeymatic.com/">Made at SankeyMATIC.com</a></p>
<p>Wow, kandungan rokok itu sangat... sangatlah bermanfaat ya! Mungkin ini alasan mengapa orang stress pilihannya merokok, agar stressnya lebih menantang lagi!
Tidak hanya kandungan-kandungan diatas, dalam sebatang rokok, terkandung lebih dari 7.000 bahan kimia dengan 250 di antaranya membahayakan kesehatan. Dari 250 zat berbahaya tersebut, sejumlah 70 zat diketahui
dapat menyebabkan kanker. Besarnya bahaya kandungan rokok bisa dilihat dari banyaknya senyawa yang ada di dalam asap rokok. Di dalam asapnya saja, setidaknya ada sekitar 5.000 senyawa berbeda dan sebagian bersifat <b>racun</b> bagi tubuh.
<br><br> Biasanya di tiap peraturan, rokok minimal boleh dihisap ketika 17 tahun keatas. Namun sekarang, anak-anak makin menjadi-jadi, mulai bnayak anak SD dan SMP yang mulai ikut-ikutan <b>meracuni diri</b> mereka dengan rokok.
</p>
<h1>Testimonal berhenti merokok</h1>
<p> Sudah berapa lama berhenti merokok? Ini yang akan terjadi :
<br> <b>After 20 Menit</b> Tekanan darah, detak jantung dan aliran darah tepi akan mulai menurun kembali ke tingkat normal.
<br> <b>After 12 Jam</b> Hampir semua nikotin dalam tubuh sudah dimetabolisme, kadar CO dalam darah kembali normal.
<br> <b>After 1-2 Hari</b> Nikotin mulai tereliminasi dari tubuh. Fungsi pengecap dan penciuman mulai membaik. Sistem kardiovaskuler juga meningkat baik.
<br> <b>After 5 Hari</b> Sebagian besar metabolit nikotin dalam tubuh sudah hilang. Fungsi perasa atau pengecap dan pembau jauh lebih membaik. Sistem kardiovaskuler juga terus meningkat baik.
<br> <b>After 2-6 Minggu</b> Fungsi silia saluran napas dan fungsi paru-paru membaik. Napas pendek dan batuk-batuk juga berkurang.
<br> <b>After 1 Tahun</b> Resiko penyakit Jantung Koroner menurun setengahnya.
<br> <b>After 5 Tahun</b> Resiko penyakit stroke berkurang hingga setara dengan orang yang bukan perokok.
<br> <b>After 10 Tahun</b> Resiko kematian akibat penyakit kanker paru-paru berkurang hingga separuh yang dihadapi perokok.
<br><br> Sekarang taukan? Bahkan meskipun hanya merokok beberapa tahun saja, perlu hingga lebih dari <b>10 tahun</b> untuk memulihkan keadaan tubuh sperti semula lagi.
</p>
<h1>Alternatif?</h1>
<p>Tau rokok elekrik? Seperti Vape? Ya! Itu mungkin akan emnjadi alternatif yang lebih sehat, aman, tidak emmbahaykan, dan tidak ada mati konyol! Tapi... apakah itu sepenuhnya <b>fakta?</b>
Hal yang sepenuhnay kita sadari, tidak ada rokok yang sama sekali tidak bahaya, apa lagi mengandung <b>nikotin</b> yang membuat penggunanya kecanduan.
<br><br> Mitos : <i>"Rokok elekrik tidak emnggangu kesehatan"</i>
<br> <b>Fakta</b> : Meski tidak mengandung tembakau, rokok elektrik tetap mengandung nikotin dan zat karsinogen selayaknya rokok biasa.
<br><br> Mitos : <i>"Rokok elektrik aman dan tidak membahayakan."</i>
<br> <b>Fakta</b> : Sampai saat ini, belum ada data ilmiah yang menjelaskan efek jangka panjang dari menggunakan rokok elektrik.
<br><br> Mitos : <i>"Rokok elektrik membantu orang yang ingin berhenti merokok."</i>
<br> <b>Fakta</b> : Tidak ada bukti kuat rokok elektrik bisa menghentikan kebiasaan merokok. Apalagi rokok elektrik mengandung nikotin, yang dapat menimbulkan kecanduan.
<br><br> Sumber dari <a href="https://kesmas-id.com/wp-content/uploads/2018/06/Vape-Makin-Naik-Daun-Ancaman-Bencana-Demografi-2030.jpg">Kesmas-ID</a>
<br><br> Jadi pada akhrinya, stelah kecanduan merokok <b>tidak ada</b> lagi harapan untuk alternatif pengganti kebiasaan merokok selain menghentikannya.
Berhenti merokok emmanglah sulit, jadi yang belum merokok, ganti kata "belum" jadi "tidak" merokok. Ingatlah, <b>MEROKOK ITU MEMBUNUHMU!</b>
</p>
<center>
<br><br><br> <img id="cigarettey" src="cigarettey2.png">
<p>Hidup semaumu. Merokok sepuasnya!
<br> Ui terinspirasi dari <a href="https://chocolatey.org/">Chocolatey</a>
<br><br> Share <a href="https://🚬.vercel.app/">🚬.vercel.app</a> <img onclick="copyToClipboard('#url')" src="https://api.iconify.design/material-symbols:content-copy-outline-rounded.svg">
</p>
</center>
</div>
<a target="_blank" href="https://github.com/LIGMATV/Cigarettey" class="github-corner" aria-label="View source on GitHub">
<svg width="60" height="60" viewBox="0 0 250 250" style="fill:#f8f9fa ; color:#07bbbc; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>
</a>
<p id="url" hidden>https://🚬.vercel.app/</p>
<script src="https://copies.vercel.app/jquery.min.js"></script>
<script>
/** Copies.js */
function copyToClipboard(element) { var $temp = $("<input>"); $("body").append($temp); $temp.val($(element).text()).select(); document.execCommand("copy"); $temp.remove(); }
</script>
</body>
</html>