-
Notifications
You must be signed in to change notification settings - Fork 0
/
portfolio.html
191 lines (168 loc) · 27.1 KB
/
portfolio.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
<!DOCTYPE html>
<html class="no-js light-theme" lang="en">
<head>
<meta charset="utf-8">
<!--
a CODE & DESIGN by
@lukasztyrala
_....._
,'.-._.-.`.
|( )|
\|--, ,..|/
([_o)-(o_])
lt. ## ._, ##
##***##
_.|"***"|._
.-'` `-.....-` `'-.
/'. ,'\
l : : l
| / \ |
| ' ' |
|.-------------------.|
-------\ \ , / /-------
L \ C / J
"============="
-->
<title>Łukasz Tyrała – Portfolio</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="Łukasz Tyrała's Portfolio">
<meta property="og:type" content="website">
<meta property="og:url" content="https://lukasztyrala.pl">
<meta property="og:image" content="img/lt-og-feed-img.png">
<meta property="og:description" content="(Draft) overview of my professional career as a designer, researcher, educator and design leader, in-depth case studies and highlights of various projects—all in on presentation available upon request.">
<meta property="fb:admins" content="1594234988">
<meta name="p:domain_verify" content="0be05c546596a80b2bb989ad96e998ca"/>
<link type="image/x-icon" href="favicon.gif" rel="shortcut icon">
<!-- <link rel="prefetch" href="img/lt-app-icon.png"> -->
<link rel="apple-touch-icon" href="img/lt-app-icon.png">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="https://use.typekit.net/bxg6oqg.css">
<script>if(!sessionStorage.getItem("_swa")&&document.referrer.indexOf(location.protocol+"//"+location.host)!== 0){fetch("https://counter.dev/track?"+new URLSearchParams({referrer:document.referrer,screen:screen.width+"x"+screen.height,user:"lukasz",utcoffset:"1"}))};sessionStorage.setItem("_swa","1");</script>
</head>
<body class="page">
<!--
.----------------------.
| Main page sections |
+----------------------+
| .page-title ……… %1 |
| .page-links ……… %2 |
| .page-name ………… %3 |
| .page-intro ……… %4 |
| .page-content … %5 |
| .page-foot ………… %6 |
| .page-footer …… %7 |
| .page.meta ………… %8 |
'----------------------'
-->
<!-- .page-title %1 -->
<header id="start" class="page-title">
<a href="/" class="icon">
<svg width="72" height="72" viewBox="0 0 1080 1080" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>ŁT</title><defs><radialGradient cx="50%" cy="0%" fx="50%" fy="0%" r="41.8751727%" gradientTransform="translate(0.500000,0.000000),rotate(90.000000),scale(1.000000,1.348598),translate(-0.500000,-0.000000)" id="radialGradient-1"><stop stop-color="#F7E7C2" offset="0%"></stop><stop stop-color="#FCF7E2" offset="99.9712327%"></stop><stop stop-color="#F8F6E5" offset="100%"></stop></radialGradient><linearGradient x1="50%" y1="50%" x2="0%" y2="100%" id="linearGradient-2"><stop stop-color="#CDE4DA" offset="0%"></stop><stop stop-color="#22618D" offset="100%"></stop></linearGradient><rect id="path-3" x="0" y="0" width="1080" height="1080" rx="186"></rect><radialGradient cx="100%" cy="0%" fx="100%" fy="0%" r="141.421356%" gradientTransform="translate(1.000000,0.000000),rotate(135.000000),scale(1.000000,1.348598),translate(-1.000000,-0.000000)" id="radialGradient-4"><stop stop-color="#EBD7B1" offset="0%"></stop><stop stop-color="#FCF7E2" stop-opacity="0" offset="99.9712327%"></stop><stop stop-color="#F8F6E5" offset="100%"></stop></radialGradient></defs><g id="lt-app-icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Rectangle"><use fill="url(#radialGradient-1)" xlink:href="#path-3"></use><use fill-opacity="0.2" fill="url(#linearGradient-2)" xlink:href="#path-3"></use></g><rect id="Rectangle-Copy" fill="url(#radialGradient-4)" transform="translate(540.000000, 540.000000) rotate(-270.000000) translate(-540.000000, -540.000000) " x="0" y="4.54747351e-13" width="1080" height="1080" rx="186"></rect><path d="M340,580 L340,740 L500,740 L500,820 L260,820 L260,620 L340,580 Z M820,260 L820,340 L700,340 L700,820 L620,820 L620,340 L500,340 L500,260 L820,260 Z M340,260 L340,460 L260,500 L260,260 L340,260 Z" id="Combined-Shape" fill="#1A3759"></path></g></svg>
<!-- <img class="logotype" alt="Icon of initials ŁT" title="Home" width="72" height="72" src="img/lt-app-icon.png" loading="eager"> -->
</a>
<p class="tagline">Design office of <br>Łukasz Tyrała</p>
</header>
<!-- /.page-title -->
<!-- .page-links %2 -->
<nav class="page-links" role="navigation" aria-label="Main">
<a href="index.html" class="label">index<span>.html</span></a>
<a href="portfolio.html" class="label current">portfolio<span>.html</span></a>
<a href="manifesto.html" class="label">manifesto<span>.html</span></a>
<a href="now.html" class="label">now<span>.html</span></a>
<a href="https://www.linkedin.com/in/lukasztyrala/" class="icon linkedin"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>LinkedIn</title><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg></a>
<a href="https://mastodon.social/@lukasztyrala" class="icon mastodon" rel="me"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Mastodon</title><path d="M 11.962227,0 C 8.7192721,0.02508501 5.6009125,0.35705111 3.7830075,1.1469756 c 0,0 -3.60579326,1.5261034 -3.60579326,6.7324392 0,1.192202 -0.024423,2.6177022 0.015482,4.1294042 0.1309278,5.091534 0.98677576,10.109521 5.96217586,11.355498 2.294024,0.574501 4.2628359,0.694806 5.8491579,0.612306 2.876654,-0.1509 4.491371,-0.971194 4.491371,-0.971194 l -0.09444,-1.974614 c 0,0 -2.055801,0.613765 -4.364418,0.539064 -2.2873729,-0.07425 -4.7020309,-0.234505 -5.0719529,-2.891609 -0.03416,-0.2334 -0.05109,-0.482018 -0.05109,-0.744143 0,0 2.244871,0.518228 5.0905319,0.641604 1.739943,0.07553 3.371256,-0.09559 5.028603,-0.282716 3.178191,-0.359101 5.945663,-2.212306 6.293494,-3.905283 0.547983,-2.66693 0.503169,-6.5083172 0.503169,-6.5083172 0,-5.2063358 -3.605793,-6.7324392 -3.605793,-6.7324392 C 18.405717,0.35705111 15.28561,0.02508521 12.042735,0 Z M 8.2929581,4.0678815 c 1.350815,0 2.3735849,0.491045 3.0499829,1.4736364 l 0.656444,1.0429709 0.657991,-1.0429709 c 0.67616,-0.9825914 1.69909,-1.4736364 3.049984,-1.4736364 1.167388,0 2.10871,0.3880395 2.827041,1.1455104 0.696295,0.757464 1.041948,1.7819529 1.041948,3.0703199 V 14.586952 H 16.936643 V 8.4682828 c 0,-1.289822 -0.572735,-1.943852 -1.720067,-1.943852 -1.268535,0 -1.904305,0.775916 -1.904305,2.311529 V 12.186066 H 10.688047 V 8.8359598 c 0,-1.535613 -0.63577,-2.311529 -1.9043049,-2.311529 -1.147253,0 -1.721615,0.65403 -1.721615,1.943852 V 14.586952 H 4.4224205 V 8.2837118 c 0,-1.288367 0.347051,-2.3128559 1.043497,-3.0703199 C 6.1840821,4.455921 7.1254431,4.0678815 8.2929581,4.0678815 Z"/></svg></a>
</nav>
<!-- /.page-links -->
<!-- .page-name %3 -->
<h1 class="page-name">Portfolio</h1>
<!-- /.page-name -->
<!-- .page-intro %4 -->
<div class="page-intro">
<p class="lead">
(Draft) overview of my professional career as a designer, researcher, educator and design leader, in-depth case studies and highlights of various projects—all in on presentation available upon request.
</p>
</div>
<!-- /.page-intro -->
<!-- .page-content %5 -->
<div class="page-content">
<p>I have 15 years of professional experience in designing interactions and interfaces. I work in a product design team, and previously I designed services, worked at the agency, managed digital products and was a head of design departments and teams. I always put people first, not loosing the business strategy and objective out of sight.</p>
<figure>
<a href="https://portfolio-of-lukasz.tyra.la">
<img src="img/portfolio-contact-sheet.jpg" alt="Contact sheet presenting thumbs of slides from portfolio" loading="lazy">
</a>
<figcaption><a href="https://f001.backblazeb2.com/file/webpub/Portfolio_of_Lukasz_Tyrala.pdf">Download Portfolio</a><br><code>PDF ✦ 65 655 289 bytes</code></figcaption>
</figure>
<p>My <mark>current projects are not included</mark> in the portfolio. I am happy to present my more recent work upon request.</p>
<h2>Highlights</h2>
<p>If you just want a quick glimpse of some snapshots and highlights, below you will find examples of my work—this scratches the surface, so if you would like to know more, let me know.</p>
<figure>
<iframe width="560" height="315" src="https://www.youtube.com/embed/GnJe-psrUA8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<figcaption>UX/UI design of a time zone picker improvements. Read companion article <a href="https://medium.com/@lukasz/on-time-time-zones-and-software-6617a4c22d05">On Time, Time Zones, and Software</a></figcaption>
</figure>
<figure>
<div style="padding:62.5% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/328397590?h=9d2d0e2fd0&badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="fropt"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
<figcaption>UX/UI for a website and CRM/CMS for a furniture startup. UX strategy, defining digital MVP, and complicated offering under the hood.</figcaption>
</figure>
<figure>
<div style="padding:62.5% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/328423661?h=b812515e3a&badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Intranet for Nutricia Amsterdam"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
<figcaption>Axure prototype of a global intranet for Nutricia Amsterdam. A lot of stakeholders, workshops, and communication work to set up the new portal for success.</figcaption>
</figure>
<figure style="max-width:320px;">
<div style="padding:216.7% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/328405768?h=8ff6504bd5&badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="miastologia-pl"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
<figcaption>A website that allowed people to learn everything about real estate offer and purchase the apartment online—first full digital real estate sales process on Polish market.</figcaption>
</figure>
<figure>
<div style="padding:62.5% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/151178083?h=92a5ce8d6e&badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="vision-express"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
<figcaption>Design, product management and launch of the first big corporate responsive e-commerce in Poland. With accompanying system to manage on-site customer visits.</figcaption>
</figure>
<figure>
<div style="padding:62.5% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/85379557?h=5d557b83ee&badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Lepiej Żywiec"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
<figcaption>Unconventional interactions, unconventionally high conversion rates for digital contest participations for biggest Polish beer brand.</figcaption>
</figure>
<figure>
<div style="padding:62.5% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/118400440?h=8dbfb71347&badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="stopwariatom"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
<figcaption>Award winning safe driving campaign for one of the biggest Europe insurance companies.</figcaption>
</figure>
<figure>
<div style="padding:62.5% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/151177206?h=5ba40f8bb1&badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="tictac"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
<figcaption>A website design that helped to win an international pitch. One of the first global interactive pitches won by Polish agency.</figcaption>
</figure>
</div>
<!-- /.page-content -->
<!-- /.page-foot %6 -->
<div class="page-foot"><a title="Top" href="#start"><svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" width="36" height="36"><path fill="#223E5D" d="M12.7,12.5C12.7,12.5,12.7,12.5,12.7,12.5c-0.4-0.4-1-0.4-1.4,0l-3,3c-0.4,0.4-0.4,1,0,1.4c0.4,0.4,1,0.4,1.4,0l2.3-2.3l2.3,2.3c0.2,0.2,0.4,0.3,0.7,0.3c0.3,0,0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4L12.7,12.5z M9.7,11.5L12,9.2l2.3,2.3c0.2,0.2,0.4,0.3,0.7,0.3c0.3,0,0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4l-3-3c0,0,0,0,0,0c-0.4-0.4-1-0.4-1.4,0l-3,3c-0.4,0.4-0.4,1,0,1.4C8.7,11.8,9.3,11.8,9.7,11.5z"/></svg></a></div>
<!-- /.page-foot -->
<!-- /.page-footer %7 -->
<footer class="page-footer">
<p>
This <abbr title="Hyper Text Markup Language">HTML</abbr> + <abbr title="Cascading Style Sheets">CSS</abbr> <time datetime="2021-03-30">was</time> hand crafted with <span class="love">❤︎</span> for you.<br>
Theme inspired by <a href="https://en.wikipedia.org/wiki/The_Great_Wave_off_Kanagawa" title="“The Great Wave off Kanagawa” by Hokusai">🌊</a>.
</p>
<p class="elsewhere">
<a href="https://lukasz.medium.com" class="icon medium"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Medium</title><path d="M13.54 12a6.8 6.8 0 01-6.77 6.82A6.8 6.8 0 010 12a6.8 6.8 0 016.77-6.82A6.8 6.8 0 0113.54 12zM20.96 12c0 3.54-1.51 6.42-3.38 6.42-1.87 0-3.39-2.88-3.39-6.42s1.52-6.42 3.39-6.42 3.38 2.88 3.38 6.42M24 12c0 3.17-.53 5.75-1.19 5.75-.66 0-1.19-2.58-1.19-5.75s.53-5.75 1.19-5.75C23.47 6.25 24 8.83 24 12z"/></svg></a>
<a href="https://twitter.com/lukasztyrala" class="icon twitter"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Twitter</title><path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"/></svg></a>
<a href="https://mastodon.social/@lukasztyrala" class="icon mastodon" rel="me"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Mastodon</title><path d="M 11.962227,0 C 8.7192721,0.02508501 5.6009125,0.35705111 3.7830075,1.1469756 c 0,0 -3.60579326,1.5261034 -3.60579326,6.7324392 0,1.192202 -0.024423,2.6177022 0.015482,4.1294042 0.1309278,5.091534 0.98677576,10.109521 5.96217586,11.355498 2.294024,0.574501 4.2628359,0.694806 5.8491579,0.612306 2.876654,-0.1509 4.491371,-0.971194 4.491371,-0.971194 l -0.09444,-1.974614 c 0,0 -2.055801,0.613765 -4.364418,0.539064 -2.2873729,-0.07425 -4.7020309,-0.234505 -5.0719529,-2.891609 -0.03416,-0.2334 -0.05109,-0.482018 -0.05109,-0.744143 0,0 2.244871,0.518228 5.0905319,0.641604 1.739943,0.07553 3.371256,-0.09559 5.028603,-0.282716 3.178191,-0.359101 5.945663,-2.212306 6.293494,-3.905283 0.547983,-2.66693 0.503169,-6.5083172 0.503169,-6.5083172 0,-5.2063358 -3.605793,-6.7324392 -3.605793,-6.7324392 C 18.405717,0.35705111 15.28561,0.02508521 12.042735,0 Z M 8.2929581,4.0678815 c 1.350815,0 2.3735849,0.491045 3.0499829,1.4736364 l 0.656444,1.0429709 0.657991,-1.0429709 c 0.67616,-0.9825914 1.69909,-1.4736364 3.049984,-1.4736364 1.167388,0 2.10871,0.3880395 2.827041,1.1455104 0.696295,0.757464 1.041948,1.7819529 1.041948,3.0703199 V 14.586952 H 16.936643 V 8.4682828 c 0,-1.289822 -0.572735,-1.943852 -1.720067,-1.943852 -1.268535,0 -1.904305,0.775916 -1.904305,2.311529 V 12.186066 H 10.688047 V 8.8359598 c 0,-1.535613 -0.63577,-2.311529 -1.9043049,-2.311529 -1.147253,0 -1.721615,0.65403 -1.721615,1.943852 V 14.586952 H 4.4224205 V 8.2837118 c 0,-1.288367 0.347051,-2.3128559 1.043497,-3.0703199 C 6.1840821,4.455921 7.1254431,4.0678815 8.2929581,4.0678815 Z"/></svg></a>
<a href="https://www.instagram.com/lukasztyrala/" class="icon instagram"><svg role="img" title="Instagram" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Instagram</title><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"/></svg></a>
<a href="https://www.linkedin.com/in/lukasztyrala/" class="icon linkedin"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>LinkedIn</title><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg></a>
<a href="https://github.com/lukasztyrala" class="icon github"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg></a>
<a href="https://dribbble.com/lukasz" class="icon dribbble"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Dribbble</title><path d="M12 24C5.385 24 0 18.615 0 12S5.385 0 12 0s12 5.385 12 12-5.385 12-12 12zm10.12-10.358c-.35-.11-3.17-.953-6.384-.438 1.34 3.684 1.887 6.684 1.992 7.308 2.3-1.555 3.936-4.02 4.395-6.87zm-6.115 7.808c-.153-.9-.75-4.032-2.19-7.77l-.066.02c-5.79 2.015-7.86 6.025-8.04 6.4 1.73 1.358 3.92 2.166 6.29 2.166 1.42 0 2.77-.29 4-.814zm-11.62-2.58c.232-.4 3.045-5.055 8.332-6.765.135-.045.27-.084.405-.12-.26-.585-.54-1.167-.832-1.74C7.17 11.775 2.206 11.71 1.756 11.7l-.004.312c0 2.633.998 5.037 2.634 6.855zm-2.42-8.955c.46.008 4.683.026 9.477-1.248-1.698-3.018-3.53-5.558-3.8-5.928-2.868 1.35-5.01 3.99-5.676 7.17zM9.6 2.052c.282.38 2.145 2.914 3.822 6 3.645-1.365 5.19-3.44 5.373-3.702-1.81-1.61-4.19-2.586-6.795-2.586-.825 0-1.63.1-2.4.285zm10.335 3.483c-.218.29-1.935 2.493-5.724 4.04.24.49.47.985.68 1.486.08.18.15.36.22.53 3.41-.43 6.8.26 7.14.33-.02-2.42-.88-4.64-2.31-6.38z"/></svg></a>
<a href="https://vsco.co/stills" class="icon vsco"><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>VSCO</title><path d="M12 0C5.376 0 0 5.376 0 12s5.376 12 12 12 12-5.376 12-12S18.624 0 12 0zm11.52 12c0 .408-.023.792-.072 1.176l-2.04-.24c.024-.312.05-.624.05-.936 0-.288-.025-.6-.05-.888l2.04-.24c.072.384.072.744.072 1.128zM.479 12c0-.384.024-.769.049-1.152l2.04.24c-.024.312-.047.6-.047.912s.023.6.047.912l-2.04.24C.479 12.769.479 12.384.479 12zm20.472-3.096l1.921-.72c.264.72.433 1.464.552 2.232l-2.04.24c-.097-.6-.24-1.2-.433-1.752zM21 12c0 .6-.072 1.176-.167 1.752l-2.017-.455c.071-.409.119-.841.119-1.297s-.048-.912-.119-1.344l2.017-.457c.118.577.167 1.177.167 1.801zm-9 6.456C8.435 18.455 5.545 15.565 5.544 12 5.545 8.435 8.435 5.545 12 5.544c3.565.001 6.455 2.891 6.456 6.456.008 3.559-2.871 6.448-6.429 6.456H12zM12.216 21v-2.064c.885-.029 1.756-.224 2.568-.575l.888 1.872c-1.09.482-2.264.742-3.456.767zm-3.936-.791l.912-1.873c.792.359 1.656.575 2.568.6V21c-1.202-.023-2.386-.293-3.48-.791zM3 12c0-.624.072-1.224.192-1.824l2.016.456c-.098.45-.146.908-.144 1.368 0 .432.048.864.12 1.272l-2.016.455C3.051 13.159 2.994 12.58 3 12zm8.76-9v2.064c-.877.029-1.74.224-2.544.576l-.888-1.871C9.411 3.291 10.577 3.03 11.76 3zm3.935.792l-.911 1.872c-.809-.363-1.682-.559-2.568-.576V3.024c1.248 0 2.424.288 3.479.768zm5.088 4.656c-.231-.56-.513-1.098-.84-1.608l1.681-1.152c.407.648.768 1.32 1.056 2.04l-1.897.72zm-.07 1.296l-2.018.456c-.23-.85-.621-1.648-1.151-2.352l1.632-1.295c.72.959 1.248 2.015 1.537 3.191zm-3.457-2.256c-.572-.667-1.264-1.22-2.04-1.633l.912-1.871c1.056.549 1.993 1.299 2.76 2.208l-1.632 1.296zm-.6-3.744l.96-1.824c.672.384 1.295.816 1.896 1.32L18.145 4.8c-.461-.401-.959-.754-1.489-1.056zm-.408-.216c-.54-.266-1.102-.483-1.68-.648l.504-1.992c.744.216 1.464.48 2.159.84l-.983 1.8zm-2.16-.768c-.6-.144-1.2-.216-1.824-.239V.479c.793.024 1.584.12 2.328.289l-.504 1.992zm-2.28-.239c-.605.021-1.207.094-1.8.216L9.528.744c.72-.168 1.487-.265 2.28-.265v2.042zm-2.28.334c-.586.167-1.156.384-1.704.649l-.96-1.824c.691-.343 1.415-.616 2.16-.816l.504 1.991zm-2.112.865c-.529.294-1.027.64-1.488 1.032L4.56 3.216c.6-.504 1.224-.936 1.896-1.319l.96 1.823zm.48.264l.888 1.871c-.792.408-1.464.96-2.04 1.608L5.136 6.168c.775-.895 1.711-1.636 2.76-2.184zM4.848 6.552l1.608 1.295c-.53.705-.921 1.503-1.152 2.353l-2.016-.456c.312-1.2.84-2.28 1.56-3.192zM3.24 8.4l-1.92-.72c.287-.72.648-1.416 1.08-2.04l1.68 1.176c-.341.494-.623 1.025-.84 1.584zm-.168.455c-.192.577-.36 1.152-.432 1.776L.6 10.393c.12-.769.288-1.537.553-2.257l1.919.719zm-.456 4.513c.096.6.239 1.2.432 1.776l-1.92.72c-.271-.728-.456-1.485-.552-2.257l2.04-.239zm.624 2.208c.239.576.528 1.104.84 1.607L2.4 18.336c-.435-.629-.797-1.306-1.08-2.016l1.92-.744zm.024-1.392l2.017-.456c.216.864.624 1.681 1.128 2.376L4.8 17.4c-.725-.957-1.247-2.051-1.536-3.216zm3.432 2.28c.577.672 1.272 1.248 2.064 1.656l-.912 1.872c-1.063-.557-2.009-1.315-2.784-2.232l1.632-1.296zm.72 3.815l-.96 1.825c-.674-.376-1.31-.819-1.896-1.321l1.368-1.535c.456.407.936.744 1.488 1.031zm.408.217c.528.264 1.104.48 1.705.647l-.504 1.992c-.747-.196-1.471-.469-2.16-.815l.959-1.824zm2.16.768c.576.12 1.176.193 1.8.217v2.039c-.774-.026-1.544-.114-2.305-.264l.505-1.992zm2.28.216c.605-.021 1.207-.094 1.801-.217l.479 1.992c-.749.168-1.513.264-2.28.287V21.48zm2.257-.336c.586-.165 1.155-.382 1.703-.647l.96 1.824c-.688.35-1.412.623-2.159.815l-.504-1.992zm2.086-.865c.528-.287 1.032-.647 1.488-1.031l1.369 1.535c-.588.502-1.223.945-1.896 1.321l-.961-1.825zm-.479-.263l-.888-1.871c.788-.414 1.489-.977 2.064-1.656l1.606 1.296c-.778.91-1.722 1.668-2.782 2.231zm3.071-2.592l-1.607-1.296c.532-.708.916-1.517 1.128-2.376l2.017.456c-.311 1.157-.831 2.248-1.538 3.216zM20.76 15.6l1.92.721c-.288.72-.648 1.392-1.079 2.04l-1.682-1.177c.337-.504.624-1.032.841-1.584zm.168-.455c.192-.553.336-1.152.433-1.752l2.039.239c-.11.761-.294 1.508-.551 2.232l-1.921-.719zm.456-9.841l-1.681 1.152c-.358-.49-.76-.947-1.199-1.368l1.368-1.536c.552.552 1.056 1.128 1.512 1.752zM4.2 3.528l1.368 1.536c-.456.408-.84.864-1.2 1.368l-1.68-1.176c.431-.636.94-1.216 1.512-1.728zM2.664 18.744l1.68-1.152c.36.48.769.937 1.2 1.369l-1.368 1.535c-.548-.545-1.054-1.131-1.512-1.752zm17.16 1.729l-1.368-1.537c.432-.407.841-.863 1.199-1.344l1.682 1.176c-.457.6-.961 1.175-1.513 1.705z"/></svg></a>
</p>
</footer>
<!-- /.page-footer -->
<!-- .page-meta %8 -->
<div class="page-meta">
<p><small>© 2008—2023</small></p>
</div>
<!-- /.page-meta -->
<!-- Google Analytics (via HTML5Boilerplate)
<script>
window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date;
ga('create', 'UA-5715378-2', 'auto'); ga('set', 'anonymizeIp', true); ga('set', 'transport', 'beacon'); ga('send', 'pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async></script>
/Google Analytics -->
</body>
</html>