-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathscratch.html
More file actions
87 lines (80 loc) · 4.74 KB
/
Copy pathscratch.html
File metadata and controls
87 lines (80 loc) · 4.74 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Interests</title>
</head>
<link href="../styles/mystyles.css" rel="stylesheet" />
<style>
.imgmax{
width: 50%;
display: flex;
justify-content: center;
}
</style>
<body class="body80">
<h1 class="header69">A Favorite TV Show, its Songs and its Creation</h1>
<br>
<div class="anchor">the anchor</div>
<!--live tableau-->
<div class='tableauPlaceholder' id='viz1669838857418' style='position: relative'><noscript><a href='#'><img alt=' '
src='https://public.tableau.com/static/images/Th/TheUpsideDownofSongs/TheUpsideDownofSongs/1_rss.png'
style='border: none' /></a></noscript><object class='tableauViz' style='display:none;'>
<param name='host_url' value='https%3A%2F%2Fpublic.tableau.com%2F' />
<param name='embed_code_version' value='3' />
<param name='site_root' value='' />
<param name='name' value='TheUpsideDownofSongs/TheUpsideDownofSongs' />
<param name='tabs' value='no' />
<param name='toolbar' value='yes' />
<param name='static_image'
value='https://public.tableau.com/static/images/Th/TheUpsideDownofSongs/TheUpsideDownofSongs/1.png' />
<param name='animate_transition' value='yes' />
<param name='display_static_image' value='yes' />
<param name='display_spinner' value='yes' />
<param name='display_overlay' value='yes' />
<param name='display_count' value='yes' />
<param name='language' value='en-US' />
</object></div>
<script
type='text/javascript'> var divElement = document.getElementById('viz1669838857418'); var vizElement = divElement.getElementsByTagName('object')[0]; if (divElement.offsetWidth > 800) { vizElement.style.width = '1400px'; vizElement.style.height = '827px'; } else if (divElement.offsetWidth > 500) { vizElement.style.width = '1400px'; vizElement.style.height = '827px'; } else { vizElement.style.width = '100%'; vizElement.style.height = '1227px'; } var scriptElement = document.createElement('script'); scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js'; vizElement.parentNode.insertBefore(scriptElement, vizElement); </script>
<br>
<br>
<p class="p80 listlfont">Above is a chart on the songs played in the popular tv show "Stranger Things" and their popularity as well as which era they came from. here is a list of my 3 favorite songs from the show and why.</p>
<li class=" mb-3 listlfont bold"> #1: Master of Puppets by Metallica
<ul class="mylist">
<li>The heavy rock fits the scene perfectly in the show</li>
<li>One of the greatest guitar solos of all time is in this song</li>
<li>Heavy drums, heavy guitar, heavy metal.</li>
<li>Metallica embodies an 80's punk perfectly</li>
</ul>
</li>
<li class=" mb-3 listlfont bold"> #2: Running Up That Hill by Kate Bush
<ul class="mylist">
<li>This song encapsulates the feelings Max has in the show</li>
<li>the theme of this song is somber yet hopeful</li>
<li>the progressive build to the end of the song pushes tension</li>
<li>It made a huge comeback after this episode released, it's cool to see old songs coming forth again.</li>
</ul>
</li>
<li class=" mb-3 listlfont bold"> #3: You Don't Mess Around With Jim by Jim Croce
<ul class="mylist">
<li>It has a playful theme that carries comedy in the show</li>
<li>It helps us dive into Jim Hopper as a character</li>
<li>It's bounciness can get anyone up and moving on their feet</li>
</ul>
</li>
<p class="p80 listlfont">Now below here is a photo of Max (a popular character in the show, being raised up while Kate Bush's song is being played. There is also a video with some of the behind the scenes and how these songs ended up with the final cut.</p>
<div>
<img class="imgmax" src="../img/max.jpg" alt="max floats">
</div>
<!--youtube vid-->
<div class="stylesscratch.css/iframecontainer iframe" style="text-align:right;">
<iframe width="560" height="315" src="https://www.youtube.com/embed/naW7m01KBis" title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>
</body>
</html>