-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
243 lines (227 loc) · 19.2 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
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
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="Tobias Svehagen">
<title>Tobias Svehagen</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link href="css/styles.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-114565611-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-114565611-1');
</script>
</head>
<body>
<header class="header">
<div class="container">
<svg class="icon-laptop pb1" viewBox="0 0 463 463" xmlns="http://www.w3.org/2000/svg">
<path d="M455.5,348H447V99.5c0-17.369-14.131-31.5-31.5-31.5h-368C30.131,68,16,82.131,16,99.5V348H7.5
c-4.142,0-7.5,3.358-7.5,7.5v16C0,384.458,10.542,395,23.5,395h416c12.958,0,23.5-10.542,23.5-23.5v-16
C463,351.358,459.642,348,455.5,348z M31,99.5C31,90.402,38.402,83,47.5,83h368c9.098,0,16.5,7.402,16.5,16.5V348H31V99.5z
M448,371.5c0,4.687-3.813,8.5-8.5,8.5h-416c-4.687,0-8.5-3.813-8.5-8.5V363h169.025c-0.011,0.166-0.025,0.331-0.025,0.5
c0,4.142,3.358,7.5,7.5,7.5h80c4.142,0,7.5-3.358,7.5-7.5c0-0.169-0.014-0.334-0.025-0.5H448V371.5z"/>
<path d="M407.5,100h-352c-4.142,0-7.5,3.358-7.5,7.5v216c0,4.142,3.358,7.5,7.5,7.5h352c4.142,0,7.5-3.358,7.5-7.5v-216
C415,103.358,411.642,100,407.5,100z M400,316H63V115h337V316z"/>
</svg>
<h2>Hi, I'm Tobias Svehagen.</h2>
<h1>A passionate engineer who enjoys using Linux, coding and electronics to do product development.</h1>
<a href="https://github.com/tsvehagen" class="svg">
<svg class="icon-contact" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
<path d="M896 128q209 0 385.5 103t279.5 279.5 103 385.5q0 251-146.5 451.5t-378.5 277.5q-27 5-40-7t-13-30q0-3 .5-76.5t.5-134.5q0-97-52-142 57-6 102.5-18t94-39 81-66.5 53-105 20.5-150.5q0-119-79-206 37-91-8-204-28-9-81 11t-92 44l-38 24q-93-26-192-26t-192 26q-16-11-42.5-27t-83.5-38.5-85-13.5q-45 113-8 204-79 87-79 206 0 85 20.5 150t52.5 105 80.5 67 94 39 102.5 18q-39 36-49 103-21 10-45 15t-57 5-65.5-21.5-55.5-62.5q-19-32-48.5-52t-49.5-24l-20-3q-21 0-29 4.5t-5 11.5 9 14 13 12l7 5q22 10 43.5 38t31.5 51l10 23q13 38 44 61.5t67 30 69.5 7 55.5-3.5l23-4q0 38 .5 88.5t.5 54.5q0 18-13 30t-40 7q-232-77-378.5-277.5t-146.5-451.5q0-209 103-385.5t279.5-279.5 385.5-103zm-477 1103q3-7-7-12-10-3-13 2-3 7 7 12 9 6 13-2zm31 34q7-5-2-16-10-9-16-3-7 5 2 16 10 10 16 3zm30 45q9-7 0-19-8-13-17-6-9 5 0 18t17 7zm42 42q8-8-4-19-12-12-20-3-9 8 4 19 12 12 20 3zm57 25q3-11-13-16-15-4-19 7t13 15q15 6 19-6zm63 5q0-13-17-11-16 0-16 11 0 13 17 11 16 0 16-11zm58-10q-2-11-18-9-16 3-14 15t18 8 14-14z"/>
</svg>
</a>
<a href="https://linkedin.com/in/tsvehagen" class="svg">
<svg class="icon-contact" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
<path d="M365 1414h231v-694h-231v694zm246-908q-1-52-36-86t-93-34-94.5 34-36.5 86q0 51 35.5 85.5t92.5 34.5h1q59 0 95-34.5t36-85.5zm585 908h231v-398q0-154-73-233t-193-79q-136 0-209 117h2v-101h-231q3 66 0 694h231v-388q0-38 7-56 15-35 45-59.5t74-24.5q116 0 116 157v371zm468-998v960q0 119-84.5 203.5t-203.5 84.5h-960q-119 0-203.5-84.5t-84.5-203.5v-960q0-119 84.5-203.5t203.5-84.5h960q119 0 203.5 84.5t84.5 203.5z"/>
</svg>
</a>
<a href="mailto:tobias.svehagen@gmail.com" class="svg">
<svg class="icon-contact" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1376 128q119 0 203.5 84.5t84.5 203.5v960q0 119-84.5 203.5t-203.5 84.5h-960q-119 0-203.5-84.5t-84.5-203.5v-960q0-119 84.5-203.5t203.5-84.5h960zm32 1056v-436q-31 35-64 55-34 22-132.5 85t-151.5 99q-98 69-164 69t-164-69q-47-32-142-92.5t-142-92.5q-12-8-33-27t-31-27v436q0 40 28 68t68 28h832q40 0 68-28t28-68zm0-573q0-41-27.5-70t-68.5-29h-832q-40 0-68 28t-28 68q0 37 30.5 76.5t67.5 64.5q47 32 137.5 89t129.5 83q3 2 17 11.5t21 14 21 13 23.5 13 21.5 9.5 22.5 7.5 20.5 2.5 20.5-2.5 22.5-7.5 21.5-9.5 23.5-13 21-13 21-14 17-11.5l267-174q35-23 66.5-62.5t31.5-73.5z"/></svg>
</a>
</div>
</div>
</header>
<main role="main">
<section id="help">
<div class="container">
<h1>How can I help?</h1>
<div class="card-deck">
<div class="card">
<svg class="icon"><use xlink:href="/img/icons.svg#tux" /></svg>
<div class="card-body">
<h3 class="card-title">Linux</h3>
<p class="card-text">I have a long experience in working with both desktop and embedded Linux. I can help you with design decisions, board bring-up, application development and custom drivers.</p>
</div>
</div>
<div class="card">
<svg class="icon"><use xlink:href="/img/icons.svg#communication" /></svg>
<div class="card-body">
<h3 class="card-title">Communication</h3>
<p class="card-text mb-1">Getting devices connected using various technologies such as Bluetooth, WiFi and mobile.</p>
<p class="card-text">Communication with standard networking protocols or designing and implementing new ones.</p>
</div>
</div>
<div class="w-100 my-2 d-none d-sm-block d-xl-none"></div>
<div class="card">
<svg class="icon"><use xlink:href="/img/icons.svg#embedded" /></svg>
<div class="card-body">
<h3 class="card-title">Embedded</h3>
<p class="card-text">Start a new project by choosing platform, components and designing PCB. Getting up and running or continuing development of low-level and application code for bare-metal, FreeRTOS, Zephyr or Linux.</p>
</div>
</div>
<div class="card">
<svg class="icon"><use xlink:href="/img/icons.svg#coding" /></svg>
<div class="card-body">
<h3 class="card-title">Coding</h3>
<p class="card-text">Programming and software architecture is my bread and butter. C is usually my goto<sup>1</sup> language but I believe in choosing the language that best suits the task, be it C, C++, Python or Go.</p>
<p class="card-text"><small>1) Pun intended</small></p>
</div>
</div>
</div>
<hr class="my-5"/>
<div class="quote">
<blockquote class="blockquote">"Mmkay... but have you worked with <b>this</b>? Can you help me with <b>that</b>?"</blockquote>
<p>Glad you asked! If you <a href="#contact">contact me</a>, I will happily answer all your questions.</p>
</div>
</div>
</section>
<section id="projects">
<div class="container">
<h1>Recent projects</h1>
<p>I love tinkering and building things — both as a creative outlet and for trying out and learning new things. Here are a couple of projects I've done recently. For more information about my professional experience, take a look at my <a href="https://linkedin.com/in/tsvehagen">LinkedIn</a> or just <a href="#contact">ask me</a>.</p>
<div class="row py-5 mb-md-5">
<div class="col mb-2 mb-md-0">
<h2 class="mb-3">Alvira</h2>
<p>I'm a co-founder of a Swedish home-security startup called Alvira. We have developed our own sensor and app to alarm you in case there is a fire or break-in. We want to utilize a digital neighbourhood watch to bring every household a safer and less worrisome life.</p>
<p>At Alvira I'm mainly responsible for the hardware design, embedded software and system architecture.</p>
<p>For more information or to sign up to our mailing list please visit our site <a href="https://www.alvira.se">here</a>.</p>
</div>
<div class="col-md-6 col-lg-5 mb-4 mb-md-0 text-center">
<a href="https://www.alvira.se">
<img class="img-fluid" src="img/img-alvira.png" alt="Alvira image">
</a>
</div>
</div>
<div class="row py-5 mb-md-5">
<div class="col order-md-1">
<h2 class="mb-3">IoT with LoRaWAN</h2>
<p>LoRa is a technology for low-power wide-area-networks (LPWAN). A single gateway can cover areas of several kilometers and battery powered nodes can report data for years.</p>
<p>I put together a gateway and some nodes from off-the-shelf parts and set up a small network in my home town.</p>
<p>For more info on the setup, look <a href="https://lora.svehagen.io">here</a>.</p>
<p>If you live in Jönköping and is interested in LoRa or IoT in general, give me a ping.</p>
</div>
<div class="col-md-6 col-lg-5 pr-md-4 order-md-0 text-center">
<a href="https://lora.svehagen.io">
<img class="img-fluid" src="img/img-lora.png" alt="LoRa image">
</a>
</div>
</div>
<div class="row py-5">
<div class="col mb-2 mb-md-0">
<h2 class="udim mb-3">udim.me</h2>
<p>My idea for this project was to create a wireless light dimmer that also looks good. The device that does the actual dimming is connected between the light source and the power outlet. To control the light I made a wooden puck with a light and a dark side and the light is on or off depending on what side is facing up. Once the light is on it can be dimmed by rotating the puck.</p>
<p>I designed two boards based on the bluetooth low energy circuit <a href="https://www.nordicsemi.com/eng/Products/Bluetooth-low-energy/nRF52832">nRF52</a> and I used <a href="https://www.zephyrproject.org/">Zephyr</a> as OS. The product page is found <a href="https://udim.me">here</a> and some more details can be found <a href="https://github.com/tsvehagen/udim.me/blob/master/README.md">here</a>.</p>
</div>
<div class="col-md-6 col-lg-5 mb-4 mb-md-0 text-center">
<a href="https://udim.me">
<img class="img-fluid" src="img/img-udim.jpg" alt="udim.me image">
</a>
</div>
</div>
</div>
</section>
<section id="expect">
<div class="container">
<h1>What to expect?</h1>
<div class="card-deck">
<div class="card">
<svg class="icon"><use xlink:href="img/icons.svg#chart" /></svg>
<div class="card-body">
<h3 class="card-title">Lean</h3>
<p class="card-text">I believe in the principles of lean development and lean startup. Knowing what creates value for customers, failing fast, trying different things for better decision making and empowering teams are things that I believe make successful projects.</p>
</div>
</div>
<div class="w-100 my-2 d-block d-md-none"></div>
<div class="card">
<svg class="icon"><use xlink:href="img/icons.svg#learn" /></svg>
<div class="card-body">
<h3 class="card-title">Up-to-date</h3>
<p class="card-text">You can expect me to have up-to-date knowledge in my field of work and be quick to pick up new things when needed. Even though embedded devices is my field of expertise I try to keep a broad view of the computer industry as a whole.</p>
</div>
</div>
<div class="w-100 my-2 d-block d-md-none"></div>
<div class="card">
<svg class="icon"><use xlink:href="img/icons.svg#cogwheels" /></svg>
<div class="card-body">
<h3 class="card-title">Automate</h3>
<p class="card-text">I like to automate tasks such as building and testing by using tools like Jenkins and Docker. Besides saving time and frustration I think it is a great way of keeping work documented and reproducible.</p>
</div>
</div>
</div>
</div>
</section>
<section id="business">
<div class="container">
<h1>Do business together?</h1>
<p>So, you've made it this far. Hopefully you have a pretty good idea of what I can do and how I might help.</p>
<p class="mb-1"><b>Now I have some questions for <i>you</i>:</b></p>
<ul>
<li>Do you think you could use my help as a consultant — hours, part-time or full-time?</li>
<li>Are you looking for a project member, business partner or co-founder?</li>
<li>Want to know more about me?</li>
</ul>
<p>If you answered yes to at least one question then don't hesitate to contact me. I've been told I'm a quite nice person.</p>
<div class="my-5"></div>
<div class="mb-4 pt-5">
<h2 class="d-inline pb-1" style="border-bottom: 4px solid #fff !important; font-weight: 600" id="contact">Get in touch</h2>
</div>
<div class="my-2">
<a href="mailto:tobias.svehagen@gmail.com">
<div class="d-inline-flex align-items-center">
<svg class="icon-contact-bottom" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1664 1504v-768q-32 36-69 66-268 206-426 338-51 43-83 67t-86.5 48.5-102.5 24.5h-2q-48 0-102.5-24.5t-86.5-48.5-83-67q-158-132-426-338-37-30-69-66v768q0 13 9.5 22.5t22.5 9.5h1472q13 0 22.5-9.5t9.5-22.5zm0-1051v-24.5l-.5-13-3-12.5-5.5-9-9-7.5-14-2.5h-1472q-13 0-22.5 9.5t-9.5 22.5q0 168 147 284 193 152 401 317 6 5 35 29.5t46 37.5 44.5 31.5 50.5 27.5 43 9h2q20 0 43-9t50.5-27.5 44.5-31.5 46-37.5 35-29.5q208-165 401-317 54-43 100.5-115.5t46.5-131.5zm128-37v1088q0 66-47 113t-113 47h-1472q-66 0-113-47t-47-113v-1088q0-66 47-113t113-47h1472q66 0 113 47t47 113z"/></svg>
<span class="pl-3" style="color: white;">tobias.svehagen@gmail.com</span>
</div>
</a>
</div>
<div class="my-2">
<a href="https://linkedin.com/in/tsvehagen">
<div class="d-inline-flex align-items-center">
<svg class="icon-contact-bottom" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M477 625v991h-330v-991h330zm21-306q1 73-50.5 122t-135.5 49h-2q-82 0-132-49t-50-122q0-74 51.5-122.5t134.5-48.5 133 48.5 51 122.5zm1166 729v568h-329v-530q0-105-40.5-164.5t-126.5-59.5q-63 0-105.5 34.5t-63.5 85.5q-11 30-11 81v553h-329q2-399 2-647t-1-296l-1-48h329v144h-2q20-32 41-56t56.5-52 87-43.5 114.5-15.5q171 0 275 113.5t104 332.5z"/></svg>
<span class="pl-3" style="color: white;">tsvehagen</span>
</div>
</a>
</div>
<div class="my-2">
<a href="https://github.com/tsvehagen">
<div class="d-inline-flex align-items-center">
<svg class="icon-contact-bottom" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
<path d="M896 128q209 0 385.5 103t279.5 279.5 103 385.5q0 251-146.5 451.5t-378.5 277.5q-27 5-40-7t-13-30q0-3 .5-76.5t.5-134.5q0-97-52-142 57-6 102.5-18t94-39 81-66.5 53-105 20.5-150.5q0-119-79-206 37-91-8-204-28-9-81 11t-92 44l-38 24q-93-26-192-26t-192 26q-16-11-42.5-27t-83.5-38.5-85-13.5q-45 113-8 204-79 87-79 206 0 85 20.5 150t52.5 105 80.5 67 94 39 102.5 18q-39 36-49 103-21 10-45 15t-57 5-65.5-21.5-55.5-62.5q-19-32-48.5-52t-49.5-24l-20-3q-21 0-29 4.5t-5 11.5 9 14 13 12l7 5q22 10 43.5 38t31.5 51l10 23q13 38 44 61.5t67 30 69.5 7 55.5-3.5l23-4q0 38 .5 88.5t.5 54.5q0 18-13 30t-40 7q-232-77-378.5-277.5t-146.5-451.5q0-209 103-385.5t279.5-279.5 385.5-103zm-477 1103q3-7-7-12-10-3-13 2-3 7 7 12 9 6 13-2zm31 34q7-5-2-16-10-9-16-3-7 5 2 16 10 10 16 3zm30 45q9-7 0-19-8-13-17-6-9 5 0 18t17 7zm42 42q8-8-4-19-12-12-20-3-9 8 4 19 12 12 20 3zm57 25q3-11-13-16-15-4-19 7t13 15q15 6 19-6zm63 5q0-13-17-11-16 0-16 11 0 13 17 11 16 0 16-11zm58-10q-2-11-18-9-16 3-14 15t18 8 14-14z"/>
</svg>
<span class="pl-3" style="color: white;">tsvehagen</span>
</div>
</a>
</div>
<div class="my-2">
<a href="tel:+46707947577">
<div class="d-inline-flex align-items-center">
<svg class="icon-contact-bottom" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1600 1240q0 27-10 70.5t-21 68.5q-21 50-122 106-94 51-186 51-27 0-53-3.5t-57.5-12.5-47-14.5-55.5-20.5-49-18q-98-35-175-83-127-79-264-216t-216-264q-48-77-83-175-3-9-18-49t-20.5-55.5-14.5-47-12.5-57.5-3.5-53q0-92 51-186 56-101 106-122 25-11 68.5-21t70.5-10q14 0 21 3 18 6 53 76 11 19 30 54t35 63.5 31 53.5q3 4 17.5 25t21.5 35.5 7 28.5q0 20-28.5 50t-62 55-62 53-28.5 46q0 9 5 22.5t8.5 20.5 14 24 11.5 19q76 137 174 235t235 174q2 1 19 11.5t24 14 20.5 8.5 22.5 5q18 0 46-28.5t53-62 55-62 50-28.5q14 0 28.5 7t35.5 21.5 25 17.5q25 15 53.5 31t63.5 35 54 30q70 35 76 53 3 7 3 21z"/></svg>
<span class="pl-3" style="color: white;">+46 70 794 75 77</span>
</div>
</a>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="container">
<p class="m-0"><small>© Tobias Svehagen 2019.</small></p>
</div>
</footer>
</body>
</html>