-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhobbies.html
134 lines (124 loc) · 10.2 KB
/
hobbies.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
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"><![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"><![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"><![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]-->
<head>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title>Henrik Sonnergård</title>
<meta name="description" content="Portfolio of Swedish web/graphic designer Henrik Sonnergård.">
<meta name="keywords" content="henrik, sonnergård, sonnergard, sweden, swedish, music, web, design, warpfuz">
<meta name="author" content="Henrik Sonnergård">
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
================================================== -->
<link rel="stylesheet" href="stylesheets/base.css">
<link rel="stylesheet" href="stylesheets/skeleton.css">
<link rel="stylesheet" href="stylesheets/layout.css">
<link rel="stylesheet"href="stylesheets/lightbox.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
</head>
<body>
<!-- Primary Page Layout
================================================== -->
<header class="sixteen columns">
<div class="container">
<h1 class="remove-bottom site-logo"><a href="./index.html"><img src="images/logo.png" alt="Henrik Sonnergård" /></a></h1>
<a href="#nav" id="toggle">Menu</a>
<br class="clear" />
<div id="nav">
<ul>
<li><a href="./index.html">portfolio<br /><img src="images/navicon-portfolio.png" alt=""></a></li>
<li><a href="./hobbies.html">hobbies<br /><img src="images/navicon-hobbies.png" alt=""></a></li>
<li><a href="./about.html">about<br /><img src="images/navicon-about.png" alt=""></a></li>
<li><a href="./contact.html">contact<br /><img src="images/navicon-contact.png" alt=""></a></li>
</ul>
</div>
</div>
</header>
<div class="container content-text-wrapper clearfix">
<h2>Hobbies</h2>
<div class="six columns alpha">
<iframe width="100%" height="300" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/38830983&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true"></iframe>
<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/19206434&color=ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false"></iframe>
</div>
<div class="ten columns omega text-body">
<h3>Music</h3>
<p>Since 2005 I have been producing electronic music with the DAW (Digital Audio Workstation) FL Studio. Before that I played around with eJay, a more basic music program, and since my childhood I have been practising the piano. Not that I am escpecially good at it, but I try to sit down every now and then to play a few chords.</p>
<p>In late 2007 I signed my first record deal with a small American label, using my artist name Warpfuz, and about one and one half year later the single, titled "Yeti", was released. Not a huge success, to be honest. Not even a small. But from there I started exploring the music industry, at least in the trance genre. During the latest years I have worked with other producers, for example <a href="http://asbjorn.org" title="Asbjørn Hegdahl portfolio">Asbjørn Hegdahl</a>, with remixes and collaborations, some still unfinished. Maybe these will be released in the future.</p>
<p>Recently I have released another music-related work, as a part of the creative group <a href="http://vovoid.org" title="Vovoid demo group">Vovoid</a>. At one of the biggest demo scene events, <a href="http://assembly.org" title="">Assembly</a>, we released our demo <a href="http://www.youtube.com/watch?v=ktkS7A5CZ8g" title="YouTube recording of the demo">"Luna: Reactivation"</a>. This has been a work in progress since about 2007, where my part has been to compose and produce the music, helping out with the direction and creating some of the graphics that we use. We ended up on third place in the competition, you can read more about it and see the demo itself on the minisite <a href="vovoid.ord/luna" title="">vovoid.org/luna</a>.</p>
<p>Currently, I'm working on a full-length album, which I started with a few years back. With this album I try to mix different genres, mostly electronic music like ambient, downtempo, psytrance, fullon and experimental, but I also try to get more acoustic elements into the music. For a little preview, take a listen to the clip above.</p>
</div>
<div class="nine columns alpha text-body">
<h3>Photography</h3>
<p>In 2007 I bought my first DSLR camera, a <a href="http://en.wikipedia.org/wiki/Nikon_D40">Nikon D40</a>. Since then I have been exploring the world of photography, upgraded my gear (rolling with a <a href="http://en.wikipedia.org/wiki/D7000">D7000</a> these days) and continued experimenting with various ways of using a camera. Everything from pictures of nature, people, astronomy, photometric analysis, textures and much more. I like to think of photography as a creative building block. Something to use together with other medias and art forms, whether it's for a t-shirt print, together with music or simply <a href="http://www.aavso.org/citizensky" title="Citizen Sky project">measuring a variable star's brightness</a>. Even if you can't argue with the beauty of a perfect picture hanging on a wall in all its glory.</p>
</div>
<div class="seven columns omega">
<a data-flickr-embed="true" href="https://www.flickr.com/photos/warpfuz-photo/albums/72157629909199806" title="Last Saab"><img class="scale-with-grid" src="https://farm8.staticflickr.com/7225/7275390184_2eb5d1a6a8.jpg" width="331" height="500" alt="Last Saab"></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script>
</div>
<div class="six columns alpha">
<img class="object-frame scale-with-grid" src="images/hobbies/snowboard.jpg" alt="CC" />
</div>
<div class="ten columns omega text-body">
<h3>Boarding</h3>
<p>As all 5 year old boys, I got my first skateboard very early. Then came the kickbike, and my poor skateboard had to patiently wait a few years before it got back in action. In my early teenage I skated quite a lot together with a couple of friends, mostly cruising and trying to master basic tricks. To this day, however, I've not managed to nail a perfect kickflip. As it's mainly the cruising and carving part of board sports that thrill me, I've recently began to explore the longboard.</p>
<p>It wasn't until I had a minor ski accident that I fell in love with the snowboard. -5 degrees Celcius, sunshine, no wind, a sparse birch forest, fresh powder and my happiness is complete. Most of the time I go boarding in the Scandinavian regions, but on my bucket list is to one day experience a long off-pist ride in Whistler.</p>
<hr />
</div>
</div><!-- container -->
<footer>
<div class="container">
<div class="eight columns">
<h3>Hallå hallå!</h3>
<img class="img-float scale-with-grid" src="images/henrik-thumb.png" alt="It's-a-me!" />
<p>I'm Henrik Sonnergård, an ordinary person from an ordinary Sweden. I especially like electronic music, cider, winter, SAAB, typography and snowboarding.</p>
<p>My passion is finding or creating the small details, stuff that most people don't think about but makes the whole experience rise from good to great. </p>
<p><a href="http://henrik.sonnergard.com/henrik_sonnergard_resume.pdf" title="Resume of Henrik Sonnergård">Download resume (PDF in Swedish)</a></p>
</div>
<div class="seven columns offset-by-one">
<h3>Socialize!</h3>
<p>Of course you can find me in many other places, here's a few ways to check out my works and get in touch.</p>
<p class="socicons-footer">
<a href="mailto:[email protected]" title="Mail">@</a>
<a href="http://www.linkedin.com/in/henriksonnergard" title="LinkedIn">j</a>
<a href="http://twitter.com/warpfuz" title="Twitter">a</a>
<br />
<a href="http://www.flickr.com/photos/warpfuz-photo/" title="Flickr photostream">v</a>
<a href="http://soundcloud.com/warpfuz" title="SoundCloud">n</a>
<a href="http://youtube.com/channel/UC6-PRe0w-OhTaDS6rzzRCcQ" title="YouTube">r</a>
</p>
</div>
<hr class="footer" />
<div class="sixteen columns">
<p class="footer-copy">© 2022 Henrik Sonnergård | Built with <a href="http://getskeleton.com" title="An amazing framework.">Skeleton 1.1</a></p>
</div>
</div>
</footer>
<!-- JS
================================================== -->
<script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
<script src="javascripts/tabs.js"></script>
<script src="javascripts/responsive-nav.js"></script>
<script src="javascripts/lightbox.min.js"></script>
<script>
var navigation = responsiveNav("#nav", {customToggle: "#toggle"});
</script>
<!-- End Document
================================================== -->
</body>
</html>