-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
155 lines (144 loc) · 7.01 KB
/
index.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
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
147
148
149
150
151
152
153
154
155
<!DOCTYPE HTML>
<!--
Multiverse by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>STUDIO JANEZ GROŠELJ</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript>
<link rel="stylesheet" href="assets/css/noscript.css" />
</noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<h1><a href="index.html"><strong>Studio Janez Grošelj</strong> </a></h1>
<nav>
<ul>
<li><a href="#footer" class="icon solid fa-info-circle">About</a></li>
</ul>
</nav>
</header>
<!-- Main -->
<div id="main">
<article class="thumb">
<a href="images/fulls/01.jpg" class="image"><img src="images/thumbs/01.jpg" alt="" /></a>
<h2>TEMPOMAT // PRODUCT DESIGN</h2>
<p>A materialization of time, a symbol for the preciousness of the moment and a reminder of its
transience.
<br><a href="http://www.tempomat.watch">www.tempomat.watch</a>
</p>
</article>
<article class="thumb">
<a href="images/fulls/02.jpg" class="image"><img src="images/thumbs/02.jpg" alt="" /></a>
<h2>CITY: A SKETCH // Light installation</h2>
<p>The authors (Andrej Štular & Janez Grošelj) devised an integrated spatial ambient, full of details such as the set of mobile elements and varied mechanical devices to create an illusion for the viewer with the help of light, shadows and sound of (being in) the dynamic cacophony that is a modern city.</p>
</article>
<article class="thumb">
<a href="images/fulls/03.jpg" class="image"><img src="images/thumbs/03.jpg" alt="" /></a>
<h2>The dammed // light installation</h2>
<p>An artistic commentary of current reality where breath has become a kind of a biological weapon that can instantly stop all public life, this conceptual installation consists of a sensor that responds to blowing: the spectator can extinguish street lights with a blow of their breath.</p>
</article>
<article class="thumb">
<a href="images/fulls/04.jpg" class="image"><img src="images/thumbs/04.jpg" alt="" /></a>
<h2>Space invader // light installation</h2>
<p>Nunc blandit nisi ligula magna sodales lectus elementum non. Integer id venenatis velit.</p>
</article>
<article class="thumb">
<a href="images/fulls/05.jpg" class="image"><img src="images/thumbs/05.jpg" alt="" /></a>
<h2>Wavescope // light installation</h2>
<p>An abstracted visualization of lightwaves as a phenomenon that can transfer energy, light, sound and information through space.</p>
</article>
<article class="thumb">
<a href="images/fulls/06.jpg" class="image"><img src="images/thumbs/06.jpg" alt="" /></a>
<h2>Tree heartbeat // light installation</h2>
<p>The Tree Heartbeat project thematises man's connection with nature, the tree and man are thus considered as parts of a unified and connected system where many relations and interdependencies take place. The concept of this interactive project relies on the light elements on the tree, whose canopy is crisscrossed with many LED tapes which are programmed to create transitions in light intensity in the canopy to resemble the flow of a heartbeat. The entering point of the system is a sensor, attached to the trunk on which visitors can lay their hands, which will make the lighted canopy pulsate in a faster rhythm. Co-authored with Sabina Černič.</p>
</article>
<!-- <article class="thumb">
<a href="images/fulls/07.jpg" class="image"><img src="images/thumbs/07.jpg" alt="" /></a>
<h2>Mauris id tellus arcu</h2>
<p>Nunc blandit nisi ligula magna sodales lectus elementum non. Integer id venenatis velit.</p>
</article>
<article class="thumb">
<a href="images/fulls/08.jpg" class="image"><img src="images/thumbs/08.jpg" alt="" /></a>
<h2>Nunc vehicula id nulla</h2>
<p>Nunc blandit nisi ligula magna sodales lectus elementum non. Integer id venenatis velit.</p>
</article>
<article class="thumb">
<a href="images/fulls/09.jpg" class="image"><img src="images/thumbs/09.jpg" alt="" /></a>
<h2>Neque et faucibus viverra</h2>
<p>Nunc blandit nisi ligula magna sodales lectus elementum non. Integer id venenatis velit.</p>
</article>
<article class="thumb">
<a href="images/fulls/10.jpg" class="image"><img src="images/thumbs/10.jpg" alt="" /></a>
<h2>Mattis ante fermentum</h2>
<p>Nunc blandit nisi ligula magna sodales lectus elementum non. Integer id venenatis velit.</p>
</article>
<article class="thumb">
<a href="images/fulls/11.jpg" class="image"><img src="images/thumbs/11.jpg" alt="" /></a>
<h2>Sed ac elementum arcu</h2>
<p>Nunc blandit nisi ligula magna sodales lectus elementum non. Integer id venenatis velit.</p>
</article>
<article class="thumb">
<a href="images/fulls/12.jpg" class="image"><img src="images/thumbs/12.jpg" alt="" /></a>
<h2>Vehicula id nulla dignissim</h2>
<p>Nunc blandit nisi ligula magna sodales lectus elementum non. Integer id venenatis velit.</p>
</article>
--> </div>
<!-- Footer -->
<footer id="footer" class="panel">
<div class="inner split">
<div>
<section>
<h2>Light, design and architecture.</h2>
<p> </p>
</section>
<section>
<!-- <h2>Follow me on ...</h2>
--> <ul class="icons">
<li><a href="instagram.com/janez.groselj" class="icon brands fa-instagram"><span class="label">Instagram</span></a>
</li>
<!--
<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a>
</li>
<li><a href="#" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
<li><a href="#" class="icon brands fa-dribbble"><span class="label">Dribbble</span></a></li>
<li><a href="#" class="icon brands fa-linkedin-in"><span class="label">LinkedIn</span></a>
-->
</li>
</ul>
</section>
<p class="copyright">
© <a href="https://janezgroselj.com">janezgroselj.com</a>. All rights reserved.
</p>
</div>
<div>
<section>
<h2>Get in touch</h2>
<span><strong>[email protected]</strong></span>
<br><br>
<span><strong>00386 40 943 440</strong></span>
<br><br>
<span><strong>Na Lazih 82, 1351 Brezovica, Slovenija</strong></span>
</section>
</div>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.poptrox.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>