Repository navigation
Expand file tree
/
Copy pathfireflies.html
More file actions
146 lines (98 loc) · 7.89 KB
/
Copy pathfireflies.html
File metadata and controls
146 lines (98 loc) · 7.89 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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!doctype html>
<html lang="en-US"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>FireFlies a Kinetic Sculpture</title>
<link rel="stylesheet" id="wittywit-style-css" href="./files/css/style.css" type="text/css" media="all">
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-63681583-1', 'auto');
ga('send', 'pageview');
</script>
<script type="text/javascript" src="./files/js/jquery.min.js"></script>
<script type="text/javascript" src="./files/js/jquery-migrate-3.0.0.min.js"></script>
<!--============================================================================-->
<link rel="apple-touch-icon" sizes="57x57" href="./apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="./apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="./apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="./apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href=".">
<link rel="icon" type="image/png" sizes="96x96" href="./favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="./favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<div id="page" class="site">
<header id="masthead" class="site-header">
<div class="site-branding">
<p class="site-title"><a href="http://wittywit.com/" rel="home"><span>Pranshu</span>Chaudhary</a></p>
</div><!-- .site-branding -->
<nav id="site-navigation" class="main-navigation sticky" style="margin-top: 0px;">
<button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false">Primary Menu</button>
<div class="menu-main-menu-container"><ul id="primary-menu" class="menu nav-menu" aria-expanded="false"><li id="menu-item-11" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-11"><a href="http://wittywit.com/#about">About</a></li>
<li id="menu-item-12" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-12"><a href="#UX">UX</a></li>
<li id="menu-item-14" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-14"><a href="http://wittywit.com/#creative-coding">Creative Coding</a></li>
<li id="menu-item-13" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-13"><a href="http://wittywit.com/#installations">installations</a></li>
<li id="menu-item-15" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-15"><a href="http://wittywit.com/#get-in-touch">Get in touch</a></li>
</ul></div> </nav><!-- #site-navigation -->
</header><!-- #masthead -->
<div id="content" class="site-content">
<div class="info-bg"></div>
<a name="about"></a>
<main>
<div class="content content--fixed">
<div class="side-text">The first rule is to not fool yourself.</div>
</div>
<!--====================== Project Content ========================== -->
<div class="projectarea">
<img src="img/hardware.png" alt="Fetured Image Not found"/>
<h1>FireFlies</h1>
<blockquote>
A speculative device situated in the realms of IoT that enables a non-intrusive way of communicating your nostalgic feelings to someone.
</blockquote>
<div>
<h2>Brief Summary</h2>
<p>This project is an enquiry into how to deal with Nostalgia in a <mark>non-intrusive</mark> way. The project aims to utilise the <mark>IoT platform to trigger nostalgia</mark> and convey it to the other person in a non intrusive manner so that the whole process appears very seamless and intuitive.We have some objects of significance to which we associate some object memories, the artefact Fireflies aims to utilise those <mark>object memories</mark> and evoke those memories.The artefact comes in a pair, that uses home Wifi to convey that someone somewhere is remembering you, it uses the Light as medium in the form of tiny fireflies each holding a memory of distant past. </p>
</div>
<div>
<center>
<img src="img/fireflies.jpg" alt=""/>
<hr>
<img src="img/pr01.jpg" alt=""/>
</center>
<!-- Video -->
<hr>
<iframe src="https://player.vimeo.com/video/194224181" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p> <a href="https://vimeo.com">Vimeo</a>.</p> <p>FIRE-flies is a Design project concept Exploring the theme of Nostalgia and contentedness in this digital age.<br /> When timelessness, formlessness, spacelessness of digital artifacts is a matter of debate. <br /> The project is still a work in progress and this is the first working prototype.<br /> A New Age way of communicating your <br /> nostalgia towards your loved ones, in a very <br /> subtle and non-intrusive way. The interconnected <br /> jars Glow when either of the Jars is held in the <br /> hands by the owners, thus transmitiing the <br /> eeriness felt when we remember someone.<br /> <br /> Concept and Built By:<br /> Pranshu Chaudhary<br /> <br /> Project Guides:<br /> Jignesh Khakhar (NID)<br /> Michael Longford (York University)<br /> <br /> <br /> Photography and Videography:<br /> Sneha Sarang (NID) <br /> snehasarang5@gmail.com<br /> <br /> Models:<br /> Shreya Gupta (NID)<br /> Kshitiz Sharma (NID)</p>
</div>
</div>
<!--=========================== footer ================================-->
<footer id="colophon" class="site-footer content--layout-8 content--layout"><a name="get-in-touch" tabindex="-1"></a>
<div class="site-content-small" style="text-align: center">
<h2 class="content__title" style="display: inline-block;width:100%;">Get in touch</h2>
<div class="content__text" style="display: inline-block;width:100%;">
<a href="mailto:pranshu_c@nid.edu">pranshu_c@nid.edu</a>
<div class="needtocall"> +91 945 870 3427 <br> +91 851 145 0365</div>
<a class="gotofacebook" href="https://www.facebook.com/wittywit/" target="_blank"></a>
<div class="side-text-m">Speculating and creating NOW</div>
</div>
</div>
<!-- .site-info -->
</footer><!-- #colophon -->
</div><!-- #page -->
<script type="text/javascript" src="./files/js/skip-link-focus-fix.js"></script>
<script type="text/javascript" src="./files/js/imagesloaded.pkgd.min.js"></script>
<script type="text/javascript" src="./files/js/scrollMonitor.js"></script>
<script type="text/javascript" src="./files/js/navigation.js"></script>
</body></html>