-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path08-emotionally-intelligent-artifice-B.html
73 lines (50 loc) · 3.18 KB
/
08-emotionally-intelligent-artifice-B.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
<!DOCTYPE html>
<!-- Page Two *Emotionally Intelligent Artifice* Designed by Reed O'Beirne with assistance from Oliver Mattos and Nils Funk. Originally inspired by the London Algorithmic Art 'Artificial Emotional Intelligence' Hackathon. Feelings list adapted from the Center for Nonviolent Communication, https://www.cnvc.org/ -->
<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>Intelligently Artificial Emotionality</title>
<meta name="description" content="Exploring how you feel about how a computer feels about you.">
<!-- CSS -->
<link href="./assets/css/08_eia_style-2.css" rel="stylesheet" type="text/css">
<link href="./assets/css/responsive.css" rel="stylesheet" type="text/css">
<!-- Java Scripts -->
<script src="./assets/js/eia-sketch-B.js"></script>
<script src="./assets/js/p5.min.js"></script>
<!-- Font Detailz -->
<link href="./assets/fontz/computer7.ttf" rel="stylesheet">
<link href="./assets/fontz/SpaceMono-Regular.ttf" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Fjalla+One&display=swap" rel="stylesheet">
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="./assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./assets/favicon/favicon-16x16.png">
<link rel="manifest" href="./assets/favicon/site.webmanifest">
</head>
<body>
<div class="eia-mainbox"> <!-- centers the content on the page via CSS -->
<span class="chosen-feeling-style" id="feeling-word"></span> <!-- recieves feeling data from js injection -->
<!-- was your choice.-->
<p class="rumination">And thus our deepest mind has ruminated on your selection in strict accordance with your surveillance history since birth to calculate the current state of your intelligently-emotional artificiality to be:</p>
<div id="eia-sketch-holder"> <!-- canvas from JS goeth here --></div>
<div class="textbox-relative">
<div class="textbox-absolute">
<!--text goes here to float over sketch-->
</div> <!-- close textbox-absolute -->
</div> <!-- close textbox-relative -->
<div class="eia-colorcodes">
<ul>
<li><span id="dot1"></span><span id="chakra_name_color1"> head</span></li>
<li><span id="dot2"></span><span id="chakra_name_color2"> heart</span></li>
<li><span id="dot3"></span><span id="chakra_name_color3"> root</span></li>
</ul>
</div> <!-- close eia-colorcodes -->
<p class = "eia-footer-text"><a href="./07-emotionally-intelligent-artifice-A.html">try again</a> <br />
or<br />
<a href="./09-wash-and-cleanse-me.html">learn more about this technology</a>
</p>
</div> <!-- close eia-mainbox -->
</body>
</html>