-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathd.html
76 lines (69 loc) · 3.47 KB
/
d.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
<!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">
<meta name="theme-color" content="#000000">
<meta name="msapplication-navbutton-color" content="#000000">
<meta name="apple-mobile-web-app-status-bar-style" content="#000000">
<meta property="og:title" content="Synesthetic Perceptions" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://synestheticperceptions.art/d.html" />
<meta property="og:image" content="https://i.imgur.com/Gk5rvLg.png">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1024">
<meta property="og:image:height" content="1024">
<title>Rhythm: Sight & Sound—Synesthetic Perceptions</title>
<link rel="icon" type="image/png" href="images/favicon.png" />
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/inner_pages.css">
<script src="https://cdn.jsdelivr.net/npm/p5@1.3.1/lib/p5.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.3.1/addons/p5.sound.js"></script>
</head>
<body>
<div class="container appear">
<header class="header">
<h1 class="header_title">SYNESTHETIC PERCEPTIONS</h1>
<a href="about.html">
<h1 class="header_about">ABOUT</h1>
</a>
</header>
<main class="inner_pages">
<video class="video" controls autoplay loop>
<source src="videos/Exhibit D.webm" type="video/webm">
<source src="videos/Exhibit D.mp4" type="video/mp4">
Your browser does not support this video.
</video>
<div class="content">
<div class="heading">
<h1 class="heading_label label">EXHIBIT D</h1>
<h2 class="heading_title">Rhythm: Sight & Sound</h2>
</div>
<div class="text">
<p>Rhythm in graphic design describes the visual repetition of compositional elements. Visual
elements repeated in regular intervals create order and unity, while visual elements repeated in
irregular intervals can create tension and drama.</p>
<p>Rhythm in music operates in the same way, where steady rhythms can hold a composition together
and create a sense of order, while mixed meter and irregular rhythmic passages are perceived as
dramatic and dynamic.</p>
<p>This audiovisual exhibit uses a monochrome CRT monitor as a medium to demonstrate the properties
of rhythm in its visual and musical counterparts.</p>
</div>
</div>
</main>
<div class="divider"></div>
<a href="exhibits.html#d">
<section class="bottom_nav">
<svg class="bottom_nav_arrow" width="123" height="16" viewBox="0 0 123 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M123 7.74658L1 7.74657M1 7.74657L7.97899 14.7466M1 7.74657L7.97899 0.746572"
stroke="white" />
</svg>
<h1 class="bottom_nav_text">BACK</h1>
</section>
</a>
</div>
</body>
</html>