-
Notifications
You must be signed in to change notification settings - Fork 0
/
proj5.html
83 lines (65 loc) · 3.6 KB
/
proj5.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/work.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="libraries/p5.js"></script>
<script src="libraries/p5.dom.js"></script>
<script src="libraries/p5.sound.js"></script>
<script src="javascript/main.js"></script>
<title>WORK | Angelabelle</title> <!-- Your Name/Website Name Here -->
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body onresize="displayNav()">
<header id = "navBar">
<ul>
<li><a href="index.html">Home</a></li>
<li><a class="active" href="work.html">Artwork</a></li>
<li><a href="artiststatement.html">Statement</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</header>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
<div class="project">
<!-- <div id="text">
<div class="embed-container">
<iframe src="https://player.vimeo.com/video/270014160" width="640" height="360" frameborder="0" allowfullscreen></iframe>
</div>
<div class="embed-container">
<iframe src="https://player.vimeo.com/video/270023261" width="640" height="400" frameborder="0" allowfullscreen></iframe>
</div>
</div> -->
<div id="multipleImages">
<img id= "img3" src="images/Large/trance5.JPG">
<img id= "img3" src="images/Large/trance7.JPG">
<img id= "img3" src="images/Large/trance10.JPG">
<div id = videos>
<iframe id = "video" src="https://player.vimeo.com/video/270014160" frameborder="0" allowfullscreen></iframe>
<iframe id = "video" src="https://player.vimeo.com/video/270023261" frameborder="0" allowfullscreen></iframe>
</div>
</div>
<div id="description">
<p>"Trance-Action"</p>
<p>Digital Media Art</p>
<p> 2018 </p>
<p>
<br>Time is currency and currency nowadays is evaluated as something important. Time in that sense, is something we need to think wisely about, whether we spend it all at once, where we spend it, how we spend it, and who we spend it with.
With the internet more accessible and “vital” to the growth to our society, it’s easier to put all our time into it. But there are issues that are rising, are you spending your time well on the internet? Have you gained any knowledge? Can
you make a difference? All that we need to be is aware. Be aware of what you are doing with your time.
<br> <br> One extension replaces most of the images on the website with images relating money and time, another extension has black squares that popup as you move your mouse on the page, and the other replaces “S” with “$”. It inhibits you
from navigating through the site effectively, eventually blacking it out. It also blacks out the images of the money at the same time. Part of this project is connected to the idea that our time is money, and in the way I made it, you can
now visualize the your time as money on the webpage and how easy it is to lose track of that.
<br> <br> Another extension redirects you after 30 seconds on one page. It shoots you over to webpages with information about the Sesta Fosta Bill, Net Neutrality, and USA News, things that many of us do not know about, but should know key
in to, and then restarts the loop of browsing.
</p>
</div>
</div>
<footer>
<p>© Angelabelle Abarientos 2018</p>
</footer>
</body>
</html>