-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathartsy.html
202 lines (180 loc) · 9.31 KB
/
artsy.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
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
<!DOCTYPE html>
<html>
<title>Caner Derici, Artsy</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="https://pbs.twimg.com/profile_images/1427014122827182083/epqkLDbm_400x400.jpg">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="caner.css">
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Roboto'>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3-colors-win8.css">
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3-colors-flat.css">
<link rel="stylesheet" href="css/lightbox.css">
<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/lightbox.min.js"></script>
<script type="text/javascript" src="caner.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-146433729-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-146433729-1');
</script>
<body class="w3-flat-wet-asphalt">
<!-- Page Container -->
<div class="w3-content w3-margin-top" style="max-width:1400px;">
<!-- The Grid -->
<div class="w3-row-padding">
<!-- Left Column -->
<div class="w3-quarter">
<div class="w3-white w3-text-grey w3-card-4">
<div class="w3-display-container">
<img src="img/artwork/artworkSmall.jpg" style="width:100%" alt="Avatar">
<div class="w3-display-bottomleft w3-container w3-text-black">
<h2 class="w3-text-white">Caner Derici</h2>
</div>
</div>
<div class="w3-container">
<p><i class="fa fa-briefcase fa-fw w3-margin-right w3-large w3-text-deep-orange"></i>Software Engineer</p>
<p><i class="fa fa-graduation-cap fa-fw w3-margin-right w3-large w3-text-deep-orange"></i>PhD Candidate, Computer Science</p>
<p><i class="fa fa-home fa-fw w3-margin-right w3-large w3-text-deep-orange"></i>Sandy, UT, USA</p>
<p><i class="fa fa-github fa-fw w3-margin-right w3-large w3-text-deep-orange"></i><a href="https://github.com/cderici" style="border-bottom: 0px" target="_blank">cderici</a></p>
<p><i class="fa fa-envelope fa-fw w3-margin-right w3-large w3-text-deep-orange"></i><a href="mailto:[email protected]" style="border-bottom: 0px" target="_blank">[email protected]</a></p>
<div class="w3-container w3-center">
<p><a href="http://twitch.tv/lambda_cd" target="_blank" style="border-bottom: 0px"><i class="fa fa-twitch w3-margin-right w3-hover-opacity w3-large w3-text-deep-orange"></i></a>
<a href="https://www.youtube.com/channel/UCQUqjj5SfL9vfJxJ53ygN7w" target="_blank" style="border-bottom: 0px"><i class="fa fa-youtube w3-margin-right w3-hover-opacity w3-large w3-text-deep-orange"></i></a>
<a href="https://www.facebook.com/caner.derici.3" target="_blank" style="border-bottom: 0px"><i class="fa fa-facebook-official w3-margin-right w3-hover-opacity w3-large w3-text-deep-orange"></i></a>
<a href="https://www.instagram.com/caner.derici/" style="border-bottom: 0px" target="_blank"><i class="fa fa-instagram w3-margin-right w3-hover-opacity w3-large w3-text-deep-orange"></i></a>
<a href="https://tr.linkedin.com/in/caner-derici-0619b0aa" style="border-bottom: 0px" target="_blank"><i class="fa fa-linkedin w3-margin-right w3-hover-opacity w3-large w3-text-deep-orange"></i></a>
<a href="https://twitter.com/canerderici" style="border-bottom: 0px" target="_blank"><i class="fa fa-twitter w3-margin-right w3-hover-opacity w3-large w3-text-deep-orange"></i></a>
</p>
</div>
</div>
</div><br>
<a href="#" class="back-to-top" style="border-bottom: 0px;">
<i class="fa fa-chevron-circle-up w3-text-deep-orange w3-xlarge"></i>
</a>
<!-- End Left Column -->
</div>
<!-- Right Column -->
<div class="w3-threequarter">
<div class="w3-bar">
<a href="index.html" class="w3-bar-item w3-button w3-mobile">Home</a>
<a href="cv.html" class="w3-bar-item w3-button w3-mobile">Professional</a>
<a href="homelab.html" class="w3-bar-item w3-button w3-mobile">HomeLab</a>
<a href="content.html" class="w3-bar-item w3-button w3-mobile">Building a Community</a>
<a href="bike.html" class="w3-bar-item w3-button w3-mobile">Bike</a>
<a href="music.html" class="w3-bar-item w3-button w3-mobile">Music</a>
<a href="artsy.html" class="w3-bar-item w3-button w3-mobile w3-hover-deep-orange w3-deep-orange">Artsy</a>
<a href="travel.html" class="w3-bar-item w3-button w3-mobile">Travel</a>
<a href="arch.html" class="w3-bar-item w3-button w3-mobile">Arch</a>
<a href="masters.html" class="w3-bar-item w3-button w3-mobile w3-right">Masters Tribute Page</a>
</div>
<div class="w3-container w3-card w3-white w3-margin-bottom w3-animate-opacity">
<h2 class="w3-text-grey w3-padding-16"><i class="fa fa-superpowers fa-fw w3-margin-right w3-xxlarge w3-text-deep-orange"></i>Artwork</h2>
<p>Besides music and writing, I'm also interested in
abstract charcoal drawing and <i>objet d'art</i>,
i.e. pieces of objects, locations, even toys of artistic
nature (meaning the objects that tell something when
observed).</p>
<p>Let me demonstrate here some of the items that I acquired or created.</p>
<p>I've found this paper-folded tulip on my table in a
coffee shop in Istanbul and loved it immediately. I
don't know its story, but this is actually what makes
the stories that this tulip tells practically limitless.</p>
<center>
<a href="img/artwork/art1.jpg" data-lightbox="art"
data-title="Kağıt Lale - Paper
Tulip"><img src="img/artwork/art1.jpg" width=200
height=265 /></a>
</center>
<br>
<p>This drinking fisherman is from a fishing town at the
Aegean side of Turkey. It was a gift from my good friend
Kemal Akkoyun, who bought this from an artist creating
such forms out of sticks, twigs, stones, and wires.</p>
<center>
<a href="img/artwork/art2.jpg" data-lightbox="art"
data-title="Balıkçı Dayı - Fisherman's
Rest"><img src="img/artwork/art2.jpg" width=300
height=180 /></a>
</center>
<br>
<p>What was started as a reminder for me to repair the
ceiling turned into a beautiful landscape form (out of
K'Nex) reminding that there is a lot more outside these
walls.</p>
<center>
<a href="img/artwork/art3.jpg" data-lightbox="art"
data-title="Hatırla! -
Remember!"><img src="img/artwork/art3.jpg" width=300
height=270 /></a>
</center>
<br>
<p>This tells me that the art is to see beyond what
everybody else sees. Although I occasionally see an
object or form much more than it looks like, I often
don't see beyond and look at it like everybody else
does. Therefore, this reminds me that I'm not an artist
(not yet anyway).</p>
<center>
<a href="img/artwork/art4.jpg" data-lightbox="art"
data-title="Alyan Kokteyl - Allen
Degenerate"><img src="img/artwork/art4.jpg" width=300
height=225 /></a>
</center>
<br>
<p>This is a gift from my good friend Görkem Tanca. He
has an industrial workshop, where he creates beautiful
objects out of thin wood by laser cutting and laser
burning. I don't know why, but I always loved the spade
shape. On top of this, it's on wood!</p>
<center>
<a href="img/artwork/art5.jpg" data-lightbox="art"
data-title="Tahta As - Wooden
Ace"><img src="img/artwork/art5.jpg" width=250
height=250 /></a>
</center>
<br>
<p>This is another gift from Görkem Tanca. Laser cut out
of thin wood. Beautiful.</p>
<center>
<a href="img/artwork/art6.jpg" data-lightbox="art"
data-title="Tahta Altlık - Wooden
Coaster"><img src="img/artwork/art6.jpg" width=200
height=204 /></a>
</center>
<br>
<p>I'm not particularly good on drawing landscapes or
even basic shapes. What you see here is only math, no
feeling, no story, no nothing. Hence the name,
insensate.</p>
<center>
<a href="img/artwork/art7.jpg" data-lightbox="art"
data-title="Duygusuz -
Insensate"><img src="img/artwork/art7.jpg" width=200
height=303 /></a>
</center>
<br>
<p>Well, this is... I don't really know what this is. I
just drew some lines and went on with what I feel. I don't
know if it's finished or not, and I certainly don't
understand it. It's plain subconsciousness I
suppose. One thing I can suggest that you download this
image and zoom in and out and rotate it. Each side and
perspective has its own stories to tell.</p>
<center>
<a href="img/artwork/art8.jpg" data-lightbox="art" data-title="Gözler - Eyes"><img src="img/artwork/art8.jpg" width=600 height=863 /></a>
</center>
</div>
<a href="javascript:" id="return-to-top"><i class="icon-chevron-up"></i></a>
<!-- End Right Column -->
</div>
<!-- End Grid -->
</div>
<!-- End Page Container -->
</div>
</body>
</html>