-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathslideshow.html
92 lines (71 loc) · 9.88 KB
/
slideshow.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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="/static/slide.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Rubik&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;700&display=swap" rel="stylesheet">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Smoke for life slideshow</title>
</head>
<body>
<a href="/" class="logo" >🚬</a>
<div id = "info1" class="info" onclick="bighide()"> This is a typical cigarette. It is white and brown. It is not healthy. It leaves ashes. To be more precise, it is a cylindrical roll of shredded or ground tobacco that is wrapped in paper or another substance that does not contain tobacco.
<br><br>Depending on the type of cigarette, the ingredients will vary somewhat. Commercially produced cigarettes manufactured by one of the Big Tobacco companies can and do contain hundreds of additives on top of the tobacco that's in the cigarettes.
</div>
<div id = "info2" class="info" onclick="bighide1()"> This is a person smoking a cigarette. Some additives are used as flavoring agents, but others, such as ammonia, are added to boost the effect that nicotine has on the body.
<br><br> To a human body, there are particular aspects that damage your lungs and health:
<br><br>Tar, nicotine, and gasses that are ALL BAD FOR YOU
</div>
<div id = "info3" class="info" onclick="bighide2()"> Both these people are doing drugs. Don't be like them. Marajuana could also be laced with fentanyl, which is done to get people hooked on drugs.
</div>
<div id = "info4" class="info" onclick="bighide3()"> This is an ashtray to put cigarette ashes. It is made of glass, but the sidewalk will do. This is a jar to put cigarettes. It's a class indicator and usually used to show that the protagonist is very cool and smokes. Don't buy this.
</div>
<div id = "info5" class="info" onclick="bighide4()"> <h3>VAPE</h3>
this person is VAPING
Vaping may be a suitable alternative to wean off of smoking in some circumstances, but nicotine traces can still leave you with a new and more accessible addiction. Beware.
</div>
<div id = "info6" class="info" onclick="bighide5()"> <h3 class="headings">Nuclear Explosion in Hiroshima</h3>
On 6 and 9 August 1945, the United States detonated two atomic bombs over the Japanese cities of Hiroshima and Nagasaki, respectively. The aerial bombings together killed between 129,000 and 226,000 people, most of whom were civilians, and remain the only use of nuclear weapons in an armed conflict. Japan surrendered to the Allies on 15 August, six days after the bombing of Nagasaki and the Soviet Union's declaration of war against Japan and invasion of Japanese-occupied Manchuria. The Japanese government signed the instrument of surrender on 2 September, effectively ending the war.
</div>
<div id = "info7" class="info" onclick="bighide6()"> BADDIE
<br><br> SMOKING
<br> HOT
<br> <nobr>CAUSES BREAST <div class = "danger">CANCER</div></nobr>
</div>
<div id = "info8" class="info" onclick="bighide7()"> Lana Rhoades. Mia Khalifa. Belle Delphine. Riley Reid. Stormy Daniels. August Ames. Lena The Plug. Mia Malkova. Cory Chase. Rae Black. Piper PerriEmily Willis. They all smoke. That's why they are pornstars. Do you want to be a pornstar too?
But on a real, smoking causes second hand and third hand smoke which has negative detriments, bringing tar, nicotine and harmful gasses to surrounding people. It isn't just harming you, its harming your health and your friends too!
</div>
<div id = "info9" class="info" onclick="bighide8()"> <h3 class="headings">Drake</h3>
BROTHER IS DRAKE BRO. Drake the type of guy to smoke. Drake the type of guy that says "I needed that" after he smokes. Drake the type of guy to clap when the plane lands. Drake the type of guy to say "mimimimimi" when he sleeps. Drake the type of guy to jump into someone’s arms when he gets scared. Drake is the type of guy that puts his soup in the fridge to cool down before eating it. Drake the type of guy to open a bag of chips with some scissors. Drake the type of guy to hire an escort then ask if she’s in it for the money. drake the type of guy to say “ohh butterfingers” when he drops something. Drake the type of guy to respond “teehee 😝” when getting a compliment by text. Drake the type of guy who would write a review for Instagram on the app store. Drake the type of guy to have his assistant set his bubble bath to an exact temp, dip one toe in and say “geez there’s nothing like this”. Drake the type of guy to say “we’ve got company” when the cops arrive. Drake the type of guy to slap his thigh and say Gee Willikers. Drake the type of guy to lose his TV remote and say "If I was the TV remote, where would I be?" when looking for it. Drake the type of guy to close the fridge with his hips. Drake the type of guy to create a schedule for wearing each of his clothes so none of them feel left out. Drake the typa dude to say teamwork makes the dream work after finishing his feature. Drake the type to blow on his coffee n stick his pinky out when drinking it. drake the type of silly billy to say "what's the magic word?" to a starving orphan. Drake the typa guy to say “let’s take a silly one now” when taking pics w his friends. Drake the typa guy to search for personality on pornhub. Drake the type of guy to remind people to use their "inside voice." Drake the type of guy to finger his fleshlight.
</div>
<img id ="image1big"onclick="bighide()" src="https://images.unsplash.com/photo-1555441293-6c6fb1eb9773?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8c21va2luZ3xlbnwwfHwwfHx8MA%3D%3D&auto=format&fit=crop&w=500&q=60" draggable="false"/>
<img id ="image2big"onclick="bighide1()" src="https://images.unsplash.com/photo-1649430332289-65ee9fa56a4d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8c21va2luZ3xlbnwwfHwwfHx8MA%3D%3D&auto=format&fit=crop&w=500&q=60" draggable="false"/>
<img id ="image3big"onclick="bighide2()" src="https://i.pinimg.com/originals/1e/ac/a2/1eaca2195245ff1591ef3cf71f78ceec.jpg" draggable="false"/>
<img id ="image4big"onclick="bighide3()" src="https://images.unsplash.com/photo-1600262300112-f9d8a99fa4b6?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mzl8fHNtb2tpbmd8ZW58MHx8MHx8fDA%3D&auto=format&fit=crop&w=500&q=60" draggable="false"/>
<img id ="image5big"onclick="bighide4()" src="https://images.unsplash.com/photo-1534365315265-920d6de1f31d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NjZ8fHNtb2tpbmd8ZW58MHx8MHx8fDA%3D&auto=format&fit=crop&w=500&q=60" draggable="false"/>
<img id ="image6big"onclick="bighide5()" src="https://upload.wikimedia.org/wikipedia/commons/7/79/Operation_Upshot-Knothole_-_Badger_001.jpg" draggable="false"/>
<img id ="image7big"onclick="bighide6()" src="https://images.unsplash.com/photo-1528933325678-eab4dc11c362?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwcm9maWxlLXBhZ2V8OXx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=500&q=60" draggable="false"/>
<img id ="image8big"onclick="bighide7()" src="https://images.unsplash.com/photo-1614981226683-97792a0c6bc0?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MjB8fGdpcmwlMjBzbW9raW5nfGVufDB8fDB8fHww&auto=format&fit=crop&w=500&q=60" draggable="false"/>
<img id ="image9big"onclick="bighide8()" src="https://pyxis.nymag.com/v1/imgs/f85/110/c555c79f9269d55f947b08ac8ec2f550c4-drake.2x.rsocial.w600.jpg" draggable="false"/>
<div id = "image-track" data-mouse-down-at = "0" data-prev-percentage="0">
<div id = "info">
<h1>What is a Smoke?</h1>
<p>Click on the images and drag. Enjoy!</p>
</div>
<img class ="image"onclick="big1()"src="https://images.unsplash.com/photo-1555441293-6c6fb1eb9773?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8c21va2luZ3xlbnwwfHwwfHx8MA%3D%3D&auto=format&fit=crop&w=500&q=60" draggable="false"/>
<img class ="image"onclick="big2()" src="https://images.unsplash.com/photo-1649430332289-65ee9fa56a4d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8c21va2luZ3xlbnwwfHwwfHx8MA%3D%3D&auto=format&fit=crop&w=500&q=60"draggable="false"/>
<img class ="image"onclick="big3()" src="https://i.pinimg.com/originals/1e/ac/a2/1eaca2195245ff1591ef3cf71f78ceec.jpg"draggable="false"/>
<img class ="image"onclick="big4()" src="https://images.unsplash.com/photo-1600262300112-f9d8a99fa4b6?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mzl8fHNtb2tpbmd8ZW58MHx8MHx8fDA%3D&auto=format&fit=crop&w=500&q=60"draggable="false"/>
<img class ="image"onclick="big5()" src="https://images.unsplash.com/photo-1534365315265-920d6de1f31d?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NjZ8fHNtb2tpbmd8ZW58MHx8MHx8fDA%3D&auto=format&fit=crop&w=500&q=60"draggable="false"/>
<img class ="image"onclick="big6()" src="https://upload.wikimedia.org/wikipedia/commons/7/79/Operation_Upshot-Knothole_-_Badger_001.jpg"draggable="false"/>
<img class ="image"onclick="big7()" src="https://images.unsplash.com/photo-1528933325678-eab4dc11c362?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwcm9maWxlLXBhZ2V8OXx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=500&q=60"draggable="false"/>
<img class ="image"onclick="big8()" src="https://images.unsplash.com/photo-1614981226683-97792a0c6bc0?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MjB8fGdpcmwlMjBzbW9raW5nfGVufDB8fDB8fHww&auto=format&fit=crop&w=500&q=60" draggable="false" />
<img class="image" onclick="big9()"src="https://pyxis.nymag.com/v1/imgs/f85/110/c555c79f9269d55f947b08ac8ec2f550c4-drake.2x.rsocial.w600.jpg" draggable="false" />
</div>
<script src="/static/index.js"></script>
</body>
</html>