-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathsound_effects.html
107 lines (91 loc) · 5.21 KB
/
sound_effects.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
<!DOCTYPE html>
<html>
<title>Sound Effects</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/3/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<style>
body, html {
height: 100%;
font-family: "Raleway", sans-serif;
}
.bgimg {
background-position: center;
background-size: cover;
background-image: url("https://github.com/suveenat/suveenat.github.io/blob/master/Photos/edited_huevos_rancheros_sides.jpg?raw=true");
/*background-image: url("https://raw.githubusercontent.com/suveenat/suveenat.github.io/b395c84fc161a329e231f7dbcaa7450a61832704/Photos/_DSC0682.JPG");*/
min-height: 75%;
}
.menu {
display: none;
}
</style>
<body>
<!-- Links (sit on top) -->
<div class="w3-top">
<div class="w3-row w3-padding">
<div class="w3-bar w3-white w3-center w3-padding w3-opacity-min w3-hover-opacity-off">
<a href="index.html" style="width:25%" class="w3-bar-item w3-button">Home</a>
<a href="about.html" style="width:25%" class="w3-bar-item w3-button">About</a>
<a href="amplitude_frequency.html" style="width:25%" class="w3-bar-item w3-button">Amplitude & Frequency</a>
<a href="sound_effects.html" style="width:25%" class="w3-bar-item w3-button">Sound Effects</a>
</div>
</div>
</div>
<!-- Header with image -->
<header class="bgimg w3-display-container " id="home">
<div class="w3-display-bottomleft w3-center w3-padding-large w3-hide-small">
<!--<span class="w3-tag">BITTER</span>-->
</div>
<div class="w3-display-middle w3-center">
<span class="w3-text-white" style="font-size:60px">sound effects</span>
</div>
</header>
<!-- Add a background color and large text to the whole page -->
<div class="w3-sand w3-large">
<!-- About Container -->
<div class="w3-container" id="about">
<div class="w3-content" style="max-width:700px">
<!-- <h5 class="w3-center <!--w3-padding-48"><span class="w3-tag w3-wide">Sound's Influence</span></h5> -->
<!-- <h3><p>Research blurb</p></h3> -->
</div>
</div>
<div class="w3-container" id="about">
<div class="w3-content" style="max-width:700px">
<center>
<br><span class="w3-text-gray" style="font-size:30px">music & contextual sounds</span>
</center>
</div>
</div>
<!-- Body -->
<center>
<span class="w3-text-gray" style="font-size:14px">
<i>
“The whole idea of taste and flavor is a construction of our mind... <br> it is all kind of an illusion that we think we taste food, and all with our mouth”
</i>
</span>
</center>
<div class="w3-container" id="about">
<div class="w3-content" style="font-size:16px" style="max-width:850px">
<p>
Music can serve as a link between the source of your food and the experience you have while eating it. For example, a London chef who serves shellfish with an iPod loaded with ambient ocean noises. This supposedly links the taste of the food to the source, an ocean in this case, which makes the food seem <span class="w3-text-gray" style="font-size:16px"><i>fresher</i></span>.
</p>
<p>
Your brain knows how foods should taste from prior experience, and when the sounds we hear mirror that, we feel that they taste better. <span class="w3-text-gray" style="font-size:15px">“When you have a food like a dark chocolate or a coffee that has a lot of varying and complementary or even contrasting notes like sweetness and bitterness, it can be hard for your brain to make sense of it all and to latch on to something. And these different pitches of sounds and of music sort of act as ways to highlight certain features of a food.”</span>
</p>
<p>
We like food that makes noise; the audible <span class="w3-text-gray" style="font-size:16px"><i> crunch </i></span> when we bite into a chip influences how we think it tastes. Noisy chip bags and packages being crumpled while they're eating the chips can also provide this crisp sound that makes the consumer think that chips are crisper, crunchier, fresher, and therefore better. People tend to think that carbonated beverages taste better when the sound of the bubbles popping is louder and more frequent, and the sound chocolate makes when you break a piece in half can also affect the way people think chocolate tastes. If the sound is a deep, bassy thud versus a thin snap, this indicates that the structure of the crystals that forms the chocolate is more rigid, and therefore, the chocolate is of a higher quality.
</p>
<iframe frameborder="no" height="450" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/241619926&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true" width="100%"></iframe>
<iframe frameborder="no" height="450" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/241619653&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true" width="100%"></iframe>
</div>
</div>
<!-- End page content -->
</div>
<!-- Footer -->
<footer class="w3-center w3-light-grey w3-padding-48 w3-large">
<p>core 101: aural culture</p>
</footer>
</body>
</html>