<!--
. . IMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
.IMMMMMMMMMMMMMM8I . ... . =MMMM
:MMMMMMMMMZ . 7MMMMZ . 7MD . IMMD .
MMMMM. . . . .~ .M, . MMM .
MMMM, N. .IDMMMO777ZNMMMMMO =MM . M:. NMM.
. ZMMM . . :7NMMDI= . MM IM MMM
MMM IMM77IDMMM, . M8 ..MM M ,N MMM
M8 M M . M ,O . 7. MM
.M8 D ,. ... M 7 MM
MM. 7 = . ~MMMMMN, . 7MM
MMM .. N. MMMMMMMMMMMMMMMO. MMM
.MMM MMMMMMMMM+. ZMMMZ $MMMMMMMMMMM.. MMM
MMMD. . ..ZMMM78MMMMMMMMM MMM. .. DMMMMMMMMMMM8MM MM7 . OMMMM .
MMM MM:. . MMMMMMMMMMMMMMMMM IMM MMMMMMO .DMMMMM.. . . +O MMM.
.MMM ?D OMMMMM .,MMMMM+ MM MMMMMMMM. ?.MM..
MMM M :M. .7M8 MM . MMMN .. =MMMMM. . :MMM :.MMM.
MMM. 8. MMMMMMMMMZ. MM MMMMMMMMMMMM~ M MM. MM$
.MMOM M . .. MMMMMM$ . MMM . MM .MM MM
NMMM M 8M O88I MMMM 7~ . . .:MMMMMM MM MM
MMM $ . MM . MMM~ ~MMMMMMM MMMMM=.7MMMM MM . MM
NM7I M MMM: MMMMM MM MMMMMM . MMMZMMM.MM. 8 MM
MM MM .+MMMM =M M,MMD MMMMMMM $MM DMMMMMM.. ZMM. .MM .8..MMM.
MM? :M MMMMMM .. . . MM . . . MMM .MMMMMMMI=MM MMMM M N MMM
.MM MMMMMMMMM 8MMMM .ZMMMMMM? . MMM. ,MMMMMM . =. MMM
MMM. MMMM MMMMMMM8 . MM . :MMMMMMMMM NMMMMMMMMMMM .MMM.
.MM IMMM= MM ?MMMMMMMMMMMMMMMMMMMMMMM8 . MM . MMMMMMM . MMN 8 MM8
MM 7MMM MM .MM $MMMMM7 .MM.. .MM. MMMMMMMMMMD. MM~ MMM
7M ..=MMMMMMM?. MMI MMM MM . ?MMMMMMMMMM MM .MMI . MMM.
M= MMMMMMMMMMMMMMN~ .8M= MM 7MMMMMMMMMMMM, MM8MMM .,MM
M= MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM8 MMMM . MM.
=M MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM+ 8MM MMM$ MM
.8M. MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM MM . =MMMM. 7MM.
MM MM.MM MM.ZMMMM7=MMMM . MM ZMM MMMMM MMM.
MM MMZMM ~MM MMM ..~MM MM MMMMMMM . $MM$
MM ~MMM, MMM MM=. MM MM MMMMMMZ .M7 .MM ~MMM
,MM MMMMMMMMD. MM MM MMO~.7MMMMMMMM=.. NM.. MM DMMM
MMI . =MMMMMMMMMMMMMMMMMMMMMMMMMMMMMM~. .M?. ,MM =MMMM
MM. D. . .. . . . .M= . ZMD . MMMM
MM. M M . .8MMMMMMMMMMMMM. MZ MM? . =MMMM
MM. I .MM ... .MM= .MM. ZMMMM
MM ,N . ,+777- -, ... ?MM MMMMM
MM. MMO. .. . . . 7MO . ?MMMM
MMZ .. .==~=. . . MMMM.
MM . . MMMM
MMM .. MMMMMMMMMM
.MMM7 ZMMMMMMMMN:
DMMMMMMMMMMMMMMMMMMMMMMMM? . .
. 7MMMMMMMMMMMMZ. . ..
-->
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<title>Sirius Business</title>
<link rel="stylesheet" type="text/css" href="per.css">
<link href='http://fonts.googleapis.com/css?family=Lato|Uncial+Antiqua|Slabo+27px' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<script type="text/javascript" src="sorcery/instafeed.min.js"></script>
<script type="text/javascript" src="sorcery/jquery-1.11.2.min.js"></script>
<script type="text/javascript">
var contentItems,
prevItem;
function calculateOffsets() {
contentItems = $('section').map(function (i) {
return $(this).offset().top;
}).get();
}
function updateNav() {
if(contentItems)
handleScrollNavigation();
}
$(window).load(function() {
calculateOffsets();
updateNav();
});
function handleScrollNavigation () {
var pageHeight = $(window).height();
var scroll = $(window).scrollTop() + 1,
activeItem;
for (var n = 0; n < contentItems.length && scroll > contentItems[n]; n++);
activeItem = n - 1;
if (activeItem != prevItem) {
$('header li a').removeClass('active');
$('header li a:eq(' + activeItem + ')').addClass('active');
prevItem = activeItem;
}
};
$(document).ready(function() {
$(window).resize(calculateOffsets);
$(window).resize(updateNav);
updateNav();
var $root = $('html, body');
$('a').click(function() {
var href = $.attr(this, 'href');
$root.animate({
scrollTop: $(href).offset().top
}, 500, function () {
window.location.hash = href;
});
return false;
});
$('header li a').click(function(e) {
$('header li a').removeClass('active');
$(e.target).addClass('active');
});
$(window).scroll(function(){
updateNav();
if ($(this).scrollTop() > 300) {
$('header').addClass('small');
} else {
$('header').removeClass('small');
}
});
});
</script>
</head>
<body>
<header>
<ul>
<li><a href="#cover" class="active"><span class="fa fa-star"></span></a></li>
<!--<li><a href="#design">Design</a></li>-->
<li><a href="#photography">Photography</a></li>
<li><a href="#writing">Writing</a></li>
</ul>
</header>
<section id="cover">
<div class="content layer" data-depth="0.00">
<h1>Sirius Business</h1>
<div id="contact">
<ul>
<li><a href="https://twitter.com/marttimalmi"><span class="fa fa-twitter"></span></a></li>
<li><a href="https://www.facebook.com/mmalmi"><span class="fa fa-facebook"></span></a></li>
<li><a href="https://www.linkedin.com/in/marttimalmi"><span class="fa fa-linkedin"></span></a></li>
<li><a href="https://github.com/mmalmi"><span class="fa fa-github"></span></a></li>
<li><a href="mailto:sirius@iki.fi"><span class="fa fa-at"></span></a></li>
</ul>
</div>
</div>
</section>
<section id="photography">
<h1>Photography <small>— AFK screenshots</small></h1>
<div id="instafeed"></div>
</section>
<!--<section id="design">
<h1>Design <small>is the meaning of life</small></h1>
<div></div>
</section> -->
<section id="writing">
<h1>Writing <small>is a art</small></h1>
<p>
<a href="/blog">Blog</a>
</p>
<p>
<a href="https://siriusbisnes.blogspot.fi">Old blog (Finnish)</a>
</p>
<div>
<a class="twitter-timeline" href="https://twitter.com/marttimalmi" data-widget-id="592795935392030721">Twiittej� k�ytt�j�lt� @marttimalmi</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
<p>
<a href="http://speedtest.10fastfingers.com"><img src="illusions/1_wpm_score_DK.png" alt="Typing Test Score"></a>
</p>
</section>
<footer>
<p>
<img src="illusions/construction.gif">
</p>
</footer>
<script type="text/javascript">
var userFeed = new Instafeed({
get: 'user',
userId: 313386739,
accessToken: '313386739.9038401.550f95a9937643cc95fb5ec141e583cb'
});
userFeed.run();
</script>
</body>
</html>